'+
10 | ''+
11 | '
';
32 | return sHtml;
33 | }).call(this),
34 | defaults: {
35 | width:"400px",
36 | height:"auto",
37 | isShow: false,//是否显示界面
38 | autoClose:false,//自动关闭
39 | title:"修改密码",//标题部分内容
40 | pwd:"",
41 | pwdConfirm:"",
42 | animateCss:"",
43 | animate:{
44 | show:"fadeInUp",
45 | hide:"fadeOutDown",
46 | time:500
47 | },
48 | buttons:{
49 | onConfirm:avalon.noop,
50 | onClose:avalon.noop,
51 | },
52 | show:function(sTitle,fnConfirm,fnClose){
53 | this.pwd=this.pwdConfirm="",
54 | sTitle=sTitle||this.title;
55 | if(avalon.isFunction(fnConfirm)) this.buttons.onConfirm=fnConfirm;
56 | if(avalon.isFunction(fnClose)) this.buttons.onClose=fnClose;
57 | this.animateCss=this.animate.show;
58 | this.isShow=true;
59 | },
60 | hide:function(){
61 | var oSelf=this;
62 | this.animateCss=this.animate.hide;
63 | if(this.animate.time>0){
64 | setTimeout(function(){
65 | oSelf.isShow=false;
66 | },this.animate.time);
67 | }else{
68 | this.isShow=false;
69 | }
70 | },
71 | _OnClose:function(){
72 | this.hide();
73 | this.buttons.onClose();
74 | },
75 | _OnConfirm:function(){
76 | // this.hide();
77 | this.buttons.onConfirm();
78 | }
79 | }
80 | });
--------------------------------------------------------------------------------
/base/fy-modal-qrcode.js:
--------------------------------------------------------------------------------
1 | /*
2 | avalon组件,fy-alert模态弹框.
3 | open() 用于自定义,传入整个对象,参数会有默认值.
4 | show() wiat() error() warn() 自带一些默认值,
5 | 传入按钮的function 并且 没有showtime的时候 会显示按钮,
6 | 传入showtime时候 会自动关闭alert.
7 | */
8 | avalon.component('fy-modal-qrcode', {
9 | template: (function(){
10 | var content="'+
12 | '
'+
31 | ''+
13 | ''+
14 | ''+
15 | '
'+
16 | ''+
17 | '
'+
26 | ''+
30 | ''+
18 | '
'+
25 | ''+
19 | ''+
20 | ''+
21 | ''+
22 | ''+
23 | '
'+
24 | '"+
11 | ""+
12 | "
";
21 | return content;
22 | }).call(this),
23 | defaults: {
24 | // 控制modal-tip的显示
25 | isShow:false,
26 | autoClose:false,
27 | zIndex:10000,
28 | $timeId:0,
29 | animateCss:"",
30 | title:"二维码",
31 | imgSrc:"",
32 | // imgWidth:"200px",
33 | animate:{
34 | show:"fadeInUp",
35 | hide:"fadeOutDown",
36 | time:500
37 | },
38 | show:function(title,imgSrc,fnConfirm,fnClose){
39 | this.title=title||this.title;
40 | this.imgSrc=imgSrc||this.imgSrc;
41 | if(avalon.isFunction(fnConfirm)) this.$buttons.onConfirm=fnConfirm;
42 | if(avalon.isFunction(fnClose)) this.$buttons.onClose=fnClose;
43 | this.animateCss=this.animate.show;
44 | this.isShow=true;
45 | },
46 | hide:function(){
47 | var oSelf=this;
48 | this.animateCss=this.animate.hide;
49 | if(this.animate.time>0){
50 | setTimeout(function(){
51 | oSelf.isShow=false;
52 | },this.animate.time);
53 | }else{
54 | this.isShow=false;
55 | }
56 | },
57 | $buttons:{
58 | onConfirm:avalon.noop,
59 | onClose:avalon.noop
60 | },
61 | _OnClose:function(){
62 | //返回值不为false，则自动关闭
63 | if(false!==this.$buttons.onClose()) this.hide();
64 | },
65 | _OnConfirm:function(){
66 | //返回值不为false，则自动关闭
67 | if(false!==this.$buttons.onConfirm()) this.hide();
68 | }
69 | }
70 | });
--------------------------------------------------------------------------------
/base/fy-modal-table.js:
--------------------------------------------------------------------------------
1 | /*
2 | author:小风风
3 | createDate:2017-01-10
4 | description:flyui的带table的可选择对应一条的基础组件
5 | */
6 | avalon.component("fy-modal-table", {
7 | template:(function(){
8 | // 内容表格部分
9 | var sHtml= '"+
13 | ""+
14 | "![]()
"+
15 | ""+
19 | "
"+
20 | "'+
10 | ''+
11 | '
';
45 | return sHtml;
46 | }).call(this),
47 | defaults: {
48 | width:"600px",
49 | height:"auto",
50 | isShow: false,//是否显示界面
51 | autoClose:false,//自动关闭
52 | showBtn:true,//选择按钮显示,默认true
53 | searchBtn:false,// 搜索按钮显示,传search函数时显示
54 | title:"标题",//标题部分内容
55 | //必须配置下面3项
56 | aTitle:[],//table的tr
57 | dataTable:[],//获得的数据,需要筛选
58 | $source:[],//原数组
59 | sort:[],//筛选项
60 | animateCss:"",
61 | animate:{
62 | show:"fadeInUp",
63 | hide:"fadeOutDown",
64 | time:500
65 | },
66 | buttons:{
67 | onConfirm:avalon.noop,
68 | onClose:avalon.noop,
69 | onSelect:avalon.noop,
70 | onSearch:avalon.noop
71 | },
72 | searchText:"",//查询的文本
73 | // search:function(oItem,iIndex){//查询过滤器，不过暂时无效果
74 | // var sText=this.searchText||"";
75 | // return oItem.indexOf(sText)>=0;
76 | // },
77 | show:function(sTitle,fnSelect,fnConfirm,fnClose,fnSearch){
78 | this.title=sTitle||this.title;
79 | //点击选择按钮的方法,回传所选数据
80 | if(avalon.isFunction(fnSelect)) this.buttons.onSelect=fnSelect;
81 | if(avalon.isFunction(fnConfirm)) this.buttons.onConfirm=fnConfirm;
82 | if(avalon.isFunction(fnClose)) this.buttons.onClose=fnClose;
83 | if(avalon.isFunction(fnSearch)){
84 | this.buttons.onSearch=fnSearch;
85 | this.searchBtn=true;
86 | }
87 | this.animateCss=this.animate.show;
88 | this.isShow=true;
89 | },
90 | hide:function(){
91 | var oSelf=this;
92 | this.animateCss=this.animate.hide;
93 | if(this.animate.time>0){
94 | setTimeout(function(){
95 | oSelf.isShow=false;
96 | },this.animate.time);
97 | }else{
98 | this.isShow=false;
99 | }
100 | },
101 | _OnClose:function(){
102 | this.hide();
103 | this.buttons.onClose();
104 | },
105 | _OnConfirm:function(){
106 | // this.hide();
107 | this.buttons.onConfirm();
108 | }
109 | }
110 | });
--------------------------------------------------------------------------------
/base/fy-modal.js:
--------------------------------------------------------------------------------
1 | /*
2 | authro:aLoNe.Adams.K
3 | createDate:2016-12-14
4 | description:flyui的带对话框的基础组件
5 | */
6 | avalon.component("fy-modal", {
7 | template:(function(){
8 | // 内容表格部分
9 | var sHtml= ''+
12 | '
'+
44 | ''+
13 | ''+
14 | ''+
15 | '
'+
22 | ''+
16 | ''+
17 | ''+
18 | ''+
19 | ''+
20 | '
'+
21 | ''+
23 | ''+
24 | ''+
25 | '
'+
38 | '
'+
39 | ''+
43 | '| {{el}} | '+ 27 | '|
|---|---|
| {{value}} | '+ 32 | ''+ 33 | '选择'+ 34 | ' | '+ 35 | '
'+
10 | ''+
11 | '
';
24 | return sHtml;
25 | }).call(this),
26 | defaults: {
27 | width:"600px",
28 | height:"auto",
29 | isShow: false,//是否显示界面
30 | autoClose:false,//自动关闭
31 | title:"Modal",//标题部分内容
32 | content:"",//主要内容区
33 | animateCss:"",
34 | animate:{
35 | show:"fadeInUp",
36 | hide:"fadeOutDown",
37 | time:500
38 | },
39 | buttons:{
40 | onConfirm:avalon.noop,
41 | onClose:avalon.noop,
42 | },
43 | show:function(sTitle,sContent,fnConfirm,fnClose){
44 | sTitle=sTitle||this.title;
45 | sContent=sContent||this.content;
46 | if(avalon.isFunction(fnConfirm)) this.buttons.onConfirm=fnConfirm;
47 | if(avalon.isFunction(fnClose)) this.buttons.onClose=fnClose;
48 | this.title=sTitle;
49 | this.content=sContent;
50 | this.animateCss=this.animate.show;
51 | this.isShow=true;
52 | },
53 | hide:function(){
54 | var oSelf=this;
55 | this.animateCss=this.animate.hide;
56 | if(this.animate.time>0){
57 | setTimeout(function(){
58 | oSelf.isShow=false;
59 | },this.animate.time);
60 | }else{
61 | this.isShow=false;
62 | }
63 | },
64 | _OnClose:function(){
65 | this.hide();
66 | this.buttons.onClose();
67 | },
68 | _OnConfirm:function(){
69 | this.hide();
70 | this.buttons.onConfirm();
71 | }
72 | }
73 | });
74 | (function(){
75 | var oModal=avalon.components["fy-modal"];
76 | if(oModal){
77 | oModal.extend({
78 | displayName:"fy-modal-grid",
79 | defaults:{
80 | content:(function(){
81 | return ''+
12 | '
'+
23 | ''+
13 | ''+
14 | ''+
15 | '
'+
16 | ''+
17 | '
'+
18 | ''+
22 | ''+
82 | ''+
83 | ''+
84 | '
'+
98 | '
';
99 | })(),
100 | data:[],//grid数据源
101 | fields:[{
102 | id:"序号",
103 | name:"名称",
104 | }],//需要显示的字段
105 | selectFields:[],
106 | getFields:function(){//根据fields获取显示的字段
107 | var aFields=[];
108 | avalon.each(this.fields,function(key,value){
109 | aFields.push(key);
110 | });
111 | this.selectFields=aFields;
112 | },
113 | selectData:function(el){
114 | this.onSelect(el);
115 | if(this.autoClose==true) this.hide();
116 | },
117 | onSelect:avalon.noop,//onSelect(el)
118 | show:function(sTitle,aData){
119 | sTitle=sTitle||this.title;
120 | aData=aData||[];
121 | this.title=sTitle;
122 | this.data=aData;
123 | this.isShow=true;
124 | },
125 | onReady:function(){
126 | this.getFields();
127 | }
128 | }
129 | });
130 | }
131 | })();
--------------------------------------------------------------------------------
/base/fy-preview.js:
--------------------------------------------------------------------------------
1 | /*
2 | authro:小风风
3 | createDate:2017-06-07
4 | description:flyui的图片预览组件
5 | 传入图片url或者img对象
6 | 再次点击关闭预览
7 | */
8 | avalon.component("fy-preview", {
9 | template: (function(){
10 | var sHtml='| {{value}} | '+ 86 | '操作 | '+ 87 | '
|---|---|
| {{value}} | '+ 92 | ''+ 93 | '选择'+ 94 | ' | '+ 95 | '
'+
11 | ''+
12 | '
';
20 | return sHtml;
21 | }).call(this),
22 | defaults: {
23 | domId:"fy-preview_"+(Math.random()+"").substr(3,6),
24 | height:"",
25 | imgWidth:"",
26 | imgHeight:"",
27 | isShow:false,
28 | src:"",
29 | title:"",
30 | animateCss:"",
31 | animate:{
32 | show:"fadeIn",
33 | hide:"fadeOut",
34 | time:500
35 | },
36 | _onShow:function(sImg){
37 | this.src=sImg;
38 | this.isShow=true;
39 | },
40 | _onShowimg:function(oImg){
41 | this.src=oImg.src;
42 | this.title=oImg.title;
43 | this.isShow=true;
44 | },
45 | show:function(oImg){
46 | this.animateCss=this.animate.show;
47 | if(oImg){
48 | if(typeof oImg=="string"){
49 | this._onShow(oImg);
50 | return;
51 | }
52 | if(typeof oImg=="object"){
53 | this._onShowimg(oImg);
54 | }
55 | }
56 | },
57 | hide:function(){
58 | var oSelf=this;
59 | this.animateCss=this.animate.hide;
60 | if(this.animate.time>0){
61 | setTimeout(function(){
62 | oSelf.isShow=false;
63 | },this.animate.time);
64 | }else{
65 | this.isShow=false;
66 | }
67 | },
68 | imgLoaded:function($event){//图片载入完成
69 | var img=$event.target,
70 | height=document.body.clientHeight-(this.title!=""?68:0),
71 | width=document.body.clientWidth;
72 | //通过比较宽和高谁的值大，以此来决定以哪一边来缩放
73 | if(img.width>img.height){
74 | if(img.width>width) this.imgWidth=width;
75 | }else{
76 | if(img.height>height) this.imgHeight=height;
77 | else{
78 | //height>img.height
79 | //计算高度差，进行top设置
80 | img.style.marginTop=Math.floor((height-img.height)/2)+"px";
81 | }
82 | }
83 | },
84 | onReady:function(){
85 | this.height=document.body.clientHeight+"px";
86 | }
87 | }
88 | });
--------------------------------------------------------------------------------
/base/fy-slide.js:
--------------------------------------------------------------------------------
1 | /*
2 | author:小风风
3 | createDate:2016-12-14
4 | description:flyui的slide幻灯片插件,淡入淡出的切换效果
5 | animate.css动画效果已加入css
6 |
7 | 参数
8 | 传入数组,链接地址和图片地址
9 | img:[{href:"2.html",imgurl:"pgbg02.jpg"},{href:"3.html",imgurl:"pgbg03.jpg"},]
10 | 高宽
11 | 切换时间 changeTIme
12 |
13 | 变量current 控制切换第几张图,
14 | 自动循环,
15 | 移入圆点时修改对应的值,
16 | 移入图片时停止自动循环,移除时开启执行循环,
17 | 点击下一页时current+1,点击上一页current-1,
18 | */
19 | avalon.component('fy-slide', {
20 | template: (function(){
21 | var slideContent="'+
13 | '![]()
'+
18 | '
'+
19 | ''+
14 | // ''+
15 | '
'+
17 | '{{@title}}
'+ 16 | '"+
22 | "
";
35 | return slideContent;
36 | }).call(this),
37 | defaults: {
38 | height:"400px",
39 | width:"700px",
40 | img:[],// 传入数组
41 | slideIndexLeft:"",
42 | current:0,// 循环变量 控制切换
43 | timeId:0,
44 | changeTime:2000,// 切换时间
45 | autoChange:function(){
46 | var oSelf=this;
47 | this.timeId=setTimeout(function(){
48 | oSelf.changeImg();
49 | oSelf.autoChange();
50 | },this.changeTime);
51 | },
52 | nextImg:function(){
53 | this.changeImg();
54 | },
55 | prevImg:function(){
56 | if(this.current<=0){
57 | this.current=this.img.length-1;
58 | }else{
59 | this.current--;
60 | }
61 | },
62 | changeState:function(bState){
63 | if(bState) this.autoChange();
64 | else{
65 | clearTimeout(this.timeId);
66 | }
67 | },
68 | onReady:function(){
69 | this.autoChange();
70 | this.slideIndexLeft=0-12*(this.img.length);//计算圆点的位置
71 | },
72 | changeImg:function(){
73 | if(this.current==this.img.length-1){
74 | this.current=0;
75 | }else{
76 | this.current++;
77 | }
78 | },
79 | },
80 | });
--------------------------------------------------------------------------------
/base/fy-toastr-tip.js:
--------------------------------------------------------------------------------
1 | /*
2 | author:小风风
3 | createDate:2016-12-14
4 | description:flyui tip提示框组件
5 | toastr.css引入,tip弹框提示
6 | 4种样式success,info,waring,error
7 | 有6种位置:左上,左下,右上,右下,中间上,中间下,默认选右上
8 | 自动关闭时间,有读条显示,控制对应的.toast-progress的宽度,用transition样式控制,默认2s
9 | 传入标题和内容,简单设置默认值
10 | 鼠标移入时透明度1,默认0.7
11 | */
12 | avalon.component('fy-toastr-tip', {
13 | template:(function(){
14 | var modal='- "+
23 | "
- "+
24 | ""+
25 | "
"+ 26 | ""+ 27 | "
"+
28 | "
'+
15 | '
';
22 | return modal;
23 | }).call(this),
24 | defaults: {
25 | $timeId:0,//用于定时器的回调,加入样式需要延迟关闭
26 | title:"成功",
27 | message:"请稍等......",
28 | tipType:"success",
29 | isShow:false,//是否显示界面
30 | closeBtn:true,//关闭按钮,暂留
31 | autoClose:true,//选中后自动关闭
32 | closeTime:2000,
33 | animate:{
34 | show:"fadeInDown",
35 | hide:"fadeOutDown",
36 | time:1000
37 | },
38 | animateCss:"",
39 | progressEnd:"",
40 | mouseOn:function(){
41 | this.progressEnd="";
42 | clearTimeout(this.$timeId);
43 | },
44 | mouseOut:function(){
45 | this.progressEnd="toast-progress-begin toast-progress-end";
46 | this.$timeId=0;
47 | this.show();
48 | },
49 | show:function(sTitle,sMessage,sType){
50 | if(this.$timeId>0) return;
51 | this.title=sTitle||this.title;
52 | this.message=sMessage||this.message;
53 | this.tipType=sType||this.tipType;
54 | this.isShow=true;
55 | this.animateCss=this.animate.show;
56 | this.progressEnd="toast-progress-begin toast-progress-end";
57 | var oSelf=this;
58 | this.$timeId=setTimeout(function(){
59 | oSelf.$timeId=0;
60 | oSelf.hide();
61 | },this.closeTime);
62 | },
63 | hide:function(){
64 | if(this.$timeId>0) return;
65 | this.animateCss=this.animate.hide;
66 | if(this.animate.time>0){
67 | var oSelf=this;
68 | this.$timeId=setTimeout(function(){
69 | oSelf.$timeId=0;
70 | oSelf.isShow=false;
71 | oSelf.progressEnd="";
72 | oSelf.message="请稍等......";
73 | },this.animate.time);
74 | }else{
75 | this.isShow=false;
76 | }
77 | },
78 | onReady:function(){
79 |
80 | }
81 | }
82 | });
--------------------------------------------------------------------------------
/base/fy-tree.js:
--------------------------------------------------------------------------------
1 | /*
2 | avalon组件，bootstrap引入,modal弹框,
3 | 规范化数据格式
4 | {
5 | id:1,text:'hello',title:'world',subtree:{}
6 | }
7 | */
8 | //树组件
9 | var treeID=0;
10 | avalon.component('fy-tree', {
11 | template:(function(){
12 | // 组件部分
13 | return ''+
16 | ''+
17 | ''+
18 | ''+
19 | ''+
20 | '
'+
21 | '- '+
14 | '
- '+
15 | ''+
16 | '' +
17 | '' +
18 | '{{el.text}}' +
19 | ''+
20 | ''+ 21 | 22 | ''+ 23 | ' '+
24 | '
- '+
53 | '
- '+
54 | ''+
55 | '' +
56 | '' +
57 | '{{'+sElSub+'.text}}' +
58 | ''+
59 | ''+ 60 | ''+ 61 | ' '+
62 | '
31 |
37 |
51 |
52 |
--------------------------------------------------------------------------------
/demo/avalon-slide-test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
32 | {{@aaa}}
33 |
34 |
36 |
13 |
20 |
21 |
22 |
23 |
24 |
25 |
62 |
--------------------------------------------------------------------------------
/demo/dialog.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 | 弹窗
17 |
19 |
20 |
21 |
22 |
23 |
24 |
39 |
--------------------------------------------------------------------------------
/demo/fy-alert.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 |
17 |
27 |
28 |
29 |
30 |
31 |
32 |
100 |
--------------------------------------------------------------------------------
/demo/fy-base.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 | 弹窗
17 |
18 |
20 |
21 |
22 |
23 |
24 |
25 |
28 |
94 |
--------------------------------------------------------------------------------
/demo/fy-contextmenu.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 |
19 |
20 |
21 |
22 |
23 |
24 |
57 |
--------------------------------------------------------------------------------
/demo/fy-modal-amap.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | aaaa
17 |
16 | 弹窗input
17 |
19 |
20 |
21 |
22 |
23 |
24 |
55 |
--------------------------------------------------------------------------------
/demo/fy-modal-list.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 | 弹窗
17 |
19 |
20 |
21 |
22 |
23 |
24 |
39 |
--------------------------------------------------------------------------------
/demo/fy-modal-pwdreset.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 | 弹窗
17 |
19 |
20 |
21 |
22 |
23 |
24 |
38 |
--------------------------------------------------------------------------------
/demo/fy-modal-table.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
16 | 弹窗table
17 |
18 |
19 |
26 |
27 |
37 |
38 |
39 |
40 |
41 |
42 |
84 |
--------------------------------------------------------------------------------
/demo/fy-modal.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 | 26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
16 |
23 | 点击图片预览大图 24 |
25 |
26 | 
27 | 
28 | 
29 |
31 |
32 |
33 |
34 |
35 |
36 |
54 |
--------------------------------------------------------------------------------
/demo/fy-tabs.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
17 |
18 |
19 |
20 |
21 |
22 | 23 | 点击图片预览大图 24 |
25 |
26 |
27 |
28 |
29 |
16 |
24 |
32 |
33 |
34 |
35 |
36 |
104 |
--------------------------------------------------------------------------------
/demo/fy-topastr-tip.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
25 |
31 |
26 |
30 |
27 |
28 |
29 |
17 |
18 |
19 |
14 | 弹窗
15 |
17 |
18 |
19 |
20 |
21 |
22 |
69 |
--------------------------------------------------------------------------------
/demo/img-preview/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-preview/1.png
--------------------------------------------------------------------------------
/demo/img-preview/2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-preview/2.jpeg
--------------------------------------------------------------------------------
/demo/img-preview/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-preview/3.jpg
--------------------------------------------------------------------------------
/demo/img-preview/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-preview/4.png
--------------------------------------------------------------------------------
/demo/img-slide/pgbg01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-slide/pgbg01.jpg
--------------------------------------------------------------------------------
/demo/img-slide/pgbg02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-slide/pgbg02.jpg
--------------------------------------------------------------------------------
/demo/img-slide/pgbg03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-slide/pgbg03.jpg
--------------------------------------------------------------------------------
/demo/img-slide/pgbg04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aLoNeIT/flyUI/53e97777494c885d5ef50277371f619e2454ba20/demo/img-slide/pgbg04.jpg
--------------------------------------------------------------------------------
/demo/select_demo_testing.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
23 |
24 |
25 |
62 |
--------------------------------------------------------------------------------
/support/base64.js:
--------------------------------------------------------------------------------
1 | function Base64() {
2 |
3 | // private property
4 | _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
5 |
6 | // public method for encoding
7 | this.encode = function (input) {
8 | var output = "";
9 | var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
10 | var i = 0;
11 | input = _utf8_encode(input);
12 | while (i < input.length) {
13 | chr1 = input.charCodeAt(i++);
14 | chr2 = input.charCodeAt(i++);
15 | chr3 = input.charCodeAt(i++);
16 | enc1 = chr1 >> 2;
17 | enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
18 | enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
19 | enc4 = chr3 & 63;
20 | if (isNaN(chr2)) {
21 | enc3 = enc4 = 64;
22 | } else if (isNaN(chr3)) {
23 | enc4 = 64;
24 | }
25 | output = output +
26 | _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
27 | _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
28 | }
29 | return output;
30 | }
31 |
32 | // public method for decoding
33 | this.decode = function (input) {
34 | var output = "";
35 | var chr1, chr2, chr3;
36 | var enc1, enc2, enc3, enc4;
37 | var i = 0;
38 | input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
39 | while (i < input.length) {
40 | enc1 = _keyStr.indexOf(input.charAt(i++));
41 | enc2 = _keyStr.indexOf(input.charAt(i++));
42 | enc3 = _keyStr.indexOf(input.charAt(i++));
43 | enc4 = _keyStr.indexOf(input.charAt(i++));
44 | chr1 = (enc1 << 2) | (enc2 >> 4);
45 | chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
46 | chr3 = ((enc3 & 3) << 6) | enc4;
47 | output = output + String.fromCharCode(chr1);
48 | if (enc3 != 64) {
49 | output = output + String.fromCharCode(chr2);
50 | }
51 | if (enc4 != 64) {
52 | output = output + String.fromCharCode(chr3);
53 | }
54 | }
55 | output = _utf8_decode(output);
56 | return output;
57 | }
58 |
59 | // private method for UTF-8 encoding
60 | _utf8_encode = function (string) {
61 | string = string.replace(/\r\n/g,"\n");
62 | var utftext = "";
63 | for (var n = 0; n < string.length; n++) {
64 | var c = string.charCodeAt(n);
65 | if (c < 128) {
66 | utftext += String.fromCharCode(c);
67 | } else if((c > 127) && (c < 2048)) {
68 | utftext += String.fromCharCode((c >> 6) | 192);
69 | utftext += String.fromCharCode((c & 63) | 128);
70 | } else {
71 | utftext += String.fromCharCode((c >> 12) | 224);
72 | utftext += String.fromCharCode(((c >> 6) & 63) | 128);
73 | utftext += String.fromCharCode((c & 63) | 128);
74 | }
75 |
76 | }
77 | return utftext;
78 | }
79 |
80 | // private method for UTF-8 decoding
81 | _utf8_decode = function (utftext) {
82 | var string = "";
83 | var i = 0;
84 | var c = c1 = c2 = 0;
85 | while ( i < utftext.length ) {
86 | c = utftext.charCodeAt(i);
87 | if (c < 128) {
88 | string += String.fromCharCode(c);
89 | i++;
90 | } else if((c > 191) && (c < 224)) {
91 | c2 = utftext.charCodeAt(i+1);
92 | string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
93 | i += 2;
94 | } else {
95 | c2 = utftext.charCodeAt(i+1);
96 | c3 = utftext.charCodeAt(i+2);
97 | string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
98 | i += 3;
99 | }
100 | }
101 | return string;
102 | }
103 | }
--------------------------------------------------------------------------------
/support/store.js:
--------------------------------------------------------------------------------
1 | /* Copyright (c) 2010 Marcus Westin
2 | *
3 | * Permission is hereby granted, free of charge, to any person obtaining a copy
4 | * of this software and associated documentation files (the "Software"), to deal
5 | * in the Software without restriction, including without limitation the rights
6 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 | * copies of the Software, and to permit persons to whom the Software is
8 | * furnished to do so, subject to the following conditions:
9 | *
10 | * The above copyright notice and this permission notice shall be included in
11 | * all copies or substantial portions of the Software.
12 | *
13 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19 | * THE SOFTWARE.
20 | */
21 |
22 | var store = (function(){
23 | var api = {},
24 | win = window,
25 | doc = win.document,
26 | localStorageName = 'localStorage',
27 | globalStorageName = 'globalStorage',
28 | storage
29 |
30 | api.disabled = false
31 | api.set = function(key, value) {}
32 | api.get = function(key) {}
33 | api.remove = function(key) {}
34 | api.clear = function() {}
35 | api.transact = function(key, transactionFn) {
36 | var val = api.get(key)
37 | if (typeof val == 'undefined') { val = {} }
38 | transactionFn(val)
39 | api.set(key, val)
40 | }
41 |
42 | api.serialize = function(value) {
43 | return JSON.stringify(value)
44 | }
45 | api.deserialize = function(value) {
46 | if (typeof value != 'string') { return undefined }
47 | return JSON.parse(value)
48 | }
49 |
50 | // Functions to encapsulate questionable FireFox 3.6.13 behavior
51 | // when about.config::dom.storage.enabled === false
52 | // See https://github.com/marcuswestin/store.js/issues#issue/13
53 | function isLocalStorageNameSupported() {
54 | try { return (localStorageName in win && win[localStorageName]) }
55 | catch(err) { return false }
56 | }
57 |
58 | function isGlobalStorageNameSupported() {
59 | try { return (globalStorageName in win && win[globalStorageName] && win[globalStorageName][win.location.hostname]) }
60 | catch(err) { return false }
61 | }
62 |
63 | if (isLocalStorageNameSupported()) {
64 | storage = win[localStorageName]
65 | api.set = function(key, val) { storage.setItem(key, api.serialize(val)) }
66 | api.get = function(key) { return api.deserialize(storage.getItem(key)) }
67 | api.remove = function(key) { storage.removeItem(key) }
68 | api.clear = function() { storage.clear() }
69 |
70 | } else if (isGlobalStorageNameSupported()) {
71 | storage = win[globalStorageName][win.location.hostname]
72 | api.set = function(key, val) { storage[key] = api.serialize(val) }
73 | api.get = function(key) { return api.deserialize(storage[key] && storage[key].value) }
74 | api.remove = function(key) { delete storage[key] }
75 | api.clear = function() { for (var key in storage ) { delete storage[key] } }
76 |
77 | } else if (doc.documentElement.addBehavior) {
78 | var storage = doc.createElement('div')
79 | function withIEStorage(storeFunction) {
80 | return function() {
81 | var args = Array.prototype.slice.call(arguments, 0)
82 | args.unshift(storage)
83 | // See http://msdn.microsoft.com/en-us/library/ms531081(v=VS.85).aspx
84 | // and http://msdn.microsoft.com/en-us/library/ms531424(v=VS.85).aspx
85 | doc.body.appendChild(storage)
86 | storage.addBehavior('#default#userData')
87 | storage.load(localStorageName)
88 | var result = storeFunction.apply(api, args)
89 | doc.body.removeChild(storage)
90 | return result
91 | }
92 | }
93 | api.set = withIEStorage(function(storage, key, val) {
94 | storage.setAttribute(key, api.serialize(val))
95 | storage.save(localStorageName)
96 | })
97 | api.get = withIEStorage(function(storage, key) {
98 | return api.deserialize(storage.getAttribute(key))
99 | })
100 | api.remove = withIEStorage(function(storage, key) {
101 | storage.removeAttribute(key)
102 | storage.save(localStorageName)
103 | })
104 | api.clear = withIEStorage(function(storage) {
105 | var attributes = storage.XMLDocument.documentElement.attributes
106 | storage.load(localStorageName)
107 | for (var i=0, attr; attr = attributes[i]; i++) {
108 | storage.removeAttribute(attr.name)
109 | }
110 | storage.save(localStorageName)
111 | })
112 | } else {
113 | api.disabled = true
114 | }
115 |
116 | return api
117 | })();
118 | /*
119 | 支持有效期的store
120 | */
121 | var storeEx={
122 | set: function(key, val, exp) {
123 | store.set(key, {
124 | val:val,
125 | exp:exp,
126 | time:new Date().getTime()
127 | });
128 | },
129 | get: function(key) {
130 | var info = store.get(key)
131 | if (!info) { return null }
132 | if (new Date().getTime() - info.time > info.exp) { return null }
133 | return info.val
134 | }
135 | };
--------------------------------------------------------------------------------