text: webpackJsonp([1],[,,function(e,t,n){function i(e){n(451)}var a=n(0)(n(333),n(747),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(448)}var a=n(0)(n(268),n(727),i,null,null);e.exports=a.exports},,,,,,,function(e,t){t.calendar={today:"Today",weeks:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],hours:["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23"],minutes:["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59"],seconds:["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59"]},t.cssPrefix="fish",t.notify={field:{change:function(e){e.$nextTick(function(){e.$parent&&"fish-field"===e.$parent.$options.name&&e.$parent.fieldValueChange()})}}}},,,function(e,t,n){"use strict";t.a={bind:function(e,t,n){var i=function(n){if(e.contains(n.target))return!1;t.expression&&t.value(n)};e.__vueClickOutside__=i,document.addEventListener("click",i)},update:function(){},unbind:function(e,t){document.removeEventListener("click",e.__vueClickOutside__),delete e.__vueClickOutside__}}},,,,,,,,,,function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnEAAADVBAMAAADKsbvaAAAAMFBMVEW8vsDf4OHv7/D////Jysy/wcPT1dbc3d7m5+jBw8XFxsjj4+T39/f3+Pj39/jr6+xtHAvnAAAAEHRSTlP///////////////////8A4CNdGQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAd5JREFUeAHt3bFKw1AUgOEgLoLuvoerkAvq4CaIm4OT4KzQwclNcFDQpVvfokNfQeqruHeIo2kl9eZIQonf/wgfWc6Be1KkC+V0dl4t9VlMCmW1tyqXmJAj10PkyJEjJ3LkyJEjZ26Nyt0cZ6WjVbkqlMiRI0eOnMiRI0eOnMiRIzdMuYdZc9pfI/dSNKftNXIJDzly5DY4cuTIkRM5cuTIkTPxR+Wmo+Z0b7NpJ0yOHDmRI0eOnMiRI0eOnDLyYi7Y6ZWdcLD0T+XIkSNHTuTIkSNHbvGoQE/1iV92JeTIkRM5cuTIkRM5cuTIkUvjerrMlyvqaZccuU4iR44cOXLkyJEjR24Ca6mtzid+E38l+zly5MiJHDly5MiJHDly5GQ/F2unbLsTFjly5MiREzly5MiRc7kvULn5E79dCTmRI0eOHDmRI0eOnMiRI0eOnPxtOd6HV5rkyJEjJ3LkyJH7e+TITUf6pdLEb1dCjhw5kSNHjpzIkSNHjpzIdSV3oFZ9y52M1aK30o0cL4PJkSMncuTIkSOnkJwZwjfXt9zhu1o0d10oHjly5MiREzly5MiREzly5Mjpp9xi1lvP/loV7HVYcokcOXLkyJEjR45cD5Ej50Ipubvr3rodlNwXgurNiOzssGEAAAAASUVORK5CYII="},,,,,,,,function(e,t,n){var i=n(0)(n(343),n(810),null,null,null);e.exports=i.exports},,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){var i=n(0)(n(359),n(741),null,null,null);e.exports=i.exports},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAMcAQMAAACl5F6MAAAABlBMVEW8vsDn6OnyCdevAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEbUlEQVR4AezBMQEAAADCoPVP7WsIoAcAAAAAAAAAAAAAAAAAAAAAAIydO0iOk4eCAGyVXNEuukF0FB1NHE1H0RG0ZEHRf5A99WYMk1T+Kvolw+vVjBf+CkMLoRCFWQkuqCquB3QOOQKrCpwBKJ1i6Jxk/EzTubaArgAHQOeyjhu8aMEafUrYolLjLRMfLrpw5cMYadeBnTLcrwN7ZXi+DhyuCi8GG/xy8Gyw3SRe7n7cLzfnajah5z87keFJ//lYf0WAAq+vv+rDX+fir+zpr2Xqr95qrle/ywr9OxX+/nF19fGRmR/yrzCJCudRqNHiNDHhIlquTBgCF2aX3V2BwYT9nUYdNoNojnqjiKJ56q0xiRaok4EsWqQO2EW0RJ3wQbTMvDc6iFaYswEvkx5Hnf8E0Tx1xhcfj3gh1lhOLHVWnx8vLvBq/FAnYpGBhwEElVfjhyETjVjj5bFanATpLrHIcpDkIstpJRdZLmRykaW63CLLMZKLLGeVXGS5jvlFluZKq8k1lnGMXGMZuck1lnsVu8ZydybXWOYj5BrLDIxcY5lz8mrML/JupPIC02osf3tyjeVqY9dYikys8QlTAUIsFovFYrFYLJaIP8hq8D4GG2ywwQYbbLDBBhtssMEGG2ywwQYb3N9+G/ePwQYbbLDBBhtssMEGG5yhA3ugqcARmFXgDKwqcAGgAsu+J1zYy94UXDjIRxosH+crwUm2euHCWX43Fy7YciUYI9N1YIeRavDpsMdIM9jgs+BOh4PBavA3ras6aMFRC06TEpyrLsy/H5emBKOrwvxZpsOsA3ssOk8SQQ9edZ4WI6DzfJwU4Ym/FCE7ofFXfQoJlnUugRsHdl9GTKBzlxRF6vzVW9kngr5eLTB5hT6MUhPgLfdDRhwQCQ79TQXe756tAWcp10XgIuMYF8aWxoedLtz5sB/wzIeDLrzw4QiRqHBSgOvnwLWFCrc7eCLCbnwrXFh2ZMdHKhEOyx3ciHBch8OHE2TtCZ0IZ0wCz1S4jhGTDhc0ecN9IcLja/qEVwIswqwC+/H3zfgMDw7j95cbPBFg+YEKnIaGWyoNzpvmcEujws0rwGX7LnCnwWOgDLhlZsFuaJEP+zFCC7yw4DCAhFtWFhwHl/lwwpeowRMJzlpw+QpXEgwl2O3gxoH9Du4cOOzgmQNHLTjt4OXF4byDVw5csAsHhhLssM/EgD32qQw4aMER+zQtuDPgpAVn7DMz4IJ9FgYMJdgdwSsB9jgKAQ5acDyEJy24ng8nLTgfwu18uBzC/XwYSrA7hmfCeyCHWU6Hw18Gr4R3fY5zOpy04PwEngj/KfYw9WwYSrB7BjfCW4qH6a8Kh2fwTHgF9jDLyXDSgvMzeKW8UX6Uk2Eowe45PL0m7J/D9VQ4aMG/isH/JwYbbLDBBhtssMEGG2ywtz3K/2tvDmQAAAAABvlbn+NbCSQWi8VisVgsFovFYrFYLBYvAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEHVJjR5bJLd8AAAAASUVORK5CYII="},function(e,t,n){var i=n(0)(n(307),n(719),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(337),n(716),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(345),n(780),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(348),null,null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(361),n(811),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(363),n(822),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(364),n(817),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(379),n(798),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(386),n(787),null,null,null);e.exports=i.exports},function(e,t,n){"use strict";var i=n(37),a=n.n(i),s=n(392),o=n.n(s),l=n(446),r=(n.n(l),n(663)),c=n.n(r),d=n(664),u=n.n(d),h=n(665),f=n.n(h),p=n(192),m=n.n(p),v=n(666),g=n.n(v),y=n(667),_=n.n(y),b=n(668),x=n.n(b),k=n(669),w=n.n(k),C=n(670),H=n.n(C),j=n(31),S=n.n(j),A=n(671),P=n.n(A),M=n(193),D=n.n(M),O=n(674),T=n.n(O),I=n(676),z=n.n(I),E=n(677),R=n.n(E),L=n(678),N=n.n(L),B=n(679),F=n.n(B),$=n(681),V=n.n($),Y=n(682),U=n.n(Y),W=n(683),K=n.n(W),q=n(55),J=n.n(q),Q=n(684),G=n.n(Q),X=n(195),Z=n.n(X),ee=n(196),te=n.n(ee),ne=n(685),ie=n.n(ne),ae=n(197),se=n.n(ae),oe=n(686),le=n.n(oe),re=n(687),ce=n.n(re),de=n(688),ue=n.n(de),he=n(689),fe=n.n(he),pe=n(691),me=n.n(pe),ve=n(690),ge=n.n(ve),ye=n(692),_e=n.n(ye),be=n(695),xe=n.n(be),ke=n(694),we=n.n(ke),Ce=n(699),He=n.n(Ce),je=n(198),Se=n.n(je),Ae=n(700),Pe=n.n(Ae),Me=n(701),De=n.n(Me),Oe=n(708),Te=n.n(Oe),Ie=n(199),ze=n.n(Ie),Ee=n(707),Re=n.n(Ee),Le=n(675),Ne=n.n(Le),Be=n(680),Fe=n.n(Be),$e=n(704),Ve=n.n($e),Ye=n(702),Ue=n.n(Ye),We=n(703),Ke=n.n(We),qe=n(693),Je=n.n(qe),Qe=n(672),Ge=n.n(Qe),Xe=n(673),Ze=n.n(Xe),et=n(266),tt=n(267),nt={BackTop:c.a,Button:u.a,Buttons:f.a,Calendar:m.a,Card:g.a,Cards:_.a,Carousel:x.a,CarouselItem:w.a,Cascader:H.a,Checkbox:S.a,Checkboxes:P.a,Col:D.a,DatePicker:T.a,Dropdown:z.a,Field:R.a,Fields:N.a,Form:F.a,Input:V.a,InputNumber:U.a,Layout:K.a,Menu:J.a,Message:G.a,Modal:Z.a,Option:te.a,OptGroup:ie.a,Pagination:se.a,Radio:le.a,Radios:ce.a,Row:ue.a,Select:fe.a,Steps:me.a,Step:ge.a,Submenu:_e.a,Table:xe.a,TabPane:we.a,Tabs:He.a,Tag:Se.a,Tags:Pe.a,TimePicker:De.a,Upload:Te.a,Tree:ze.a,TreeSelect:Re.a,Divider:Ne.a,Image:Fe.a,Transfer:Ve.a,Timeline:Ue.a,TimelineItem:Ke.a,Switch:Je.a,Collapse:Ge.a,CollapseItem:Ze.a},it=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];o()(nt).forEach(function(t){e.component(t.name,t)}),e.prototype.$message=et.a,e.prototype.$popup=tt.a};"undefined"!=typeof window&&window.Vue&&it(window.Vue),window.$message=et.a,window.$popup=tt.a,t.a=a()({},nt,{install:it})},,function(e,t,n){var i=n(0)(n(269),n(818),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(270),n(792),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(271),n(826),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(272),n(813),null,null,null);e.exports=i.exports},function(e,t,n){function i(e){n(447)}var a=n(0)(n(273),n(712),i,null,null);e.exports=a.exports},function(e,t,n){var i=n(0)(n(274),n(789),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(275),n(778),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(277),n(757),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(278),n(723),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(279),n(781),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(280),n(783),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(281),n(721),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(282),n(799),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(284),n(807),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(287),n(764),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(288),n(768),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(289),n(770),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(290),n(743),null,null,null);e.exports=i.exports},function(e,t,n){function i(e){n(455)}var a=n(0)(n(292),n(791),i,null,null);e.exports=a.exports},function(e,t,n){var i=n(0)(n(296),n(827),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(297),n(736),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(298),n(729),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(299),n(739),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(300),n(756),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(301),n(773),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(302),n(760),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(303),n(737),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(304),n(794),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(305),n(763),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(306),n(709),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(320),n(796),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(321),n(733),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(322),n(749),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(323),n(734),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(324),n(735),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(326),n(720),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(329),n(766),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(332),n(765),null,null,null);e.exports=i.exports},,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(241),a=n(240),s=n(201),o=n.n(s),l=n(200),r=n(203),c=n.n(r),d=n(220),u=n.n(d),h=n(221),f=n.n(h),p=n(215),m=n.n(p),v=n(205),g=n.n(v),y=n(231),_=n.n(y),b=n(225),x=n.n(b),k=n(213),w=n.n(k),C=n(229),H=n.n(C),j=n(233),S=n.n(j),A=n(218),P=n.n(A),M=n(219),D=n.n(M),O=n(227),T=n.n(O),I=n(209),z=n.n(I),E=n(230),R=n.n(E),L=n(228),N=n.n(L),B=n(207),F=n.n(B),$=n(204),V=n.n($),Y=n(211),U=n.n(Y),W=n(234),K=n.n(W),q=n(222),J=n.n(q),Q=n(224),G=n.n(Q),X=n(226),Z=n.n(X),ee=n(202),te=n.n(ee),ne=n(206),ie=n.n(ne),ae=n(232),se=n.n(ae),oe=n(239),le=n.n(oe),re=n(223),ce=n.n(re),de=n(214),ue=n.n(de),he=n(217),fe=n.n(he),pe=n(237),me=n.n(pe),ve=n(238),ge=n.n(ve),ye=n(212),_e=n.n(ye),be=n(216),xe=n.n(be),ke=n(208),we=n.n(ke),Ce=n(236),He=n.n(Ce),je=n(235),Se=n.n(je),Ae=n(210),Pe=n.n(Ae);i.a.use(l.a),i.a.use(o.a),i.a.use(a.a);const Me=[{path:"/components/button",component:c.a},{path:"/components/menu",component:f.a},{path:"/components/layout",component:u.a},{path:"/components/grid",component:m.a},{path:"/components/card",component:g.a},{path:"/components/pagination",component:x.a},{path:"/components/dropdown",component:w.a},{path:"/components/table",component:_.a},{path:"/components/step",component:H.a},{path:"/components/tag",component:S.a},{path:"/components/input",component:P.a},{path:"/components/input_number",component:D.a},{path:"/components/radio",component:T.a},{path:"/components/checkbox",component:z.a},{path:"/components/switch",component:R.a},{path:"/components/select",component:N.a},{path:"/components/cascader",component:F.a},{path:"/components/calendar",component:V.a},{path:"/components/datepicker",component:U.a},{path:"/components/timepicker",component:K.a},{path:"/components/message",component:J.a},{path:"/components/notification",component:G.a},{path:"/components/popup",component:Z.a},{path:"/components/backtop",component:te.a},{path:"/components/carousel",component:ie.a},{path:"/components/tabs",component:se.a},{path:"/components/upload",component:le.a},{path:"/components/modal",component:ce.a},{path:"/components/form",component:ue.a},{path:"/components/index",component:fe.a},{path:"/components/tree",component:me.a},{path:"/components/tree_select",component:ge.a},{path:"/components/divider",component:_e.a},{path:"/components/image",component:xe.a},{path:"/components/chart",component:we.a},{path:"/components/transfer",component:He.a},{path:"/components/timeline",component:Se.a},{path:"/components/collapse",component:Pe.a},{path:"/",redirect:"/components/index"}],De=new a.a({routes:Me});i.a.config.productionTip=!1,new i.a({router:De,template:"<router-view></router-view>"}).$mount("#app")},,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";function i(e,t,n){var i=void 0;i=n.response?n.status+" "+(n.response.error||n.response):n.responseText?n.status+" "+n.responseText:"fail to post "+e+" "+n.status;var a=new Error(i);return a.status=n.status,a.method="post",a.url=e,a}function a(e){var t=e.responseText||e.response;if(!t)return t;try{return JSON.parse(t)}catch(e){return t}}function s(e){if("undefined"!=typeof XMLHttpRequest){var t=new XMLHttpRequest,n=e.action;t.upload&&(t.upload.onprogress=function(t){t.total>0&&(t.percent=t.loaded/t.total*100),e.onProgress(t)});var s=new FormData;e.data&&l()(e.data).map(function(t){s.append(t,e.data[t])}),s.append(e.filename,e.file),t.onerror=function(t){e.onError(t)},t.onload=function(){if(t.status<200||t.status>=300)return e.onError(i(n,e,t));e.onSuccess(a(t))},t.open("post",n,!0),e.withCredentials&&"withCredentials"in t&&(t.withCredentials=!0);var o=e.headers||{};for(var r in o)o.hasOwnProperty(r)&&null!==o[r]&&t.setRequestHeader(r,o[r]);return t.send(s),t}}t.a=s;var o=n(20),l=n.n(o)},function(e,t,n){"use strict";var i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,a=document.createElement(e);return null!==t&&a.setAttribute("class",t),null!==n&&(a.innerHTML=n),null!==i&&(a.onclick=i),a},a=null,s={},o=function(e){var t=i("div",e);return document.body.appendChild(t),t},l=function(e,t,n){var s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"top center";null===a&&(a=o("fish "+s+" notices"));var l=i("div","",'<div class="fish notice '+e+' move-in">'+t+"</div>");a.appendChild(l),setTimeout(function(){a.removeChild(l)},n)};t.a={info:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;l("info",""+e,t)},success:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;l("success",e+"</div>",t)},error:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;l("error",""+e,t)},warning:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3;l("warning",""+e,t)},tip:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"top right";void 0===s[n]&&(s[n]=o("fish "+n+" notices"));var a=i("div","fish notice fade-in",'\n                                                   <i class="fa fa-times close"></i>\n                                                   <div class="header">'+e+'</div>\n                                                   <div class="content">'+t+"</div>\n                                                 ");a.querySelector(".close").onclick=function(){s[n].removeChild(a)},s[n].appendChild(a)}}},function(e,t,n){"use strict";var i=this,a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,a=document.createElement(e);return null!==t&&a.setAttribute("class",t),null!==n&&(a.innerHTML=n),null!==i&&(a.onclick=i),a},s=function e(t){var n=t.offsetLeft,i=t.offsetTop,a=t.offsetParent;if(a){var s=e(a);n+=s.left,i+=s.top}return{left:n,top:i}},o=function(e){var t={w:document.body.scrollWidth,h:document.body.scrollHeight},n=s(e),i="",a="display: block;";return console.log(t.h,":::",n.top),t.h/2>n.top?(i+="bottom",a+="top: "+(n.top+e.offsetHeight)+"px;"):(i+="top",a+="bottom: -"+n.top+"px; top: auto;"),t.w/2>n.left?(i+=" left",a+="left: "+n.left+"px; right: auto;"):(i+=" right",a+="right: "+(t.w-n.left-e.offsetWidth)+"px;"),{arrowPosition:i,style:a}},l=[],r=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,s=arguments[3],r=e.target;if(l.push(r),void 0!==r._popup)return i;var c=document.createElement("div");c.innerHTML=t;var d=r._popup=a("div");d.style="position: absolute; top: 0; left: 0; width:100%;",d.append(c),document.body.appendChild(d),void 0!==s&&s.call(i,c,r);var h=o(r),f=h.arrowPosition,p=h.style;return console.log(f,":::",p),c.setAttribute("class","fish popup "+f),c.style=p,null!==n&&(c.style.width=""+n),c.onclick=function(e){e.stopPropagation()},u(r),c},c=function(e){var t=l.shift();e.target!==t._popup&&d(t)},d=function(e){document.body.removeChild(e._popup),delete e._popup,document.removeEventListener("click",c,!1)},u=function(e){setTimeout(function(){document.addEventListener("click",c,!1)},0)};t.a={confirm:function(e,t,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"Yes",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"No";t='<div class="content"><i class="fa fa-exclamation-circle"></i>'+t+"</div>",r(e,t,null,function(e,t){var o=a("div","footer","");o.appendChild(a("div","fish small button",s,function(e){d(t),e.stopPropagation()})),o.appendChild(a("div","fish small primary button",i,function(e){n&&n(),d(t),e.stopPropagation()})),e.appendChild(o)})}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"code-card",props:{title:"",desc:""},data:function(){return{showHtml:!1}},methods:{expandHandler:function(){this.showHtml=!this.showHtml}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i);t.default={components:{MainLayout:a.a},data:function(){return{event_columns:["Event Name","Description","Parameters"],event_data:[["click(event)","a callback function, which can be executed when you click the button","event"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(193),r=n.n(l);t.default={components:{FishCol:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["type","button size, can be set to <code>primary</code><code>positive</code><code>negative</code><code>basic</code> or omitted","String","-"],["shape","button shape，can be set to <code>circle</code> or omitted","String","-"],["size","button size，can be set to <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>","String","-"],["active","set the active status of button","Boolean","false"],["disabled","set the disabled status of button","Boolean","false"],["loading","set the loading status of button","Boolean","false"]],datas:[["type","can be set to <code>primary</code><code>positive</code><code>negative</code><code>basic</code> or omitted","String","-"],["size","can be set to <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>","String","-"]]}},mounted:function(){}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{event_columns:["Event","Description","Parameters"],event_data:[["change(state, arrays, current)","Callback for when panel changes","state, arrays, current(selected item)"],["select(current)","Callback for when a date is selected","state, arrays, current(selected item)"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","String","-"],["mode","Can be set to <code>minute</code><code>hour</code><code>day</code><code>month</code><code>year</code>","String","day"],["min","The min value","String","-1"],["max","The max value","String","-1"],["today","Today text","String","Today"],["weeks","Weeks text","Array","'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']"],["months","Months text","Array","['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']"],["secondRender","Customize the display of the second cell","Function(h, second)","-"],["minuteRender","Customize the display of the minute cell","Function(h, minute)","-"],["hourRender","Customize the display of the hour cell","Function(h, hour)","-"],["dayRender","Customize the display of the day cell","Function(h, day)","-"],["monthRender","Customize the display of the month cell","Function(h, month)","-"],["yearRender","Customize the display of the year cell","Function(h, year)","-"]]}},methods:{selectHandler:function(e){console.log("current: ",e)},changeHandler:function(e,t,n){console.log("change: ",e,"; ",t,"; ",n)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(191),r=n.n(l);t.default={components:{DemoTableBase:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data1:[["color","optional: <code>red</code>, <code>orange</code>, <code>yellow</code>, <code>olive</code>, <code>green</code>, <code>teal</code>, <code>blue</code>, <code>violet</code>, <code>purple</code>, <code>pink</code>, <code>brown</code>, <code>grey</code>, <code>black</code>","String","-"]],data:[["header","Card title(header)","String","-"],["image","Card image","String","-"],["footer","Card footer","String","-"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["autoPlay","Whether to scroll automatically","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{cascaderValue:[],event_columns:["Event","Description","Parameters"],event_data:[["change(values)","Callback when finishing cascader select","<code>values</code>"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","Array","[]"],["textDelimiter","Text delimiter","String"," / "],["menuWidth","The width of menu","Number","160"],["hint","Hint message","String","Please select"],["options","Data option","Array[[value, key],...]","-"]],options:[["zhejiang","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["zhejian1","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["zhejiang2","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["zhejiang3","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["zhejiang4","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["jiangsu","Jiangsu",[["nanjing","Nanjing",[["zhonghuamen","Zhong Hua Men"]]]]]]}},methods:{changeHandler:function(e){console.log("values: ",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(638),a=n.n(i),s=n(2),o=n.n(s),l=n(3),r=n.n(l);t.default={components:{CodeCard:r.a,MainLayout:o.a,DemoChartLine:a.a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-chart-line",data:function(){return{labels:["Monday","Tuesday","Wednesday","Thursday","Friday"],data:[[12,9,7,8,5],[2,1,3.5,7,3],[1,3,4,5,6]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{checkboxesValue:[],checkboxesValue1:[],api_columns:["Attribute","Description","Type","Default"],api_data:[["mode","Can be set to <code>vertical</code><code>horizontal</code>","String","horizontal"],["disabled","Whether checkbox is disabled or not","Boolean","false"]],api_data2:[["index","unique id of checkbox","String, Number","-"],["disabled","whether checkbox is disabled or not","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},name:"demo-collapse",data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["bordered","Whether checkbox is bordered or not","Boolean","false"]],api_data2:[["title",'collapse title or slot="title"',"String","-"],["label","collapse label","String","-"],["index","keyword required","String, Number","-"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{datePickerValue:"",datePickerValue2:"",datePickerYValue:"",datePickerMonValue:"",datePickerHValue:"",datePickerMValue:"",datePickerSValue:"",event_columns:["Event","Description","Parameters"],event_data:[["change(v)","Callback when finishing select","v(selected item)"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","String","-"],["mode","can be set to <code>minute</code><code>hour</code><code>day</code><code>month</code><code>year</code>","String","day"],["min","The min value","String","-1"],["max","The max value","String","-1"],["hint","Hint message","String","Please date"],["format","Format value","String","-"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["fitted","remove margin","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i);t.default={components:{MainLayout:a.a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(639),r=n.n(l);t.default={components:{DemoFormValidate:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["inline","Whether is inline or not","Boolean","false"]],api_data2:[["label","Label content","String","-"],["labelWidth","Label width is able when inline === true","Number, String","auto"],["labelAlign","Label align is able when inline === true","String","right"],["disabled","Whether is disabled or not","Boolean","false"],["name","Validate the specified field Name","String",""],["rules",'Validate Rules, See more advanced usage at <a href="https://github.com/yiminghe/async-validator" target="_blank"><i class="fa fa-github"></i> async-validator</a>',"Array",""],["span","Span number (1-24)","String, Number","-"],["inline","Whether is inline or not","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-form-validate",data:function(){return{userName:"t",lastName:"",password:"",age:"",sex:[],date:"",time:"",address:[],level:"",files:[],email:"",LableWidthM:30,agree:!0,cb:[],options:[["zhejiang","Zhejiang",[["hangzhou","Hangzhou",[["xihu","West Lake"]]]]],["jiangsu","Jiangsu",[["nanjing","Nanjing",[["zhonghuamen","Zhong Hua Men"]]]]]]}},methods:{submitHandler:function(){this.$refs.form.validate(function(e){console.log(e)})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(640),o=n.n(s),l=n(3),r=n.n(l),c=n(641),d=n.n(c);t.default={components:{DemoGridGutterOffset:d.a,CodeCard:r.a,DemoGridBase:o.a,MainLayout:a.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["gutter","spacing between grids, unit: em","String, Number","-"],["type","layout mode，optional: <code>flex</code>","String","flex"],["align","the vertical alignment of the flex layout: <code>top</code> <code>middle</code> <code>bottom</code>","Number","top"],["justify","horizontal arrangement of the flex layout: <code>start</code> <code>end</code> <code>center</code> <code>space-around</code> <code>space-between</code>","String","start"]],colData:[["span","raster number of cells to occupy (1-24)","String, Number","-"],["offset","the number of cells to offset Col from the left","String, Number","0"],["push","the number of cells that raster is moved to the right","String, Number","0"],["pull","the number of cells that raster is moved to the left","String, Number","0"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-grid-base"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-grid-gutter-offset"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["bordered","whether is bordered or not","Boolean","false"],["rounded","whether is rounded or not","Boolean","false"],["shape","optional: <code>square</code> <code>circle</code>","String","square"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i);t.default={components:{MainLayout:a.a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{defaultValue:"",api_columns:["Attribute","Description","Type","Default"],api_data:[["type","input type, optional：<code>text</code><code>textarea</code><code>password</code>...","String","text"],["hint","hint","String","Please ..."],["icon","input icon, fontawesome icon font","String","-"],["iconLeft","icon position is left","Boolean","false"],["iconClose","icon close","String","fa fa-times-circle"],["loading","Whether the input is loading","Boolean","false"],["size","optional: <code>mini</code>, <code>tiny</code>, <code>small</code>, <code>medium</code>, <code>large</code>, <code>big</code>, <code>huge</code>, <code>massive</code>","String","-"],["transparent","Whether the input is transparent.","Boolean","false"],["disabled","Whether the input is disabled.","Boolean","false"],["clear","Whether the input is cleared","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{v:1.234,vMinMax:2,vStep:5.5,api_columns:["Attribute","Description","Type","Default"],api_data:[["min","The min value","String, Number","0"],["max","The max value","String, Number","1000000000000.00"],["step","The number to which the current value is increased or decreased. It can be an integer or decimal.","String, Number","1"],["hint","Hint","String","Please ..."],["size","optional: <code>mini</code>, <code>tiny</code>, <code>small</code>, <code>medium</code>, <code>large</code>, <code>big</code>, <code>huge</code>, <code>massive</code>","String","-"],["disabled","Whether it is disabled","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-layout-up-middle-down"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(643),r=n.n(l),c=n(645),d=n.n(c),u=n(644),h=n.n(u),f=n(642),p=n.n(f);t.default={components:{DemoLayoutUpMiddleDown:p.a,DemoLayoutSider:h.a,DemoLayoutTopSiderHeader:d.a,DemoLayoutBase:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["sider","optional: <code>l</code> <code>tl</code> <code>r</code> <code>tr</code>","String","-"],["responsive","layout is responsive","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-layout-base"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-layout-sider"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-layout-top-sider-header"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{event_columns:["Event","Description","Parameters"],event_data:[["change(index)","Callback for when menu is selected","Option.index <code>index</code>"]],columns:["Attribute","Description","Type","Default"],data:[["mode","Menu mode, optional: <code>vertical</code><code>horizontal</code><code>inline</code>","String","vertical"],["size","optional: <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>","String","-"],["indexDelimiter","option.index delimiter","String","-"],["default-active","default active option.index","String","-"]],subData:[["mode","optional: <code>vertical</code><code>horizontal</code><code>inline</code>","String","vertical"],["trigger","trigger event name, optional: <code>hover</code><code>click</code>","String","hover"],["indexDelimiter","option.index delimiter","String","-"],["index","unique key of option","String","-"]],optionData:[["index","unique key of option","String","-"],["content","show text","String","-"],["disabled","whether it is disabled","Boolean","false"]]}},methods:{changeHandler:function(e,t){console.log("::::index=",t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["type","optional：<code>warning</code> <code>info</code> <code>success</code> <code>error</code>","String","warning"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{showModal:!1,api_columns:["Attribute","Description","Type","Default"],api_data:[["title","title","String","-"],["padding","content padding","String","1em"],["marginTop","modal margin top size","String","100px"],["width","modal width","Number","850"],["visible","whether it is visible or not","Boolean","false"]]}},methods:{showModalFunc:function(){this.showModal=!0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["text","text","String","-"],["fadeTime","the fade time","Number","3000"],["title","title","String","-"],["content","content","String","-"],["position","optional：<code>top right</code> <code>top left</code> <code>bottom right</code> <code>bottom left</code>  (tip)","String","top right"]]}},methods:{messageWarningHandler:function(){this.$message.warning("welcome to you !!!",5e3)},messageErrorHandler:function(){this.$message.error("error: welcome to you !!!",5e3)},messageSuccessHandler:function(){this.$message.success("success: welcome to you !!!",5e3)},messageTipHandler:function(){this.$message.tip("Notification Title","I will never close automatically. I will be close automatically. I will never close automatically.")}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{page:2,page1:1,api_columns:["Attribute","Description","Type","Default"],api_data:[["total","the data total","Number","-"],["current","current page","Number","1"],["rows","the rows of page","Number","10"],["simple","simple mode","Boolean","false"],["totalRender","the total render Function","Function(total, range)","-"]],event_columns:["Event","Description","Parameters"],event_data:[["change(current)","Callback when changing","<code>current</code>"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["event","target event","Event","-"],["html","show html","String","-"],["okFunc","callback when click ok","Function()","-"],["okText","ok text","String","Yes"],["cancelText","cancel text","String","No"]]}},methods:{popupHandler:function(e){this.$popup.confirm(e,"do you delete it？",function(){console.log("OK....")})},popup2Handler:function(e){this.$popup.confirm(e,"do you delete it？",function(){console.log("OK....")},"Confirm","Cancel")}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{radiosValue:0,radiosValue1:0,api_columns:["Attribute","Description","Type","Default"],api_data:[["index","unique key of the radio","String, Number","-"],["disabled","whether it is disabled","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{cascadedValue:"",cascaded2Value:"",cascaded2Values:[],multipleValues:[],multipleValues1:[],singleSelectedValue:"",singleSelectedValueWthSearch:[],singleSelectedValueWthSearch1:"",autoCompleteValue:"",autoCompleteMultipleValue:[],autoCompleteData:[],autoCompleteMultipleData:[],event_columns:["Event","Description","Parameters"],event_data:[["change(values)","callback when changing","<code>values</code>"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","String, Array",""],["hint","hint","String","Please select"],["multiple","whether it is multiple or not","Boolean","false"],["search","autoComplete when it is Function, search current item when it is true","[Boolean, Function]","false"],["iconDownArrow","icon down arrow","String","fa fa-angle-down"],["iconClose","icon close","String","fa fa-close"],["iconCloseCircle","icon close circle","String","fa fa-times-circle"]],optionData:[["index","unique key of the select","String","-"],["content","content","String","-"],["disabled","whether it is disabled or not","Boolean","false"]]}},methods:{changeCascadedHandler:function(e){"1"===e?this.cascaded2Values=["test","test1"]:(this.cascaded2Values=[],this.cascaded2Value="")},changeHandler:function(e){console.log("values:",e)},searchChangeHandler:function(e){console.log("v:",e),this.autoCompleteData=[{index:e+"11",content:e+"11"},{index:e+"12",content:e+"12"},{index:e+"13",content:e+"13"},{index:e+"14",content:e+"14"},{index:e+"15",content:e+"15"}]},mulitpleSearchChangeHandler:function(e){this.autoCompleteMultipleData=[{index:e+"11",content:e+"11"},{index:e+"12",content:e+"12"},{index:e+"13",content:e+"13"},{index:e+"14",content:e+"14"},{index:e+"15",content:e+"15"}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["size","optional: <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>","String","-"],["mode","optional:<code>vertical</code><code>horizontal</code>","String","horizontal"],["width","step width:，unit is <code>px</code> when mode === vertical, unit is <code>%</code> when mode === horizontal","String, Number","100"]],api_data2:[["icon","icon, fontawesome icon font","String","-"],["title","title","String","-"],["description","step description","String","-"],["active","whether it is active or not","Boolean","false"],["disabled","whether it is disabled or not","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={name:"demo-switch",components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{v:!1,v1:!0,api_columns:["Attribute","Description","Type","Default"],api_data:[["disabled","whether it is disabled","Boolean","false"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(191),r=n.n(l),c=n(651),d=n.n(c),u=n(647),h=n.n(u),f=n(646),p=n.n(f),m=n(652),v=n.n(m),g=n(653),y=n.n(g),_=n(657),b=n.n(_),x=n(656),k=n.n(x),w=n(648),C=n.n(w),H=n(649),j=n.n(H),S=n(654),A=n.n(S),P=n(655),M=n.n(P),D=n(650),O=n.n(D);t.default={components:{DemoTableColumnOrder:O.a,DemoTablePagination:M.a,DemoTableNoMore:A.a,DemoTableColumnFixed:C.a,DemoTableColumnFixedScrollX:j.a,DemoTableScrollXy:k.a,DemoTableScrollY:b.a,DemoTableFixedHeader:y.a,DemoTableExpand:v.a,DemoTableBorder:p.a,DemoTableColumnFilters:h.a,DemoTableColumnType:d.a,DemoTableBase:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{loading:!1,api_columns:["Attribute","Description","Type","Default"],api_data:[["columns","table column","Array","-"],["data","table data [{key: v, key2: v2, ...}]","Array","-"],["pagination","[{total: 100, current: 1, rows: 10, noMoreText: }]","Object","-"],["bordered","whether it is bordered or not","boolean","false"],["striped","whether it is striped or not","boolean","false"],["loading","whether it is loading or not","boolean","false"],["height","fixed height","string, number","-"],["expandedRowRender(h, record)","callback when table row have expanded","function(h, record)","-"]],api_data2:[["title","title","string","-"],["key","column.key","string","-"],["type","optional：<code>index</code> <code>checkbox</code>","string","-"],["fixed","the fixed position: <code>left</code> <code>right</code>","string","left"],["sortable","column.sortable","boolean","false"],["render(h, record, column)","customize cell render","function","-"],["filters","column filters","Array[{lable: '', value: ''}]","-"]]}},methods:{changeHandler:function(e,t){console.log("pagination: ",e,"; filters:",t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-base",data:function(){return{columns:[{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"},{title:"Operate",key:"operate",render:function(e,t,n){return e("a","编辑")}}],data:[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-border",data:function(){return{columns:[{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"}],data:[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(20),a=n.n(i),s=n(25),o=n.n(s);t.default={name:"demo-table-column-filters",data:function(){var e=[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}];return{columns:[{title:"#",type:"index",width:"50",align:"center"},{title:"Name",key:"name"},{title:"age",key:"age",filters:[{label:"32岁",value:32},{label:"35岁",value:35}]},{title:"Address",key:"address"}],data:e,oldData:e}},methods:{changeHandler:function(e,t){var n=this.oldData,i=!0,s=!1,l=void 0;try{for(var r,c=o()(a()(t));!(i=(r=c.next()).done);i=!0){var d=r.value;!function(e){n=n.filter(function(n){return t[e].includes(n[e])})}(d)}}catch(e){s=!0,l=e}finally{try{!i&&c.return&&c.return()}finally{if(s)throw l}}this.data=n,console.log("pagination:",e,", filters:",t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-column-fixed",data:function(){return{columns:[{title:"Date",key:"date",width:"200",fixed:"left"},{title:"Name",key:"name",width:"200"},{title:"Sex",key:"sex",width:"200"},{title:"birthDate",key:"birthDate",width:"200"},{title:"University",key:"university",width:"300"},{title:"Province",key:"province",width:"200"},{title:"City",key:"city",width:"200"},{title:"Address",key:"address",width:"300"},{title:"Postcode",key:"zip",width:"200",fixed:"right"}],data:[{date:"2016-05-03",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-02",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-01",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-column-fixed-scroll-x",data:function(){return{columns:[{title:"Date",key:"date",width:"200",fixed:"left"},{title:"Name",key:"name",width:"200"},{title:"Sex",key:"sex",width:"200"},{title:"birthDate",key:"birthDate",width:"200"},{title:"University",key:"university",width:"300"},{title:"Province",key:"province",width:"200"},{title:"City",key:"city",width:"200"},{title:"Address",key:"address",width:"300"},{title:"Postcode",key:"zip",width:"200",fixed:"right"}],data:[{date:"2016-05-03",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-02",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-01",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(20),a=n.n(i),s=n(25),o=n.n(s);t.default={name:"demo-table-column-order",data:function(){var e=[{name:"a.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"b.wu",age:33,address:"haidi part 5, xihu, Hangzhou"},{name:"c.wu",age:34,address:"haidi part 5, xihu, Hangzhou"},{name:"d.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}];return{columns:[{title:"#",type:"index",width:"50",align:"center"},{title:"Name",key:"name",sortable:!0},{title:"age",key:"age",filters:[{label:"32岁",value:32}],sortable:!0},{title:"Address",key:"address"}],data:e,oldData:e}},methods:{changeHandler:function(e,t,n){var i=this.oldData,s=!0,l=!1,r=void 0;try{for(var c,d=o()(a()(t));!(s=(c=d.next()).done);s=!0){var u=c.value;!function(e){i=i.filter(function(n){return t[e].includes(n[e])})}(u)}}catch(e){l=!0,r=e}finally{try{!s&&d.return&&d.return()}finally{if(l)throw r}}n&&i.sort(function(e,t){var i=t[n.key]+"",a=e[n.key]+"";return"desc"===n.by?i.localeCompare(a):a.localeCompare(i)}),this.data=i}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-column-type",data:function(){return{columns:[{title:"#",type:"index",width:"50",align:"center"},{title:"",key:"name",type:"checkbox",width:"50",align:"center"},{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"}],data:[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}},methods:{selectHandler:function(e){console.log("selectedItems:",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-expand",data:function(){return{columns:[{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"}],data:[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-fixed-header",data:function(){return{columns:[{title:"Date",key:"date"},{title:"Delivery",children:[{title:"Name",key:"name"},{title:"Address",children:[{title:"Province",key:"province"},{title:"City",key:"city"},{title:"Address",key:"address"},{title:"Postcode",key:"zip"}]}]}],data:[{date:"2016-05-03",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-02",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-01",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-08",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-06",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-07",name:"xiaohu.wang",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-no-more",data:function(){return{columns:[{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"},{title:"Operate",key:"operate",render:function(e,t,n){return e("a","编辑")}}],data:[]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(20),a=n.n(i),s=n(25),o=n.n(s);t.default={name:"demo-table-pagination",data:function(){var e=[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}];return{page:{total:15,current:1},columns:[{title:"Name",key:"name"},{title:"age",key:"age",filters:[{label:"32岁",value:32},{label:"35岁",value:35}]},{title:"Address",key:"address"},{title:"Operate",key:"operate",render:function(e,t,n){return e("a","编辑")}}],data:e,oldData:e}},methods:{changeHandler:function(e,t){var n=this.oldData,i=!0,s=!1,l=void 0;try{for(var r,c=o()(a()(t));!(i=(r=c.next()).done);i=!0){var d=r.value;!function(e){n=n.filter(function(n){return t[e].includes(n[e])})}(d)}}catch(e){s=!0,l=e}finally{try{!i&&c.return&&c.return()}finally{if(s)throw l}}this.data=n,console.log("pagination:",e,", filters:",t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-scroll-xy",data:function(){return{columns:[{title:"Date",key:"date",width:"200"},{title:"Name",key:"name",width:"200"},{title:"Sex",key:"sex",width:"200"},{title:"birthDate",key:"birthDate",width:"200"},{title:"University",key:"university",width:"300"},{title:"Province",key:"province",width:"200"},{title:"City",key:"city",width:"200"},{title:"Address",key:"address",width:"300"},{title:"Postcode",key:"zip",width:"200"}],data:[{date:"2016-05-03",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-02",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-01",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-table-scroll-y",data:function(){return{columns:[{title:"Date",key:"date",width:"200"},{title:"Name",key:"name",width:"200"},{title:"Sex",key:"sex",width:"200"},{title:"birthDate",key:"birthDate",width:"200"},{title:"University",key:"university",width:"300"},{title:"Province",key:"province",width:"200"},{title:"City",key:"city",width:"200"},{title:"Address",key:"address",width:"300"},{title:"Postcode",key:"zip",width:"200"}],data:[{date:"2016-05-03",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-02",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-04",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333},{date:"2016-05-01",name:"xiaohu.wang",sex:"male",birthDate:"2001-01-01",university:"Beijing University",province:"Shanghai",city:"Putuo",address:"Shanghai City Putuo jinshajing 1518 ",zip:200333}]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{event_columns:["Event","Description","Parameters"],event_data:[["tab-change(index)","callback when tab changing","TabPanel.index <code>index</code>"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","value","String, Number","-"],["type","optional：<code>card</code> or empty","String","-"],["padding","set content padding style","String","-"]],api_data2:[["label","tab label","String","-"],["index","unique key of tab","String","-"]]}},methods:{tabChangeHandler:function(e){console.log("tab.index: ",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["size","optional: <code>mini</code>, <code>tiny</code>, <code>small</code>, <code>medium</code>, <code>large</code>, <code>big</code>, <code>huge</code>, <code>massive</code>","String","-"],["edited","whether it is edited or not","Boolean","false"],["items","tag items","Array","-"]],api_data2:[["icon","fontawesome icon font","String","-"],["index","unique key of the tag","string","-"],["floating","whether it is floating or not","Boolean","false"],["shape","optional：<code>circle</code>, <code>square</code>","string","square"],["attached","optional：<code>top</code>, <code>top left</code>, <code>top right</code>, <code>bottom</code>, <code>bottom left</code>, <code>bottom right</code>","string","-"],["size","optional: <code>mini</code>, <code>tiny</code>, <code>small</code>, <code>medium</code>, <code>large</code>, <code>big</code>, <code>huge</code>, <code>massive</code>","String","-"],["color","optional: <code>red</code>, <code>orange</code>, <code>yellow</code>, <code>olive</code>, <code>green</code>, <code>teal</code>, <code>blue</code>, <code>violet</code>, <code>purple</code>, <code>pink</code>, <code>brown</code>, <code>grey</code>, <code>black</code>","String","-"]],event_columns:["Event","Description","Parameters"],event_data:[["add (v)","callback when tag is added","v(input text)"],["close (index)","callback when tag is removed","index"],["click (index, checked)","callback when tag is clicked","index, checked"]],tags1:[[!0,"tag1-radio"],[!1,"tag2-radio"],[!1,"tag3-radio"]],tags:["tag1","tag2","tag3"]}},methods:{checkClickHandler:function(e,t){this.tags1.splice(e,1,[t,this.tags1[e][1]])},addCheckHandler:function(e){this.tags.push(e)},groupCloseHandler:function(e){this.tags.splice(e,1)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{timePickerValue:"",event_columns:["Event","Description","Parameters"],event_data:[["change(v)","callback when changing","v(selected value)"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","String","00:00:00"],["hint","hint","String","Please time"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["color","optional: <code>red</code>, <code>orange</code>, <code>yellow</code>, <code>olive</code>, <code>green</code>, <code>teal</code>, <code>blue</code>, <code>violet</code>, <code>purple</code>, <code>pink</code>, <code>brown</code>, <code>grey</code>, <code>black</code>","String","-"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(658),o=n.n(s),l=n(3),r=n.n(l);t.default={components:{CodeCard:r.a,DemoTransferBase:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["titles","custom list titles","Array","['items', 'items']"],["data","data source","array[{ key, label, disabled }]","[]"],["width","transfer panel width","Number","200"],["height","transfer panel height","Number","200"],["noDataText","no data text","String","no data"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-transfer-base",data:function(){return{data:[{key:"o_1",label:"option 1",disabled:!0},{key:"o_2",label:"option 2"},{key:"o_3",label:"option 3"},{key:"o_4",label:"option 4"},{key:"o_5",label:"option 5",disabled:!0},{key:"o_6",label:"option 6"},{key:"o_7",label:"option 7"},{key:"o_8",label:"option 8"},{key:"o_9",label:"option 9"},{key:"o_10",label:"option 10"},{key:"o_11",label:"option 11"},{key:"o_12",label:"option 12"},{key:"o_13",label:"option 13"},{key:"o_14",label:"option 14"},{key:"o_15",label:"option 15"}],v:[]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(660),o=n.n(s),l=n(3),r=n.n(l),c=n(659),d=n.n(c);t.default={components:{DemoTreeCheckbox:d.a,CodeCard:r.a,DemoTreeEdit:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["defaultSelectedKey","the default selected key","String","-"],["defaultCheckedKeys","the default checked key when multiple is tree","Array","[]"],["multiple","whether it is multiple or not","Boolean","false"],["expand","whether it is expand or not","Boolean","false"],["data",'tree data, <strong style="color: red;">the rules of <code>key</code>code> are hierarchical, such as the level of 00, then they are 00-11... Through <code>key</code> can know the superior key</strong>',"Array",""],["edited","whether it is edited or not","Boolean","false"],["delimiter","the key delimiter in data","String","-"]],event_columns:["Event","Description","Parameters"],event_data:[["item-checked(checkedKeys)","callback when item checked in multiple mode","key"],["item-dblclick(item)","callback when item dblclick","item"],["item-click(item)","callback when item click","item"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-tree-checkbox",data:function(){return{data:[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]},{title:"0-0-2",key:"0-0-2"}]},{title:"0-1",key:"0-1",children:[{title:"0-1-0-0",key:"0-1-0-0"},{title:"0-1-0-1",key:"0-1-0-1"},{title:"0-1-0-2",key:"0-1-0-2"}]},{title:"0-2",key:"0-2"}]}},methods:{itemCheckedHandler:function(e){console.log("checkedKeys:",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-tree-edit",data:function(){return{currentItem:null,editItem:null,treeState:"",modalShow:!1,name:"",data:[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]},{title:"0-0-2",key:"0-0-2"}]},{title:"0-1",key:"0-1",children:[{title:"0-1-0-0",key:"0-1-0-0"},{title:"0-1-0-1",key:"0-1-0-1"},{title:"0-1-0-2",key:"0-1-0-2"}]},{title:"0-2",key:"0-2"}]}},methods:{addItem:function(e){this.modalShow=!this.modalShow},saveItem:function(){var e=this.name,t=this.currentItem;if(!/^\s*$/.test(e))if("edit"!==this.treeState)if(null===t)this.data.push({title:e,key:e,children:[]});else{var n=t.children||[];n.push({title:e,key:e}),this.$set(t,"children",n)}else t.title=e,this.treeState="";this.modalShow=!1},selectHandler:function(e){this.currentItem=e},itemDoubleClick:function(e){this.treeState="edit",this.currentItem=e,this.name=e.title,this.modalShow=!0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s),l=n(662),r=n.n(l),c=n(661),d=n.n(c);t.default={components:{DemoTreeSelectMultiple:d.a,DemoTreeSelectSingle:r.a,CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","Array","[]"],["data",'tree data, <strong style="color: red;">the rules of <code>key</code>code> are hierarchical, such as the level of 00, then they are 00-11... Through <code>key</code> can know the superior key</strong>',"Array",""],["hint","hint","String","Please"],["multiple","whether it is multiple or not","Boolean","false"],["expand","whether it is expand or not","Boolean","false"],["delimiter","data.key delimiter","String","-"]],event_columns:["Event","Description","Parameters"],event_data:[["change(keys)","callback when changing","keys"]]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-tree-select-multiple",data:function(){return{v:["0-0-0-1","0-2"],v1:[],data:[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]},{title:"0-0-2",key:"0-0-2"}]},{title:"0-1",key:"0-1",children:[{title:"0-1-0-0",key:"0-1-0-0"},{title:"0-1-0-1",key:"0-1-0-1"},{title:"0-1-0-2",key:"0-1-0-2"}]},{title:"0-2",key:"0-2"}]}},methods:{changeHandler:function(e){console.log("keys:",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"demo-tree-select-single",data:function(){return{v:"0-0-0-1",v1:"",data:[{title:"0-0",key:"0-0",children:[{title:"0-0-0",key:"0-0-0",children:[{title:"0-0-0-0",key:"0-0-0-0"},{title:"0-0-0-1",key:"0-0-0-1"},{title:"0-0-0-2",key:"0-0-0-2"}]},{title:"0-0-1",key:"0-0-1",children:[{title:"0-0-1-0",key:"0-0-1-0"},{title:"0-0-1-1",key:"0-0-1-1"},{title:"0-0-1-2",key:"0-0-1-2"}]},{title:"0-0-2",key:"0-0-2"}]},{title:"0-1",key:"0-1",children:[{title:"0-1-0-0",key:"0-1-0-0"},{title:"0-1-0-1",key:"0-1-0-1"},{title:"0-1-0-2",key:"0-1-0-2"}]},{title:"0-2",key:"0-2"}]}},methods:{changeHandler:function(e){console.log("keys:",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n.n(i),s=n(3),o=n.n(s);t.default={components:{CodeCard:o.a,MainLayout:a.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["value","value",'Array[{name: "", url: ""}...]',"-"],["type","optional：<code>picture</code> or empty","String","-"],["action","Required. Uploading URL","String",""],["multiple","whether it is multiple or not","Boolean","false"],["accept",'File types that can be accepted, see <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept">input accept Attribute</a>',"String",""],["maxSize","file max size","Number","5 * 1024 * 1024"],["withCredentials","ajax upload with cookie sent","Boolean","false"],["preview","whether it is preview or not, type === picture","Boolean","false"],["headers","Set request headers","Object","-"],["data","Uploading params or function which can return uploading params.","Object","-"],["name","The name of uploading file","Object","file"],["onProgress","callback when uploading","Function(e, file)","() => {}"],["onSuccess","callback when upload finished","Function(res, file)","() => {}"],["onError","callback when upload error","Function(err, file)","() => {}"],["formatUrlFromResponse","parse url from response","Function(res)","(res) => res"]],files1:[{name:"xxx.png",url:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"}],files:[]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={components:{},name:"MainLayout",props:{menuActiveIndex:{type:String,default:"button"}},data:function(){return{menus:[{index:"index",text:"Introduce"},{index:"layout",text:"Layout"},{index:"grid",text:"Grid"},{index:"button",text:"Button"},{index:"menu",text:"Menu"},{index:"card",text:"Card"},{index:"pagination",text:"Pagination"},{index:"table",text:"Table"},{index:"dropdown",text:"Dropdown"},{index:"step",text:"Step"},{index:"tag",text:"Tag"},{index:"input",text:"Input"},{index:"input_number",text:"Input Number"},{index:"radio",text:"Radio"},{index:"checkbox",text:"Checkbox"},{index:"switch",text:"Switch"},{index:"select",text:"Select"},{index:"cascader",text:"Cascader"},{index:"collapse",text:"Collapse"},{index:"calendar",text:"Calendar"},{index:"datepicker",text:"DatePicker"},{index:"timepicker",text:"timePicker"},{index:"form",text:"Form"},{index:"message",text:"Message"},{index:"notification",text:"Notification"},{index:"popup",text:"Popup"},{index:"backtop",text:"BackTop"},{index:"carousel",text:"Carousel"},{index:"tabs",text:"Tabs"},{index:"modal",text:"Modal"},{index:"upload",text:"Upload"},{index:"tree",text:"Tree"},{index:"tree_select",text:"Tree Select"},{index:"divider",text:"Divider"},{index:"transfer",text:"Transfer"},{index:"timeline",text:"Timeline"},{index:"image",text:"Image"}]}},mounted:function(){var e=this;this.$refs.menus.forEach(function(t){e.menuActiveIndex===t.index?t.active=!0:t.active=!1})},methods:{toLinker:function(e){this.$router.push(e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-back-top",data:function(){return{visible:!1}},methods:{clickHandler:function(e){document.body.scrollTop=0,this.$emit("click",e)}},mounted:function(){var e=this;window.onscroll=function(){e.visible=document.body.scrollTop>0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-button",props:{active:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{type:String},shape:{type:String},size:{type:String}},computed:{classObject:function(){return["fish button",{active:this.active},this.type,{loading:this.loading},{disabled:this.disabled},this.shape,this.size]}},methods:{clickHandler:function(e){this.$emit("click",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-buttons",props:{type:{type:String},size:{type:String}},computed:{classObject:function(){return["fish buttons",this.type,this.size]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(37),a=n.n(i),s=n(1),o=n.n(s),l=n(10),r=(n.n(l),n(194)),c=n.n(r);t.default={components:{ContentRender:c.a},name:"fish-calendar",props:{value:{type:String},mode:{type:String,default:"day"},min:{type:String,default:"-1"},max:{type:String,default:"-1"},today:{type:String,default:l.calendar.today},weeks:{type:Array,default:function(){return l.calendar.weeks}},months:{type:Array,default:function(){return l.calendar.months}},secondRender:{type:Function,default:function(e,t){return""}},minuteRender:{type:Function,default:function(e,t){return""}},hourRender:{type:Function,default:function(e,t){return""}},dayRender:{type:Function,default:function(e,t){return""}},monthRender:{type:Function,default:function(e,t){return""}},yearRender:{type:Function,default:function(e,t){return""}},cellRender:{type:Function}},mounted:function(){this.reset()},data:function(){return{state:this.mode,modes:d,stateTitleRenderMap:f,modeIndex:d.indexOf(this.mode),valueDate:o()(this.value),current:{year:null,month:null,day:null,hour:null,minute:null,second:null},arrays:[]}},methods:{reset:function(){this.setCurrent(this.valueDate),this.modeIndex>2&&(this.state="day"),this.showItemsHandler(this.state)},setCurrent:function(e){this.current={year:e.year(),month:e.month(),day:e.date(),hour:e.hour(),minute:e.minute(),second:e.second()}},pageHandler:function(e){var t=o()(this.current);t.add(e,d[d.indexOf(this.state)-1]),this.setCurrent(t),this.showItemsHandler(this.state)},showItemsHandler:function(e){this.state=e,this.arrays=h[e](this.current),this.emitChange()},selectItemHandler:function(e){this.current[this.state]="day"===this.state?e.date():e;var t=this.modes.indexOf(this.state);this.modeIndex>t?this.showItemsHandler(this.modes[t+1]):this.emitSelect()},cellRenderFunc:function(e,t){return this[this.state+"Render"](e,t)},cellActive:function(e){var t=this.current,n=this.state;return"day"===this.state?t.day===e.date()&&t.month===e.month()&&t.year===e.year():t[n]===e},cellDisabled:function(e){if("day"===this.state)return this.current.month!==e.month()||this.notInMinAndMax(e);var t=a()({},this.current);return t[this.state]=e,this.notInMinAndMax(o()(t))},notInMinAndMax:function(e){return"-1"!==this.min&&o()(this.min).isAfter(e,this.state)||"-1"!==this.max&&o()(this.max).isBefore(e,this.state)},emitSelect:function(){this.state===this.mode&&(this.$emit("select",this.current),this.$emit("input",this.current))},emitChange:function(){this.$emit("change",this.state,this.arrays,this.current)}}};var d=["year","month","day","hour","minute","second"],u=[[0,1,2,3,4,5],[6,7,8,9,10,11],[12,13,14,15,16,17],[18,19,20,21,22,23],[24,25,26,27,28,29],[30,31,32,33,34,35],[36,37,38,39,40,41],[42,43,44,45,46,47],[48,49,50,51,52,53],[54,55,56,57,58,59]],h={year:function(e){return[[e.year-10,e.year-9,e.year-8,e.year-7],[e.year-6,e.year-5,e.year-4,e.year-3],[e.year-2,e.year-1,e.year-0,e.year+1],[e.year+2,e.year+3,e.year+4,e.year+5],[e.year+6,e.year+7,e.year+8,e.year+9]]},month:function(e){return[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]},day:function(e){return p(o()([e.year,e.month,e.day]))},hour:function(e){return[[0,1,2,3],[4,5,6,7],[8,9,10,11],[12,13,14,15],[16,17,18,19],[20,21,22,23]]},minute:function(e){return u},second:function(e){return u}},f={year:function(e){return e},month:function(e){return l.calendar.months[e]},day:function(e){return e.date()},hour:function(e){return e+"h"},minute:function(e){return e+"m"},second:function(e){return e+"s"}},p=function(e){for(var t=[[],[],[],[],[],[]],n=0;n<6;n++)for(var i=0;i<7;i++){var a=o()(e).date(1),s=7*n+i;t[n][i]=a.weekday(s)}return t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-card",props:{fluid:{type:Boolean,default:!1},color:{type:String,default:""}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-cards",props:{cols:{type:String,default:""}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-carousel",props:{autoPlay:{type:Boolean,default:!1}},data:function(){return{width:0,childrenLength:0,activeIndex:0}},mounted:function(){var e=this;this.width=this.$el.offsetWidth,this.childrenLength=this.$children.length,this.$children.forEach(function(t){t.$el.style.width=e.width+"px"}),this.autoPlay&&setInterval(function(){e.childrenLength-1===e.activeIndex?e.activeIndex=0:++e.activeIndex},5e3)},methods:{dotClickHandler:function(e){this.activeIndex=e}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-carousel-item",data:function(){return{}},methods:{}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=n(10);n.n(a);t.default={name:"fish-cascader",directives:{clickoutside:i.a},props:{value:Array,textDelimiter:{type:String,default:" / "},menuWidth:{type:Number,default:160},hint:{type:String,default:"Please select"},options:{type:Array,required:!0}},data:function(){return{showClear:!1,visible:!1,groups:[this.options],selectedItems:[],selectedText:""}},mounted:function(){this.selectedItems=this.parseSelectedItems(),this.selectedText=this.selectedItems.map(function(e){return e[1]}).join(this.textDelimiter)},computed:{valueEmpty:function(){return 0===this.value.length}},methods:{clearHandler:function(){this.selectedText=null,this.selectedItems=[],this.groups=[this.options],this.emitChange([])},mouseOverHandler:function(){this.showClear=!0},mouseOutHandler:function(){this.showClear=!1},menuClickHandler:function(e){this.visible=!this.visible},awayHandler:function(){this.visible=!1},itemClickHandler:function(e,t){var n=this.itemChildren(e),i=this.selectedItems.length-t;if(this.selectedItems.splice(t,i,e),n.length>0){var a=this.groups.length-t;this.groups.splice(t+1,a,n)}else this.awayHandler(),this.selectedText=this.selectedItems.map(function(e){return e[1]}).join(this.textDelimiter),this.emitChange(this.selectedItems.map(function(e){return e[0]}))},emitChange:function(e){this.$emit("input",e),this.$emit("change",e),a.notify.field.change(this)},itemChildren:function(e){return e.length>2?e[e.length-1]:[]},parseSelectedItems:function(){var e=[];if(this.valueEmpty)return e;for(var t=this.options,n=0;t&&t.length>0;){for(var i in t)if(this.value[n]===i[0]){e.push(i),t=this.itemChildren(i);break}if(++n>10)return[]}return e}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-checkbox",props:{index:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1},state:{type:String,default:""}},data:function(){return{active:"checked"===this.state}},watch:{state:function(e,t){this.active="checked"===e}},computed:{classObject:function(){return["fish checkbox",{active:"checked"===this.state||this.active},{open:"open"===this.state},{disabled:this.disabled}]}},methods:{clickHandler:function(e){this.active=!this.active,e.index=this.index,this.$emit("click",e),this.$emit("input",this.active)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(24),a=n.n(i);t.default={name:"fish-checkboxes",props:{value:{type:Array},mode:{type:String,default:"horizontal"}},mounted:function(){this.reRender()},updated:function(){this.reRender()},methods:{clickHandler:function(e){var t=a()(this.value);t.includes(e.index)?t=this.value.filter(function(t){return t!==e.index}):t.push(e.index),this.$emit("input",t),this.$emit("change",t)},reRender:function(){var e=this;this.$children.forEach(function(t){e.value.includes(t.index)?t.active=!0:t.active=!1})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"fish-col",props:{span:{type:[String,Number],required:!0},offset:{type:[String,Number],default:0},push:{type:[String,Number],default:0},pull:{type:[String,Number],default:0}},computed:{styleObject:function(){var e={width:4.16666*parseInt(this.span+"")+"%",marginLeft:4.16666*parseInt(this.offset+"")+"%"};return this.push>0&&(e.left=4.16666*parseInt(this.push+"")+"%"),this.pull>0&&(e.right=4.16666*parseInt(this.pull+"")+"%"),e}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-collapse",props:{bordered:{type:Boolean,default:!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-collapse-item",props:{title:{type:String},label:{type:String},index:{type:[String,Number],requred:!0}},data:function(){return{show:!1}},methods:{clickTitleHandler:function(){this.show=!this.show,this.$emit("click",this.index,this.show)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(395),a=n.n(i);t.default={name:"content-render",props:{params:{type:Array,default:function(){return[]}},render:{type:Function}},render:function(e){return this.render.apply(this,[e].concat(a()(this.params)))}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),a=n.n(i),s=n(13),o=n(192),l=n.n(o),r=n(10),c=(n.n(r),{year:"YYYY",month:"YYYY-MM",day:"YYYY-MM-DD",hour:"YYYY-MM-DD HH",minute:"YYYY-MM-DD HH:mm",second:"YYYY-MM-DD HH:mm:ss"});t.default={name:"fish-date-picker",directives:{clickoutside:s.a},components:{fishCalendar:l.a},props:{value:{type:String},mode:{type:String,default:"day"},min:{type:String,default:"-1"},max:{type:String,default:"-1"},format:{type:String},hint:{type:String,default:"Please date"}},data:function(){return{visible:!1,showClear:!1}},computed:{valueEmpty:function(){return/^\s*$/.test(this.value)}},methods:{mouseOverHandler:function(){this.showClear=!0},mouseOutHandler:function(){this.showClear=!1},clickHandler:function(){this.visible=!this.visible},clearHandler:function(){this.visible=!1,this.changeHandler("")},awayHandler:function(){this.visible=!1,this.showClear=!1},selectHandler:function(e){this.visible=!1,this.showClear=!1;var t=a()(e).format(this.format||c[this.mode]);this.changeHandler(t)},cellRender:function(e,t){return e("span",t)},changeHandler:function(e){this.$emit("input",e),this.$emit("change",e),r.notify.field.change(this)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-divider",props:{fitted:{type:Boolean,default:!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=n(55),s=n.n(a);t.default={components:{fishMenu:s.a},directives:{clickoutside:i.a},name:"fish-dropdown",props:{align:{type:String,default:"bottom-left"}},data:function(){return{visible:!1}},computed:{classObject:function(){return["fish dropdown",this.align]}},methods:{clickHandler:function(){this.visible=!this.visible},awayHandler:function(){this.visible=!1},menusClickHandler:function(){this.visible=!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(25),a=n.n(i),s=n(391),o=n.n(s),l=n(243),r=function(){};t.default={name:"fish-field",props:{label:{type:String},labelWidth:{type:[Number,String],default:"auto"},labelAlign:{type:String,default:"right"},span:{type:[String,Number],default:0},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},showError:{type:Boolean,default:!0},name:{type:String},rules:{type:Array}},computed:{lableStyle:function(){var e=this.inline,t=this.labelWidth,n=this.labelAlign,i={};return e&&(i["text-align"]=n,"auto"!==t&&(console.log(t,t instanceof Number),o()(t)?i.width=t+"%":i.width=t)),i},contentWrapperStyle:function(){var e=this.inline,t=this.labelWidth,n={};return e&&"auto"!==t&&o()(t)&&(n.width=100-t+"%"),n},styleObject:function(){var e=this.span;return 0===e?{}:{width:4.16666*parseInt(e+"")+"%"}},field:function(){return this.$children[0]},fieldValue:function(){return this.field&&this.field.value},required:function(){var e=this.rules;if(e&&e.length>0){var t=!0,n=!1,i=void 0;try{for(var s,o=a()(e);!(t=(s=o.next()).done);t=!0){if(s.value.required)return!0}}catch(e){n=!0,i=e}finally{try{!t&&o.return&&o.return()}finally{if(n)throw i}}}return!1}},mounted:function(){this.oldValue=this.fieldValue},data:function(){return{oldValue:null,checked:{state:"",message:""}}},methods:{validate:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r,t=this.name,n=this.rules,i=this.fieldValue,a=this.checked,s=n;if(!s||0===s.length)return e(),!0;var o={};o[t]=s;var c=new l.a(o),d={};d[t]=i,c.validate(d,{firstFields:!0},function(t,n){a.state=t?"error":"",a.message=t?t[0].message:"",e(t)})},fieldValueChange:function(){this.validate()}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-fields",props:{label:{type:String}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function e(t,n){n.forEach(function(n){"fish-field"===n.$options.name?n.name&&n.rules&&t.push(n):n.$children&&n.$children.length>0&&e(t,n.$children)})};t.default={name:"fish-form",props:{inline:{type:Boolean,default:!1}},data:function(){return{fields:[]}},mounted:function(){var e=this.fields;i(e,this.$children)},methods:{validate:function(e){var t=!0,n=0,i=this.fields;i.forEach(function(a){a.validate(function(a){a&&(t=!1),"function"==typeof e&&++n===i.length&&e(t)})})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-image",props:{url:{type:String,required:!0},disabled:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},shape:{type:String,default:"square"}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(10);n.n(i);t.default={name:"fish-input",props:{value:{type:String,default:""},type:{type:String,default:"text"},hint:{type:String,default:"Please ..."},icon:{type:String},iconLeft:{type:Boolean,default:!1},iconClose:{type:String,default:"fa fa-times-circle"},loading:{type:Boolean,default:!1},size:{type:String},transparent:{type:Boolean,default:!1},label:{type:String},labelLeft:{type:String},disabled:{type:Boolean,default:!1},clear:{type:Boolean,default:!1}},data:function(){return{}},computed:{classObject:function(){return["fish input",this.icon&&(this.iconLeft?"left":"right")||"",{loading:this.loading},this.size,{transparent:this.transparent},{disabled:this.disabled}]},valueEmpty:function(){return/^\s*$/.test(this.value)}},methods:{updateValue:function(e){this.changeHandler(e)},clearHandler:function(){this.changeHandler("")},changeHandler:function(e){this.$emit("input",e),i.notify.field.change(this)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(10),a=(n.n(i),function(e,t){return e*=1e12,t*=1e12,(Math.round(e)+Math.round(t))/1e12});t.default={name:"fish-input-number",props:{value:{type:[Number,String],default:""},min:{type:[Number,String],default:0},max:{type:[Number,String],default:1e12},step:{type:[Number,String],default:1},hint:{type:String,default:""},size:{type:String},label:{type:String},labelLeft:{type:String},disabled:{type:Boolean,default:!1},testExpress:{type:RegExp,default:function(){return/(^\d+$)|(^\d+(\.\d{0,4})?$)/}}},methods:{updateValue:function(e){var t=e.target.value;if(/^\s*$/.test(t))return void this.changeHandler("");this.testExpress.test(t)&&parseFloat(t)<=parseFloat(this.max)&&parseFloat(t)>=parseFloat(this.min)?this.changeHandler(-1!==t.indexOf(".")?parseFloat(t):parseInt(t)):e.target.value=this.value},upHandler:function(){var e=a(this.value,this.step);parseFloat(e)<parseFloat(this.max)&&this.changeHandler(e)},downHandler:function(){var e=a(this.value,-this.step);parseFloat(e)>parseFloat(this.min)&&this.changeHandler(e)},changeHandler:function(e){this.$emit("input",e),i.notify.field.change(this)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-layout",props:{sider:{type:String},responsive:{type:Boolean,default:!1}},data:function(){return{siderToggleTop:0}},mounted:function(){if(this.responsive){var e=this.$refs.header.offsetHeight,t=this.$refs.siderToggle.offsetHeight;this.siderToggleTop=e-t/2}},methods:{toggleHandler:function(){var e=this.$refs.sider;"block"===e.style.display?(e.style.display="none",this.$refs.siderToggle.style.left="0px"):(e.style.display="block",this.$refs.siderToggle.style.left=e.offsetWidth+"px")}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-menu",props:{size:{type:String},mode:{type:String,default:"vertical"},compact:{type:Boolean,default:!1},indexDelimiter:{type:String,default:"-"},defaultActive:{type:String}},data:function(){return{items:{},activeItem:null,lastActiveIndex:null}},mounted:function(){var e=this;this.items={},this.$children.forEach(function(t){"fish-optgroup"===t.$options.name?t.$children.forEach(function(t){"fish-option"===t.$options.name&&(e.items[t.index]=t)}):["fish-option","fish-submenu"].includes(t.$options.name)&&(e.items[t.index]=t)}),this.defaultActive&&this.setActive(this.defaultActive)},computed:{classObject:function(){return["fish menu",this.mode,this.size,{compact:this.compact}]}},methods:{clickHandler:function(e){void 0!==e.index&&(this.setActive(e.index),this.$emit("change",e.index),this.$emit("click",e))},setActive:function(e){if(void 0!==e){var t=this.items;this.lastActiveIndex&&this.lastActiveIndex.toString().split(this.indexDelimiter).forEach(function(e){t[e].active=!1;try{"inline"===t[e].mode&&(t[e].visible=!1),t=t[e].items}catch(e){}}),this.lastActiveIndex=e,t=this.items,e.toString().split(this.indexDelimiter).forEach(function(e){if(void 0!==t[e]){t[e].active=!0;try{"inline"===t[e].mode&&(t[e].visible=!0),t=t[e].items}catch(e){}}})}}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-message",props:{type:{type:String,default:"warning"}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-modal",props:{title:{type:String},padding:{type:String,default:"1em"},visible:{type:Boolean,default:!1},marginTop:{type:String,default:"100px"},width:{type:Number,default:850}},watch:{},methods:{closeHandler:function(){this.$emit("update:visible",!1)},setMarginTop:function(){var e=this;this.$nextTick(function(){e.$refs.modal.style.marginTop="-"+e.$refs.modal.clientHeight/2+"px"})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-optgroup",props:{label:{type:String,required:!0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-option",props:{disabled:{type:Boolean,default:!1},index:{type:[String,Number],required:!0},content:{type:String,required:!0}},data:function(){return{active:!1}},computed:{classObject:function(){return["item",{active:this.active},{disabled:this.disabled}]}},methods:{clickHandler:function(e){e.index=this.index,this.$emit("click",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-pagination",props:{total:{type:Number,required:!0},current:{type:Number,default:1},rows:{type:Number,default:10},simple:{type:Boolean,default:!1},noMoreText:{type:String,default:"No more data..."},prevRender:{type:Function,default:function(){return'<i class="fa fa-angle-left" style="margin-right:0; width: auto;"></i>'}},nextRender:{type:Function,default:function(){return'<i class="fa fa-angle-right" style="margin-right:0; width: auto;"></i>'}},totalRender:{type:Function,default:function(e,t){return t[0]+"-"+t[1]+" / "+e}}},computed:{pages:function(){return Math.ceil(this.total/this.rows)}},data:function(){return{}},methods:{clickHandler:function(e){e!==this.current&&this.$emit("change",e)},firstHandler:function(){this.current>1&&this.$emit("change",1)},lastHandler:function(){this.current<this.pages&&this.$emit("change",this.pages)},prevHandler:function(){this.current>1&&this.$emit("change",this.current-1)},nextHandler:function(){this.current<this.pages&&this.$emit("change",this.current+1)},inFive:function(e){if(e>1&&e<this.pages){var t=this.current-2,n=this.current+2;return t<=0&&(n-=t-1),n>=this.pages&&(t-=n-this.pages,n=e),t<=e&&n>=e}return!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-radio",props:{index:{type:[String,Number],required:!0},disabled:{type:Boolean,default:!1}},data:function(){return{active:!1}},computed:{classObject:function(){return["fish radio",{active:this.active},{disabled:this.disabled}]}},methods:{clickHandler:function(e){this.active=!0,e.index=this.index}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(10);n.n(i);t.default={name:"fish-radios",props:{value:{type:[Number,String]},mode:{type:String,default:"horizontal"}},mounted:function(){this.reRender()},updated:function(){this.reRender()},methods:{clickHandler:function(e){this.$emit("input",e.index),this.$emit("change",e.index),i.notify.field.change(this)},reRender:function(){var e=this;this.$children.forEach(function(t){e.value===t.index?t.active=!0:t.active=!1})}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-row",props:{gutter:{type:[String,Number],default:0},align:{type:[String,Number],default:"top"},justify:{type:[String,Number],default:"start"}},mounted:function(){var e=this;this.$children.forEach(function(t,n){e.gutter>0&&(n<e.$children.length-1&&(t.$el.style.paddingRight=e.gutter+"em"),t.$el.style.paddingBottom=e.gutter+"em")})}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(24),a=n.n(i),s=n(13),o=n(10);n.n(o);t.default={name:"fish-select",directives:{clickoutside:s.a},props:{value:[Number,String,Array],hint:{type:String,default:"Please select"},multiple:{type:Boolean,default:!1},search:{type:[Boolean,Function],default:!1},disabled:{type:Boolean,default:!1},iconDownArrow:{type:String,default:"fa fa-angle-down"},iconClose:{type:String,default:"fa fa-close"},iconCloseCircle:{type:String,default:"fa fa-times-circle"},iconSearch:{type:String,default:"fa fa-search"}},data:function(){return{visible:!1,selectedHtml:null,selectedItems:[],showText:!0,reRenderChildren:!1,showClear:!1,multipleInputWidth:1,displayItems:[],keyChildrenIndex:-1}},mounted:function(){var e=this;this.$children.forEach(function(t){t.$el.style.display="block",e.values.includes(t.index)?(t.active=!0,e.selectedItems.push(t)):t.active=!1}),this.displayItems=this.$children},watch:{value:function(e,t){""!==e&&null!==e||this.searchIsFunction||(this.selectedItems=[])}},computed:{valueEmpty:function(){return 0===this.values.length},currentItem:function(){return-1===this.keyChildrenIndex?this.displayItems[0]:this.displayItems[this.keyChildrenIndex]},searchIsFunction:function(){return this.search&&this.search instanceof Function},values:function(){return Array.isArray(this.value)?this.value:this.value&&""!==this.value.toString()?[this.value]:[]}},methods:{searchInputHandler:function(e){var t=this;this.searchIsFunction&&(this.search(e),this.$nextTick(function(){t.displayItems=t.$children})),/^\s+$/.test(e)?(this.showText=!0,this.displayItems=this.$children,this.multipleInputWidth=1):(this.displayItems=[],this.$children.forEach(function(n){n.content.toLowerCase().startsWith(e.toLowerCase())?(n.$el.style.display="block",t.displayItems.push(n)):n.$el.style.display="none"}),this.keyChildrenIndex=-1,this.showText=!1,this.multipleInputWidth=e.length>0?e.length:1)},keyUpHandler:function(){var e=this.displayItems.length;e<=0||(this.values.includes(this.currentItem.index)||(this.currentItem.active=!1),this.keyChildrenIndex<=0?this.keyChildrenIndex=e-1:this.keyChildrenIndex--,this.currentItem.active=!0)},keyDownHandler:function(){var e=this.displayItems.length;e<=0||(this.values.includes(this.currentItem.index)||(this.currentItem.active=!1),this.keyChildrenIndex>=e-1?this.keyChildrenIndex=0:this.keyChildrenIndex++,this.currentItem.active=!0)},keyEnterHandler:function(){this.displayItems.length<=0||(this.values.includes(this.currentItem.index)||(this.currentItem.active=!1,this.changeHandler(this.currentItem)),this.displayItems=this.$children,this.multipleInputWidth=1)},mouseOverHandler:function(){this.showClear=!0},mouseOutHandler:function(){this.showClear=!1},closeItemHandler:function(e,t,n){var i=a()(this.values);this.selectedItems.splice(e,1),this.$children.forEach(function(e){e.index===t.index&&(e.active=!1)}),this.emitChange(i.filter(function(e){return e!==t.index})),this.resetValues()},clearHandler:function(){this.selectedItems=[],this.awayHandler(),this.emitChange([])},clickHandler:function(){this.visible=!this.visible,this.search&&this.$refs.inputSearch.focus()},menuClickHandler:function(e){this.changeHandler(e.target.__vue__)},changeHandler:function(e){if(this.multiple){var t=a()(this.values);e.active?(e.active=!1,t=t.filter(function(t){return t!==e.index}),this.selectedItems=this.selectedItems.filter(function(t){return t.index!==e.index})):(e.active=!0,this.selectedItems.push(e),t.push(e.index)),this.emitChange(t),this.resetValues()}else this.selectedItems.splice(0,1,e),this.emitChange([e.index]),this.awayHandler()},emitChange:function(e){var t=this.multiple?e:e[0];this.$emit("input",t),this.$emit("change",t),o.notify.field.change(this)},awayHandler:function(){this.visible=!1,this.resetValues()},resetValues:function(){this.showText=!0,this.reRenderChildren=!0,this.keyChildrenIndex=-1,this.search&&(this.$refs.inputSearch.value="")}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-step",props:{icon:{type:String},title:{type:String,required:!0},description:{type:String},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{index:9}},computed:{classObject:function(){return["fish step",{active:this.active},{disabled:this.disabled}]},iClassObject:function(){return[this.icon?"icon "+this.icon:""]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-steps",props:{size:{type:String},width:{type:[String,Number],default:100},mode:{type:String,default:"horizontal"}},mounted:function(){this.$children.forEach(function(e,t){e.index=t+1})},computed:{classObject:function(){return["fish steps",this.size,this.mode]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13);t.default={directives:{clickoutside:i.a},name:"fish-submenu",props:{trigger:{type:String,default:"hover"},index:{type:String},indexDelimiter:{type:String,default:"-"},mode:{type:String,default:"vertical"}},data:function(){return{items:{},visible:!1,timeout:null,active:!1}},mounted:function(){var e=this;if(this.items={},this.$children.forEach(function(t){t._isVue&&(e.items[t.index.split(e.indexDelimiter).pop()]=t)}),"inline"===this.mode){this.$children.forEach(function(t){if(-1===t.$el.className.indexOf("submenu")){var n=t.index.split(e.indexDelimiter);t.$el.style.paddingLeft=.75*n.length+"em"}});var t=this.indexes;this.$refs.subtitle.style.paddingLeft=.75*t.length+"em"}},computed:{indexes:function(){return this.index.split(this.indexDelimiter)}},methods:{mouseOverHandler:function(){var e=this;"inline"!==this.mode&&"hover"===this.trigger&&(clearTimeout(this.timeout),this.timeout=setTimeout(function(){e.visible=!0},250))},mouseOutHandler:function(){var e=this;"inline"!==this.mode&&"hover"===this.trigger&&(clearTimeout(this.timeout),this.timeout=setTimeout(function(){e.visible=!1},150))},clickHandler:function(e){"inline"===this.mode?e.target.parentNode===this.$refs.submenu&&(this.visible=!this.visible,this.active=!this.active):this.visible=!this.visible},awayHandler:function(){"inline"!==this.mode&&"click"===this.trigger&&(this.visible=!1)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},methods:{clickHandler:function(){this.$emit("input",!this.value)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-tab-pane",props:{label:{type:String,required:!0},index:{type:String}},data:function(){return{visible:!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(390),a=n.n(i),s=n(697),o=n.n(s),l=n(696),r=n.n(l),c=n(197),d=n.n(c);t.default={components:{fishTableBody:r.a,fishTableHead:o.a,fishPagination:d.a},name:"fish-table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0},bordered:{type:Boolean,default:!1},striped:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},expandedRowRender:{type:Function,default:null},height:[Number,String],noMoreText:{type:String,default:"No more data..."},pagination:{type:Object,default:void 0}},data:function(){return{currentPage:this.pagination?this.pagination.current:1,scrollY:!1,windowWidth:p(),maxRows:f(this.columns),allColumns:h(this.columns),rows:[],allLeafColumns:[],fixedLeftColumns:[],fixedRightColumns:[],filters:{},sorter:null,trHeight:38}},mounted:function(){var e=this;this.rows=u(this.allColumns,this.maxRows),this.allLeafColumns=this.allColumns.filter(function(e){return!e.children}),this.columns.forEach(function(t){void 0!==t.fixed&&("left"===t.fixed?e.fixedLeftColumns.push(t):"right"===t.fixed&&e.fixedRightColumns.push(t))}),this.calScroll(),window.addEventListener("resize",this.calScroll)},destroyed:function(){window.removeEventListener("resize",this.calScroll)},methods:{pageChangeHandler:function(e){this.currentPage=e,this.changeHandler()},filterChangeHandler:function(e){this.filters=e,this.changeHandler()},sortChangeHandler:function(e,t){this.sorter={key:e,by:t},this.changeHandler()},changeHandler:function(){this.$emit("change",this.currentPage,this.filters,this.sorter)},headSelectHandler:function(e){var t=this,n=e.$refs.checkboxes[0],i=this.$refs,s=i.vtb,o=i.lVtb,l=i.rVtb;a()(s,o,l).forEach(function(e){e&&e.$refs.checkboxes.forEach(function(e){e.active=n.active})}),this.$emit("select",s.$refs.checkboxes.filter(function(e){return e.active}).map(function(e){return t.data[e.index]}))},bodySelectHandler:function(e,t){var n=this,i=t.$refs.checkboxes,s=i.filter(function(e){return e.active}),o=i.length===s.length,l=this.$refs,r=l.vth,c=l.lVth,d=l.rVth,u=l.vtb;a()(r,c,d).forEach(function(e){e&&(e.$refs.checkboxes[0].active=o)}),this.$emit("select",u.$refs.checkboxes.filter(function(e){return e.active}).map(function(e){return n.data[e.index]}))},calScroll:function(){var e=this;this.$nextTick(function(){return e.calScrollY()}),this.calScrollX()},calScrollY:function(){var e=this.height,t=this.data;if(void 0!==e){var n=this.$refs.root.offsetHeight;if(!(e>=n)){var i=this.$refs,s=i.body,o=i.flBody,l=i.frBody,r=i.fixedRight,c=t.length+1,d=e/c+1;s.style.height=e-d+"px",s.style.overflowY="scroll",a()(o,l).forEach(function(t){void 0!==t&&(t.style.height=e-d-15+"px")}),r&&(r.style.right="15px");!function(e,t){void 0!==e&&e.addEventListener("scroll",function(e){t.forEach(function(t){void 0!==t&&(t.scrollTop=e.target.scrollTop)})},!1)}(s,[o,l]),this.scrollY=!0}}},calScrollX:function(){var e=this.$refs.root.getBoundingClientRect().width,t=p();e+=t-this.windowWidth;var n=this.allLeafColumns.map(function(e){return e.width||0}).reduce(function(e,t){return parseInt(e)+parseInt(t)},0),i=this.$refs,a=i.header,s=i.body,o=i.root;if(n<=e)return o.style.width="auto",void(s.style.overflowX="hidden");o.style.width=e+"px",s.style.overflowX="scroll",s.addEventListener("scroll",function(e){a.scrollLeft=e.target.scrollLeft},!1),this.windowWidth=t},cellRender:function(e,t){return void 0===t.render?e[t.key]:t.render(e[t.key],t)}}};var u=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments[1],n=[],i=0;i<t;i++)n.push([]);return e.forEach(function(e){e.rowSpan=e.children?1:t-e.level,n[e.level].push(e)}),n},h=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=[];return t.forEach(function(t){if(t.level=n,i.push(t),t.children){var a=e(t.children,n+1);t.colSpan=a.filter(function(e){return!e.children}).length,i=i.concat(a)}else t.colSpan=1}),i},f=function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=[];return t.forEach(function(t,i){n[i]=1,void 0!==t.children&&t.children.length>0&&(n[i]+=e(t.children))}),n.length<=0?1:Math.max.apply(null,n)},p=function(){return window.innerWidth?window.innerWidth:document.body.clientWidth}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(31),a=n.n(i),s=n(194),o=n.n(s);t.default={components:{ContentRender:o.a,fishCheckbox:a.a},name:"fish-table-body",props:{columns:{type:Array,required:!0},rows:{type:Array,required:!0},expandIcon:{type:String,default:"fa fa-angle-right"},expandedRowRender:{type:Function,default:void 0},scrollY:{type:Boolean,default:!1},noMoreText:{type:String}},data:function(){return{expands:this.rows.map(function(e){return!1})}},methods:{checkboxSelectHandler:function(e){this.$emit("select",e,this)},expandHandler:function(e){this.expands.splice(e,1,!this.expands[e])}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(698),a=n.n(i),s=n(31),o=n.n(s);t.default={components:{fishCheckbox:o.a,fishTableHeadFilter:a.a},name:"fish-table-head",props:{columns:{type:Array,required:!0},rows:{type:Array,required:!0},expandedRowRender:{type:Function,default:null},scrollY:{type:Boolean,default:!1}},data:function(){return{orderKey:null,orderBy:""}},methods:{checkboxSelectHandler:function(e){this.$emit("select",this)},clickFilterHandler:function(e){var t=this.$refs.filters,n={};t.forEach(function(e){e.values.length>0&&(n[e.index]=e.values)}),this.$emit("filter-change",n)},thClickHandler:function(e){e.sortable&&(this.orderKey!==e.key&&(this.orderBy=""),this.orderKey=e.key,""!==this.orderBy?this.orderBy="desc"===this.orderBy?"asc":"desc":this.orderBy="desc"),this.$emit("sort-change",this.orderKey,this.orderBy)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=n(55),s=n.n(a),o=n(196),l=n.n(o);t.default={name:"fish-table-head-filter",components:{fishOption:l.a,fishMenu:s.a},directives:{clickoutside:i.a},props:{index:{type:[String,Number],required:!0},items:{type:Array,required:!0}},data:function(){return{visible:!1}},computed:{values:function(){return this.$refs.options.filter(function(e){return e.active&&"_all"!==e.index}).map(function(e){return e.index})}},updated:function(){var e=this.$refs,t=e._root,n=e._content,i=t.offsetParent;n.style.left=i.offsetLeft+"px",n.style.top=i.offsetHeight+"px"},methods:{clickHandler:function(){this.visible=!this.visible},awayHandler:function(){this.visible=!1},menusClickHandler:function(e){this.visible=!1,this.$emit("change",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-tabs",props:{value:{type:[Number,String],required:!0},type:{type:String,default:""},navPosition:{type:String,default:"top"},padding:{type:String}},data:function(){return{tabs:[],activeIndex:0}},mounted:function(){var e=this;this.$children.forEach(function(t,n){e.tabs.push(t.label),t.index===e.value?(t.visible=!0,e.activeIndex=n):t.visible=!1})},methods:{tabClickHandler:function(e){this.$children[this.activeIndex].visible=!1;var t=this.$children[e];t.visible=!0,this.activeIndex=e,this.$emit("input",t.index),this.$emit("tab-change",t.index)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-tag",props:{icon:String,iconClose:{type:String,default:"fa fa-close"},index:{type:[String,Number],required:!0},size:{type:String,default:""},color:{type:String,default:""},shape:{type:String,default:"square"},floating:{type:Boolean,default:!1},attached:{type:String}},data:function(){return{closed:!1}},computed:{classObject:function(){return["fish tag",this.size,this.color,this.shape,{floating:this.floating},{attached:this.attached},this.attached]},closeExists:function(){return this._events.close}},methods:{clickHandler:function(e){this.$emit("click",this.index)},closeHandler:function(e){this.$emit("close",this.index),this.closed=!0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(26),a=n.n(i),s=n(198),o=n.n(s);t.default={name:"fish-tags",components:{fishTag:o.a},props:{size:String,edited:{type:Boolean,default:!1},items:{type:Array,required:!0}},computed:{classObject:function(){return["fish tags",this.size]},onAddExists:function(){return this._events.add}},methods:{clickHandler:function(e,t){"object"===a()(this.items[t])?this.$emit("click",t,!1===this.items[t][0]):this.$emit("click",t)},closeHandler:function(e,t){this.$emit("close",t)},addHandler:function(){var e=this;this.isClickAdd=!0,this.$nextTick(function(){e.$refs.newTagInput.focus()})},addEnterHandler:function(e){this.$refs.newTagInput.blur()},addDoneHandler:function(e){this.isClickAdd=!1;var t=e.target.value;/^\s*$/.test(t)||this.$emit("add",t)}},data:function(){return{isClickAdd:!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=n(10);n.n(a);t.default={name:"fish-time-picker",directives:{clickoutside:i.a},props:{value:{type:String,default:"00:00:00"},hint:{type:String,default:"Please time"}},data:function(){return{showClear:!1,visible:!1,groups:[a.calendar.hours,a.calendar.minutes,a.calendar.seconds]}},computed:{valueEmpty:function(){return/^\s*$/.test(this.value)}},methods:{mouseOverHandler:function(){this.showClear=!0},mouseOutHandler:function(){this.showClear=!1},clickHandler:function(){this.visible=!this.visible},selectHandler:function(e,t){var n=(this.valueEmpty?"00:00:00":this.value).split(":");n[t]=e,this.changeHandler(n.join(":"))},clearHandler:function(){this.visible=!1,this.changeHandler("")},awayHandler:function(){this.visible=!1,this.showClear=!1},changeHandler:function(e){this.$emit("input",e),this.$emit("change",e),a.notify.field.change(this)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-timeline"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"fish-timeline-item",props:{color:{type:String,default:""}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(57),a=n.n(i),s=n(31),o=n.n(s),l=n(705),r=n.n(l);t.default={components:{FishTransferPanel:r.a,FishCheckbox:o.a},name:"fish-transfer",props:{width:{type:Number,default:200},height:{type:Number,default:200},value:{type:Array,default:function(){return[]}},titles:{type:Array,default:function(){return["items","items"]}},data:{type:Array,default:function(){return[]}},noDataText:{type:String,default:"no data"},leftRender:{type:Function,default:function(){return'<i class="fa fa-chevron-left" style="margin-right:0; width: auto;"></i>'}},rightRender:{type:Function,default:function(){return'<i class="fa fa-chevron-right" style="margin-right:0; width: auto;"></i>'}}},data:function(){return{leftSelectedKeys:[],rightSelectedKeys:[]}},computed:{dataMap:function(){var e={};return this.data.forEach(function(t){e[t.key]=t}),e}},methods:{rightChangeHandler:function(e){this.rightSelectedKeys=e},leftChangeHandler:function(e){this.leftSelectedKeys=e},toRightHandler:function(){this.emitInput(this.leftSelectedKeys.concat(this.value))},toLeftHandler:function(){var e=new a.a(this.rightSelectedKeys);this.emitInput(this.value.filter(function(t){return!e.has(t)}))},emitInput:function(e){this.$emit("input",e),this.$emit("change",e),this.leftSelectedKeys=[],this.rightSelectedKeys=[]}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(24),a=n.n(i);t.default={name:"fish-transfer-panel",props:{title:{type:String,default:"item"},width:{type:Number,default:200},height:{type:Number,default:200},draggable:{type:Boolean,default:!1},data:{type:Array,default:function(){return[]}},noDataText:{type:String,default:"no data"}},data:function(){return{allDisabled:!1,selectedKeys:[],eleDrag:null}},watch:{data:function(e,t){e.length!==t.length&&(this.selectedKeys=[],0===e.length||e.every(function(e){return e.disabled})?(this.$refs.checkbox.active=!1,this.allDisabled=!0):this.allDisabled=!1)}},computed:{titleView:function(){var e="";return this.selectedKeys.length>0&&(e+=this.selectedKeys.length+"/"),e+this.data.length+" "+this.title}},methods:{dragStartHandler:function(e){e.dataTransfer.effectAllowed="move",this.eleDrag=e.target},dragOverHandler:function(e){e.dataTransfer.dropEffect="move"},dragEnterHandler:function(e){},dragLeaveHandler:function(e){},dropHandler:function(e,t){if(this.eleDrag!==e.target){var n=this.eleDrag.getAttribute("drag-index"),i=a()(this.data),s=i[n];i[n]=i[t],i[t]=s,this.$emit("reorder",i.map(function(e){return e.key}))}},dragEndHandler:function(e){},allCheckboxClickHandler:function(e){var t=this.$refs.checkbox;this.$refs.checkboxes.forEach(function(e){e.disabled||(e.active=t.active)});var n=this.$refs.checkboxes.filter(function(e){return e.active}).map(function(e){return e.index});this.emitChange(n)},checkboxClickHandler:function(e){var t=this.$refs.checkboxes.filter(function(e){return e.active}).map(function(e){return e.index});t.length!==this.$refs.checkboxes.length||this.$refs.checkbox.active?this.$refs.checkbox.active=!1:this.$refs.checkbox.active=!0,this.emitChange(t)},emitChange:function(e){this.selectedKeys=e,this.$emit("change",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(25),a=n.n(i),s=n(20),o=n.n(s),l=n(57),r=n.n(l),c=n(706),d=n.n(c);t.default={components:{FishTreeNode:d.a},name:"fish-tree",props:{defaultSelectedKey:{type:String,default:""},defaultCheckedKeys:{type:Array,default:function(){return[]}},multiple:{type:Boolean,default:!1},expand:{type:Boolean,default:!1},data:{type:Array,required:!0},edited:{type:Boolean,default:!1},delimiter:{type:String,default:"-"},iconCaretRight:{type:String,default:"fa fa-caret-right"},iconCaretDown:{type:String,default:"fa fa-caret-down"}},data:function(){return{selectedKey:this.defaultSelectedKey,dataKeyMap:this.getResetDataKeyMap()}},watch:{defaultSelectedKey:function(e,t){this.selectedKey=e},defaultCheckedKeys:function(e,t){this.dataKeyMap=this.getResetDataKeyMap()}},methods:{getResetDataKeyMap:function(e){var t={};return h(t,new r.a(this.defaultCheckedKeys),this.data),t},onItemChecked:function(e){"checked"===this.dataKeyMap[e.key][0]?this.setAllChildrenState(e.key,""):this.setAllChildrenState(e.key,"checked"),this.setAllParentState(e.key),this.$emit("item-checked",this.getCheckedKeys())},onItemDblclick:function(e){this.$emit("item-dblclick",e)},onItemClick:function(e){this.selectedKey=e.key,this.$emit("item-click",e)},getCheckedKeys:function(){var e=this,t=o()(this.dataKeyMap).filter(function(t){return"checked"===e.dataKeyMap[t][0]});return t.filter(function(e,n){var i=!0,s=!1,o=void 0;try{for(var l,r=a()(t);!(i=(l=r.next()).done);i=!0){var c=l.value;if(c!==e&&e.startsWith(c))return!1}}catch(e){s=!0,o=e}finally{try{!i&&r.return&&r.return()}finally{if(s)throw o}}return!0})},setAllChildrenState:function(e,t){var n=this;this.dataKeyMap[e].splice(0,1,t),this.dataKeyMap[e][1]&&this.dataKeyMap[e][1].forEach(function(e){n.setAllChildrenState(e,t)})},setAllParentState:function(e){var t=this,n=e.substring(0,e.lastIndexOf(this.delimiter));if(""!==n){if(this.dataKeyMap[n]&&this.dataKeyMap[n][1]){var i=this.dataKeyMap[n][1].every(function(e){return"checked"===t.dataKeyMap[e][0]}),a=this.dataKeyMap[n][1].some(function(e){return"open"===t.dataKeyMap[e][0]||"checked"===t.dataKeyMap[e][0]});this.dataKeyMap[n].splice(0,1,i?"checked":a?"open":"")}this.setAllParentState(n)}}}};var u=function(e,t){if(e.has(t))return"checked";var n=!0,i=!1,s=void 0;try{for(var o,l=a()(e.keys());!(n=(o=l.next()).done);n=!0){var r=o.value;if(r.startsWith(t))return"open";if(t.startsWith(r))return"checked"}}catch(e){i=!0,s=e}finally{try{!n&&l.return&&l.return()}finally{if(i)throw s}}return""},h=function e(t,n,i){i&&i.forEach(function(i){t[i.key]=[u(n,i.key),i.children&&i.children.map(function(e){return e.key})],e(t,n,i.children)})}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(31),a=n.n(i);t.default={components:{FishCheckbox:a.a},name:"fish-tree-node",props:{selectedKey:{type:String,default:""},multiple:{type:Boolean,default:!1},expand:{type:Boolean,default:!1},data:{type:Array,required:!0},dataKeyMap:{type:Object},edited:{type:Boolean,default:!1},delimiter:{type:String,default:"-"},iconCaretRight:{type:String,default:"fa fa-caret-right"},iconCaretDown:{type:String,default:"fa fa-caret-down"},onItemChecked:{type:Function,default:function(e){}},onItemDblclick:{type:Function,default:function(e){}},onItemClick:{type:Function,default:function(e){}}},data:function(){var e=this;return{visible:this.data.map(function(t){return e.expand})}},methods:{showChildrenHandler:function(e,t){this.visible.splice(t,1,!this.visible[t])},itemRemoveHandler:function(e,t){this.data.splice(t,1)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),a=n(10),s=(n.n(a),n(199)),o=n.n(s);t.default={components:{fishTree:o.a},name:"fish-tree-select",directives:{clickoutside:i.a},props:{value:{type:[String,Number,Array]},data:{type:Array,required:!0},hint:{type:String,default:"Please"},expand:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},delimiter:{type:String,default:"-"},iconClose:{type:String,default:"fa fa-close"},iconCaretRight:{type:String,default:"fa fa-caret-right"},iconCaretDown:{type:String,default:"fa fa-caret-down"}},data:function(){return{selectedItem:null,selectedKey:Array.isArray(this.value)?this.value[0]||"":this.value||"",checkedItems:[],checkedKeys:this.multiple?this.value||[]:[],showClear:!1,visible:!1}},mounted:function(){this.resetValuesWithData(this.data)},computed:{valueEmpty:function(){return Array.isArray(this.value)?this.value.length<=0:void 0===this.value||null===this.value||""===this.value.toString()}},methods:{resetValuesWithData:function(e){var t=this;e&&e.forEach(function(e){t.multiple?t.checkedKeys.includes(e.key)&&t.checkedItems.push(e):t.selectedKey===e.key&&(t.selectedItem=e),t.resetValuesWithData(e.children)})},mouseOverHandler:function(){this.showClear=!0},mouseOutHandler:function(){this.showClear=!1},clickHandler:function(){this.visible=!this.visible},itemClickHandler:function(e){this.multiple||(this.emitChange(e.key),this.awayHandler())},itemCheckedHandler:function(e){this.emitChange(e)},closeItemHandler:function(e){this.emitChange(this.checkedKeys.filter(function(t){return t!==e.key}))},clearHandler:function(){this.visible=!1,this.emitChange([])},emitChange:function(e){this.multiple?(this.checkedKeys=e,this.checkedItems=[]):(e.length<=0&&(e=""),this.selectedKey=e||"",this.selectedItem=null),this.resetValuesWithData(this.data),this.$emit("input",e),this.$emit("change",e),a.notify.field.change(this)},awayHandler:function(){this.visible=!1,this.showClear=!1}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(20),a=n.n(i),s=n(24),o=n.n(s),l=n(265),r=n(195),c=n.n(r),d=n(10);n.n(d);t.default={components:{fishModal:c.a},name:"fish-upload",props:{value:{type:Array},type:{type:String,default:""},action:{type:String,required:!0},multiple:{type:Boolean,default:!1},accept:{type:String,default:"*/*"},maxSize:{type:Number,default:5242880},withCredentials:{type:Boolean,default:!1},preview:{type:Boolean,default:!1},headers:{type:Object},data:{type:Object},name:{type:String,default:"file"},onProgress:{type:Function,default:function(){}},onSuccess:{type:Function,default:function(){}},onError:{type:Function,default:function(){}},formatUrlFromResponse:{type:Function,default:function(e){return e}}},data:function(){return{previewShow:!1,previewUrl:"",reqs:{},uploadingFiles:[]}},computed:{allFiles:function(){return"picture"===this.type?o()(this.value).concat(this.uploadingFiles):o()(this.uploadingFiles).concat(this.value)}},methods:{removeFile:function(e){this.uploadingFiles.length>0&&(this.abort(this.uploadingFiles[e],e),this.uploadingFiles.splice(e,1)),this.emitChange(this.value.filter(function(t,n){return n!==e}))},clickHandler:function(){this.$refs.input.click()},previewHandler:function(e){"picture"===this.type&&this.preview&&(this.previewUrl=e.url,this.previewShow=!0)},changeHandler:function(e){var t=this;if(!(this.reqs.length>0)){var n=e.target.files;n&&(n=o()(n),this.multiple||(n=[n[0]]),n.length<=0||(this.uploadingFiles=n,n.forEach(function(e){e.state="progress"}),n.forEach(function(e,n){t.upload(e,n)})))}},upload:function(e,t){this.$refs.input.value=null,this.post(e,t)},abort:function(e,t){this.reqs[t]&&this.reqs[t].abort()},post:function(e,t){var i=this;u(e,function(t){e._url=t});var s={headers:this.headers,withCredentials:this.withCredentials,file:e,data:this.data,filename:this.name,action:this.action,onProgress:function(n){e.percent=parseInt(n.percent),i.uploadingFiles.splice(t,1,e),i.onProgress(n,e)},onSuccess:function(n){if(delete i.reqs[t],e.state="done",e.url=i.formatUrlFromResponse(n),i.uploadingFiles.splice(t,1,e),i.onSuccess(n,e),a()(i.reqs).length<=0){var s=o()(i.value);i.uploadingFiles.forEach(function(e){"done"===e.state&&s.push({name:e.name,url:e.url,_url:e._url})}),console.log(s),i.uploadingFiles=[],i.emitChange(s)}},onError:function(n){e.state="error",i.uploadingFiles.splice(t,1,e),i.onError(n,e),delete i.reqs[t]}},r=n.i(l.a)(s);this.reqs[t]=r,r&&r.then&&r.then(s.onSuccess,s.onError)},emitChange:function(e){this.$emit("input",e),d.notify.field.change(this)}}};var u=function(e,t){var n=new FileReader;n.onloadend=function(){return t(n.result)},n.readAsDataURL(e)}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){function i(e){return n(a(e))}function a(e){var t=s[e];if(!(t+1))throw new Error("Cannot find module '"+e+"'.");return t}var s={"./af":75,"./af.js":75,"./ar":82,"./ar-dz":76,"./ar-dz.js":76,"./ar-kw":77,"./ar-kw.js":77,"./ar-ly":78,"./ar-ly.js":78,"./ar-ma":79,"./ar-ma.js":79,"./ar-sa":80,"./ar-sa.js":80,"./ar-tn":81,"./ar-tn.js":81,"./ar.js":82,"./az":83,"./az.js":83,"./be":84,"./be.js":84,"./bg":85,"./bg.js":85,"./bn":86,"./bn.js":86,"./bo":87,"./bo.js":87,"./br":88,"./br.js":88,"./bs":89,"./bs.js":89,"./ca":90,"./ca.js":90,"./cs":91,"./cs.js":91,"./cv":92,"./cv.js":92,"./cy":93,"./cy.js":93,"./da":94,"./da.js":94,"./de":97,"./de-at":95,"./de-at.js":95,"./de-ch":96,"./de-ch.js":96,"./de.js":97,"./dv":98,"./dv.js":98,"./el":99,"./el.js":99,"./en-au":100,"./en-au.js":100,"./en-ca":101,"./en-ca.js":101,"./en-gb":102,"./en-gb.js":102,"./en-ie":103,"./en-ie.js":103,"./en-nz":104,"./en-nz.js":104,"./eo":105,"./eo.js":105,"./es":107,"./es-do":106,"./es-do.js":106,"./es.js":107,"./et":108,"./et.js":108,"./eu":109,"./eu.js":109,"./fa":110,"./fa.js":110,"./fi":111,"./fi.js":111,"./fo":112,"./fo.js":112,"./fr":115,"./fr-ca":113,"./fr-ca.js":113,"./fr-ch":114,"./fr-ch.js":114,"./fr.js":115,"./fy":116,"./fy.js":116,"./gd":117,"./gd.js":117,"./gl":118,"./gl.js":118,"./gom-latn":119,"./gom-latn.js":119,"./he":120,"./he.js":120,"./hi":121,"./hi.js":121,"./hr":122,"./hr.js":122,"./hu":123,"./hu.js":123,"./hy-am":124,"./hy-am.js":124,"./id":125,"./id.js":125,"./is":126,"./is.js":126,"./it":127,"./it.js":127,"./ja":128,"./ja.js":128,"./jv":129,"./jv.js":129,"./ka":130,"./ka.js":130,"./kk":131,"./kk.js":131,"./km":132,"./km.js":132,"./kn":133,"./kn.js":133,"./ko":134,"./ko.js":134,"./ky":135,"./ky.js":135,"./lb":136,"./lb.js":136,"./lo":137,"./lo.js":137,"./lt":138,"./lt.js":138,"./lv":139,"./lv.js":139,"./me":140,"./me.js":140,"./mi":141,"./mi.js":141,"./mk":142,"./mk.js":142,"./ml":143,"./ml.js":143,"./mr":144,"./mr.js":144,"./ms":146,"./ms-my":145,"./ms-my.js":145,"./ms.js":146,"./my":147,"./my.js":147,"./nb":148,"./nb.js":148,"./ne":149,"./ne.js":149,"./nl":151,"./nl-be":150,"./nl-be.js":150,"./nl.js":151,"./nn":152,"./nn.js":152,"./pa-in":153,"./pa-in.js":153,"./pl":154,"./pl.js":154,"./pt":156,"./pt-br":155,"./pt-br.js":155,"./pt.js":156,"./ro":157,"./ro.js":157,"./ru":158,"./ru.js":158,"./sd":159,"./sd.js":159,"./se":160,"./se.js":160,"./si":161,"./si.js":161,"./sk":162,"./sk.js":162,"./sl":163,"./sl.js":163,"./sq":164,"./sq.js":164,"./sr":166,"./sr-cyrl":165,"./sr-cyrl.js":165,"./sr.js":166,"./ss":167,"./ss.js":167,"./sv":168,"./sv.js":168,"./sw":169,"./sw.js":169,"./ta":170,"./ta.js":170,"./te":171,"./te.js":171,"./tet":172,"./tet.js":172,"./th":173,"./th.js":173,"./tl-ph":174,"./tl-ph.js":174,"./tlh":175,"./tlh.js":175,"./tr":176,"./tr.js":176,"./tzl":177,"./tzl.js":177,"./tzm":179,"./tzm-latn":178,"./tzm-latn.js":178,"./tzm.js":179,"./uk":180,"./uk.js":180,"./ur":181,"./ur.js":181,"./uz":183,"./uz-latn":182,"./uz-latn.js":182,"./uz.js":183,"./vi":184,"./vi.js":184,"./x-pseudo":185,"./x-pseudo.js":185,"./yo":186,"./yo.js":186,"./zh-cn":187,"./zh-cn.js":187,"./zh-hk":188,"./zh-hk.js":188,"./zh-tw":189,"./zh-tw.js":189};i.keys=function(){return Object.keys(s)},i.resolve=a,e.exports=i,i.id=635},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQMAAAEDBAMAAADD/3z4AAAAMFBMVEW8vsDR09TFxsi/wcPn6OnX2NrMztDc3d7Hycve4OHKy83Bw8XP0NIAAAAAAAAAAAC0F+PNAAAACXBIWXMAAAsTAAALEwEAmpwYAAACt0lEQVR4Ae3av27TbBTHcdfBSUs6uCISQmXokJHBEl0qFgi/xHHaoYMH2BgqsUZQqWuHSqxIzdINpFwAQy8gErkwYruH10nsWg2vzxn6+wwk6YC+OrYf58/jEBERERERERERERERUaVXz18e2BZ8AxBeWhZsIfHOMqGD1KldwVNkRnYJT3DHLmEqCZ+sTwXLk+FcEsb2CW+ZYHog5pLgmyXcSsIv01tEou+YaUyQeu/Y6SJl9Y7hTTKG9Jr4mjwLDBJukn+2Y+BD8qR1rV/gLV+J81A/IcYg92rb4FblLd+iuwZXZgzgxBFNgzu2h4UokJc7BgtUvLwiNSbqY/BWV6RDGYPuEHq5P7hInNoNQZbqvskQhKv7vmFXhrA2hoFWwpkMIc/V/EDRlCHYjWEqQygaww/nESAi92JzX/6fhG1sbsgEJjCBCUx4DAnRxYPUkfDA/00tgQlMYEL7BaJ924QOFp5ZJnhIRIFhQgep73YJctM6sUto4Y5dwqEkXJolXEmCb5ZwZp8wLUxoBeYHojO2OB0Plr5zHBlelNIV6CW4yAxWdpSM9Rfo8crmopH6bSoMlo7DQqCVICuDv7abw1dMaHyehL/XfyIZKiRUbSEIDBMmslaZJWwhMzRIeL2yZAfqCY2bIH2A8NUTWrjOHsRQPSHO3kZP8VegnLALJGNo4z++YoIskmF2HMRQN0F+q5/nEiLNBFkS+y7yfM0EuRQ/Iq+nmXCEIpFmwjkK+XoJHor19BI6KBapJTRRxtdKuEKZnlKCi1KRUsItyvkqCY0Jyh2rJOzgHqFKQoz7zBQStnCvY61PU+XC+hOaqDCrPaGLCscK3y9UCOtOOEKlWc0JP/cq1ZbAX2WYwAQm2O9f4EYSJjCBCUxgQrX23ub2HSIiIiIiIiIiIiIiIiIiIiIiIiKif/MHRAD9DcnwUkAAAAAASUVORK5CYII="},function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxwAAAMcBAMAAAAoKb47AAAAMFBMVEW8vsDn6On39/j////Nz9DX2Nrb3d7S09XW19nP0NIAAAAAAAAAAAAAAAAAAAAAAAA0tH3/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKlElEQVR4AezcT2sbRxjA4fQjjITWusoDwletSZyv4Qh6Vw1Kr27BPSuF9muX0hKsPxM82ozfVfz8ziaHPLxa7cxo3t1qROHAIRw4hAOHcOAQDhzCIRw4hAOHcOAQDhzCgUM4hAOHcOAQDhzCgUM4cAiHcOAQDhzCgUM4cAgHDuEQDhzCgUM4cAgHDuHAIRzCgUM4cAgHDuHAIRw4hEM4cAgHDuHAIRw4hAOHcAgHDuHAIRw4hAOHcAgHDuHAIRw4hAPHZYdDOHAIBw7hwCEcwoFDOHAIBw7hwCEcOIRDOHAIBw7hwCEcOIQDh3AIBw7hwCEcOIQDh3DgEA7hwCEcOIQDh3DgEA4cwiEcOIQDh3Dkxfxpu31KtxlHfIt5+q/P03APHKtd+toXHNEa9+lZnzKOyPpd2muKI1IjHdQFeuD4kI7KOMLaHXNMcET1MZ0o4wjq8RTHBEdMy3QyHDGl02UcEfUFjj9xxDzIC+GIKOEYU5sSxxccr98ilZrgCFkgKdRlHK9eKnOYjvhHx1iX2XE84Ah8CcQR3yr5sBpRN+kb4cDxpjk+pHLzjGNEHFc4TAcOHDhweHZcMkeHoybvHThwWLPCYUXXfgeOnQ8re+U4Cr3HcRHPcuesnELEkUplHAHdOTLt9x04So3qrQPHx/F/Vvnl7BRHUO8rhgOHWxfcSXKLYzxfrmYZx6vWF57m7rMK6eDGqtXmucZv+8PxGUfjVodbfatn87E5/Ns1jrYtj1YI+9nXm0KPFrVmOJrWb44XbPtF97T99a/Un1jTWuNo2fLkf/G/QH0+tT91haPxcKQuV7yUrHG001jWvHjvGu9F4dhUvHkvGi+a4FjWHFBP/4ej9WGFh5oLfSY4Gm83zap2bnG0Xk5f19x2NcXReC+2u6451pBxNN5r2tQcUZzgaH1QYVJzQjHjaLwRO//m385SjR2O4ad4pjV76Dgan1K4qtqzneBoeyD397pLXXF83+4PjihUHmmY4mh5wO2h9rc4OBoOR1d9un2KI244mo4HjsfCcEQ8PXDclIYj4MsVjr7wQ+WQ8cCxOOuOi1WbV0EcZ14eVj9TOBo+BVaVQ4VjwEMgYDxwFIYjYDxwDP2G1G+qxgNH4/eHu6HjgWP44lP5bX6GI2g4Xr5LgmPAk2MybA8RR8xwNBgPHP3gTe/Hl48Hjpa7FvXjgaP9quz98PHAURiOPPx81iccAcNR3mbPOEKeHIXx+AVH0HAUxgNHyHAUxmON45zutvudvdn983avDY6zut7ve/07PqyEA4dw4BAOHMKBQziEA4dw4BAOHMKBQzhw6I1yXF9i+UflWP39xwX2+MNypIsMBw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwIEDBw4cF8fRbUcUjndj6qe3ztHhwIEDB46XhAMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQPHP+zcvW7jRhDAcS0gk1a3g8hi8jZSdW3S5FoRCK4mm6vjN8i9cZDmLjjvSLMfw5Xh/7+WYIA/c8SPJeGAA47Dq/zX50fggOPr948t3TngWOVHm3jAYdCo96jngGOww/lzwCE/dezIAccqP7d044BjlDdN3TjgWOVtSycOOPaS6LdOHHAESdWJAw5JFrtwwDGmOaYuHHAESdeFA45XheP3HhxwiFLswAHHqHFMHTjgCKL10TnggGNVORY4tueYVY4rHNtziFp8GA444IADjr3OMcGxOcf4UTjggAMOOIb4QBwcWV1+fSAOOEQehwOOIUPOnQOOtehXHw77vVn97qwC2ogDjovKcc7YrvFBOLj99Fp2jgLHjUc7jB/XL3o9BgcrSYLh03YOOOa8m4HK16cOHKxC1C+ytOGAY6j66QjKztSFgxXsxdd/4djtMs48/jHOqu+14YDjqW5WFU4rONSDo/pZlT+t4MjZMtaLuf+rDQccu+Kd42I+UbFzwDHYP3rDcWrDAcduzVstrTA24oBjN9uvj+iK10YccOyLXhBT82IZOHa3PH7sH38Vb1E48jm0vma/e2+teSIEjt2dPv355fN5Z09qXoMFh/+yzn4ccMzKLaseHHAcRGqmFRwbLEHvxQHHrNxg78EBxyipjn044AiSrA8HHNpyoB4ccDwpHMceHHAEUerBAYf9MQR/DjgGlSO6csCx5r12SVw54Ej+v4ve344ccAQ5KdtSKTpywJE8l1jlRn4ccITkF0WqpxUcxRcKr/ZZZZ5WcBQf0J5SRnpeHHCsqStRe7nd4sMBxyH51XCHI/pwwHFJXvqY5U4+HHAkvzvKvZZ6DjiszzaFuxzRgwOO9Jflfg4ccAzJk7tnA8fSngOOOfkwzcXAEZtzwPGc/o8XS8054FiTLw4dTBxLYw449m82cQKpfFrBUbk4YbLPKjk15oAjPYEGsbU05YAjpNdQrUaO2JQDDuVllSKNphUc1St3jomNWDqt4Kh+XEDOf5g5YjsOOEZlBIm5UzsOOL5JdUszDjikvtiKA44g9Z1accBRS2F4myIcjjtH/rSCI/8o13FawZF3Cuh8bAVH/o0Ox2kFR/4poOO0gqP+hzyzcz0HHPUMlmkFh+/OkfkX4XDcOfKnFRyOO0f+tILD+RQw70/Ckb3Wrb46DjjWthyxhgOOvbTtpYYDjiCNq+GAQ+ozTis4Ouwc8lLOAYe0r5gDjsGBI5ZywPHqwPFSyAHHKB4VcsCxunDEMg44xKWpiAOOID4VccDhpKFMKzj67BwywVHAMYtXcORzDOJWhCObY/XjmODI5RjFMThyOS6eHBGOTA7xbIIjfxGaY3DkcYhvEY4cjsGZY4Ijh2MW5+DI4HgW7yIcdo7VnWOCw8xxEP/gMHOEDTiucFg5ZIMmOIwcQbYIDiOHbNIVDhPHsA3HBIeJY5ZtgsPCMcpGXeEwcHzbiuN4nwOOg2zWfQ44nr5s1hkOjaN/cMABBxxwwAEHHHDAAQcccMABBxxwwAEHHHDAAQcccMABBxxwwAEHHHDAAQcccMABx/vhkIfiWD86xzsIDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDjjggAMOOOCAAw444IADDmvvUuOXDhz9+7c9OhAAAAAAAPJ/bYQF7djRjh3t2NGOHe3Y0Y527GjHjnbsaMeOduxoRzt2tGNHO3a0Y0c7drSjHTvasaMdO9qxox072tGOHe3Y0Y4d7djRjh3taMeOduxox4527GjHjna0Y0c7drRjRzt2tKMdO9qxox072rGjHTva0Y4d7djRjh3t2NGOHe1ox4527GjHjnbsaMeOdrRjRzt2tGNHO3a0Y0c72rGjHTvasaMdO9qxox3t2NGOHe3Y0Y4d7djRjnbsaMeOduxox4527GhHO3a0Y0c7drRjRzvasaMdO9qxox072rGjHe3Y0Y4d7djRjh3t2NGOduxox4527GjHjnbsaEc7drRjRzt2tGNHO3a0ox072rGjHTvasaMdO9rRjh3t2NGOHe3Y0Y4d7WjHjnbsaMeOduxox452tGNHO3a0Y0c7drQjn0/hBhe5c0sAAAAASUVORK5CYII="},function(e,t,n){var i=n(0)(n(276),n(752),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(283),n(710),null,null,null);e.exports=i.exports},function(e,t,n){function i(e){n(456)}var a=n(0)(n(285),n(806),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(454)}var a=n(0)(n(286),n(779),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(450)}var a=n(0)(n(291),n(745),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(449)}var a=n(0)(n(293),n(744),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(452)}var a=n(0)(n(294),n(759),i,null,null);e.exports=a.exports},function(e,t,n){function i(e){n(453)}var a=n(0)(n(295),n(761),i,null,null);e.exports=a.exports},function(e,t,n){var i=n(0)(n(308),n(717),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(309),n(731),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(310),n(802),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(311),n(819),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(312),n(754),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(313),n(748),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(314),n(809),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(315),n(715),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(316),n(784),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(317),n(821),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(318),n(808),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(319),n(714),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(325),n(776),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(327),n(777),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(328),n(812),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(330),n(726),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(331),n(804),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(334),n(769),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(335),n(775),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(336),n(713),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(338),n(730),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(339),n(742),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(340),n(829),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(341),n(814),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(342),n(772),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(344),n(782),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(346),n(823),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(347),n(788),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(349),n(825),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(350),n(732),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(351),n(824),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(352),n(803),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(353),n(785),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(354),n(750),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(355),n(711),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(356),n(816),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(357),n(718),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(358),n(774),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(360),n(755),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(362),n(786),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(365),n(725),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(366),n(762),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(367),n(797),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(368),n(771),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(369),n(790),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(370),n(828),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(371),n(820),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(372),n(746),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(373),n(800),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(374),n(805),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(375),n(740),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(376),n(801),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(377),n(793),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(378),n(767),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(380),n(753),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(381),n(758),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(382),n(795),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(383),n(738),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(384),n(815),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(385),n(728),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(387),n(722),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(388),n(724),null,null,null);e.exports=i.exports},function(e,t,n){var i=n(0)(n(389),n(751),null,null,null);e.exports=i.exports},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"table"}},[n("h3",[e._v("Table")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Simple table with actions."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-base")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-base',\n    data () {\n      return {\n        columns: [{title: 'Name', key: 'name'},\n          {title: 'age', key: 'age'},\n          {title: 'Address', key: 'address'},\n          {title: 'Operate',\n            key: 'operate',\n            render: (h, record, column) => h('a', '编辑')}],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"No more data",desc:"No more data"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-no-more")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" noMoreText=\"no more data>>>\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-no-more',\n    data () {\n      return {\n        columns: [{title: 'Name', key: 'name'},\n          {title: 'age', key: 'age'},\n          {title: 'Address', key: 'address'},\n          {title: 'Operate',\n            key: 'operate',\n            render: (h, record, column) => h('a', '编辑')}],\n        data: []\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Sorting",desc:"Sort the data to find or compare data quickly"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-column-order")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" @change=\"changeHandler\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-column-order',\n    data () {\n      const data = [\n        {name: 'a.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n        {name: 'b.wu', age: 33, address: 'haidi part 5, xihu, Hangzhou'},\n        {name: 'c.wu', age: 34, address: 'haidi part 5, xihu, Hangzhou'},\n        {name: 'd.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n      ]\n      return {\n        columns: [\n          {title: '#', type: 'index', width: '50', align: 'center'},\n          {title: 'Name', key: 'name', sortable: true},\n          {title: 'age', key: 'age', filters: [{label: '32岁', value: 32}], sortable: true},\n          {title: 'Address', key: 'address'}\n        ],\n        data,\n        oldData: data\n      }\n    },\n    methods: {\n      changeHandler (pagination, filters, sorter) {\n        let nData = this.oldData\n        for (let key of Object.keys(filters)) {\n          nData = nData.filter((item) => filters[key].includes(item[key]))\n        }\n        if (sorter) {\n          nData.sort((a, b) => {\n            let bv = b[sorter.key] + ''\n            let av = a[sorter.key] + ''\n            return sorter.by === 'desc' ? bv.localeCompare(av) : av.localeCompare(bv)\n          })\n        }\n\n        this.data = nData\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Pagination",desc:"table with pagination"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-pagination")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" :pagination=\"page\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-pagination',\n    data () {\n      return {\n        page: {total: 15, current: 1},\n        columns: [{title: 'Name', key: 'name'},\n          {title: 'age', key: 'age'},\n          {title: 'Address', key: 'address'},\n          {title: 'Operate',\n            key: 'operate',\n            render: (h, record, column) => h('a', '编辑')}],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Column type",desc:"optional：<code>index</code>, <code>checkbox</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-column-type")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" @select=\"selectHandler\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-column-type',\n    data () {\n      return {\n        columns: [\n          {title: '#', type: 'index', width: '50', align: 'center'},\n          {title: '', key: 'name', type: 'checkbox', width: '50', align: 'center'},\n          {title: 'Name', key: 'name'},\n          {title: 'age', key: 'age'},\n          {title: 'Address', key: 'address'}\n        ],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    },\n    methods: {\n      selectHandler (selectedItems) {\n        console.log('selectedItems:', selectedItems)\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Filters",desc:"can be set <code>column.filters</code>。"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-column-filters")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" @change=\"changeHandler\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-column-filters',\n    data () {\n      const data = [\n        {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n        {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n        {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n        {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n      ]\n      return {\n        columns: [\n          {title: '#', type: 'index', width: '50', align: 'center'},\n          {title: 'Name', key: 'name'},\n          {title: 'age', key: 'age', filters: [{label: '32岁', value: 32}, {label: '35岁', value: 35}]},\n          {title: 'Address', key: 'address'}\n        ],\n        data,\n        oldData: data\n      }\n    },\n    methods: {\n      changeHandler (pagination, filters) {\n        let nData = this.oldData\n        for (let key of Object.keys(filters)) {\n          nData = nData.filter((item) => filters[key].includes(item[key]))\n        }\n        this.data = nData\n        console.log('pagination:', pagination, ', filters:', filters)\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Bordered",desc:"Add border to Table"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-border")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" border></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-border',\n    data () {\n      return {\n        columns: [{title: 'Name', key: 'name'}, {title: 'age', key: 'age'}, {title: 'Address', key: 'address'}],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Expand",desc:"Expand Table"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-expand")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" :expandedRowRender=\"(h, record)=> h('fish-button', JSON.stringify(record))\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-expand',\n    data () {\n      return {\n        columns: [{title: 'Name', key: 'name'}, {title: 'age', key: 'age'}, {title: 'Address', key: 'address'}],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Fixed Table Header",desc:"Fixed Table Header"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-fixed-header")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" border height=\"200\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-fixed-header',\n    data () {\n      return {\n        columns: [\n          {title: 'Date', key: 'date'},\n          {\n            title: 'Delivery',\n            children: [\n              {title: 'Name', key: 'name'},\n              {\n                title: 'Address',\n                children: [\n                  {title: 'Province', key: 'province'},\n                  {title: 'City', key: 'city'},\n                  {title: 'Address', key: 'address'},\n                  {title: 'Postcode', key: 'zip'}\n                ]\n              }\n            ]\n          }\n        ],\n        data: [\n          {date: '2016-05-03', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-02', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-01', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-08', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-06', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-07', name: 'xiaohu.wang', province: 'Shanghai', city: 'Putuo',\n            address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333}\n        ]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Scroll-Y",desc:"scroll y-axis"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-scroll-y")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-scroll-y',\n    data () {\n      return {\n        columns: [\n          {title: 'Date', key: 'date', width: '200'},\n          {title: 'Name', key: 'name', width: '200'},\n          {title: 'Sex', key: 'sex', width: '200'},\n          {title: 'birthDate', key: 'birthDate', width: '200'},\n          {title: 'University', key: 'university', width: '300'},\n          {title: 'Province', key: 'province', width: '200'},\n          {title: 'City', key: 'city', width: '200'},\n          {title: 'Address', key: 'address', width: '300'},\n          {title: 'Postcode', key: 'zip', width: '200'}],\n        data: [\n          {date: '2016-05-03', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-02', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-01', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333}]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Scroll-XY",desc:"scroll x-axis, y-axis"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-scroll-xy")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" border height=\"200\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-scroll-xy',\n    data () {\n      return {\n        columns: [\n          {title: 'Date', key: 'date', width: '200'},\n          {title: 'Name', key: 'name', width: '200'},\n          {title: 'Sex', key: 'sex', width: '200'},\n          {title: 'birthDate', key: 'birthDate', width: '200'},\n          {title: 'University', key: 'university', width: '300'},\n          {title: 'Province', key: 'province', width: '200'},\n          {title: 'City', key: 'city', width: '200'},\n          {title: 'Address', key: 'address', width: '300'},\n          {title: 'Postcode', key: 'zip', width: '200'}],\n        data: [\n          {date: '2016-05-03', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-02', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-01', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333}]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("code-card",{attrs:{title:"Fixed Column without scroll",desc:"Fixed Column Table without scroll"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-column-fixed-scroll-x")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"})])],2),e._v(" "),n("code-card",{attrs:{title:"Fixed Column",desc:"Fixed Column Table"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-table-column-fixed")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-table :columns=\"columns\" :data=\"data\" border height=\"200\"></fish-table>\n</template>\n<script>\n  export default {\n    name: 'demo-table-column-fixed',\n    data () {\n      return {\n        columns: [\n          {title: 'Date', key: 'date', width: '200', fixed: 'left'},\n          {title: 'Name', key: 'name', width: '200'},\n          {title: 'Sex', key: 'sex', width: '200'},\n          {title: 'birthDate', key: 'birthDate', width: '200'},\n          {title: 'University', key: 'university', width: '300'},\n          {title: 'Province', key: 'province', width: '200'},\n          {title: 'City', key: 'city', width: '200'},\n          {title: 'Address', key: 'address', width: '300'},\n          {title: 'Postcode', key: 'zip', width: '200', fixed: 'right'}],\n        data: [\n          {date: '2016-05-03', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-02', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-04', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333},\n          {date: '2016-05-01', name: 'xiaohu.wang', sex: 'male', birthDate: '2001-01-01',\n            university: 'Beijing University', province: 'Shanghai', city: 'Putuo', address: 'Shanghai City Putuo jinshajing 1518 ', zip: 200333}]\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("h3",[e._v("Table Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Table Column Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fish-form",{ref:"form"},[n("fish-fields",[n("fish-field",{attrs:{label:"First Name",span:"12",disabled:""}},[n("fish-input")],1),e._v(" "),n("fish-field",{attrs:{label:"Last Name",span:"12",name:"lastName",rules:[{required:!0,message:"The name is not empty"}]}},[n("fish-input",{model:{value:e.lastName,callback:function(t){e.lastName=t},expression:"lastName"}})],1)],1),e._v(" "),n("fish-fields",[n("fish-field",{attrs:{label:"Type"}},[e._v("GOOD, Bad,")]),e._v(" "),n("fish-field",{attrs:{label:"Email",name:"email",rules:[{type:"email",message:"The input is not valid E-mail!"},{required:!0}]}},[n("fish-input",{model:{value:e.email,callback:function(t){e.email=t},expression:"email"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Username",name:"userName",rules:[{required:!0,message:"The user name is not empty"}]}},[n("fish-input",{model:{value:e.userName,callback:function(t){e.userName=t},expression:"userName"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Password",name:"password",rules:[{required:!0,message:"The password is not empty"}]}},[n("fish-input",{attrs:{type:"password"},model:{value:e.password,callback:function(t){e.password=t},expression:"password"}})],1)],1),e._v(" "),n("fish-fields",[n("fish-field",{attrs:{label:"Sex",name:"sex",rules:[{required:!0}]}},[n("fish-select",{model:{value:e.sex,callback:function(t){e.sex=t},expression:"sex"}},[n("fish-option",{attrs:{index:"0",content:"Male"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Female"}})],1)],1),e._v(" "),n("fish-field",{attrs:{label:"Date",name:"date",rules:[{required:!0}]}},[n("fish-date-picker",{model:{value:e.date,callback:function(t){e.date=t},expression:"date"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Time",name:"time",rules:[{required:!0}]}},[n("fish-time-picker",{model:{value:e.time,callback:function(t){e.time=t},expression:"time"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Address",name:"address",rules:[{required:!0}]}},[n("fish-cascader",{attrs:{options:e.options},model:{value:e.address,callback:function(t){e.address=t},expression:"address"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Level",name:"level",rules:[{required:!0}]}},[n("fish-radios",{model:{value:e.level,callback:function(t){e.level=t},expression:"level"}},e._l(["A","B","C"],function(t,i){return n("fish-radio",{key:i,attrs:{index:i}},[n("span",{domProps:{innerHTML:e._s(t)}})])}))],1)],1),e._v(" "),n("fish-fields",[n("fish-field",{attrs:{label:"Age",name:"age",rules:[{required:!0}]}},[n("fish-input-number",{attrs:{min:"0",max:"100"},model:{value:e.age,callback:function(t){e.age=t},expression:"age"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Multiple",name:"CB",rules:[{required:!0}]}},[n("fish-checkboxes",{model:{value:e.cb,callback:function(t){e.cb=t},expression:"cb"}},e._l(["A","B","C"],function(t,i){return n("fish-checkbox",{key:i,attrs:{index:i}},[n("span",{domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("fish-field",{attrs:{label:"Switch"}},[n("fish-switch",{model:{value:e.agree,callback:function(t){e.agree=t},expression:"agree"}},[e._v("yes or no")])],1)],1),e._v(" "),n("fish-field",{attrs:{label:"LableWidthM",labelWidth:20,name:"LableWidthM",rules:[{required:!0}],inline:"",showError:!1}},[n("fish-input-number",{attrs:{label:"Day"},model:{value:e.LableWidthM,callback:function(t){e.LableWidthM=t},expression:"LableWidthM"}})],1),e._v(" "),n("fish-field",{attrs:{label:"Upload",name:"files",rules:[{required:!0}],inline:""}},[n("fish-upload",{attrs:{action:"//jsonplaceholder.typicode.com/posts/",withCredentials:!0},model:{value:e.files,callback:function(t){e.files=t},expression:"files"}},[n("fish-button",[n("i",{staticClass:"fa fa-upload",staticStyle:{"margin-right":"5px"},attrs:{"aria-hidden":"true"}}),e._v(" Upload")])],1)],1),e._v(" "),n("fish-field",{attrs:{label:"Switch",inline:""}},[n("fish-switch",{model:{value:e.agree,callback:function(t){e.agree=t},expression:"agree"}},[e._v("I agree to the terms and conditions")])],1),e._v(" "),n("fish-field",[n("fish-checkbox",{attrs:{index:"0"}},[e._v("I agree to the terms and conditions")])],1),e._v(" "),n("fish-button",{attrs:{type:"primary"},on:{click:e.submitHandler}},[e._v("Submit")])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("img",{class:["fish image",{disabled:e.disabled,bordered:e.bordered,rounded:e.rounded},e.shape],attrs:{src:e.url}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"carousel"}},[n("h3",[e._v("Carousel")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-carousel",e._l(4,function(t){return n("fish-carousel-item",{key:t},[n("h3",{staticClass:"carousel-xx",domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-carousel>\n    <fish-carousel-item v-for="index in 4" :key="index">\n      <h3 class="carousel-xx" v-html="index"></h3>\n    </fish-carousel-item>\n  </fish-carousel>\n</template>\n<style>\n  .carousel-xx {\n    height: 200px;\n    line-height: 200px;\n    text-align: center;\n    vertical-align: middle;\n    background: #506b9e;\n    color: #fff;\n    font-size: 2rem;\n  }\n</style>\n\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Auto play",desc:"Timing of scrolling to the next card/picture."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-carousel",{attrs:{autoPlay:""}},e._l(4,function(t){return n("fish-carousel-item",{key:t},[n("h3",{staticClass:"carousel-xx",domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-carousel autoPlay>\n    <fish-carousel-item v-for="index in 4" :key="index">\n      <h3 class="carousel-xx" v-html="index"></h3>\n    </fish-carousel-item>\n  </fish-carousel>\n</template>\n<style>\n  .carousel-xx {\n    height: 200px;\n    line-height: 200px;\n    text-align: center;\n    vertical-align: middle;\n    background: #506b9e;\n    color: #fff;\n    font-size: 2rem;\n  }\n</style>\n\n')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Carousel Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:e.classObject},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,border:"",height:"200"}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.current.year?n("div",{staticClass:"fish calendar"},[n("div",{staticClass:"header"},[n("a",{class:["prev",{disabled:"year"===e.state}],on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.pageHandler(-1)}}},[n("i",{staticClass:"fa fa-chevron-left"})]),e._v(" "),e._l(e.modes,function(t,i){return e.modeIndex>=i?[n("a",{key:i,class:t,on:{click:function(n){n.stopPropagation(),e.showItemsHandler(t)}}},[e._v("\n        "+e._s("month"===t?e.current[t]+1:e.current[t])+"\n      ")]),e._v("\n      "+e._s(i<e.modeIndex?i<=1?"-":2===i?" ":i<=4?":":"":"")+"\n    ")]:e._e()}),e._v(" "),n("a",{class:["next",{disabled:"year"===e.state}],on:{click:function(t){t.stopPropagation(),e.pageHandler(1)}}},[n("i",{staticClass:"fa fa-chevron-right"})])],2),e._v(" "),n("table",{class:["body",e.state]},["day"===e.state?n("thead",[n("tr",e._l(e.weeks,function(t){return n("th",{key:t,staticClass:"cell"},[e._v(e._s(t))])}))]):e._e(),e._v(" "),n("tbody",e._l(e.arrays,function(t,i){return n("tr",{key:i},e._l(t,function(t,i){return n("td",{key:i},[n("div",{class:["cell",{active:e.cellActive(t)},{disabled:e.cellDisabled(t)}],on:{click:function(n){n.stopPropagation(),e.selectItemHandler(t)}}},[e.cellRender?n("content-render",{attrs:{render:e.cellRender,params:[e.stateTitleRenderMap[e.state](t)]}}):[n("div",{staticClass:"title"},[e._v(e._s(e.stateTitleRenderMap[e.state](t)))]),e._v(" "),n("div",{staticClass:"content"},[n("content-render",{attrs:{render:e.cellRenderFunc,params:[t]}})],1)]],2)])}))}))])]):e._e()},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,bordered:""}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["fish input number"]},[e.labelLeft?n("div",{staticClass:"label-left",domProps:{innerHTML:e._s(e.labelLeft)}}):e._e(),e._v(" "),n("div",{staticClass:"label-right"},[n("div",{ref:"step",staticClass:"step"},[n("i",{staticClass:"fa fa-angle-up",on:{click:function(t){t.stopPropagation(),e.upHandler(t)}}}),e._v(" "),n("i",{staticClass:"fa fa-angle-down",on:{click:function(t){t.stopPropagation(),e.downHandler(t)}}})]),e._v(" "),e.label?n("label",{ref:"label",domProps:{innerHTML:e._s(e.label)}}):e._e()]),e._v(" "),n("input",{attrs:{placeholder:e.hint,autocomplete:"off",min:e.min,max:e.max},domProps:{value:e.value},on:{input:function(t){e.updateValue(t)}}})])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"tree"}},[n("h3",[e._v("Tree")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Edited",desc:"Edited Tree"}},[n("demo-tree-edit",{attrs:{slot:"demo"},slot:"demo"}),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-button @click=\"addItem\">Add Item</fish-button>\n    <fish-tree :data=\"data\" v-model=\"v\" expand\n               :on-item-click=\"selectHandler\"\n               :on-item-dblclick=\"itemDoubleClick\" edited></fish-tree>\n\n    <fish-modal title=\"add tree item\" :visible.sync=\"modalShow\">\n      <fish-input v-model=\"name\"></fish-input>\n      <fish-button @click=\"saveItem\">Save Item</fish-button>\n    </fish-modal>\n  </div>\n</template>\n<script>\n  export default {\n    name: 'demo-tree-edit',\n    data () {\n      return {\n        v: 'xihu',\n        currentItem: null,\n        editItem: null,\n        treeState: '',\n        modalShow: false,\n        name: '',\n        data: [\n          ['0-0', '0-0', [\n            ['0-0-0', '0-0-0', [\n              ['0-0-0-0', '0-0-0-0'],\n              ['0-0-0-1', '0-0-0-1'],\n              ['0-0-0-2', '0-0-0-2']\n            ]],\n            ['0-0-1', '0-0-1', [\n              ['0-0-1-0', '0-0-1-0'],\n              ['0-0-1-1', '0-0-1-1'],\n              ['0-0-1-2', '0-0-1-2']\n            ]],\n            ['0-0-2', '0-0-2']\n          ]],\n          ['0-1', '0-1', [\n            ['0-1-0-0', '0-1-0-0'],\n            ['0-1-0-1', '0-1-0-1'],\n            ['0-1-0-2', '0-1-0-2']\n          ]],\n          ['0-2', '0-2']\n        ]\n      }\n    },\n    methods: {\n      addItem (evt) {\n        this.modalShow = !this.modalShow\n      },\n      saveItem () {\n        const { name, currentItem } = this\n        if (!/^\\s*$/.test(name)) {\n          if (this.treeState !== 'edit') {\n            currentItem === null ? this.data.push([name, name, []]) : (currentItem[2] = currentItem[2] || []).push([name, name])\n          } else {\n            currentItem.splice(1, 1, name)\n            this.treeState = ''\n          }\n        }\n        this.modalShow = false\n      },\n      selectHandler (item) {\n        this.currentItem = item\n      },\n      itemDoubleClick (item) {\n        this.treeState = 'edit'\n        this.currentItem = item\n        this.name = item[1]\n        this.modalShow = true\n      }\n    }\n  }\n<\/script>")])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Multiple",desc:"Multiple Tree"}},[n("demo-tree-checkbox",{attrs:{slot:"demo"},slot:"demo"}),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-tree :data=\"data\" :default-checked-keys=\"['0-0-1-1', '0-0-2']\" multiple @item-checked=\"itemCheckedHandler\"></fish-tree>\n  </div>\n</template>\n<script>\n  export default {\n    name: 'demo-tree-checkbox',\n    data () {\n      return {\n        values: [],\n        data: [{\n          title: '0-0',\n          key: '0-0',\n          children: [{\n            title: '0-0-0',\n            key: '0-0-0',\n            children: [\n              { title: '0-0-0-0', key: '0-0-0-0' },\n              { title: '0-0-0-1', key: '0-0-0-1' },\n              { title: '0-0-0-2', key: '0-0-0-2' }\n            ]\n          }, {\n            title: '0-0-1',\n            key: '0-0-1',\n            children: [\n              { title: '0-0-1-0', key: '0-0-1-0' },\n              { title: '0-0-1-1', key: '0-0-1-1' },\n              { title: '0-0-1-2', key: '0-0-1-2' }\n            ]\n          }, {\n            title: '0-0-2',\n            key: '0-0-2'\n          }]\n        }, {\n          title: '0-1',\n          key: '0-1',\n          children: [\n            { title: '0-1-0-0', key: '0-1-0-0' },\n            { title: '0-1-0-1', key: '0-1-0-1' },\n            { title: '0-1-0-2', key: '0-1-0-2' }\n          ]\n        }, {\n          title: '0-2',\n          key: '0-2'\n        }]\n      }\n    },\n    methods: {\n      itemCheckedHandler (checkedKeys) {\n        console.log('checkedKeys:', checkedKeys)\n      }\n    }\n  }\n<\/script>")])])])],2)],1)],1),e._v(" "),n("h3",[e._v("Tree Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Tree Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"dropdown"}},[n("h3",[e._v("Dropdown")]),e._v(" "),n("fish-card",{attrs:{fluid:""}},[n("fish-dropdown",[n("a",{attrs:{slot:"title"},slot:"title"},[e._v("Link"),n("i",{staticClass:"fa fa-arrow-circle-down",staticStyle:{"margin-left":"10px"}})]),e._v(" "),n("fish-option",{attrs:{index:"0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}}),e._v(" "),n("fish-option",{attrs:{index:"3",disabled:"",content:"disabled"}})],1),e._v(" "),n("fish-dropdown",[n("fish-button",{attrs:{slot:"title"},slot:"title"},[e._v("BL"),n("i",{staticClass:"fa fa-angle-down",staticStyle:{"margin-left":"10px"}})]),e._v(" "),n("fish-option",{attrs:{index:"0",content:"<a href='http://www.baidu.com' target='_blank'>Jack</a>"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}}),e._v(" "),n("fish-option",{attrs:{index:"3",disabled:"",content:"disabled"}})],1),e._v(" "),n("fish-dropdown",{attrs:{align:"bottom-right"}},[n("fish-button",{attrs:{slot:"title"},slot:"title"},[e._v("BR"),n("i",{staticClass:"fa fa-angle-down",staticStyle:{"margin-left":"10px"}})]),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}})],1),e._v(" "),n("fish-dropdown",{attrs:{align:"top-left"}},[n("fish-button",{attrs:{slot:"title"},slot:"title"},[e._v("TL"),n("i",{staticClass:"fa fa-angle-down",staticStyle:{"margin-left":"10px"}})]),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}})],1),e._v(" "),n("fish-dropdown",{attrs:{align:"top-right"}},[n("fish-button",{attrs:{slot:"title"},slot:"title"},[e._v("TR"),n("i",{staticClass:"fa fa-angle-down",staticStyle:{"margin-left":"10px"}})]),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}})],1),e._v(" "),n("footer",{attrs:{slot:"footer"},slot:"footer"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"html"},[e._v('<fish-dropdown>\n      <a slot="title">Link<i class="fa fa-arrow-circle-down" style="margin-left: 10px;"></i></a>\n      <fish-option index="0" content="Jack"></fish-option>\n      <fish-option index="1" content="Lucy"></fish-option>\n      <fish-option index="2" content="Active"></fish-option>\n      <fish-option index="3" disabled content="disabled"></fish-option>\n    </fish-dropdown>\n    <fish-dropdown>\n      <fish-button slot="title">Bl<i class="fa fa-arrow-circle-down" style="margin-left: 10px;"></i></fish-button>\n      <fish-option index="0" content="<a href=\'http://www.baidu.com\' target=\'_blank\'>Jack</a>"></fish-option>\n      <fish-option index="1" content="Lucy"></fish-option>\n      <fish-option index="2" content="Active"></fish-option>\n      <fish-option index="3" disabled content="disabled"></fish-option>\n    </fish-dropdown>\n    <fish-dropdown align="bottom-right">\n      <fish-button slot="title">BR<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>\n      <fish-option index="1" content="Lucy"></fish-option>\n      <fish-option index="2" content="Active"></fish-option>\n    </fish-dropdown>\n    <fish-dropdown align="top-left">\n      <fish-button slot="title">TL<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>\n      <fish-option index="1" content="Lucy"></fish-option>\n      <fish-option index="2" content="Active"></fish-option>\n    </fish-dropdown>\n    <fish-dropdown align="top-right">\n      <fish-button slot="title">TR<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>\n      <fish-option index="1" content="Lucy"></fish-option>\n      <fish-option index="2" content="Active"></fish-option>\n    </fish-dropdown>')])])])],1)],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"fish tree"},e._l(e.data,function(t,i){return n("li",{key:t.key,class:{active:e.selectedKey===t.key}},[t.children&&t.children.length>0?n("i",{class:t.children&&e.visible[i]?e.iconCaretDown:e.iconCaretRight,on:{click:function(n){n.stopPropagation(),e.showChildrenHandler(t,i)}}}):n("i",[e._v(" ")]),e._v(" "),e.multiple?n("fish-checkbox",{ref:"checkboxes",refInFor:!0,attrs:{index:t.key,state:e.dataKeyMap[t.key][0]},on:{click:function(n){n.stopPropagation(),e.onItemChecked(t)}}}):e._e(),e._v(" "),n("span",{staticClass:"title",on:{click:function(n){e.onItemClick(t)},dblclick:function(n){e.onItemDblclick(t)}}},[e._v("\n      "+e._s(t.title)+"\n    ")]),e._v(" "),e.edited&&(!t.children||t.children.length<=0)?n("strong",{on:{click:function(n){e.itemRemoveHandler(t,i)}}},[e._v("×")]):e._e(),e._v(" "),t.children&&e.visible[i]?n("fish-tree-node",{attrs:{data:t.children||[],multiple:e.multiple,edited:e.edited,expand:e.expand,"selected-key":e.selectedKey,"data-key-map":e.dataKeyMap,"on-item-checked":e.onItemChecked,"on-item-dblclick":e.onItemDblclick,"on-item-click":e.onItemClick}}):e._e()],1)}))},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"collapse"}},[n("h3",[e._v("Collapse")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic Collapse"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-collapse",[n("fish-collapse-item",{attrs:{index:"A"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("What is a dog?")]),e._v(" "),n("p",{staticClass:"transition visible",staticStyle:{display:"block !important"}},[e._v("A dog .")])],2),e._v(" "),n("fish-collapse-item",{attrs:{index:"B",title:"What kinds of dogs are there?",label:"100"}},[n("p",{staticClass:"transition hidden"},[e._v("There are many breeds of dogs.")])]),e._v(" "),n("fish-collapse-item",{attrs:{index:"C",title:"How do you acquire a dog?"}},[n("p",{staticClass:"transition hidden"},[e._v("Three common ways for a prospective owner")])])],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-collapse>\n  <fish-collapse-item index="A">\n    <template slot="title">What is a dog?</template>\n    <p class="transition visible" style="display: block !important;">A dog .</p>\n  </fish-collapse-item>\n  <fish-collapse-item index="B" title="What kinds of dogs are there?">\n    <p class="transition hidden">There are many breeds of dogs.</p>\n  </fish-collapse-item>\n  <fish-collapse-item index="C" title="How do you acquire a dog?">\n    <p class="transition hidden">Three common ways for a prospective owner</p>\n  </fish-collapse-item>\n</fish-collapse>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Border",desc:"Border Collapse"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-collapse",{attrs:{bordered:""}},[n("fish-collapse-item",{attrs:{index:"A"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("What is a dog?")]),e._v(" "),n("p",{staticClass:"transition visible",staticStyle:{display:"block !important"}},[e._v("A dog .")])],2),e._v(" "),n("fish-collapse-item",{attrs:{index:"B",title:"What kinds of dogs are there?"}},[n("p",{staticClass:"transition hidden"},[e._v("There are many breeds of dogs.")])]),e._v(" "),n("fish-collapse-item",{attrs:{index:"C",title:"How do you acquire a dog?"}},[n("p",{staticClass:"transition hidden"},[e._v("Three common ways for a prospective owner")])])],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-collapse bordered>\n  <fish-collapse-item index="A">\n    <template slot="title">What is a dog?</template>\n    <p class="transition visible" style="display: block !important;">A dog .</p>\n  </fish-collapse-item>\n  <fish-collapse-item index="B" title="What kinds of dogs are there?">\n    <p class="transition hidden">There are many breeds of dogs.</p>\n  </fish-collapse-item>\n  <fish-collapse-item index="C" title="How do you acquire a dog?">\n    <p class="transition hidden">Three common ways for a prospective owner</p>\n  </fish-collapse-item>\n</fish-collapse>')])])])],2),e._v(" "),n("h3",[e._v("Collapse Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("CollapseItem Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],class:["fish select tree-select",{multiple:e.multiple}],on:{click:e.clickHandler,mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler}},[e.multiple?[e._l(e.checkedItems,function(t,i){return n("a",{key:i,staticClass:"tag",on:{click:function(e){e.stopPropagation()}}},[e._v("\n      "+e._s(t.title)+"\n      "),n("i",{class:e.iconClose,on:{click:function(n){n.stopPropagation(),e.closeItemHandler(t)}}})])}),e._v(" "),n("div",{staticClass:"text hint",domProps:{innerHTML:e._s(e.valueEmpty?e.hint:"")}})]:n("div",{class:["text",{hint:e.valueEmpty}]},[e._v("\n    "+e._s(e.selectedItem&&e.selectedItem.title||e.hint)+"\n  ")]),e._v(" "),e.showClear&&!e.valueEmpty?n("i",{staticClass:"fa fa-times-circle",staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):n("i",{staticClass:"fa fa-angle-down"}),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"content",on:{click:function(e){e.stopPropagation()}}},[n("fish-tree",{attrs:{data:e.data,"default-selected-key":e.selectedKey,"default-checked-keys":e.checkedKeys,multiple:e.multiple,expand:e.expand,delimiter:e.delimiter,iconCaretRight:e.iconCaretRight,iconCaretDown:e.iconCaretDown},on:{"item-click":e.itemClickHandler,"item-checked":e.itemCheckedHandler}})],1)],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classObject,on:{click:e.clickHandler}},[n("input",{attrs:{type:"radio"}}),e._v(" "),n("label"),e._v(" "),n("span",[e._t("default")],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-tree-select",{attrs:{data:e.data,multiple:""},on:{change:e.changeHandler},model:{value:e.v,callback:function(t){e.v=t},expression:"v"}}),e._v(" "),n("fish-tree-select",{attrs:{data:e.data,multiple:""},on:{change:e.changeHandler},model:{value:e.v1,callback:function(t){e.v1=t},expression:"v1"}})],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"code-card"},[n("div",{staticClass:"code-card-demo"},[e._t("demo")],2),e._v(" "),n("div",{staticClass:"code-card-meta"},[n("div",{staticClass:"code-card-title"},[e._v(e._s(e.title))]),e._v(" "),n("span",{domProps:{innerHTML:e._s(e.desc)}}),e._v(" "),n("span",{staticClass:"code-expand",on:{click:e.expandHandler}},[n("img",{class:["code-expand-icon-"+(e.showHtml?"hide":"show")],attrs:{alt:"expand code",title:"show code",src:"https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg"}}),e._v(" "),n("img",{class:["code-expand-icon-"+(e.showHtml?"show":"hide")],attrs:{alt:"expand code",title:"hide code",src:"https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg"}})])]),e._v(" "),e.showHtml?n("div",{staticClass:"code-card-highlight"},[e._t("codeHtml")],2):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"panel",style:{width:e.width+"px"}},[n("div",{staticClass:"header"},[n("fish-checkbox",{ref:"checkbox",attrs:{index:"all",disabled:e.allDisabled},on:{click:e.allCheckboxClickHandler}},[e._v(e._s(e.titleView))])],1),e._v(" "),n("div",{staticClass:"body",style:{height:e.height+"px"}},[e.data&&e.data.length>0?e._l(e.data,function(t,i){return n("div",{key:t.key,class:["item",{disabled:t.disabled}],attrs:{draggable:e.draggable,"drag-index":i},on:{dragstart:e.dragStartHandler,dragover:function(t){t.preventDefault(),e.dragOverHandler(t)},dragenter:function(t){t.preventDefault(),e.dragEnterHandler(t)},dragleave:function(t){t.preventDefault(),e.dragLeaveHandler(t)},drop:function(t){t.preventDefault(),e.dropHandler(t,i)},dragend:e.dragEndHandler}},[n("fish-checkbox",{ref:"checkboxes",refInFor:!0,attrs:{disabled:t.disabled,index:t.key},on:{click:e.checkboxClickHandler}},[e._v(e._s(t.label))])],1)}):n("div",{staticClass:"item"},[e._v(e._s(e.noDataText))])],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"modal"}},[n("h3",[e._v("Modal")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{on:{click:e.showModalFunc}},[e._v("show Modal")]),e._v(" "),n("fish-modal",{attrs:{title:"Welcome..",visible:e.showModal,width:600},on:{"update:visible":function(t){e.showModal=t}}},[n("fish-form",[n("fish-fields",[n("fish-field",{attrs:{label:"First Name",span:"eight"}},[n("fish-input")],1),e._v(" "),n("fish-field",{attrs:{label:"Last Name",span:"eight"}},[n("fish-input")],1)],1),e._v(" "),n("fish-field",{attrs:{label:"Username",inline:""}},[n("fish-input")],1),e._v(" "),n("fish-field",{attrs:{label:"Password"}},[n("fish-input",{attrs:{type:"password"}})],1),e._v(" "),n("fish-field",[n("fish-checkbox",{attrs:{index:"0"}},[e._v("I agree to the terms and conditions")])],1),e._v(" "),n("fish-button",{attrs:{type:"primary"},on:{click:function(t){e.showModal=!1}}},[e._v("Submit")])],1)],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <div>\n    <fish-button @click="showModalFunc">show Modal</fish-button>\n    <fish-modal title="Welcome.." :visible.sync="showModal">\n      <fish-form>\n        <fish-fields>\n          <fish-field label="First Name" span="eight">\n            <fish-input></fish-input>\n          </fish-field>\n          <fish-field label="Last Name" span="eight">\n            <fish-input></fish-input>\n          </fish-field>\n        </fish-fields>\n        <fish-field label="Username" inline>\n          <fish-input></fish-input>\n        </fish-field>\n        <fish-field label="Password">\n          <fish-input type="password"></fish-input>\n        </fish-field>\n        <fish-field>\n          <fish-checkbox index="0">I agree to the terms and conditions</fish-checkbox>\n        </fish-field>\n        <fish-button type="primary" @click="showModal = false">Submit</fish-button>\n      </fish-form>\n    </fish-modal>\n  </div>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        showModal: false\n      }\n    },\n    methods: {\n      showModalFunc () {\n        this.showModal = true\n      }\n    }\n  }\n<\/script>\n')])])],2),e._v(" "),n("h3",[e._v("Modal Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["fish card",e.color,{fluid:e.fluid}]},[e.$slots.header?n("div",{staticClass:"header"},[e._t("header")],2):e._e(),e._v(" "),e.$slots.image?n("div",{staticClass:"image"},[e._t("image")],2):e._e(),e._v(" "),e.$slots.default?n("div",{staticClass:"content"},[e._t("default")],2):e._e(),e._v(" "),e.$slots.footer?n("div",{staticClass:"footer"},[e._t("footer")],2):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data},on:{change:e.changeHandler}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish divider",{fitted:e.fitted}]})},staticRenderFns:[]}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("main-layout",{attrs:{menuActiveIndex:"tag"}},[i("h3",[e._v("Tag")]),e._v(" "),i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-tag",{attrs:{index:"1"}},[e._v("Tag1")]),e._v(" "),i("fish-tag",{attrs:{index:"2"}},[e._v("TAG")]),e._v(" "),i("fish-tag",{attrs:{index:"3"},on:{close:function(e){}}},[e._v("close")]),e._v(" "),i("fish-tag",{attrs:{index:"3",color:"primary"}},[e._v("close")])],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-tag index="1">Tag1</fish-tag>\n<fish-tag index="2">TAG</fish-tag>\n<fish-tag index="3" @close="{}">close</fish-tag>\n<fish-tag index="3" color="primary">close</fish-tag>')])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Add, Remove",desc:"Add, Remove Tag"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-tags",{attrs:{items:e.tags,edited:""},on:{close:e.groupCloseHandler,add:e.addCheckHandler}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v("<template>\n  <fish-tags :items=\"tags\" edited @close=\"groupCloseHandler\" @add=\"addCheckHandler\"></fish-tags>\n</template>\n<script>\n  export default {\n    data () { return {tags: ['tag1', 'tag2', 'tag3']} },\n    methods: {\n      addCheckHandler (v) {\n        this.tags.push(v)\n      },\n      groupCloseHandler (index) {\n        this.tags.splice(index, 1)\n      }\n    }\n  }\n<\/script>")])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Checkboxs",desc:"checkbox tags"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-tags",{attrs:{items:e.tags1},on:{click:e.checkClickHandler}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v("<template>\n  <fish-tags :items=\"tags1\" @click=\"checkClickHandler\"></fish-tags>\n</template>\n<script>\n  export default {\n    data () { return {tags1: [[true, 'tag1-radio'], [false, 'tag2-radio'], [false, 'tag3-radio']]} },\n    methods: {\n      checkClickHandler (event, index, checked) {\n        this.tags1.splice(index, 1, [checked, this.tags1[index][1]])\n      }\n    }\n  }\n<\/script>")])])],2)],1)],1),e._v(" "),i("code-card",{attrs:{title:"Attached",desc:"close to special position"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"top",attached:"top"}},[e._v("Top")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"bottom",attached:"bottom"}},[e._v("Bottom")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"top left",attached:"top left"}},[e._v("Top Left")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1)],1),e._v(" "),i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"top right",attached:"top right"}},[e._v("Top Right")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"bottom left",attached:"bottom left"}},[e._v("Bottom Left")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("fish-card",[i("fish-tag",{attrs:{index:"bottom right",attached:"bottom right"}},[e._v("Bottom Right")]),e._v(" "),i("div",{staticStyle:{"margin-top":"30px"}},[i("img",{staticStyle:{width:"100%"},attrs:{src:n(23)}})])],1)],1)],1)],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-tag index="top" attached="top">Top</fish-tag>\n<fish-tag index="bottom" attached="bottom">Bottom</fish-tag>\n<fish-tag index="top left" attached="top left">Top Left</fish-tag>\n<fish-tag index="top right" attached="top right">Top Right</fish-tag>\n<fish-tag index="bottom left" attached="bottom left">Bottom Left</fish-tag>\n<fish-tag index="bottom right" attached="bottom right">Bottom Right</fish-tag>')])])],2),e._v(" "),i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Color",desc:"Color tag"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},e._l(["red","orange","yellow","olive","green","teal","blue","violet","purple","pink","brown","grey","black"],function(t){return i("fish-tag",{key:t,attrs:{index:t,color:t},domProps:{innerHTML:e._s(t)}})})),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v("<fish-tag :index=\"color\" :color=\"color\" :key=\"color\"\n            v-for=\"color in ['red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black']\" v-html=\"color\"></fish-tag>")])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Floating",desc:"Floating tag"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-button",{staticStyle:{position:"relative"}},[e._v("\n              myliang\n              "),i("fish-tag",{attrs:{index:"floating",floating:"",color:"negative"}},[e._v("20")])],1),e._v(" "),i("fish-button",{staticStyle:{position:"relative"}},[e._v("\n              yuliang\n              "),i("fish-tag",{attrs:{index:"floating",floating:"",color:"negative",shape:"circle"}},[e._v("10")])],1)],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-button style="position: relative;">\n  myliang\n  <fish-tag index="floating" floating color="negative">20</fish-tag>\n</fish-button>\n<fish-button style="position: relative;">\n  yuliang\n  <fish-tag index="floating" floating color="negative" shape="circle">10</fish-tag>\n</fish-button>')])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"8"}},[i("code-card",{attrs:{title:"Circle",desc:"optional：<code>circle</code>, <code>square</code>"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-tag",{attrs:{index:"circle",shape:"circle"}},[e._v("2")]),e._v(" "),i("fish-tag",{attrs:{index:"circle",shape:"circle",color:"primary"}},[e._v("4")])],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-tag index="circle" shape="circle">2</fish-tag>\n<fish-tag index="circle" shape="circle" color="primary">4</fish-tag>')])])],2)],1)],1),e._v(" "),i("h3",[e._v("Tags Attributes")]),e._v(" "),i("div",{staticClass:"fish table attributes"},[i("table",{staticStyle:{"table-layout":"auto"}},[i("thead",[i("tr",e._l(e.api_columns,function(t){return i("th",[e._v(e._s(t))])}))]),e._v(" "),i("tbody",e._l(e.api_data,function(t){return i("tr",e._l(t,function(t){return i("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),i("h3",[e._v("Tags Events")]),e._v(" "),i("div",{staticClass:"fish table attributes"},[i("table",{staticStyle:{"table-layout":"auto"}},[i("thead",[i("tr",e._l(e.event_columns,function(t){return i("th",[e._v(e._s(t))])}))]),e._v(" "),i("tbody",e._l(e.event_data,function(t){return i("tr",e._l(t,function(t){return i("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),i("h3",[e._v("Tag Attributes")]),e._v(" "),i("div",{staticClass:"fish table attributes"},[i("table",{staticStyle:{"table-layout":"auto"}},[i("thead",[i("tr",e._l(e.api_columns,function(t){return i("th",[e._v(e._s(t))])}))]),e._v(" "),i("tbody",e._l(e.api_data2,function(t){return i("tr",e._l(t,function(t){return i("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"timeline"}},[n("h3",[e._v("Timeline")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-timeline",[n("fish-timeline-item",[e._v("\n                I ain't shooting this thing, I hate guns.\n              ")]),e._v(" "),n("fish-timeline-item",[n("h4",[e._v("I find your lack of faith disturbing")]),e._v("\n                Don't be too proud of this technological terror you've constructed.\n                The ability to destroy a planet is insignificant next to the power of the Force.\n                The plans you refer to will soon be back in our hands.\n                A tremor in the Force. The last time I felt it was in the presence of my old master.\n                Escape is not his plan. I must face him. Alone.\n              ")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-timeline>\n  <fish-timeline-item>\n    I ain't shooting this thing, I hate guns.\n  </fish-timeline-item>\n  <fish-timeline-item>\n    <h4>I find your lack of faith disturbing</h4>\n    Don't be too proud of this technological terror you've constructed.\n    The ability to destroy a planet is insignificant next to the power of the Force.\n    The plans you refer to will soon be back in our hands.\n    A tremor in the Force. The last time I felt it was in the presence of my old master.\n    Escape is not his plan. I must face him. Alone.\n  </fish-timeline-item>\n</fish-timeline>")])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Color",desc:"set timeline item color"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-timeline",[n("fish-timeline-item",{attrs:{color:"red"}},[e._v("\n                I ain't shooting this thing, I hate guns.\n              ")]),e._v(" "),n("fish-timeline-item",[n("h4",[e._v("I find your lack of faith disturbing")]),e._v("\n                Don't be too proud of this technological terror you've constructed.\n                The ability to destroy a planet is insignificant next to the power of the Force.\n                The plans you refer to will soon be back in our hands.\n                A tremor in the Force. The last time I felt it was in the presence of my old master.\n                Escape is not his plan. I must face him. Alone.\n              ")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-timeline>\n  <fish-timeline-item color=\"red\">\n    I ain't shooting this thing, I hate guns.\n  </fish-timeline-item>\n  <fish-timeline-item>\n    <h4>I find your lack of faith disturbing</h4>\n    Don't be too proud of this technological terror you've constructed.\n    The ability to destroy a planet is insignificant next to the power of the Force.\n    The plans you refer to will soon be back in our hands.\n    A tremor in the Force. The last time I felt it was in the presence of my old master.\n    Escape is not his plan. I must face him. Alone.\n  </fish-timeline-item>\n</fish-timeline>")])])],2)],1)],1),e._v(" "),n("h3",[e._v("TimelineItem Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"transfer"}},[n("h3",[e._v("Transfer")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic transfer with drag"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-transfer-base")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-transfer v-model=\"v\" :data=\"data\">\n  </fish-transfer>\n</template>\n<script>\n  export default {\n    name: 'demo-transfer-base',\n    data () {\n      return {\n        data: [\n          { key: 'o_1', label: 'option 1', disabled: true },\n          { key: 'o_2', label: 'option 2' },\n          { key: 'o_3', label: 'option 3' },\n          { key: 'o_4', label: 'option 4' },\n          { key: 'o_5', label: 'option 5', disabled: true },\n          { key: 'o_6', label: 'option 6' },\n          { key: 'o_7', label: 'option 7' },\n          { key: 'o_8', label: 'option 8' },\n          { key: 'o_9', label: 'option 9' },\n          { key: 'o_10', label: 'option 10' },\n          { key: 'o_11', label: 'option 11' },\n          { key: 'o_12', label: 'option 12' },\n          { key: 'o_13', label: 'option 13' },\n          { key: 'o_14', label: 'option 14' },\n          { key: 'o_15', label: 'option 15' }\n        ],\n        v: []\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("h3",[e._v("Transfer Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"message"}},[n("h3",[e._v("Message")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-message",[e._v("\n          Warning Description Warning Description Warning Description Warning Description\n        ")]),e._v(" "),n("fish-message",{attrs:{type:"error"}},[e._v("\n          Error Description Error Description Error Description Error Description\n        ")]),e._v(" "),n("fish-message",{attrs:{type:"info"}},[e._v("\n          Info Description Info Description Info Description Info Description\n        ")]),e._v(" "),n("fish-message",{attrs:{type:"success"}},[e._v("\n          Success Description Success Description Success Description Success Description\n        ")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-message>\n  Warning Description Warning Description Warning Description Warning Description\n</fish-message>\n<fish-message type="error">\n  Error Description Error Description Error Description Error Description\n</fish-message>\n<fish-message type="info">\n  Info Description Info Description Info Description Info Description\n</fish-message>\n<fish-message type="success">\n  Success Description Success Description Success Description Success Description\n</fish-message>')])])],2),e._v(" "),n("h3",[e._v("Message Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"select"}},[n("h3",[e._v("Select")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{model:{value:e.singleSelectedValue,callback:function(t){e.singleSelectedValue=t},expression:"singleSelectedValue"}},[n("fish-option",{attrs:{index:"0",content:"Option-1"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Option-2"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Option-3"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"Option-4"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"Option-5"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-select v-model="singleSelectedValue">\n    <fish-option index="0" content="Option-1"></fish-option>\n    <fish-option index="1" content="Option-2"></fish-option>\n    <fish-option index="2" content="Option-3"></fish-option>\n    <fish-option index="3" content="Option-4"></fish-option>\n    <fish-option index="4" content="Option-5"></fish-option>\n  </fish-select>\n</template>\n<script>\n  export default {\n    data () { return {singleSelectedValue: \'\'} }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Disabled",desc:"Disabled"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{disabled:""},model:{value:e.singleSelectedValue,callback:function(t){e.singleSelectedValue=t},expression:"singleSelectedValue"}},[n("fish-option",{attrs:{index:"0",content:"Option-1"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Option-2"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Option-3"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"Option-4"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"Option-5"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-select v-model="singleSelectedValue" disabled>\n    <fish-option index="0" content="Option-1"></fish-option>\n    <fish-option index="1" content="Option-2"></fish-option>\n    <fish-option index="2" content="Option-3"></fish-option>\n    <fish-option index="3" content="Option-4"></fish-option>\n    <fish-option index="4" content="Option-5"></fish-option>\n  </fish-select>\n</template>\n<script>\n  export default {\n    data () { return {singleSelectedValue: \'\'} }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Search",desc:"Search the options while expanded."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{search:""},model:{value:e.singleSelectedValueWthSearch1,callback:function(t){e.singleSelectedValueWthSearch1=t},expression:"singleSelectedValueWthSearch1"}},[n("fish-option",{attrs:{index:"10",content:"abcd"}}),e._v(" "),n("fish-option",{attrs:{index:"11",content:"abc"}}),e._v(" "),n("fish-option",{attrs:{index:"12",content:"ab"}}),e._v(" "),n("fish-option",{attrs:{index:"13",content:"abd"}}),e._v(" "),n("fish-option",{attrs:{index:"14",content:"abdf"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-select search v-model="singleSelectedValueWthSearch1">\n    <fish-option index="10" content="abcd"></fish-option>\n    <fish-option index="11" content="abc"></fish-option>\n    <fish-option index="12" content="ab"></fish-option>\n    <fish-option index="13" content="abd"></fish-option>\n    <fish-option index="14" content="abdf"></fish-option>\n  </fish-select>\n</template>\n<script>\n  export default {\n    data () { return {singleSelectedValueWthSearch1: \'\'} }\n  }\n<\/script>\n')])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Multiple",desc:"Multiple selection"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{multiple:""},on:{change:e.changeHandler},model:{value:e.multipleValues,callback:function(t){e.multipleValues=t},expression:"multipleValues"}},[n("fish-option",{attrs:{index:"0",content:"abcd"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"abc"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"ab"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"abd"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"abdf"}}),e._v(" "),n("fish-option",{attrs:{index:"5",content:"abdf5"}}),e._v(" "),n("fish-option",{attrs:{index:"6",content:"abdf6"}}),e._v(" "),n("fish-option",{attrs:{index:"7",content:"abdf7"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-select multiple v-model="multipleValues" style="width: 300px;" @change="changeHandler">\n    <fish-option index="0" content="abcd"></fish-option>\n    <fish-option index="1" content="abc"></fish-option>\n    <fish-option index="2" content="ab"></fish-option>\n    <fish-option index="3" content="abd"></fish-option>\n    <fish-option index="4" content="abdf"></fish-option>\n    <fish-option index="5" content="abdf5"></fish-option>\n    <fish-option index="6" content="abdf6"></fish-option>\n    <fish-option index="7" content="abdf7"></fish-option>\n  </fish-select>\n</template>\n<script>\n  export default {\n    data () { return {multipleValues: []} },\n    methods: {\n      changeHandler (values) {\n        console.log(\'values:\', values)\n      }\n    }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Search, Multiple",desc:"Search, Multiple selection。"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{search:"",multiple:""},on:{change:e.changeHandler},model:{value:e.multipleValues1,callback:function(t){e.multipleValues1=t},expression:"multipleValues1"}},[n("fish-option",{attrs:{index:"0",content:"abcd"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"abc"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"ab"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"abd"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"abdf"}}),e._v(" "),n("fish-option",{attrs:{index:"5",content:"abdf5"}}),e._v(" "),n("fish-option",{attrs:{index:"6",content:"abdf6"}}),e._v(" "),n("fish-option",{attrs:{index:"7",content:"abdf7"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-select search multiple v-model="multipleValues1" style="width: 300px;" @change="changeHandler">\n    <fish-option index="0" content="abcd"></fish-option>\n    <fish-option index="1" content="abc"></fish-option>\n    <fish-option index="2" content="ab"></fish-option>\n    <fish-option index="3" content="abd"></fish-option>\n    <fish-option index="4" content="abdf"></fish-option>\n    <fish-option index="5" content="abdf5"></fish-option>\n    <fish-option index="6" content="abdf6"></fish-option>\n    <fish-option index="7" content="abdf7"></fish-option>\n  </fish-select>\n</template>\n<script>\n  export default {\n    data () { return {multipleValues1: []} },\n    methods: {\n      changeHandler (values) {\n        console.log(\'values:\', values)\n      }\n    }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Cascaded",desc:"Cascaded selection width search。"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-row",[n("fish-col",{staticStyle:{"margin-right":"5px"},attrs:{span:"10"}},[n("fish-select",{attrs:{search:""},on:{change:e.changeCascadedHandler},model:{value:e.cascadedValue,callback:function(t){e.cascadedValue=t},expression:"cascadedValue"}},[n("fish-option",{attrs:{index:"0",content:"C0"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"C1"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"C2"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"C3"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"C4"}}),e._v(" "),n("fish-option",{attrs:{index:"5",content:"C5"}}),e._v(" "),n("fish-option",{attrs:{index:"6",content:"C6"}}),e._v(" "),n("fish-option",{attrs:{index:"7",content:"C7"}}),e._v(" "),n("fish-option",{attrs:{index:"8",content:"C8"}}),e._v(" "),n("fish-option",{attrs:{index:"9",content:"C9"}}),e._v(" "),n("fish-option",{attrs:{index:"10",content:"C10"}}),e._v(" "),n("fish-option",{attrs:{index:"11",content:"C11"}}),e._v(" "),n("fish-option",{attrs:{index:"12",content:"C12"}}),e._v(" "),n("fish-option",{attrs:{index:"13",content:"C13"}})],1)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("fish-select",{model:{value:e.cascaded2Value,callback:function(t){e.cascaded2Value=t},expression:"cascaded2Value"}},e._l(e.cascaded2Values,function(e){return n("fish-option",{key:e,attrs:{index:e,content:e}})}))],1)],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-row>\n    <fish-col span="10" style="margin-right: 5px;">\n    <fish-select search v-model="cascadedValue" @change="changeCascadedHandler">\n      <fish-option index="0" content="C0"></fish-option>\n      <fish-option index="1" content="C1"></fish-option>\n      <fish-option index="2" content="C2"></fish-option>\n      <fish-option index="3" content="C3"></fish-option>\n      <fish-option index="4" content="C4"></fish-option>\n      <fish-option index="5" content="C5"></fish-option>\n      <fish-option index="6" content="C6"></fish-option>\n      <fish-option index="7" content="C7"></fish-option>\n      <fish-option index="8" content="C8"></fish-option>\n      <fish-option index="9" content="C9"></fish-option>\n      <fish-option index="10" content="C10"></fish-option>\n      <fish-option index="11" content="C11"></fish-option>\n      <fish-option index="12" content="C12"></fish-option>\n      <fish-option index="13" content="C13"></fish-option>\n    </fish-select>\n    </fish-col>\n    <fish-col span="12">\n    <fish-select v-model="cascaded2Value">\n      <fish-option :index="v" :content="v" :key="v" v-for="v in cascaded2Values"></fish-option>\n    </fish-select>\n    </fish-col>\n   </fish-row>\n</template>\n<script>\n  export default {\n    data () {\n      cascadedValue: \'\',\n      cascaded2Value: \'\',\n      cascaded2Values: [],\n    },\n    methods: {\n      changeCascadedHandler (v) {\n        if (v === \'1\') {\n          this.cascaded2Values = [\'test\', \'test1\']\n        } else {\n          this.cascaded2Values = []\n          this.cascaded2Value = \'\'\n        }\n      }\n    }\n  }\n<\/script>')])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"AutoComplete",desc:"AutoComplete selection"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{search:e.searchChangeHandler},model:{value:e.autoCompleteValue,callback:function(t){e.autoCompleteValue=t},expression:"autoCompleteValue"}},e._l(e.autoCompleteData,function(e){return n("fish-option",{key:e.index,attrs:{index:e.index,content:e.content}})}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n<fish-select v-model="autoCompleteValue" :search="searchChangeHandler">\n  <fish-option :index="item.index" :content="item.content" v-for="item in autoCompleteData" :key="item.index"></fish-option>\n</fish-select>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      autoCompleteValue: \'\',\n      autoCompleteData: []\n    }\n  },\n  methods: {\n    searchChangeHandler (v) {\n      console.log(\'v:\', v)\n      this.autoCompleteData = [\n        {index: `${v}11`, content: `${v}11`}, \n        {index: `${v}12`, content: `${v}12`},\n        {index: `${v}13`, content: `${v}13`},\n        {index: `${v}14`, content: `${v}14`},\n        {index: `${v}15`, content: `${v}15`}\n      ]\n    }\n  }\n}\n<\/script>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"AutoComplete multiple",desc:"AutoComplete multiple selection"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-select",{attrs:{search:e.mulitpleSearchChangeHandler,multiple:""},model:{value:e.autoCompleteMultipleValue,callback:function(t){e.autoCompleteMultipleValue=t},expression:"autoCompleteMultipleValue"}},e._l(e.autoCompleteMultipleData,function(e){return n("fish-option",{key:e.index,attrs:{index:e.index,content:e.content}})}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n<fish-select v-model="autoCompleteMultipleValue" :search="mulitpleSearchChangeHandler" multiple>\n  <fish-option :index="item.index" :content="item.content" v-for="item in autoCompleteMultipleData" :key="item.index"></fish-option>\n</fish-select>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      autoCompleteMultipleValue: [],\n      autoCompleteMultipleData: []\n    }\n  },\n  methods: {\n    mulitpleSearchChangeHandler (v) {\n      console.log(\'v:\', v)\n      this.autoCompleteMultipleData = [\n        {index: `${v}11`, content: `${v}11`}, \n        {index: `${v}12`, content: `${v}12`},\n        {index: `${v}13`, content: `${v}13`},\n        {index: `${v}14`, content: `${v}14`},\n        {index: `${v}15`, content: `${v}15`}\n      ]\n    }\n  }\n}\n<\/script>')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Select Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Select Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Select Option Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.optionData,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{class:["event",e.color]},[n("div",{staticClass:"badge"}),e._v(" "),n("div",{staticClass:"panel"},[e._t("default")],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"notification"}},[n("h3",[e._v("Notification")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{on:{click:e.messageWarningHandler}},[e._v("warning")]),e._v(" "),n("fish-button",{on:{click:e.messageErrorHandler}},[e._v("error")]),e._v(" "),n("fish-button",{on:{click:e.messageSuccessHandler}},[e._v("success")]),e._v(" "),n("fish-button",{on:{click:e.messageTipHandler}},[e._v("Tip information")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-button @click=\"messageWarningHandler\">warning</fish-button>\n    <fish-button @click=\"messageErrorHandler\">error</fish-button>\n    <fish-button @click=\"messageSuccessHandler\">success</fish-button>\n    <fish-button @click=\"messageTipHandler\">Tip information</fish-button>\n  </div>\n</template>\n<script>\n  export default {\n    methods: {\n      messageWarningHandler () {\n        this.$message.warning('welcome to you !!!', 5000)\n      },\n      messageErrorHandler () {\n        this.$message.error('error: welcome to you !!!', 5000)\n      },\n      messageSuccessHandler () {\n        this.$message.success('success: welcome to you !!!', 5000)\n      },\n      messageTipHandler () {\n        this.$message.tip('Notification Title', 'I will never close automatically. I will be close automatically. I will never close automatically.')\n      }\n    }\n  }\n<\/script>")])])],2),e._v(" "),n("h3",[e._v("Notification API")]),e._v(" "),n("ul",{staticClass:"api"},[n("li",[n("code",[e._v("message.warning(text, fadeTime = 3000)")])]),e._v(" "),n("li",[n("code",[e._v("message.info(text, fadeTime = 3000)")])]),e._v(" "),n("li",[n("code",[e._v("message.success(text, fadeTime = 3000)")])]),e._v(" "),n("li",[n("code",[e._v("message.error(text, fadeTime = 3000)")])]),e._v(" "),n("li",[n("code",[e._v("message.tip(title, content, position = 'top right')")])])]),e._v(" "),n("h3",[e._v("Notification Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("table",[n("colgroup",[e.rows.length>0&&e.expandedRowRender?n("col",{attrs:{width:"40"}}):e._e(),e._v(" "),e._l(e.columns,function(e){return n("col",{attrs:{width:e.width}})})],2),e._v(" "),n("tbody",[e._l(e.rows,function(t,i){return[n("tr",[e.expandedRowRender?n("td",{staticStyle:{"text-align":"center"}},[n("i",{class:e.expandIcon,on:{click:function(t){t.stopPropagation(),e.expandHandler(i)}}})]):e._e(),e._v(" "),e._l(e.columns,function(a){return n("td",{style:{"text-align":a.align||"left"}},["index"===a.type?n("div",[e._v(e._s(i+1))]):"checkbox"===a.type?n("div",[n("fish-checkbox",{ref:"checkboxes",refInFor:!0,attrs:{index:i},on:{click:e.checkboxSelectHandler}})],1):n("content-render",{attrs:{render:a.render||function(e,t,n){return e("div",t[n.key])},params:[t,a]}})],1)})],2),e._v(" "),e.expandedRowRender&&e.expands[i]?n("tr",[n("td",{attrs:{colspan:e.columns.length+1}},[n("content-render",{attrs:{render:e.expandedRowRender,params:[t]}})],1)]):e._e()]}),e._v(" "),e.rows.length<=0&&e.noMoreText?n("tr",[n("td",{staticClass:"no-more",attrs:{colspan:e.columns.length}},[e._v(e._s(e.noMoreText))])]):e._e()],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("ul",{class:e.classObject,on:{click:function(t){t.stopPropagation(),e.clickHandler(t)}}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish cards",e.cols]},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"input_number"}},[n("h3",[e._v("Input Number")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input-number",{model:{value:e.v,callback:function(t){e.v=t},expression:"v"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-input-number v-model="v"></fish-input-number>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        v: 1.234\n      }\n    }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Range",desc:"can be set <code>min</code>, <code>max</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input-number",{attrs:{min:"0",max:"10"},model:{value:e.vMinMax,callback:function(t){e.vMinMax=t},expression:"vMinMax"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-input-number min="0" max="10" v-model="vMinMax"></fish-input-number>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        vMinMax: 2\n      }\n    }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Step",desc:"The number to which the current value is increased or decreased. It can be an integer or decimal."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input-number",{attrs:{step:"5.5",label:"day"},model:{value:e.vStep,callback:function(t){e.vStep=t},expression:"vStep"}}),e._v(" "),n("fish-input-number",{attrs:{labelLeft:"over",label:"day"},model:{value:e.vStep,callback:function(t){e.vStep=t},expression:"vStep"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-input-number step="5.5" v-model="vStep" label="day"></fish-input-number>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        vStep: 5.5\n      }\n    }\n  }\n<\/script>\n')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Input Number Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-layout",{staticClass:"demo"},[n("div",{attrs:{slot:"header"},slot:"header"},[e._v("Header")]),e._v(" "),n("div",{staticStyle:{height:"120px"},attrs:{slot:"content"},slot:"content"},[e._v("Content")]),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[e._v("Footer")])]),e._v(" "),n("fish-layout",{staticClass:"demo",attrs:{sider:"l"}},[n("div",{attrs:{slot:"header"},slot:"header"},[e._v("Header")]),e._v(" "),n("div",{attrs:{slot:"sider"},slot:"sider"},[e._v("Left")]),e._v(" "),n("div",{staticStyle:{height:"120px"},attrs:{slot:"content"},slot:"content"},[e._v("Content")]),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[e._v("Footer")])]),e._v(" "),n("fish-layout",{staticClass:"demo",staticStyle:{"margin-bottom":"0"},attrs:{sider:"tl"}},[n("div",{attrs:{slot:"sider"},slot:"sider"},[e._v("Top Left")]),e._v(" "),n("div",{attrs:{slot:"header"},slot:"header"},[e._v("Header")]),e._v(" "),n("div",{staticStyle:{height:"120px"},attrs:{slot:"content"},slot:"content"},[e._v("Content")]),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[e._v("Footer")])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fish-layout",{staticClass:"demo2"},[n("nav",{attrs:{slot:"header"},slot:"header"},[n("div",{staticClass:"logo"},[e._v("Logo / System")]),e._v(" "),n("fish-menu",{staticStyle:{background:"transparent","border-bottom":"0"},attrs:{mode:"horizontal"}},[n("fish-option",{attrs:{index:"1",content:"Nav 1"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Nav 2"}}),e._v(" "),n("fish-option",{attrs:{index:"3",content:"Nav 3"}})],1)],1),e._v(" "),n("div",{staticStyle:{height:"100px"},attrs:{slot:"content"},slot:"content"},[e._v("\n    Content...........\n  ")]),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[e._v("2017@copyright myliang")])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish switch",{disabled:e.disabled},{checked:this.value}],on:{click:e.clickHandler}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"main-layout"},[n("fish-layout",{staticClass:"main-layout",attrs:{sider:"l",responsive:""}},[n("div",{staticStyle:{padding:"1em"},attrs:{slot:"header"},slot:"header"},[n("a",{attrs:{href:"https://github.com/myliang/fish-ui"}},[n("div",{staticClass:"logo_22"},[e._v("\n          F "),n("i",{staticClass:"fa fa-flash"}),e._v(" sh - UI\n        ")])]),e._v(" "),n("div",{staticStyle:{float:"right"}},[n("h2",[n("strong",[n("a",{attrs:{href:"https://github.com/myliang/fish-ui",title:"github"}},[n("i",{staticClass:"fa fa-github"})])])])])]),e._v(" "),n("div",{attrs:{slot:"sider"},slot:"sider"},[n("fish-menu",{attrs:{mode:"inline"}},e._l(e.menus,function(t){return n("fish-option",{key:t.index,ref:"menus",refInFor:!0,attrs:{index:t.index,content:t.text},on:{click:function(n){e.toLinker("/components/"+t.index)}}})}))],1),e._v(" "),n("div",{attrs:{slot:"content"},slot:"content"},[e._t("default")],2),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[n("h2",[n("strong",[n("a",{attrs:{href:"https://github.com/myliang/fish-ui"}},[n("i",{staticClass:"fa fa-github"}),e._v(" fish-ui")])])]),e._v(" "),n("p",[e._v("copyright@2017 myliang")])])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data},on:{select:e.selectHandler}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"timepicker"}},[n("h3",[e._v("TimePicker")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-time-picker",{model:{value:e.timePickerValue,callback:function(t){e.timePickerValue=t},expression:"timePickerValue"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-time-picker v-model=\"timePickerValue\"></fish-time-picker>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        timePickerValue: ''\n      }\n    }\n  }\n<\/script>\n")])])],2),e._v(" "),n("h3",[e._v("TimePicker Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("TimePicker Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("form",{class:["fish form",{inline:this.inline}]},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{class:["fish upload",e.type]},[""===e.type?n("div",{staticClass:"upload-select",on:{click:e.clickHandler}},[n("input",{ref:"input",attrs:{type:"file",multiple:e.multiple,accept:e.accept},on:{change:e.changeHandler}}),e._v(" "),e._t("default")],2):e._e(),e._v(" "),n("ul",e._l(e.allFiles,function(t,i){return n("li",{key:i,class:[t.state||"done","percent-"+t.percent]},["picture"===e.type?["picture"===e.type&&"progress"!==t.state?n("img",{attrs:{src:t._url||t.url}}):e._e(),e._v(" "),n("div",{staticClass:"info",on:{click:function(n){e.previewHandler(t)}}},[n("i",{on:{click:function(t){t.stopPropagation(),e.removeFile(i)}}},[e._v("×")])])]:[e._v("\n          "+e._s(t.name)+"\n          "),n("i",{staticClass:"close",on:{click:function(t){t.stopPropagation(),e.removeFile(i)}}},[e._v("×")])]],2)})),e._v(" "),"picture"===e.type?n("div",{staticClass:"upload-select",on:{click:e.clickHandler}},[n("input",{ref:"input",attrs:{type:"file",multiple:e.multiple,accept:e.accept},on:{change:e.changeHandler}}),e._v(" "),n("i",[e._v("+")]),e._v(" "),e._t("default")],2):e._e(),e._v(" "),n("fish-modal",{attrs:{visible:e.previewShow,title:"Image Preview"},on:{"update:visible":function(t){e.previewShow=t}}},[n("div",{staticClass:"image"},[n("img",{staticStyle:{width:"100%"},attrs:{src:e.previewUrl}})])])],1)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-chart-line",{attrs:{labels:e.labels,data:e.data}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.edited?n("div",{class:e.classObject},[e._l(e.items,function(t,i){return n("fish-tag",{key:t,attrs:{index:t},on:{click:function(t){e.clickHandler(t,i)},close:function(t){e.closeHandler(t,i)}}},[e._v("\n    "+e._s("object"==typeof t?t[1]:t)+"\n  ")])}),e._v(" "),e.onAddExists&&!e.isClickAdd?n("a",{staticClass:"fish tag",on:{click:e.addHandler}},[n("i",{staticClass:"fa fa-plus",staticStyle:{"margin-left":"0"}})]):e._e(),e._v(" "),e.onAddExists&&e.isClickAdd?n("input",{key:"new-tag-input",ref:"newTagInput",attrs:{type:"text"},on:{keyup:function(t){if(!("button"in t)&&e._k(t.keyCode,"enter",13))return null;e.addEnterHandler(t)},blur:function(t){e.addDoneHandler(t)}}}):e._e()],2):n("div",{class:e.classObject},e._l(e.items,function(t,i){return n("a",{key:i,class:["fish tag","object"==typeof t&&t[0]&&"primary"],on:{click:function(t){e.clickHandler(t,i)}}},[e._v("\n    "+e._s("object"==typeof t?t[1]:t)+"\n  ")])}))},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data},on:{change:e.changeHandler}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish message",e.type]},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"pagination"}},[n("h3",[e._v("Pagination")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-pagination",{attrs:{total:500,current:e.page},on:{change:function(t){return e.page=t}}})],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-pagination :total="500" :current="page" @change="(current) => page = current"></fish-pagination>\n</template>\n<script>\n  export default {\n    data () { return {page: 2} }\n  }\n<\/script>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Simple",desc:"Simple use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-pagination",{attrs:{total:500,current:e.page1,simple:""},on:{change:function(t){return e.page1=t}}})],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-pagination :total="500" :current="page1" @change="(current) => page1 = current" simple></fish-pagination>\n</template>\n<script>\n  export default {\n    data () { return {page1: 2} }\n  }\n<\/script>')])])])],2),e._v(" "),n("h3",[e._v("Pagination Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Pagination Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"checkbox"}},[n("h3",[e._v("Checkbox")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic usage of checkbox."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-checkbox",{attrs:{index:"x"}},[e._v("Checkbox")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-checkbox index="x">Checkbox</fish-checkbox>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Disabled",desc:"Disabled checkbox"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-checkbox",{attrs:{index:"x",disabled:""}},[e._v("Checkbox")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-checkbox index="x" disabled>Checkbox</fish-checkbox>')])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Checkbox Group",desc:"Generate a group of checkboxes from an array."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-checkboxes",{model:{value:e.checkboxesValue,callback:function(t){e.checkboxesValue=t},expression:"checkboxesValue"}},e._l(["A","B","C"],function(t,i){return n("fish-checkbox",{key:i,attrs:{index:i}},[e._v("checkbox:"),n("span",{domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-checkboxes v-model="checkboxesValue">\n    <fish-checkbox :index="index" v-for="(c, index) in [\'A\', \'B\', \'C\']" :key="index">checkbox:<span v-html="c"></span></fish-checkbox>\n  </fish-checkboxes>\n</template>\n<script>\n  export default {\n    data () { return {checkboxesValue: []} }\n  }\n<\/script>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Vertical checkbox group",desc:"Vertical checkbox group"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-checkboxes",{attrs:{mode:"vertical"},model:{value:e.checkboxesValue1,callback:function(t){e.checkboxesValue1=t},expression:"checkboxesValue1"}},e._l(["A","B","C"],function(t,i){return n("fish-checkbox",{key:i,attrs:{index:i}},[e._v("checkbox:"),n("span",{domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-checkboxes v-model="checkboxesValue1" mode="vertical">\n    <fish-checkbox :index="index" v-for="(c, index) in [\'A\', \'B\', \'C\']" :key="index">checkbox:<span v-html="c"></span></fish-checkbox>\n  </fish-checkboxes>\n</template>\n<script>\n  export default {\n    data () { return {checkboxesValue1: []} }\n  }\n<\/script>')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Checkboxes Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Checkbox Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],staticClass:"fish input time-picker",on:{click:e.clickHandler,mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler}},[n("input",{staticStyle:{width:"125px"},attrs:{type:"text",placeholder:e.hint,readonly:""},domProps:{value:e.value}}),e._v(" "),e.showClear&&!e.valueEmpty?n("i",{staticClass:"fa fa-times-circle",staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):n("i",{staticClass:"fa fa-calendar"}),e._v(" "),e.visible?n("div",{staticClass:"content",style:{width:64*e.groups.length+"px"}},e._l(e.groups,function(t,i){return n("ul",{staticClass:"fish menu vertical"},e._l(t,function(t){return n("li",{class:["item",{active:t===(e.value.split(":")[i]||"00")}],on:{click:function(n){n.stopPropagation(),e.selectHandler(t,i)}}},[e._v(e._s(t))])}))})):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fish-layout",{staticClass:"demo3",attrs:{sider:"tl"}},[n("div",{attrs:{slot:"sider"},slot:"sider"},[n("div",{staticClass:"logo",staticStyle:{background:"#e0f0fa"}},[e._v("Logo / System")]),e._v(" "),n("fish-menu",{staticStyle:{width:"200px"},attrs:{mode:"inline"}},[n("fish-option",{attrs:{index:"0",content:"Content"}}),e._v(" "),n("fish-submenu",{attrs:{index:"1",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("User")]),e._v(" "),n("fish-option",{attrs:{index:"1-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"1-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"1-2",content:"Active"}})],2),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Tongji"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu")]),e._v(" "),n("fish-option",{attrs:{index:"3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-2",content:"Active"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3-3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu-3")]),e._v(" "),n("fish-option",{attrs:{index:"3-3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-2",content:"Active"}})],2)],2)],1)],1),e._v(" "),n("div",{attrs:{slot:"content"},slot:"content"},[e._v("Content...")])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"radio"}},[n("h3",[e._v("Radio")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-radio",{attrs:{index:"x"}},[e._v("Choice")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-radio index="x">Choice</fish-radio>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Disabled",desc:"Disabled Radio"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-radio",{attrs:{disabled:"",index:"2"}},[e._v("Choice")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-radio disabled index="2">Choice</fish-radio>')])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Group",desc:"Radio Group"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-radios",{model:{value:e.radiosValue,callback:function(t){e.radiosValue=t},expression:"radiosValue"}},e._l(["A","B","C"],function(t,i){return n("fish-radio",{key:i,attrs:{index:i}},[n("span",{domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-radios v-model="radiosValue">\n    <fish-radio :index="index" v-for="(c, index) in [\'A\', \'B\', \'C\']" :key="index"><span v-html="c"></span></fish-radio>\n  </fish-radios>\n</template>\n<script>\n  export default {\n    data () { return {radiosValue: 0} }\n  }\n<\/script>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"vertical",desc:"Vertical RadioGroup"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-radios",{attrs:{mode:"vertical"},model:{value:e.radiosValue1,callback:function(t){e.radiosValue1=t},expression:"radiosValue1"}},e._l(["A","B","C"],function(t,i){return n("fish-radio",{key:i,attrs:{index:i}},[n("span",{domProps:{innerHTML:e._s(t)}})])}))],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-radios v-model="radiosValue1" mode="radiosValue">\n    <fish-radio :index="index" v-for="(c, index) in [\'A\', \'B\', \'C\']" :key="index"><span v-html="c"></span></fish-radio>\n  </fish-radios>\n</template>\n<script>\n  export default {\n    data () { return {radiosValue: 0} }\n  }\n<\/script>')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Radio Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fish-layout",{staticClass:"demo3",attrs:{sider:"l"}},[n("nav",{attrs:{slot:"header"},slot:"header"},[n("div",{staticClass:"logo"},[e._v("Logo / System")])]),e._v(" "),n("div",{attrs:{slot:"sider"},slot:"sider"},[n("fish-menu",{staticStyle:{width:"200px"},attrs:{mode:"inline"}},[n("fish-option",{attrs:{index:"0",content:"Content"}}),e._v(" "),n("fish-submenu",{attrs:{index:"1",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("User")]),e._v(" "),n("fish-option",{attrs:{index:"1-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"1-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"1-2",content:"Active"}})],2),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Tongji"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu")]),e._v(" "),n("fish-option",{attrs:{index:"3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-2",content:"Active"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3-3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu-3")]),e._v(" "),n("fish-option",{attrs:{index:"3-3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-2",content:"Active"}})],2)],2)],1)],1),e._v(" "),n("div",{attrs:{slot:"content"},slot:"content"},[e._v("Content...")]),e._v(" "),n("div",{attrs:{slot:"footer"},slot:"footer"},[e._v("2017@copyright myliang")])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish radios",e.mode],on:{click:e.clickHandler}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"step"}},[n("h3",[e._v("Switch")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-switch",{model:{value:e.v,callback:function(t){e.v=t},expression:"v"}}),e._v(" "),n("fish-switch",{model:{value:e.v1,callback:function(t){e.v1=t},expression:"v1"}},[e._v("checked...")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-switch v-model="v"></fish-switch>\n  <fish-switch v-model="v1">checked...</fish-switch>\n</template>\n<script>\n  export default {\n    data () {\n      v: false,\n      v1: true\n    }\n  }\n<\/script>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Disabled",desc:"disabled switch"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-switch",{attrs:{disabled:""}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-switch disabled></fish-switch>\n</template>\n<script>\n  export default {\n    data () {\n    }\n  }\n<\/script>")])])],2)],1)],1),e._v(" "),n("h3",[e._v("Switch Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("main-layout",{attrs:{menuActiveIndex:"image"}},[i("h3",[e._v("Image 图片")]),e._v(" "),i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"12"}},[i("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-image",{staticStyle:{height:"300px"},attrs:{url:n(190)}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-image :url="require(\'../static/image.png\')" style="height: 300px;"></fish-image>')])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"12"}},[i("code-card",{attrs:{title:"Border",desc:"Add border to image"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-image",{staticStyle:{height:"300px"},attrs:{url:n(637),bordered:""}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-image :url="require(\'../static/white-image.png\')" bordered style="height: 300px;"></fish-image>')])])],2)],1)],1),e._v(" "),i("fish-row",{attrs:{gutter:"1"}},[i("fish-col",{attrs:{span:"12"}},[i("code-card",{attrs:{title:"Rounded",desc:"Add rounded to image"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-image",{staticStyle:{height:"300px"},attrs:{url:n(190),rounded:""}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-image :url="require(\'../static/image.png\')" rounded style="height: 300px;"></fish-image>')])])],2)],1),e._v(" "),i("fish-col",{attrs:{span:"12"}},[i("code-card",{attrs:{title:"Circle",desc:"the circle image"}},[i("template",{attrs:{slot:"demo"},slot:"demo"},[i("fish-image",{staticStyle:{height:"300px"},attrs:{url:n(636),shape:"circle"}})],1),e._v(" "),i("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[i("code",{staticClass:"xml"},[e._v('<fish-image :url="require(\'../static/square-image.png\')" shape="circle" style="height: 300px;"></fish-image>')])])],2)],1)],1),e._v(" "),i("h3",[e._v("Image Attributes")]),e._v(" "),i("div",{staticClass:"fish table attributes"},[i("table",{staticStyle:{"table-layout":"auto"}},[i("thead",[i("tr",e._l(e.api_columns,function(t){return i("th",[e._v(e._s(t))])}))]),e._v(" "),i("tbody",e._l(e.api_data,function(t){return i("tr",e._l(t,function(t){return i("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"upload"}},[n("h3",[e._v("Upload")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-upload",{attrs:{action:"//jsonplaceholder.typicode.com/posts/",withCredentials:!0},model:{value:e.files1,callback:function(t){e.files1=t},expression:"files1"}},[n("fish-button",[n("i",{staticClass:"fa fa-upload",staticStyle:{"margin-right":"5px"},attrs:{"aria-hidden":"true"}}),e._v(" Upload")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-upload action="//jsonplaceholder.typicode.com/posts/" v-model="files1"\n               :withCredentials="true">\n    <fish-button><i class="fa fa-upload" aria-hidden="true" style="margin-right: 5px;"></i> Upload</fish-button>\n  </fish-upload>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        files1: [{name: \'xxx.png\',url: \'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\'}]\n      }\n    }\n  }\n<\/script>\n')])])],2),e._v(" "),n("code-card",{attrs:{title:"Picture",desc:"Upload Picture"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-upload",{attrs:{action:"//jsonplaceholder.typicode.com/posts/",withCredentials:!0,type:"picture"},model:{value:e.files,callback:function(t){e.files=t},expression:"files"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-upload action=\"//jsonplaceholder.typicode.com/posts/\" v-model=\"files\"\n               :withCredentials=\"true\" type=\"picture\">\n  </fish-upload>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        files: [{name: 'xxx.png', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'},\n          {name: 'yyy.png', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'},\n          {name: 'zzz.png', url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'}]\n      }\n    }\n  }\n<\/script>\n")])])],2),e._v(" "),n("h3",[e._v("Upload Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"tree_select"}},[n("h3",[e._v("Tree Select")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Single",desc:"Single Tree Select"}},[n("demo-tree-select-single",{attrs:{slot:"demo"},slot:"demo"}),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-tree-select :data=\"data\" v-model=\"v\" @change=\"changeHandler\"></fish-tree-select>\n    <fish-tree-select :data=\"data\" v-model=\"v1\" @change=\"changeHandler\"></fish-tree-select>\n  </div>\n</template>\n<script>\n  export default {\n    name: 'demo-tree-select-single',\n    data () {\n      return {\n        v: '0-0-0-1',\n        v1: '',\n        data: [{\n          title: '0-0',\n          key: '0-0',\n          children: [{\n            title: '0-0-0',\n            key: '0-0-0',\n            children: [\n              { title: '0-0-0-0', key: '0-0-0-0' },\n              { title: '0-0-0-1', key: '0-0-0-1' },\n              { title: '0-0-0-2', key: '0-0-0-2' }\n            ]\n          }, {\n            title: '0-0-1',\n            key: '0-0-1',\n            children: [\n              { title: '0-0-1-0', key: '0-0-1-0' },\n              { title: '0-0-1-1', key: '0-0-1-1' },\n              { title: '0-0-1-2', key: '0-0-1-2' }\n            ]\n          }, {\n            title: '0-0-2',\n            key: '0-0-2'\n          }]\n        }, {\n          title: '0-1',\n          key: '0-1',\n          children: [\n            { title: '0-1-0-0', key: '0-1-0-0' },\n            { title: '0-1-0-1', key: '0-1-0-1' },\n            { title: '0-1-0-2', key: '0-1-0-2' }\n          ]\n        }, {\n          title: '0-2',\n          key: '0-2'\n        }]\n      }\n    },\n    methods: {\n      changeHandler (keys) {\n        console.log('keys:', keys)\n      }\n    }\n  }\n<\/script>")])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Multiple",desc:"Multiple Tree Select"}},[n("demo-tree-select-multiple",{attrs:{slot:"demo"},slot:"demo"}),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-tree-select :data=\"data\" v-model=\"v\" multiple @change=\"changeHandler\"></fish-tree-select>\n    <fish-tree-select :data=\"data\" v-model=\"v1\" multiple @change=\"changeHandler\"></fish-tree-select>\n  </div>\n</template>\n<script>\n  export default {\n    name: 'demo-tree-select-multiple',\n    data () {\n      return {\n        v: ['0-0-0-1', '0-2'],\n        v1: [],\n        data: [{\n          title: '0-0',\n          key: '0-0',\n          children: [{\n            title: '0-0-0',\n            key: '0-0-0',\n            children: [\n              { title: '0-0-0-0', key: '0-0-0-0' },\n              { title: '0-0-0-1', key: '0-0-0-1' },\n              { title: '0-0-0-2', key: '0-0-0-2' }\n            ]\n          }, {\n            title: '0-0-1',\n            key: '0-0-1',\n            children: [\n              { title: '0-0-1-0', key: '0-0-1-0' },\n              { title: '0-0-1-1', key: '0-0-1-1' },\n              { title: '0-0-1-2', key: '0-0-1-2' }\n            ]\n          }, {\n            title: '0-0-2',\n            key: '0-0-2'\n          }]\n        }, {\n          title: '0-1',\n          key: '0-1',\n          children: [\n            { title: '0-1-0-0', key: '0-1-0-0' },\n            { title: '0-1-0-1', key: '0-1-0-1' },\n            { title: '0-1-0-2', key: '0-1-0-2' }\n          ]\n        }, {\n          title: '0-2',\n          key: '0-2'\n        }]\n      }\n    },\n    methods: {\n      changeHandler (keys) {\n        console.log('keys:', keys)\n      }\n    }\n  }\n<\/script>")])])])],2)],1)],1),e._v(" "),n("h3",[e._v("Tree Select Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Tree Select Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["fish tabs","-"+this.type]},["bottom"===e.navPosition||"right"===e.navPosition?n("div",{staticClass:"content",style:{padding:e.padding}},[e._t("default")],2):e._e(),e._v(" "),n("ul",{class:["nav",e.navPosition]},e._l(e.tabs,function(t,i){return n("li",{key:t,class:{active:i===e.activeIndex},domProps:{innerHTML:e._s(t)},on:{click:function(t){t.stopPropagation(),e.tabClickHandler(i)}}})})),e._v(" "),"top"===e.navPosition||"left"===e.navPosition?n("div",{staticClass:"content",style:{padding:e.padding}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"index"}},[n("h2",[e._v("Fish-UI")]),e._v(" "),n("h5",[e._v("A Vue.js 2.0 UI Toolkit for Web.")]),e._v(" "),n("h3",[e._v("Environment Support")]),e._v(" "),n("p",[e._v("Modern browsers")]),e._v(" "),n("h3",[e._v("Install")]),e._v(" "),n("p",[e._v("Install Fish-UI with the node package manager. It can work with webpack and ES2015 very well.")]),e._v(" "),n("p",[e._v("If you are in a bad network environment，you can try other registries and tools like cnpm。")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"bash"},[e._v("$ npm install less less-loader fish-ui --save")])]),e._v(" "),n("h4",[e._v("font-awesome & google font")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"html"},[e._v('\n<link type="stylesheet" ref="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/>\n<link type="stylesheet" ref="https://fonts.proxy.ustclug.org/css?family=Lato:400,700,400italic,700italic&subset=latin"/>\n      ')])]),e._v(" "),n("h3",[e._v("Quick Start")]),e._v(" "),n("p",[e._v("vue-cli")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"bash"},[e._v("$ npm install -g vue-cli\n$ vue init webpack test\n$ cd test\n$ npm install less less-loader fish-ui --save ")])]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"javascript"},[e._v("import FishUI from 'fish-ui'\nVue.use(FishUI)")])]),e._v(" "),n("h4",[e._v("main.js")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"javascript"},[e._v("\nimport Vue from 'vue'\nimport App from './App'\nimport FishUI from 'fish-ui'\n\nVue.use(FishUI)\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  template: '<App/>',\n  components: { App }\n})\n")])]),e._v(" "),n("h4",[e._v("App.vue")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"html"},[e._v("<template>\n  <div id=\"app\">\n    <img src=\"./assets/logo.png\">\n    <router-view></router-view>\n    <fish-button>Testing</fish-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'app'\n}\n<\/script>\n\n<style>\n#app {\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  margin-top: 60px;\n}\n</style>\n")])]),e._v(" "),n("h4",[e._v("run")]),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"bash"},[e._v("$ npm run dev")])])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.visible?n("div",{staticClass:"fish back-top",on:{click:function(t){e.clickHandler(t)}}},[n("i",{staticClass:"fa fa-arrow-up"})]):e._e()},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"input"}},[n("h3",[e._v("Input")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-input></fish-input>")])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Loading",desc:"Set the loading status of input"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{attrs:{loading:""}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-input loading></fish-input>")])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Disabled",desc:"Set the disabled status of input"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{attrs:{disabled:""}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-input disabled></fish-input>")])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"Icon",desc:"Input icon"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{attrs:{icon:"fa fa-search"}}),n("br"),n("br"),e._v(" "),n("fish-input",{attrs:{icon:"fa fa-search",iconLeft:!0}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-input icon="fa fa-search"></fish-input>\n<fish-input icon="fa fa-search" :iconLeft="true"></fish-input>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"Label",desc:"label left or right"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{attrs:{label:"right"}}),e._v(" "),n("fish-input",{attrs:{"label-left":"left",icon:"fa fa-search"}}),e._v(" "),n("fish-input",{attrs:{label:"right","label-left":"left"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-input label="right"></fish-input>\n<fish-input label-left="left" icon="fa fa-search"></fish-input>\n<fish-input label="right" label-left="left"></fish-input>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"TextArea",desc:"use textarea for multirow input"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{staticStyle:{height:"50px"},attrs:{type:"textarea"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-input type="textarea" style="height: 50px;"></fish-input>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"Size",desc:"Input size"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-input",{attrs:{size:"big"}}),n("br"),n("br"),e._v(" "),n("fish-input",{attrs:{size:"small"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-input size="big"></fish-input><br/><br/>\n<fish-input size="small"></fish-input>')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Input Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],class:["fish select",{active:e.visible,multiple:e.multiple,disabled:e.disabled,search:e.search}],on:{click:e.clickHandler,mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler}},[e.multiple?[e.searchIsFunction?e._e():n("i",{class:e.iconDownArrow}),e._v(" "),e.searchIsFunction?n("i",{class:e.iconSearch}):e._e(),e._v(" "),e._l(e.selectedItems,function(t,i){return n("a",{key:i,staticClass:"tag",on:{click:function(e){e.stopPropagation()}}},[e._v("\n      "+e._s(t.content)+"\n      "),n("i",{class:e.iconClose,on:{click:function(n){n.stopPropagation(),e.closeItemHandler(i,t,n)}}})])}),e._v(" "),e.search?n("input",{ref:"inputSearch",style:{width:e.multipleInputWidth+"em"},attrs:{autocomplete:"off"},on:{input:function(t){t.stopPropagation(),e.searchInputHandler(t.target.value)},keyup:[function(t){if(!("button"in t)&&e._k(t.keyCode,"up",38))return null;t.stopPropagation(),e.keyUpHandler(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"down",40))return null;t.stopPropagation(),e.keyDownHandler(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"enter",13))return null;t.stopPropagation(),e.keyEnterHandler(t)}],focus:function(t){e.visible=!0}}}):e._e(),e._v(" "),e.selectedItems.length<=0?n("div",{staticClass:"text hint",style:{visibility:e.valueEmpty&&!e.visible?"visible":"hidden"},domProps:{innerHTML:e._s(e.hint)}}):e._e()]:[e.showClear&&!e.valueEmpty?n("i",{class:e.iconCloseCircle,staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):e.searchIsFunction?e.searchIsFunction?n("i",{class:e.iconSearch}):e._e():n("i",{class:e.iconDownArrow}),e._v(" "),e.search?n("input",{ref:"inputSearch",attrs:{autocomplete:"off"},on:{input:function(t){t.stopPropagation(),e.searchInputHandler(t.target.value)},keyup:[function(t){if(!("button"in t)&&e._k(t.keyCode,"up",38))return null;t.stopPropagation(),e.keyUpHandler(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"down",40))return null;t.stopPropagation(),e.keyDownHandler(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"enter",13))return null;t.stopPropagation(),e.keyEnterHandler(t)}]}}):e._e(),e._v(" "),n("div",{class:["text",{hint:e.valueEmpty}],style:{visibility:e.showText?"visible":"hidden"}},[e._v("\n      "+e._s(e.selectedItems.length>0&&e.selectedItems[0].content||e.hint)+"\n    ")])],e._v(" "),n("ul",{directives:[{name:"show",rawName:"v-show",value:e.visible&&e.$slots.default,expression:"visible && $slots.default"}],staticClass:"fish menu vertical",on:{click:function(t){t.stopPropagation(),e.menuClickHandler(t)},mouseover:function(e){e.stopPropagation()},mouseout:function(e){e.stopPropagation()}}},[e._t("default")],2)],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],class:["fish select cascader",{active:e.visible}],on:{click:function(t){e.menuClickHandler(t)},mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler}},[e.showClear&&!e.valueEmpty?n("i",{staticClass:"fa fa-times-circle",staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):n("i",{staticClass:"fa fa-angle-down"}),e._v(" "),n("div",{class:["text",{hint:e.valueEmpty}]},[e._v("\n    "+e._s(e.selectedText||e.hint)+"\n  ")]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"content",style:{width:(e.menuWidth+2)*e.groups.length+15*e.groups.length+"px"},on:{click:function(e){e.stopPropagation()},mouseover:function(e){e.stopPropagation()},mouseout:function(e){e.stopPropagation()}}},e._l(e.groups,function(t,i){return n("ul",{staticClass:"fish menu vertical"},e._l(t,function(t,a){return n("li",{key:t[0],class:["item",{active:e.selectedItems[i]&&e.selectedItems[i][0]===t[0],submenu:e.itemChildren(t).length>0}],style:{width:e.menuWidth+"px"},on:{click:function(n){n.stopPropagation(),e.itemClickHandler(t,i)}}},[e._v("\n        "+e._s(t[1])+"\n      ")])}))}))])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"popup"}},[n("h3",[e._v("Popup")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{on:{click:e.popupHandler}},[e._v("Popup confirm")]),e._v(" "),n("fish-button",{on:{click:e.popup2Handler}},[e._v("Popup confirm2")])],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <div>\n    <fish-button @click=\"popupHandler\">Popup confirm</fish-button>\n    <fish-button @click=\"popup2Handler\">Popup confirm2</fish-button>\n  </div>\n</template>\n<script>\n  export default {\n    methods: {\n      popupHandler (event) {\n        this.$popup.confirm(event, 'do you delete it？', () => {\n          console.log('OK....')\n        })\n      },\n      popup2Handler (event) {\n        this.$popup.confirm(event, 'do you delete it？', () => {\n          console.log('OK....')\n        }, 'Confirm', 'Cancel')\n      }\n    }\n  }\n<\/script>\n")])])],2),e._v(" "),n("h3",[e._v("Popup API")]),e._v(" "),n("ul",{staticClass:"api"},[n("li",[n("code",[e._v("popup.confirm: (event, html, okFunc, okText = 'Yes', cancelText = 'No')")])])]),e._v(" "),n("h3",[e._v("Popup Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return"tl"===e.sider||"tr"===e.sider?n("div",{class:["fish layout has-sider",{responsive:e.responsive}]},[e.responsive?n("div",{ref:"siderToggle",staticClass:"toggle",style:{top:e.siderToggleTop+"px"},on:{click:e.toggleHandler}},[n("i",{staticClass:"fa fa-align-justify"})]):e._e(),e._v(" "),"tl"===e.sider?n("div",{staticClass:"sider"},[e._t("sider")],2):e._e(),e._v(" "),n("div",{staticClass:"fish layout"},[n("div",{ref:"header",staticClass:"header"},[e._t("header")],2),e._v(" "),n("div",{staticClass:"content"},[e._t("content")],2),e._v(" "),e.$slots.footer?n("div",{staticClass:"footer"},[e._t("footer")],2):e._e()]),e._v(" "),"tr"===e.sider?n("div",{staticClass:"sider"},[e._t("sider")],2):e._e()]):n("div",{class:["fish layout"]},[n("div",{ref:"header",staticClass:"header"},[e._t("header")],2),e._v(" "),e.sider?n("div",{class:["fish layout has-sider",{responsive:e.responsive}]},[e.responsive?n("div",{ref:"siderToggle",staticClass:"toggle",style:{top:e.siderToggleTop+"px"},on:{click:e.toggleHandler}},[n("i",{staticClass:"fa fa-align-justify"})]):e._e(),e._v(" "),"l"===e.sider?n("div",{ref:"sider",staticClass:"sider"},[e._t("sider")],2):e._e(),e._v(" "),n("div",{staticClass:"content"},[e._t("content")],2),e._v(" "),"r"===e.sider?n("div",{staticClass:"sider"},[e._t("sider")],2):e._e()]):n("div",{staticClass:"content"},[e._t("content")],2),e._v(" "),e.$slots.footer?n("div",{staticClass:"footer"},[e._t("footer")],2):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:e.classObject,on:{click:e.clickHandler}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-transfer",{attrs:{data:e.data},model:{value:e.v,callback:function(t){e.v=t},expression:"v"}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-tree",{attrs:{data:e.data,"default-checked-keys":["0-1"],multiple:""},on:{"item-checked":e.itemCheckedHandler}})],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"chart"}},[n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"线图",desc:"现状图展示"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-chart-line")],1)],2)],1)],1)],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-row",{attrs:{gutter:".6"}},[n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col"},[e._v("col-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col demo-col2"},[e._v("col-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col"},[e._v("col-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col demo-col2"},[e._v("col-6")])])],1),e._v(" "),n("fish-row",{attrs:{gutter:".6"}},[n("fish-col",{attrs:{span:"6",offset:"6"}},[n("div",{staticClass:"demo-col demo-col2"},[e._v("col-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col"},[e._v("col-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("div",{staticClass:"demo-col demo-col2"},[e._v("col-6")])])],1),e._v(" "),n("fish-row",[n("fish-col",{attrs:{span:"18",push:"6"}},[n("div",{staticClass:"demo-col"},[e._v("col-18 push-6")])]),e._v(" "),n("fish-col",{attrs:{span:"6",pull:"18"}},[n("div",{staticClass:"demo-col demo-col2"},[e._v("col-6 pull-18")])])],1)],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{staticClass:"col",style:e.styleObject},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"datepicker"}},[n("h3",[e._v("DatePicker")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-date-picker",{model:{value:e.datePickerValue,callback:function(t){e.datePickerValue=t},expression:"datePickerValue"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-date-picker v-model=\"datePickerValue\"></fish-date-picker>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        datePickerValue: ''\n      }\n    }\n  }\n<\/script>\n")])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Min, Max",desc:"Can be set min, max"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-date-picker",{attrs:{min:"2017-01-01",max:"2022-01-01"},model:{value:e.datePickerValue2,callback:function(t){e.datePickerValue2=t},expression:"datePickerValue2"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-date-picker v-model="datePickerValue2" min="2017-01-01" max="2022-01-01"></fish-date-picker>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        datePickerValue2: \'\'\n      }\n    }\n  }\n<\/script>\n')])])],2)],1)],1),e._v(" "),n("fish-row",[n("fish-col",{attrs:{span:"24"}},[n("code-card",{attrs:{title:"Mode",desc:"Show Mode"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-date-picker",{attrs:{mode:"year",hint:"yyyy"},model:{value:e.datePickerYValue,callback:function(t){e.datePickerYValue=t},expression:"datePickerYValue"}}),e._v(" "),n("fish-date-picker",{attrs:{mode:"month",hint:"yyyy-MM"},model:{value:e.datePickerMonValue,callback:function(t){e.datePickerMonValue=t},expression:"datePickerMonValue"}}),e._v(" "),n("fish-date-picker",{attrs:{mode:"hour",hint:"yyyy-MM-dd hh"},model:{value:e.datePickerHValue,callback:function(t){e.datePickerHValue=t},expression:"datePickerHValue"}}),e._v(" "),n("fish-date-picker",{attrs:{mode:"minute",hint:"yyyy-MM-dd hh:mm"},model:{value:e.datePickerMValue,callback:function(t){e.datePickerMValue=t},expression:"datePickerMValue"}}),e._v(" "),n("fish-date-picker",{attrs:{mode:"second",hint:"yyyy-MM-dd hh:mm:ss"},model:{value:e.datePickerSValue,callback:function(t){e.datePickerSValue=t},expression:"datePickerSValue"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-date-picker v-model="datePickerYValue" mode="year" hint="yyyy"></fish-date-picker>\n  <fish-date-picker v-model="datePickerMonValue" mode="month" hint="yyyy-MM"></fish-date-picker>\n  <fish-date-picker v-model="datePickerHValue" mode="hour" hint="yyyy-MM-dd hh"></fish-date-picker>\n  <fish-date-picker v-model="datePickerMValue" mode="minute" hint="yyyy-MM-dd hh:mm"></fish-date-picker>\n  <fish-date-picker v-model="datePickerSValue" mode="second" hint="yyyy-MM-dd hh:mm:ss"></fish-date-picker>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        datePickerYValue: \'\',\n        datePickerMonValue: \'\',\n        datePickerHValue: \'\',\n        datePickerMValue: \'\',\n        datePickerSValue: \'\'\n      }\n    }\n  }\n<\/script>\n')])])],2)],1)],1),e._v(" "),n("h3",[e._v("DatePicker Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("DatePicker Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish checkboxes",e.mode],on:{click:e.clickHandler}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"divider"}},[n("h3",[e._v("Divider")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[e._v("\n          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.\n          "),n("fish-divider"),e._v("\n          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.\n        ")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-divider></fish-divider>")])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"fitted",desc:"set style to margin:0;"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[e._v("\n          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.\n          "),n("fish-divider",{attrs:{fitted:""}}),e._v("\n          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.\n        ")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<fish-divider fitted></fish-divider>")])])],2)],1)],1),e._v(" "),n("h3",[e._v("Divider Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,noMoreText:"no more data>>>"}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["fields"]},[e.label?n("label",[e._v(e._s(e.label))]):e._e(),e._v(" "),e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{staticClass:"optgroup"},[n("div",{staticClass:"header",domProps:{innerHTML:e._s(e.label)}}),e._v(" "),n("ul",[e._t("default")],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-tree-node",{attrs:{data:e.data,multiple:e.multiple,"selected-key":e.selectedKey,"data-key-map":e.dataKeyMap,expand:e.expand,edited:e.edited,delimiter:e.delimiter,iconCaretRight:e.iconCaretRight,iconCaretDown:e.iconCaretDown,"on-item-checked":e.onItemChecked,"on-item-dblclick":e.onItemDblclick,"on-item-click":e.onItemClick}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["item",{active:e.show}]},[n("div",{staticClass:"title",on:{click:e.clickTitleHandler}},[e._t("title",[e._v(e._s(e.title))]),e._v(" "),e.label?n("label",[e._v(e._s(e.label))]):e._e()],2),e._v(" "),n("div",{staticClass:"content"},[e._t("default")],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"cascader"}},[n("h3",[e._v("Cascader")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Cascade selection box"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-cascader",{staticStyle:{width:"260px"},attrs:{options:e.options},on:{change:e.changeHandler},model:{value:e.cascaderValue,callback:function(t){e.cascaderValue=t},expression:"cascaderValue"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-cascader :options=\"options\" v-model=\"cascaderValue\" style=\"width: 260px;\" @change=\"changeHandler\"></fish-cascader>\n</template>\n<script>\n  export default {\n    data () {\n      return {\n        cascaderValue: [],\n        options: [\n          ['zhejiang', 'Zhejiang', [\n            ['hangzhou', 'Hangzhou', [\n              ['xihu', 'West Lake']\n            ]]\n          ]],\n          ['jiangsu', 'Jiangsu', [\n            ['nanjing', 'Nanjing', [\n              ['zhonghuamen', 'Zhong Hua Men']\n            ]]\n          ]]\n        ]\n      }\n    },\n    methods: {\n      changeHandler (values) {\n        console.log('values:', values)\n      }\n    }\n  }\n<\/script>\n")])])],2),e._v(" "),n("h3",[e._v("Cascader Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Cascader Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classObject},[n("i",{class:e.iClassObject},[e._v(e._s(this.icon?"":e.index))]),e._v(" "),n("div",{staticClass:"content"},[n("div",{staticClass:"title"},[e._v(e._s(e.title))]),e._v(" "),e.description?n("div",{staticClass:"description"},[e._v(e._s(e.description))]):e._e()])])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"layout"}},[n("h3",[e._v("Layout")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-layout-base")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <div>\n    <fish-layout class="demo">\n      <div slot="header">Header</div>\n      <div slot="content" style="height: 120px;">Content</div>\n      <div slot="footer">Footer</div>\n    </fish-layout>\n    <fish-layout sider="l" class="demo">\n      <div slot="header">Header</div>\n      <div slot="sider">Left</div>\n      <div slot="content" style="height: 120px;">Content</div>\n      <div slot="footer">Footer</div>\n    </fish-layout>\n    <fish-layout sider="tl" class="demo" style="margin-bottom: 0;">\n      <div slot="sider">Top Left</div>\n      <div slot="header">Header</div>\n      <div slot="content" style="height: 120px;">Content</div>\n      <div slot="footer">Footer</div>\n    </fish-layout>\n  </div>\n</template>\n<script>\n  export default {\n    name: \'demo-layout-base\'\n  }\n<\/script>\n<style>\n  .fish.layout.demo {\n    text-align: center;\n    color: #ffffff;\n    margin-bottom: 20px;\n    font-weight: bold;\n  }\n  .fish.layout.demo .header, .fish.layout.demo .footer{\n    background: #7dbcea;\n    color: #fff;\n  }\n  .fish.layout.demo .sider {\n    background: #3ba0e9;\n  }\n  .fish.layout.demo .content {\n    background: rgba(16, 142, 233, 1);\n    line-height: 120px;\n  }\n</style>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Header-Content-Footer",desc:"The most basic header-content-footer layout."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-layout-up-middle-down")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-layout class="demo2">\n    <nav slot="header">\n      <div class="logo">Logo / System</div>\n      <fish-menu mode="horizontal" style="background: transparent; border-bottom: 0;">\n        <fish-option index="1" content="Nav 1"></fish-option>\n        <fish-option index="2" content="Nav 2"></fish-option>\n        <fish-option index="3" content="Nav 3"></fish-option>\n      </fish-menu>\n    </nav>\n    <div slot="content" style="height: 100px;">\n      Content...........\n    </div>\n    <div slot="footer">2017@copyright myliang</div>\n  </fish-layout>\n</template>\n<script>\n  export default {\n    name: \'demo-layout-up-middle-down\'\n  }\n<\/script>\n<style>\n  .logo {\n    padding: 0.7em .8em;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n  .fish.layout.demo2 > .header {\n    padding: 0 20px;\n    background: #e0f0fa;\n    margin-bottom: 20px;\n  }\n  .fish.layout.demo2 > .content {\n    margin: 0 20px;\n    padding: 0.7em 1em;\n  }\n</style>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Header-Sider",desc:"Both the top navigation and the sidebar, commonly used in application site."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-layout-top-sider-header")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-layout class="demo3" sider="l">\n    <nav slot="header">\n      <div class="logo">Logo / System</div>\n    </nav>\n    <div slot="sider">\n      <fish-menu mode="inline" style="width: 200px;">\n        <fish-option index="0" content="Content"></fish-option>\n        <fish-submenu index="1" mode="inline">\n          <template slot="title">User</template>\n          <fish-option index="1-0" content="Jack"></fish-option>\n          <fish-option index="1-1" content="Lucy"></fish-option>\n          <fish-option index="1-2" content="Active"></fish-option>\n        </fish-submenu>\n        <fish-option index="2" content="Tongji"></fish-option>\n        <fish-submenu index="3" mode="inline">\n          <template slot="title">submenu</template>\n          <fish-option index="3-0" content="Jack"></fish-option>\n          <fish-option index="3-1" content="Lucy"></fish-option>\n          <fish-option index="3-2" content="Active"></fish-option>\n          <fish-submenu index="3-3" mode="inline">\n            <template slot="title">submenu-3</template>\n            <fish-option index="3-3-0" content="Jack"></fish-option>\n            <fish-option index="3-3-1" content="Lucy"></fish-option>\n            <fish-option index="3-3-2" content="Active"></fish-option>\n          </fish-submenu>\n        </fish-submenu>\n      </fish-menu>\n    </div>\n    <div slot="content">Content...</div>\n  </fish-layout>\n</template>\n<script>\n  export default {\n    name: \'demo-layout-top-sider-header\'\n  }\n<\/script>\n<style>\n  .fish.layout.demo3 > .header {\n    padding: 0;\n    background: #e0f0fa;\n  }\n  .fish.layout.demo3 .has-sider > .content {\n    margin: 20px;\n    padding: 0.7em 1em;\n  }\n  .fish.layout.demo3 .logo {\n    padding: 1em;\n  }\n  .logo {\n    padding: 0.7em .8em;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n</style>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Sider",desc:"Two-columns layout. The sider menu can be collapsed when horizontal space is limited."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-layout-sider")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-layout class="demo3" sider="tl">\n    <div slot="sider">\n      <div class="logo" style="background: #e0f0fa;">Logo / System</div>\n      <fish-menu mode="inline" style="width: 200px;">\n        <fish-option index="0" content="Content"></fish-option>\n        <fish-submenu index="1" mode="inline">\n          <template slot="title">User</template>\n          <fish-option index="1-0" content="Jack"></fish-option>\n          <fish-option index="1-1" content="Lucy"></fish-option>\n          <fish-option index="1-2" content="Active"></fish-option>\n        </fish-submenu>\n        <fish-option index="2" content="Tongji"></fish-option>\n        <fish-submenu index="3" mode="inline">\n          <template slot="title">submenu</template>\n          <fish-option index="3-0" content="Jack"></fish-option>\n          <fish-option index="3-1" content="Lucy"></fish-option>\n          <fish-option index="3-2" content="Active"></fish-option>\n          <fish-submenu index="3-3" mode="inline">\n            <template slot="title">submenu-3</template>\n            <fish-option index="3-3-0" content="Jack"></fish-option>\n            <fish-option index="3-3-1" content="Lucy"></fish-option>\n            <fish-option index="3-3-2" content="Active"></fish-option>\n          </fish-submenu>\n        </fish-submenu>\n      </fish-menu>\n    </div>\n    <div slot="content">Content...</div>\n  </fish-layout>\n</template>\n<script>\n  export default {\n    name: \'demo-layout-sider\'\n  }\n<\/script>\n<style>\n  .fish.layout.demo3 > .header {\n    padding: 0;\n    background: #e0f0fa;\n  }\n  .fish.layout.demo3 .has-sider > .content {\n    margin: 20px;\n    padding: 0.7em 1em;\n  }\n  .fish.layout.demo3 .logo {\n    padding: 1em;\n  }\n  .logo {\n    padding: 0.7em .8em;\n    font-weight: bold;\n    font-size: 1.2rem;\n  }\n</style>')])])])],2),e._v(" "),n("h3",[e._v("Layout Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",[n("h3",[e._v("Button")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Type",desc:"Types of buttons: default, <code>primary</code><code>positive</code><code>negative</code><code>basic</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",[e._v("Default")]),e._v(" "),n("fish-button",{attrs:{type:"primary"}},[e._v("Primary")]),e._v(" "),n("fish-button",{attrs:{type:"positive"}},[e._v("Positive")]),e._v(" "),n("fish-button",{attrs:{type:"negative"}},[e._v("Negative")]),e._v(" "),n("fish-button",{attrs:{type:"basic"}},[e._v("Basic")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-button>Default</fish-button>\n<fish-button type="primary">Primary</fish-button>\n<fish-button type="positive">Positive</fish-button>\n<fish-button type="negative">Negative</fish-button>\n<fish-button type="basic">Basic</fish-button>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Icon & Shape",desc:"Shapes: <code>square</code><code>circle</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{attrs:{shape:"circle"}},[n("i",{staticClass:"fa fa-search"})]),e._v(" "),n("fish-button",[n("i",{staticClass:"fa fa-search"})]),e._v(" "),n("fish-button",[n("i",{staticClass:"fa fa-search",staticStyle:{"margin-right":".5em"}}),e._v("Search")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-button shape="circle"><i class="fa fa-search"></i></fish-button>\n<fish-button><i class="fa fa-search"></i></fish-button>\n<fish-button><i class="fa fa-search" style="margin-right: .5em;"></i>Search</fish-button>')])])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Size",desc:"Size: <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{attrs:{size:"large"}},[e._v("Large")]),e._v(" "),n("fish-button",[e._v("default")]),e._v(" "),n("fish-button",{attrs:{size:"medium"}},[e._v("medium")]),e._v(" "),n("fish-button",{attrs:{size:"small"}},[e._v("Small")]),e._v(" "),n("fish-button",{attrs:{size:"tiny"}},[e._v("tiny")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-button size="large">Large</fish-button>\n<fish-button>default</fish-button>\n<fish-button size="medium">medium</fish-button>\n<fish-button size="small">Small</fish-button>\n<fish-button size="tiny">tiny</fish-button>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Disabled",desc:"To mark a button as disabled"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",[e._v("Disabled")]),e._v(" "),n("fish-button",{attrs:{disabled:""}},[e._v("Disabled")]),e._v(" "),n("fish-button",{attrs:{type:"primary"}},[e._v("Disabled")]),e._v(" "),n("fish-button",{attrs:{disabled:"",type:"primary"}},[e._v("Disabled")]),e._v(" "),n("fish-button",{attrs:{type:"positive"}},[e._v("Disabled")]),e._v(" "),n("fish-button",{attrs:{disabled:"",type:"positive"}},[e._v("Disabled")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-button >Disabled</fish-button>\n<fish-button disabled>Disabled</fish-button>\n<fish-button type="primary">Disabled</fish-button>\n<fish-button disabled type="primary">Disabled</fish-button>\n<fish-button type="positive">Disabled</fish-button>\n<fish-button disabled type="positive">Disabled</fish-button>')])])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Loading",desc:"A loading indicator can be added to a button by setting the <code>loading</code> property on the Button."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-button",{attrs:{loading:""}},[e._v("Loading")]),e._v(" "),n("fish-button",{attrs:{loading:"",type:"primary"}},[e._v("Loading")]),e._v(" "),n("fish-button",{attrs:{loading:"",type:"positive"}},[e._v("Loading")]),e._v(" "),n("fish-button",{attrs:{loading:"",type:"basic"}},[e._v("Loading")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-button loading>Loading</fish-button>\n<fish-button loading type="primary">Loading</fish-button>\n<fish-button loading type="positive">Loading</fish-button>\n<fish-button loading type="basic">Loading</fish-button>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Button Group",desc:"Displayed as a button group"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-buttons",[n("fish-button",[e._v("Left")]),e._v(" "),n("fish-button",[e._v("Center")]),e._v(" "),n("fish-button",[e._v("Right")])],1),e._v(" "),n("fish-buttons",{attrs:{type:"positive"}},[n("fish-button",[e._v("Left")]),e._v(" "),n("fish-button",[e._v("Center")]),e._v(" "),n("fish-button",[e._v("Right")])],1),e._v(" "),n("fish-buttons",{attrs:{size:"big"}},[n("fish-button",[e._v("Left")]),e._v(" "),n("fish-button",[e._v("Center")]),e._v(" "),n("fish-button",[e._v("Right")])],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-buttons>\n  <fish-button>Left</fish-button>\n  <fish-button>Center</fish-button>\n  <fish-button>Right</fish-button>\n</fish-buttons>\n<fish-buttons type="positive">\n  <fish-button>Left</fish-button>\n  <fish-button>Center</fish-button>\n  <fish-button>Right</fish-button>\n</fish-buttons>\n<fish-buttons size="big">\n  <fish-button>Left</fish-button>\n  <fish-button>Center</fish-button>\n  <fish-button>Right</fish-button>\n</fish-buttons>')])])])],2)],1)],1),e._v(" "),n("h3",[e._v("Button Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Buttons Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.datas,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],ref:"_root",staticClass:"filters",on:{click:function(t){t.stopPropagation(),e.clickHandler(t)}}},[n("i",{staticClass:"fa fa-angle-down",staticStyle:{"margin-left":"8px"}}),e._v(" "),n("div",{ref:"_content",staticClass:"content"},[n("fish-menu",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],attrs:{defaultActive:"_all"},on:{click:e.menusClickHandler}},e._l([{label:"All",value:"_all"}].concat(e.items),function(e,t){return n("fish-option",{key:t,ref:"options",refInFor:!0,attrs:{index:e.value,content:e.label}})}))],1)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"step"}},[n("h3",[e._v("Step")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-steps",[n("fish-step",{attrs:{title:"AA"}}),e._v(" "),n("fish-step",{attrs:{title:"BB",active:"",icon:"fa fa-usd"}}),e._v(" "),n("fish-step",{attrs:{title:"CC",disabled:"",description:"cs"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-steps>\n  <fish-step title="AA"></fish-step>\n  <fish-step title="BB" active icon="usd"></fish-step>\n  <fish-step title="CC" disabled description="cs"></fish-step>\n</fish-steps>')])])],2),e._v(" "),n("code-card",{attrs:{title:"size",desc:"optional: <code>mini</code><code>tiny</code><code>small</code><code>medium</code><code>large</code><code>big</code><code>huge</code><code>massive</code>"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-steps",{attrs:{size:"big"}},[n("fish-step",{attrs:{title:"AA",description:"as.."}}),e._v(" "),n("fish-step",{attrs:{title:"BB",active:"",description:"bs..",icon:"fa fa-usd"}}),e._v(" "),n("fish-step",{attrs:{title:"CC",disabled:"",description:"cs.."}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-steps size="big">\n  <fish-step title="AA" description="as.."></fish-step>\n  <fish-step title="BB" active description="bs.." icon="usd"></fish-step>\n  <fish-step title="CC" disabled description="cs.."></fish-step>\n</fish-steps>')])])],2),e._v(" "),n("code-card",{attrs:{title:"Vertical",desc:"vertical step"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-steps",{attrs:{mode:"vertical",width:"300"}},[n("fish-step",{attrs:{title:"Finished",description:"this is description"}}),e._v(" "),n("fish-step",{attrs:{title:"in Progress",active:"",description:"this is description",icon:"fa fa-usd"}}),e._v(" "),n("fish-step",{attrs:{title:"Waiting",disabled:"",description:"this is description"}})],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-steps mode="vertical" width="300">\n  <fish-step title="Finished" description="this is description"></fish-step>\n  <fish-step title="in Progress" active description="this is description" icon="usd"></fish-step>\n  <fish-step title="Waiting" disabled description="this is description"></fish-step>\n</fish-steps>')])])],2),e._v(" "),n("h3",[e._v("Steps Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Step Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("ul",{staticClass:"fish timeline"},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"tabs"}},[n("h3",[e._v("Tabs")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-tabs",{attrs:{value:"role"}},[n("fish-tab-pane",{attrs:{label:"User",index:"user"}},[e._v("User")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Role",index:"role"}},[e._v("Role")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Config",index:"config"}},[e._v("Config")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-tabs value="role">\n  <fish-tab-pane label="User" index="user">User</fish-tab-pane>\n  <fish-tab-pane label="Role" index="role">Role</fish-tab-pane>\n  <fish-tab-pane label="Config" index="config">Config</fish-tab-pane>\n</fish-tabs>')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Nav in bottom",desc:"Nav in bottom"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-tabs",{attrs:{value:"role",navPosition:"bottom"}},[n("fish-tab-pane",{attrs:{label:"User",index:"user"}},[e._v("User")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Role",index:"role"}},[e._v("Role")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Config",index:"config"}},[e._v("Config")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-tabs value="role" navPosition="bottom">\n  <fish-tab-pane label="User" index="user">User</fish-tab-pane>\n  <fish-tab-pane label="Role" index="role">Role</fish-tab-pane>\n  <fish-tab-pane label="Config" index="config">Config</fish-tab-pane>\n</fish-tabs>')])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Card",desc:"Card tabs"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-tabs",{attrs:{type:"card",value:"user",padding:".75em"},on:{"tab-change":e.tabChangeHandler}},[n("fish-tab-pane",{attrs:{label:"User",index:"user"}},[e._v("User")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Role",index:"role"}},[e._v("Role")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Config",index:"config"}},[e._v("Config")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-tabs type="card" value="user" @tab-change="tabChangeHandler">\n    <fish-tab-pane label="User" index="user">User</fish-tab-pane>\n    <fish-tab-pane label="Role" index="role">Role</fish-tab-pane>\n    <fish-tab-pane label="Config" index="config">Config</fish-tab-pane>\n  </fish-tabs>\n</template>\n<script>\n  export default {\n    methods: {\n      tabChangeHandler (index) {\n        console.log(\'tab.index: \', index)\n      }\n    }\n  }\n<\/script>\n')])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Card, Nav in bottom",desc:"Card, Nav in bottom"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-tabs",{attrs:{type:"card",value:"user",padding:"0.75em",navPosition:"bottom"}},[n("fish-tab-pane",{attrs:{label:"User",index:"user"}},[e._v("User")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Role",index:"role"}},[e._v("Role")]),e._v(" "),n("fish-tab-pane",{attrs:{label:"Config",index:"config"}},[e._v("Config")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-tabs type="card" value="user" navPosition="bottom">\n    <fish-tab-pane label="User" index="user">User</fish-tab-pane>\n    <fish-tab-pane label="Role" index="role">Role</fish-tab-pane>\n    <fish-tab-pane label="Config" index="config">Config</fish-tab-pane>\n  </fish-tabs>\n</template>\n<script>\n  export default {\n    methods: {\n      tabChangeHandler (index) {\n        console.log(\'tab.index: \', index)\n      }\n    }\n  }\n<\/script>\n')])])],2)],1)],1),e._v(" "),n("h3",[e._v("Tabs Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Tabs Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("TabPanel Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish row",e.align,e.justify]},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.closeExists&&!e.closed?n("transition",{attrs:{"enter-active-class":"tag-enter-active","leave-active-class":"tag-leave-active"}},[n("a",{class:e.classObject,on:{click:function(t){e.clickHandler(t)}}},[e._t("default"),e._v(" "),e.icon?n("i",{class:e.icon}):e._e(),e._v(" "),n("i",{class:e.iconClose,on:{click:function(t){e.closeHandler(t)}}})],2)]):e.closeExists?e._e():n("a",{class:e.classObject,on:{click:function(t){e.clickHandler(t)}}},[e._t("default"),e._v(" "),e.icon?n("i",{class:e.icon}):e._e()],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"form"}},[n("h3",[e._v("Form")]),e._v(" "),n("code-card",{attrs:{title:"Horizontal Login Form",desc:"Horizontal login form is often used in navigation bar."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-form",{attrs:{inline:""}},[n("fish-field",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}]},[n("fish-input",{attrs:{iconLeft:!0,icon:"fa fa-user"}})],1),e._v(" "),n("fish-field",[n("fish-input",{attrs:{iconLeft:!0,icon:"fa fa-lock"}})],1),e._v(" "),n("fish-button",{attrs:{type:"primary"}},[e._v("Submit")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-form inline>\n  <fish-field>\n    <fish-input iconLeft="true" icon="fa fa-user"></fish-input>\n  </fish-field>\n  <fish-field>\n    <fish-input iconLeft="true" icon="fa fa-lock"></fish-input>\n  </fish-field>\n  <fish-button type="primary">Submit</fish-button>\n</fish-form>')])])],2),e._v(" "),n("code-card",{attrs:{title:"Login Form",desc:"Normal login form which can contain more elements."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-form",{staticStyle:{width:"300px"}},[n("fish-field",[n("fish-input",{attrs:{iconLeft:!0,icon:"fa fa-user"}})],1),e._v(" "),n("fish-field",[n("fish-input",{attrs:{iconLeft:!0,icon:"fa fa-lock"}})],1),e._v(" "),n("fish-field",[n("fish-checkbox",{attrs:{index:"yes"}},[e._v("Remember me?")])],1),e._v(" "),n("fish-button",{attrs:{type:"primary"}},[e._v("Submit")])],1)],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-form style="width: 300px;">\n  <fish-field>\n    <fish-input iconLeft="true" icon="fa fa-user"></fish-input>\n  </fish-field>\n  <fish-field>\n    <fish-input iconLeft="true" icon="fa fa-lock"></fish-input>\n  </fish-field>\n  <fish-field>\n    <fish-checkbox index="yes">Remember me?</fish-checkbox>\n  </fish-field>\n  <fish-button type="primary">Submit</fish-button>\n</fish-form>')])])],2),e._v(" "),n("code-card",{attrs:{title:"Validate Form",desc:"Validate form input"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-form-validate")],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<template>\n  <fish-form ref="form">\n    <fish-fields>\n      <fish-field label="First Name" span="12" disabled>\n        <fish-input></fish-input>\n      </fish-field>\n      <fish-field label="Last Name" span="12" name="lastName" :rules="[{ required: true, message: \'The name is not empty\'}]">\n        <fish-input v-model="lastName"></fish-input>\n      </fish-field>\n    </fish-fields>\n    <fish-fields>\n      <fish-field label="Type">GOOD, Bad,</fish-field>\n      <fish-field label="Email" name="email" :rules="[{ type: \'email\', message: \'The input is not valid E-mail!\' }, {required: true}]">\n        <fish-input v-model="email"></fish-input>\n      </fish-field>\n      <fish-field label="Username" name="userName" :rules="[{ required: true, message: \'The user name is not empty\'}]">\n        <fish-input v-model="userName"></fish-input>\n      </fish-field>\n      <fish-field label="Password" name="password" :rules="[{ required: true, message: \'The password is not empty\'}]">\n        <fish-input type="password" v-model="password"></fish-input>\n      </fish-field>\n    </fish-fields>\n    <fish-fields>\n      <fish-field label="Age" name="age" :rules="[{required: true}]">\n        <fish-input-number min="0" max="100" v-model="age"></fish-input-number>\n      </fish-field>\n      <fish-field label="Sex" name="sex" :rules="[{required: true}]">\n        <fish-select v-model="sex">\n          <fish-option index="0" content="Male"></fish-option>\n          <fish-option index="1" content="Female"></fish-option>\n        </fish-select>\n      </fish-field>\n      <fish-field label="Date" name="date" :rules="[{required: true}]">\n        <fish-date-picker v-model="date"></fish-date-picker>\n      </fish-field>\n      <fish-field label="Time" name="time" :rules="[{required: true}]">\n        <fish-time-picker v-model="time"></fish-time-picker>\n      </fish-field>\n      <fish-field label="Address" name="address" :rules="[{required: true}]">\n        <fish-cascader :options="options" v-model="address"></fish-cascader>\n      </fish-field>\n      <fish-field label="Level" name="level" :rules="[{required: true}]">\n        <fish-radios v-model="level">\n          <fish-radio :index="index" v-for="(c, index) in [\'A\', \'B\', \'C\']" :key="index"><span v-html="c"></span></fish-radio>\n        </fish-radios>\n      </fish-field>\n    </fish-fields>\n    <fish-field label="LableWidthM" name="LableWidthM" :rules="[{ required: true }]" inline :showError="false">\n      <fish-input v-model="LableWidthM"></fish-input>\n    </fish-field>\n    <fish-field label="Upload" name="files" :rules="[{ required: true }]" inline>\n      <fish-upload action="//jsonplaceholder.typicode.com/posts/" v-model="files" :withCredentials="true">\n        <fish-button><i class="fa fa-upload" aria-hidden="true" style="margin-right: 5px;"></i> Upload</fish-button>\n      </fish-upload>\n    </fish-field>\n    <fish-field label="Switch" inline>\n      <fish-switch v-model="agree">I agree to the terms and conditions</fish-switch>\n    </fish-field>\n    <fish-field>\n      <fish-checkbox index="0">I agree to the terms and conditions</fish-checkbox>\n    </fish-field>\n    <fish-button type="primary" @click="submitHandler">Submit</fish-button>\n  </fish-form>\n</template>\n<script>\n  export default {\n    name: \'demo-form-validate\',\n    data () {\n      return {\n        userName: \'t\',\n        lastName: \'\',\n        password: \'\',\n        age: \'\',\n        sex: [],\n        date: \'\',\n        time: \'\',\n        address: [],\n        level: \'\',\n        files: [],\n        email: \'\',\n        LableWidthM: \'\',\n        agree: true,\n        options: [\n          [\'zhejiang\', \'Zhejiang\', [\n            [\'hangzhou\', \'Hangzhou\', [\n              [\'xihu\', \'West Lake\']\n            ]]\n          ]],\n          [\'jiangsu\', \'Jiangsu\', [\n            [\'nanjing\', \'Nanjing\', [\n              [\'zhonghuamen\', \'Zhong Hua Men\']\n            ]]\n          ]]\n        ]\n      }\n    },\n    methods: {\n      submitHandler () {\n        this.$refs.form.validate((valid) => {\n          console.log(valid)\n        })\n      }\n    }\n  }\n<\/script>')])])],2),e._v(" "),n("h3",[e._v("Form Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Form Field Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data2,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"pane"},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("table",[n("colgroup",[e.expandedRowRender?n("col",{attrs:{width:"40"}}):e._e(),e._v(" "),e._l(e.columns,function(e){return n("col",{attrs:{width:e.width}})}),e._v(" "),e.scrollY?n("col",{attrs:{width:"15"}}):e._e()],2),e._v(" "),n("thead",e._l(e.rows,function(t){return n("tr",[e.expandedRowRender?n("th",[e._v(" ")]):e._e(),e._v(" "),e._l(t,function(t){return n("th",{class:{sortable:t.sortable},style:{"text-align":t.align||"left"},attrs:{rowspan:t.rowSpan,colspan:t.colSpan},on:{click:function(n){e.thClickHandler(t)}}},["index"===t.type?[e._v(e._s(t.title))]:"checkbox"===t.type?[n("fish-checkbox",{ref:"checkboxes",refInFor:!0,attrs:{index:"-1"},on:{click:e.checkboxSelectHandler}})]:[e._v("\n        "+e._s(t.title)+"\n      ")],e._v(" "),t.sortable?n("strong",{domProps:{innerHTML:e._s(e.orderKey===t.key?"desc"===e.orderBy?"&#8595;":"&#8593;":"")}}):e._e(),e._v(" "),t.filters?[n("fish-table-head-filter",{ref:"filters",refInFor:!0,attrs:{title:t.title,items:t.filters,index:t.key},on:{change:e.clickFilterHandler}})]:e._e()],2)}),e._v(" "),e.scrollY?n("th",{staticStyle:{width:"15px"}}):e._e()],2)}))])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,border:"",height:"200"}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["field",{inline:e.inline,disabled:e.disabled,required:e.required},e.checked.state],style:e.styleObject},[e.label?n("label",{staticClass:"label",style:e.lableStyle},[e._v(e._s(e.label))]):e._e(),e._v(" "),n("div",{style:e.contentWrapperStyle},[e._t("default")],2),e._v(" "),e.showError&&"error"===e.checked.state?n("div",{staticClass:"tip"},[e._v(e._s(e.checked.message))]):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-tree-select",{attrs:{data:e.data},on:{change:e.changeHandler},model:{value:e.v,callback:function(t){e.v=t},expression:"v"}}),e._v(" "),n("fish-tree-select",{attrs:{data:e.data},on:{change:e.changeHandler},model:{value:e.v1,callback:function(t){e.v1=t},expression:"v1"}})],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{ref:"root",class:["fish table",{bordered:e.bordered,striped:e.striped}]},[n("div",{class:["fish dimmer loading",{active:e.loading}]}),e._v(" "),n("div",{ref:"header",staticClass:"header"},[n("fish-table-head",{ref:"vth",attrs:{columns:e.allLeafColumns,rows:e.rows,scrollY:e.scrollY,expandedRowRender:e.fixedLeftColumns.length<=0&&e.fixedRightColumns.length<=0&&e.expandedRowRender||void 0},on:{select:e.headSelectHandler,"sort-change":e.sortChangeHandler,"filter-change":e.filterChangeHandler}})],1),e._v(" "),n("div",{ref:"body",staticClass:"body"},[n("fish-table-body",{ref:"vtb",attrs:{columns:e.allLeafColumns,rows:e.data,scrollY:e.scrollY,noMoreText:e.noMoreText,expandedRowRender:e.fixedLeftColumns.length<=0&&e.fixedRightColumns.length<=0&&e.expandedRowRender||void 0},on:{select:e.bodySelectHandler}})],1),e._v(" "),e.fixedLeftColumns.length>0&&e.maxRows<=1?n("div",{staticClass:"fixed left"},[n("div",{ref:"flHeader",staticClass:"header"},[n("fish-table-head",{ref:"lVth",attrs:{columns:e.fixedLeftColumns,rows:[e.fixedLeftColumns]},on:{select:e.headSelectHandler}})],1),e._v(" "),n("div",{ref:"flBody",staticClass:"body"},[n("fish-table-body",{ref:"lVtb",attrs:{columns:e.fixedLeftColumns,rows:e.data},on:{select:e.bodySelectHandler}})],1)]):e._e(),e._v(" "),e.fixedRightColumns.length>0&&e.maxRows<=1?n("div",{ref:"fixedRight",staticClass:"fixed right"},[e.scrollY?n("div",{staticClass:"patch",style:{height:e.trHeight*e.rows.length+"px"}}):e._e(),e._v(" "),n("div",{ref:"frHeader",staticClass:"header"},[n("fish-table-head",{ref:"rVth",attrs:{columns:e.fixedRightColumns,rows:[e.fixedRightColumns]},on:{select:e.headSelectHandler}})],1),e._v(" "),n("div",{ref:"frBody",staticClass:"body"},[n("fish-table-body",{ref:"rVtb",attrs:{columns:e.fixedRightColumns,rows:e.data},on:{select:e.bodySelectHandler}})],1)]):e._e()]),e._v(" "),e.$slots.bottomLeft||e.pagination?n("div",{staticStyle:{margin:"10px 0",overflow:"hidden"}},[n("div",{staticStyle:{float:"left"}},[e._t("bottomLeft")],2),e._v(" "),e.pagination?n("div",{staticStyle:{float:"right"}},[n("fish-pagination",{attrs:{total:e.pagination.total,current:e.currentPage,rows:e.pagination.rows,noMoreText:e.pagination.noMoreText},on:{change:e.pageChangeHandler}})],1):e._e()]):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-row",[n("fish-col",{staticClass:"demo-col",attrs:{span:"24"}},[e._v("col-24")])],1),e._v(" "),n("fish-row",[n("fish-col",{staticClass:"demo-col",attrs:{span:"12"}},[e._v("col-12")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"12"}},[e._v("col-12")])],1),e._v(" "),n("fish-row",[n("fish-col",{staticClass:"demo-col",attrs:{span:"8"}},[e._v("col-8")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"8"}},[e._v("col-8")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"8"}},[e._v("col-8")])],1),e._v(" "),n("fish-row",[n("fish-col",{staticClass:"demo-col",attrs:{span:"6"}},[e._v("col-6")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"6"}},[e._v("col-6")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"6"}},[e._v("col-6")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"6"}},[e._v("col-6")])],1),e._v(" "),n("fish-row",[n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col",attrs:{span:"1"}},[e._v("col-1")]),e._v(" "),n("fish-col",{staticClass:"demo-col demo-col2",attrs:{span:"1"}},[e._v("col-1")])],1)],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"grid"}},[n("h3",[e._v("Grid")]),e._v(" "),n("code-card",{attrs:{title:"Basic",desc:"From the stack to the horizontal arrangement."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-grid-base")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <div>\n    <fish-row>\n      <fish-col span="24" class="demo-col">col-24</fish-col>\n    </fish-row>\n    <fish-row>\n      <fish-col span="12" class="demo-col">col-12</fish-col>\n      <fish-col span="12" class="demo-col demo-col2">col-12</fish-col>\n    </fish-row>\n    <fish-row>\n      <fish-col span="8" class="demo-col">col-8</fish-col>\n      <fish-col span="8" class="demo-col demo-col2">col-8</fish-col>\n      <fish-col span="8" class="demo-col">col-8</fish-col>\n    </fish-row>\n    <fish-row>\n      <fish-col span="6" class="demo-col">col-6</fish-col>\n      <fish-col span="6" class="demo-col demo-col2">col-6</fish-col>\n      <fish-col span="6" class="demo-col">col-6</fish-col>\n      <fish-col span="6" class="demo-col demo-col2">col-6</fish-col>\n    </fish-row>\n    <fish-row>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n      <fish-col span="1" class="demo-col">col-1</fish-col>\n      <fish-col span="1" class="demo-col demo-col2">col-1</fish-col>\n    </fish-row>\n  </div>\n</template>\n<script>\n  export default {\n    name: \'demo-grid-base\'\n  }\n<\/script>\n<style>\n  .demo-col {\n    background: #e0f0fa;\n    padding: 10px 0;\n    text-align: center;\n    margin-bottom: 5px;\n  }\n\n  .demo-col2 {\n    background: #7dbcea;\n  }\n\n</style>')])])])],2),e._v(" "),n("code-card",{attrs:{title:"Gutter, Offset",desc:"<code>offset</code> can set the column to the right side"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("demo-grid-gutter-offset")],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<template>\n  <div>\n    <fish-row gutter=".6">\n      <fish-col span="6"><div class="demo-col">col-6</div></fish-col>\n      <fish-col span="6"><div class="demo-col demo-col2">col-6</div></fish-col>\n      <fish-col span="6"><div class="demo-col">col-6</div></fish-col>\n      <fish-col span="6"><div class="demo-col demo-col2">col-6</div></fish-col>\n    </fish-row>\n    <fish-row gutter=".6">\n      <fish-col span="6" offset="6"><div class="demo-col demo-col2">col-6</div></fish-col>\n      <fish-col span="6"><div class="demo-col">col-6</div></fish-col>\n      <fish-col span="6"><div class="demo-col demo-col2">col-6</div></fish-col>\n    </fish-row>\n    <fish-row>\n      <fish-col span="18" push="6"><div class="demo-col">col-18 push-6</div></fish-col>\n      <fish-col span="6" pull="18"><div class="demo-col demo-col2">col-6 pull-18</div></fish-col>\n    </fish-row>\n  </div>\n</template>\n<script>\n  export default {\n    name: \'demo-grid-gutter-offset\'\n  }\n<\/script>\n<style>\n  .demo-col {\n    background: #e0f0fa;\n    padding: 10px 0;\n    text-align: center;\n    margin-bottom: 5px;\n  }\n\n  .demo-col2 {\n    background: #7dbcea;\n  }\n\n</style>')])])])],2),e._v(" "),n("h3",[e._v("Row Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Col Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.colData,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,border:"",height:"200"}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,expandedRowRender:function(e,t){return e("fish-button",JSON.stringify(t))}}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classObject,on:{click:e.clickHandler}},[n("input",{attrs:{type:"checkbox"}}),e._v(" "),n("label"),e._v(" "),e.$slots.default?n("span",{staticClass:"label"},[e._t("default")],2):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.visible?n("div",{class:["fish dimmer active"],staticStyle:{position:"fixed"}},[n("div",{ref:"modal",class:["fish modal"],style:{"margin-top":e.marginTop,width:e.width+"px","margin-left":"-"+e.width/2+"px"}},[n("i",{staticClass:"fa fa-times",on:{click:e.closeHandler}}),e._v(" "),e.title?n("div",{staticClass:"header"},[e._v("\n      "+e._s(e.title)+"\n    ")]):e._e(),e._v(" "),n("div",{staticClass:"content",style:{padding:e.padding}},[e._t("default")],2)])]):e._e()},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("fish-button",{on:{click:e.addItem}},[e._v("Add Item")]),e._v(" "),n("fish-tree",{attrs:{data:e.data,"default-selected-key":"0-0-0",expand:"",edited:""},on:{"item-click":e.selectHandler,"item-dblclick":e.itemDoubleClick}}),e._v(" "),n("fish-modal",{attrs:{title:"add tree item",visible:e.modalShow},on:{"update:visible":function(t){e.modalShow=t}}},[n("fish-input",{model:{value:e.name,callback:function(t){e.name=t},expression:"name"}}),e._v(" "),n("fish-button",{on:{click:e.saveItem}},[e._v("Save Item")])],1)],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"card"}},[n("h3",[e._v("Card")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"A basic card containing a header, content and footer"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",{attrs:{fluid:""}},[n("div",{attrs:{slot:"header"},slot:"header"},[e._v("Title")]),e._v("\n              Kristy is an art director living in New York."),n("br"),e._v("\n              Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n              Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n              pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              "),n("br"),e._v("\n              Many people also have their own barometers for what makes a cute dog.\n              "),n("div",{attrs:{slot:"footer"},slot:"footer"},[n("fish-button",[e._v("GO-Back")])],1)])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-card fluid>\n  <div slot="header">Title</div>\n  Kristy is an art director living in New York.<br/>\n  Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party. '),n("br"),e._v('\nMeng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature.\n              There are even some people who can be stupid because of their huge body shapes.\n  <br/>\n  Many people also have their own barometers for what makes a cute dog.\n  <div slot="footer">\n    <fish-button>GO-Back</fish-button>\n  </div>\n</fish-card>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Content",desc:"containing content"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",[n("h4",[e._v("Elliot Fu")]),e._v(" "),n("p",[e._v("好友")]),e._v("\n              Kristy is an art director living in New York."),n("br"),e._v("\n              Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n              Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n              pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              "),n("br"),e._v("\n              Many people also have their own barometers for what makes a cute dog.\n            ")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<fish-card>\n  <h4>Elliot Fu</h4>\n  <p>好友</p>\n  Kristy is an art director living in New York.<br/>\n  Veronika OssiIs a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\nMeng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love, pity others because of short of stature.\n              There are even some people who can be stupid because of their huge body shapes.\n  <br/>\n  Many people also have their own barometers for what makes a cute dog.\n</fish-card>")])])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Color",desc:"control border-color and header background-color"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",{attrs:{color:"blue"}},[n("div",{attrs:{slot:"header"},slot:"header"},[n("strong",[e._v("Title Color")])]),e._v("\n              Kristy is an art director living in New York."),n("br"),e._v("\n              Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n              Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n              pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n            ")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-card color="blue">\n  <div slot="header"><strong>Title Color</strong></div>\n  Kristy is an art director living in New York.<br/>\n  Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>\n  Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n  pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n</fish-card>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Cards",desc:"Cards"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-cards",{attrs:{cols:"two"}},[n("fish-card",[n("div",{attrs:{slot:"header"},slot:"header"},[n("strong",[e._v("Title Color")])]),e._v("\n                Kristy is an art director living in New York."),n("br"),e._v("\n                Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n                Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n                pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              ")]),e._v(" "),n("fish-card",{attrs:{color:"blue"}},[n("div",{attrs:{slot:"header"},slot:"header"},[n("strong",[e._v("Title Color")])]),e._v("\n                Kristy is an art director living in New York."),n("br"),e._v("\n                Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n                Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n                pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              ")]),e._v(" "),n("fish-card",{attrs:{color:"green"}},[n("div",{attrs:{slot:"header"},slot:"header"},[n("strong",[e._v("Title Color")])]),e._v("\n                Kristy is an art director living in New York."),n("br"),e._v("\n                Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n                Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n                pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              ")]),e._v(" "),n("fish-card",{attrs:{color:"red"}},[n("div",{attrs:{slot:"header"},slot:"header"},[n("strong",[e._v("Title Color")])]),e._v("\n                Kristy is an art director living in New York."),n("br"),e._v("\n                Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. "),n("br"),e._v("\n                Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n                pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n              ")])],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-cards cols="two">\n  <fish-card>\n    <div slot="header"><strong>Title Color</strong></div>\n    Kristy is an art director living in New York.<br/>\n    Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>\n    Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n    pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n  </fish-card>\n  <fish-card color="blue">\n    <div slot="header"><strong>Title Color</strong></div>\n    Kristy is an art director living in New York.<br/>\n    Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>\n    Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n    pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n  </fish-card>\n  <fish-card color="green">\n    <div slot="header"><strong>Title Color</strong></div>\n    Kristy is an art director living in New York.<br/>\n    Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>\n    Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n    pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n  </fish-card>\n  <fish-card color="red">\n    <div slot="header"><strong>Title Color</strong></div>\n    Kristy is an art director living in New York.<br/>\n    Veronika Ossi Is a living in New York WuMeiShi, her favorite cat, music and the party. <br/>\n    Meng dogs have a variety of shapes and sizes. Some puppies look adorable stay because make love,\n    pity others because of short of stature. There are even some people who can be stupid because of their huge body shapes.\n  </fish-card>\n</fish-cards>')])])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"Header-Image",desc:"containing a header and image"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",[n("strong",{attrs:{slot:"header"},slot:"header"},[e._v("Elliot requested permission")]),e._v(" "),n("img",{attrs:{slot:"image",src:"https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png",width:"100%"},slot:"image"})])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-card>\n  <strong slot="header">Elliot requested permission</strong>\n  <img src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" slot="image" width="100%"/>\n</fish-card>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"6"}},[n("code-card",{attrs:{title:"Header-Content",desc:"containing a header and content"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",[n("img",{attrs:{slot:"image",src:"https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png",width:"100%"},slot:"image"}),e._v("\n              Elliot requested permission to view your contact details\n            ")])],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-card>\n  <img src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" slot="image" width="100%"/>\n  Elliot requested permission to view your contact details\n</fish-card>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Header-Content",desc:"containing a header and content"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-card",[n("strong",{attrs:{slot:"header"},slot:"header"},[e._v("Card table")]),e._v(" "),n("demo-table-base")],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v("<template>\n<fish-card>\n  <strong slot=\"header\">Card table</strong>\n  <fish-table :columns=\"columns\" :data=\"data\"></fish-table>\n</fish-card>\n</template>\n<script>\n  export default {\n    name: 'demo-table-base',\n    data () {\n      return {\n        columns: [{title: 'Name', key: 'name'},\n          {title: 'age', key: 'age'},\n          {title: 'Address', key: 'address'},\n          {title: 'Operate',\n            key: 'operate',\n            render: (h, record, column) => h('a', '编辑')}],\n        data: [\n          {name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'},\n          {name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou'}\n        ]\n      }\n    }\n  }\n<\/script>")])])])],2)],1)],1),e._v(" "),n("h3",[e._v("Card Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data1,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Card Slots")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("li",{staticClass:"item"},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"fish transfer"},[n("fish-transfer-panel",{attrs:{title:e.titles[0],data:e.data.filter(function(t){return!e.value.includes(t.key)}),width:e.width,height:e.height,noDataText:e.noDataText},on:{change:e.leftChangeHandler}}),e._v(" "),n("div",{staticClass:"operation"},[n("div",{class:["fish button",{disabled:e.rightSelectedKeys.length<=0}],domProps:{innerHTML:e._s(e.leftRender())},on:{click:e.toLeftHandler}}),e._v(" "),n("div",{class:["fish button",{disabled:e.leftSelectedKeys.length<=0}],domProps:{innerHTML:e._s(e.rightRender())},on:{click:e.toRightHandler}})]),e._v(" "),n("fish-transfer-panel",{attrs:{title:e.titles[1],data:e.value.map(function(t){return e.dataMap[t]}),width:e.width,height:e.height,noDataText:e.noDataText,draggable:!0},on:{change:e.rightChangeHandler,reorder:e.emitInput}})],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.classObject},[e.labelLeft?n("div",{staticClass:"label-left",domProps:{innerHTML:e._s(e.labelLeft)}}):e._e(),e._v(" "),n("div",{staticClass:"label-right"},[e.label?n("label",{ref:"label",domProps:{innerHTML:e._s(e.label)}}):e._e()]),e._v(" "),e._t("left"),e._v(" "),"textarea"===e.type?n("textarea",{attrs:{placeholder:e.hint},domProps:{value:e.value},on:{input:function(t){e.updateValue(t.target.value)}}}):n("input",{attrs:{type:e.type,placeholder:e.hint,autocomplete:"off"},domProps:{value:e.value},on:{input:function(t){e.updateValue(t.target.value)}}}),e._v(" "),e.clear&&!e.valueEmpty?n("i",{class:e.iconClose,staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):e._e(),e._v(" "),e.icon?n("i",{class:e.icon}):e._e(),e._v(" "),e.loading?n("i"):e._e(),e._v(" "),e._t("right")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.total>0?n("ul",{staticClass:"fish pagination"},[n("li",{staticClass:"item total",domProps:{innerHTML:e._s(e.totalRender(e.total,[(e.current-1)*e.rows+1,e.current*e.rows]))}}),e._v(" "),n("li",{class:["item",{disabled:e.current<=1}],domProps:{innerHTML:e._s(e.prevRender())},on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.prevHandler(t)}}}),e._v(" "),e.simple?[n("li",{staticClass:"item active"},[e._v(e._s(e.current))])]:[n("li",{class:["item",{active:1===e.current}],on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.firstHandler(t)}}},[e._v("1")]),e._v(" "),e.pages>5&&e.current>3?n("li",{staticClass:"item disabled"},[e._v("...")]):e._e(),e._v(" "),e._l(e.pages,function(t){return[e.inFive(t)?n("li",{key:t,class:["item",{active:e.current==t}],on:{click:function(n){n.stopPropagation(),n.preventDefault(),e.clickHandler(t)}}},[e._v(e._s(t))]):e._e()]}),e._v(" "),e.pages>5&&e.pages-e.current>3?n("li",{staticClass:"item disabled"},[e._v("...")]):e._e(),e._v(" "),e.pages>1?n("li",{class:["item",{active:e.current===e.pages}],on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.lastHandler(t)}}},[e._v(e._s(e.pages))]):e._e()],e._v(" "),n("li",{class:["item",{disabled:e.current>=e.pages}],domProps:{innerHTML:e._s(e.nextRender())},on:{click:function(t){t.stopPropagation(),t.preventDefault(),e.nextHandler(t)}}})],2):e._e()},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{staticStyle:{height:"1200px"},attrs:{menuActiveIndex:"backtop"}},[n("h3",[e._v("BackTop")]),e._v(" "),n("fish-card",[n("fish-back-top"),e._v(" makes it easy to go back to the top of the page.\n    "),n("div",{attrs:{slot:"footer"},slot:"footer"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"html"},[e._v("<fish-back-top></fish-back-top>")])])])],1),e._v(" "),n("h3",[e._v("BackTop Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,border:""}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("li",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],ref:"submenu",class:["item submenu",{active:this.active}],on:{mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler,click:e.clickHandler}},[n("div",{ref:"subtitle",staticClass:"title"},[e._t("title")],2),e._v(" "),n("ul",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],class:["fish menu",this.mode]},[e._t("default")],2)])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("fish-table",{attrs:{columns:e.columns,data:e.data,pagination:e.page},on:{change:e.changeHandler}})},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("li",{class:e.classObject,on:{click:e.clickHandler}},[e._t("default",[e._v(e._s(e.content))])],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:["fish collapse",{bordered:e.bordered}]},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],class:e.classObject,on:{click:e.clickHandler}},[e._t("title"),e._v(" "),n("fish-menu",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],staticClass:"content",on:{click:e.menusClickHandler}},[e._t("default")],2)],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.awayHandler,expression:"awayHandler"}],class:["fish input date-picker"],on:{click:e.clickHandler,mouseover:e.mouseOverHandler,mouseout:e.mouseOutHandler}},[n("input",{attrs:{type:"text",placeholder:e.hint,readonly:""},domProps:{value:e.value}}),e._v(" "),e.showClear&&!e.valueEmpty?n("i",{staticClass:"fa fa-times-circle",staticStyle:{opacity:".6"},on:{click:function(t){t.stopPropagation(),e.clearHandler(t)}}}):n("i",{staticClass:"fa fa-calendar"}),e._v(" "),e.visible?n("div",{staticClass:"content",on:{click:function(e){e.stopPropagation()}}},[n("fish-calendar",{attrs:{cellRender:e.cellRender,min:e.min,max:e.max,mode:e.mode,value:""===e.value?void 0:e.value},on:{select:e.selectHandler}})],1):e._e()])},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"calendar"}},[n("h3",[e._v("Calendar")]),e._v(" "),n("code-card",{attrs:{title:"Year",desc:"show year"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-calendar",{attrs:{mode:"year",min:"2017-01",max:"2018-01"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-calendar mode="year" min="2017-01" max="2018-01"></fish-calendar>')])])],2),e._v(" "),n("code-card",{attrs:{title:"Month",desc:"show year, month"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-calendar",{attrs:{mode:"month",min:"2017-07"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-calendar mode="month" min="2017-07"></fish-calendar>')])])],2),e._v(" "),n("code-card",{attrs:{title:"Date",desc:"show year, month, day"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-calendar",{attrs:{value:"2017-01-08",min:"2017-01-07",dayRender:function(e,t){return e("span",{},"xxx")}},on:{select:e.selectHandler,change:e.changeHandler}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v("<template>\n  <fish-calendar value=\"2017-01-08\" min=\"2017-01-07\" @select=\"selectHandler\" @change=\"changeHandler\"></fish-calendar>\n</template>\n<script>\n  export default {\n    data () {\n      return {}\n    },\n    methods: {\n      selectHandler (current) {\n        console.log('current: ', current)\n      },\n      changeHandler (state, arrays, current) {\n        console.log('change: ', state, '; ', arrays, '; ', current)\n      }\n    }\n  }\n<\/script>")]),e._v("\n")])],2),e._v(" "),n("code-card",{attrs:{title:"Second",desc:"show year, month, day, hour, minute, second"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-calendar",{attrs:{mode:"second",value:"2017-01-08",min:"2017-01-07"}})],1),e._v(" "),n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}],attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("code",{staticClass:"xml"},[e._v('<fish-calendar mode="second" value="2017-01-08" min="2017-01-07"></fish-calendar>')])])],2),e._v(" "),n("h3",[e._v("Calendar Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.api_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.api_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Calendar Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t){return n("tr",e._l(t,function(t){return n("td",{domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("main-layout",{attrs:{menuActiveIndex:"menu"}},[n("h3",[e._v("Menu")]),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Basic",desc:"Basic use case"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-menu",{attrs:{"default-active":"2"}},[n("fish-option",{attrs:{index:"0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}}),e._v(" "),n("fish-option",{attrs:{index:"3",disabled:"",content:"disabled"}}),e._v(" "),n("fish-option",{attrs:{index:"4",content:"Option 4"}}),e._v(" "),n("fish-option",{attrs:{index:"5",content:"Option 5"}}),e._v(" "),n("fish-option",{attrs:{index:"6",content:"Option 6"}})],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-menu default-active="2">\n  <fish-option index="0" content="Jack"></fish-option>\n  <fish-option index="1" content="Lucy"></fish-option>\n  <fish-option index="2" content="Active"></fish-option>\n  <fish-option index="3" disabled content="disabled"></fish-option>\n  <fish-option index="4" content="Active"></fish-option>\n  <fish-option index="5" content="Active"></fish-option>\n  <fish-option index="6" content="Active"></fish-option>\n</fish-menu>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"12"}},[n("code-card",{attrs:{title:"Horizontal",desc:"Horizontal top navigation menu."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-menu",{attrs:{mode:"horizontal",defaultActive:"3-3-1"}},[n("fish-option",{attrs:{index:"0",content:"Content"}}),e._v(" "),n("fish-option",{attrs:{index:"1",content:"User"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Tongji"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu")]),e._v(" "),n("fish-option",{attrs:{index:"3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-2",content:"Active"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3-3"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu-3")]),e._v(" "),n("fish-option",{attrs:{index:"3-3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-2",content:"Active"}})],2),e._v(" "),n("fish-option",{attrs:{index:"3-4",content:"Option-4"}},[e._v("Option-4")]),e._v(" "),n("fish-option",{attrs:{index:"3-5",content:"Option-5"}},[e._v("Option-5")])],2)],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-menu mode="horizontal" defaultActive="1">\n  <fish-option index="0" content="Content"></fish-option>\n  <fish-option index="1" content="User"></fish-option>\n  <fish-option index="2" content="Tongji"></fish-option>\n  <fish-submenu index="3">\n    <template slot="title">submenu</template>\n    <fish-option index="3-0" content="Jack"></fish-option>\n    <fish-option index="3-1" content="Lucy"></fish-option>\n    <fish-option index="3-2" content="Active"></fish-option>\n    \x3c!--<fish-option index="3-3">Option-3</fish-option>--\x3e\n    <fish-submenu index="3-3">\n      <template slot="title">submenu-3</template>\n      <fish-option index="3-3-0" content="Jack"></fish-option>\n      <fish-option index="3-3-1" content="Lucy"></fish-option>\n      <fish-option index="3-3-2" content="Active"></fish-option>\n    </fish-submenu>\n    <fish-option index="3-4" content="Option-4">Option-4</fish-option>\n    <fish-option index="3-5" content="Option-5">Option-5</fish-option>\n  </fish-submenu>\n</fish-menu>')])])])],2)],1)],1),e._v(" "),n("fish-row",{attrs:{gutter:"1"}},[n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"Submenu",desc:"containing submenu"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-menu",{staticStyle:{width:"200px"},attrs:{defaultActive:"sys-l1-l21"}},[n("fish-submenu",{attrs:{index:"sys"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu")]),e._v(" "),n("fish-option",{attrs:{index:"sys-l2",content:"Jack"}},[n("a",{attrs:{href:"http://www.baidu.com"}},[e._v("Jack Go")])]),e._v(" "),n("fish-option",{attrs:{index:"sys-l3",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"sys-l4",content:"Active"}}),e._v(" "),n("fish-submenu",{attrs:{index:"sys-l1"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu-3")]),e._v(" "),n("fish-option",{attrs:{index:"sys-l1-l20",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"sys-l1-l21",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"sys-l1-l22",content:"Active"}})],2)],2),e._v(" "),n("fish-option",{attrs:{index:"1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Active"}}),e._v(" "),n("fish-option",{attrs:{index:"3",disabled:"",content:"disabled"}})],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-menu style="width: 200px;">\n  <fish-submenu index="0">\n    <template slot="title">submenu</template>\n    <fish-option index="0-0" content="Jack"><a href="http://www.baidu.com">Jack Go</a></fish-option>\n    <fish-option index="0-1" content="Lucy"></fish-option>\n    <fish-option index="0-2" content="Active"></fish-option>\n    <fish-submenu index="0-3">\n      <template slot="title">submenu-3</template>\n      <fish-option index="0-3-0" content="Jack"></fish-option>\n      <fish-option index="0-3-1" content="Lucy"></fish-option>\n      <fish-option index="0-3-2" content="Active"></fish-option>\n    </fish-submenu>\n  </fish-submenu>\n  <fish-option index="1" content="Lucy"></fish-option>\n  <fish-option index="2" content="Active"></fish-option>\n  <fish-option index="3" disabled content="disabled"></fish-option>\n</fish-menu>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"inline",desc:"Vertical menu with inline submenus."}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-menu",{staticStyle:{width:"200px"},attrs:{mode:"inline"},on:{change:e.changeHandler}},[n("fish-option",{attrs:{index:"0",content:"Content"}}),e._v(" "),n("fish-submenu",{attrs:{index:"sys",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("User")]),e._v(" "),n("fish-option",{attrs:{index:"sys-jack",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"sys-lucy",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"sys-active",content:"Active"}})],2),e._v(" "),n("fish-option",{attrs:{index:"2",content:"Tongji"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu")]),e._v(" "),n("fish-option",{attrs:{index:"3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-2",content:"Active"}}),e._v(" "),n("fish-submenu",{attrs:{index:"3-3",mode:"inline"}},[n("template",{attrs:{slot:"title"},slot:"title"},[e._v("submenu-3")]),e._v(" "),n("fish-option",{attrs:{index:"3-3-0",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-1",content:"Lucy"}}),e._v(" "),n("fish-option",{attrs:{index:"3-3-2",content:"Active"}})],2)],2)],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-menu mode="inline" style="width: 200px;" defaultActive="3-3-0">\n  <fish-option index="0" content="Content"></fish-option>\n  <fish-submenu index="1" mode="inline">\n    <template slot="title">User</template>\n    <fish-option index="1-0" content="Jack"></fish-option>\n    <fish-option index="1-1" content="Lucy"></fish-option>\n    <fish-option index="1-2" content="Active"></fish-option>\n  </fish-submenu>\n  <fish-option index="2" content="Tongji"></fish-option>\n  <fish-submenu index="3" mode="inline">\n    <template slot="title">submenu</template>\n    <fish-option index="3-0" content="Jack"></fish-option>\n    <fish-option index="3-1" content="Lucy"></fish-option>\n    <fish-option index="3-2" content="Active"></fish-option>\n    <fish-submenu index="3-3" mode="inline">\n      <template slot="title">submenu-3</template>\n      <fish-option index="3-3-0" content="Jack"></fish-option>\n      <fish-option index="3-3-1" content="Lucy"></fish-option>\n      <fish-option index="3-3-2" content="Active"></fish-option>\n    </fish-submenu>\n  </fish-submenu>\n</fish-menu>')])])])],2)],1),e._v(" "),n("fish-col",{attrs:{span:"8"}},[n("code-card",{attrs:{title:"optGroup",desc:"include optgroup"}},[n("template",{attrs:{slot:"demo"},slot:"demo"},[n("fish-menu",[n("fish-optgroup",{attrs:{label:"Manager"}},[n("fish-option",{attrs:{index:"jack",content:"Jack"}}),e._v(" "),n("fish-option",{attrs:{index:"lucy",content:"Lucy"}})],1),e._v(" "),n("fish-optgroup",{attrs:{label:"Engineer"}},[n("fish-option",{attrs:{index:"y1",content:"Yiminghe"}}),e._v(" "),n("fish-option",{attrs:{index:"y2",content:"Yiminghe2"}})],1)],1)],1),e._v(" "),n("template",{attrs:{slot:"codeHtml"},slot:"codeHtml"},[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"xml"},[e._v('<fish-menu>\n  <fish-optgroup label="Manager">\n    <fish-option index="jack" content="Jack"></fish-option>\n    <fish-option index="lucy" content="Lucy"></fish-option>\n  </fish-optgroup>\n  <fish-optgroup label="Engineer">\n    <fish-option index="y1" content="Yiminghe"></fish-option>\n    <fish-option index="y2" content="Yiminghe2"></fish-option>\n  </fish-optgroup>\n</fish-menu>')])])])],2)],1)],1),e._v(" "),n("h3",[e._v("Menu Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Submenu Attributes")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.subData,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Menu Option Attributes (support for slot)")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.optionData,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])]),e._v(" "),n("h3",[e._v("Menu Events")]),e._v(" "),n("div",{staticClass:"fish table attributes"},[n("table",{staticStyle:{"table-layout":"auto"}},[n("thead",[n("tr",e._l(e.event_columns,function(t){return n("th",{key:t},[e._v(e._s(t))])}))]),e._v(" "),n("tbody",e._l(e.event_data,function(t,i){return n("tr",{key:i},e._l(t,function(t){return n("td",{key:t,domProps:{innerHTML:e._s(t)}})}))}))])])],1)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{class:e.classObject,style:{width:e.width+("horizontal"===e.mode?"%":"px")}},[e._t("default")],2)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"fish carousel"},[n("div",{staticClass:"content",style:{width:e.width+"px"}},[n("ul",{staticClass:"list",style:{width:e.width*e.childrenLength+"px",transform:"translate3d(-"+e.activeIndex*e.width+"px, 0px, 0px)",transition:"-webkit-transform 500ms ease"}},[e._t("default")],2)]),e._v(" "),n("ul",{staticClass:"dots"},e._l(e.childrenLength,function(t,i){return n("li",{class:{active:e.activeIndex===i},on:{click:function(t){t.stopPropagation(),e.dotClickHandler(i)}}})}))])},staticRenderFns:[]}}],[242]);
  //# sourceMappingURL=app.js.map