primary
positive
negative
basic
or omitted","String","-"],["shape","button shape,can be set to circle
or omitted","String","-"],["size","button size,can be set to mini
tiny
small
medium
large
big
huge
massive
","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 primary
positive
negative
basic
or omitted","String","-"],["size","can be set to mini
tiny
small
medium
large
big
huge
massive
","String","-"]]}},mounted:function(){}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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 minute
hour
day
month
year
","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(t){console.log("current: ",t)},changeHandler:function(t,e,i){console.log("change: ",t,"; ",e,"; ",i)}}}},function(t,e,i){"use strict";var n=i(2),a=i(3),s=i(320);e.a={components:{DemoTableBase:s.a,CodeCard:a.a,MainLayout:n.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data1:[["color","optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
","String","-"].false],data:[["header","Card title(header)","String","-"],["image","Card image","String","-"],["footer","Card footer","String","-"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["dotStyle","dot style","stirng",""],["autoPlay","Whether to scroll automatically","Boolean","false"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{cascaderValue:[],event_columns:["Event","Description","Parameters"],event_data:[["change(values)","Callback when finishing cascader select","values
"]],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(t){console.log("values: ",t)}}}},function(t,e,i){"use strict";var n=i(651),a=i(2),s=i(3);e.a={components:{CodeCard:s.a,MainLayout:a.a,DemoChartLine:n.a}}},function(t,e,i){"use strict";e.a={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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{checkboxesValue:[],checkboxesValue1:[],api_columns:["Attribute","Description","Type","Default"],api_data:[["mode","Can be set to vertical
horizontal
","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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{datePickerValue:"",datePickerValue2:"",datePickerYValue:"",datePickerMonValue:"",datePickerHValue:"",datePickerMValue:"",datePickerSValue:"",weeks:["A","B","C","D","E","F","G"],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 minute
hour
day
month
year
","String","day"],["min","The min value","String","-1"],["max","The max value","String","-1"],["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)","-"],["hint","Hint message","String","Please date"],["format","Format value","String","-"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["fitted","remove margin","Boolean","false"]]}}}},function(t,e,i){"use strict";var n=i(2);e.a={components:{MainLayout:n.a}}},function(t,e,i){"use strict";var n=i(2),a=i(3),s=i(652);e.a={components:{DemoFormValidate:s.a,CodeCard:a.a,MainLayout:n.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 async-validator',"Array",""],["span","Span number (1-24)","String, Number","-"],["inline","Whether is inline or not","Boolean","false"]]}}}},function(t,e,i){"use strict";e.a={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(t){console.log(t)})}}}},function(t,e,i){"use strict";var n=i(2),a=i(653),s=i(654),o=i(3),r=i(655);e.a={components:{DemoGridGutterOffset:r.a,CodeCard:o.a,DemoGridBase:a.a,DemoGridFixed:s.a,MainLayout:n.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["gutter","spacing between grids, unit: em","String, Number","-"],["type","layout mode,optional: flex
","String","flex"],["align","the vertical alignment of the flex layout: top
middle
bottom
","Number","top"],["justify","horizontal arrangement of the flex layout: start
end
center
space-around
space-between
","String","start"]],colData:[["type","options: percent, fixed, auto","String","percent"],["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(t,e,i){"use strict";e.a={name:"demo-grid-base"}},function(t,e,i){"use strict";e.a={name:"demo-grid-fixed"}},function(t,e,i){"use strict";e.a={name:"demo-grid-gutter-offset"}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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: square
circle
","String","square"]]}}}},function(t,e,i){"use strict";var n=i(2);e.a={components:{MainLayout:n.a}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{defaultValue:"",api_columns:["Attribute","Description","Type","Default"],api_data:[["type","input type, optional:text
textarea
password
...","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: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
","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"],["autofocus","Whether the input autofocus","Boolean","false"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
","String","-"],["disabled","Whether it is disabled","Boolean","false"]]}}}},function(t,e,i){"use strict";e.a={name:"demo-layout-up-middle-down"}},function(t,e,i){"use strict";var n=i(2),a=i(3),s=i(657),o=i(659),r=i(658),l=i(656);e.a={components:{DemoLayoutUpMiddleDown:l.a,DemoLayoutSider:r.a,DemoLayoutTopSiderHeader:o.a,DemoLayoutBase:s.a,CodeCard:a.a,MainLayout:n.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["sider","optional: l
tl
r
tr
","String","-"],["responsive","layout is responsive","Boolean","false"]]}}}},function(t,e,i){"use strict";e.a={name:"demo-layout-base"}},function(t,e,i){"use strict";e.a={name:"demo-layout-sider"}},function(t,e,i){"use strict";e.a={name:"demo-layout-top-sider-header"}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{MainLayout:n.a,CodeCard:a.a},data:function(){return{active:!1,event_columns:["Attribute","Description","Type","Default"],event_data:[["active","whether it is visible or not","Boolean","false"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{event_columns:["Event","Description","Parameters"],event_data:[["change(index)","Callback for when menu is selected","Option.index index
"]],columns:["Attribute","Description","Type","Default"],data:[["mode","Menu mode, optional: vertical
horizontal
inline
","String","vertical"],["size","optional: mini
tiny
small
medium
large
big
huge
massive
","String","-"],["indexDelimiter","option.index delimiter","String","-"],["default-active","default active option.index","String","-"]],subData:[["mode","optional: vertical
horizontal
inline
","String","vertical"],["trigger","trigger event name, optional: hover
click
","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(t,e){console.log("::::index=",e)}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["type","optional:warning
info
success
error
","String","warning"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{showModal:!1,attached:"center",triggerEvent:null,api_columns:["Attribute","Description","Type","Default"],api_data:[["title","title","String","-"],["padding","content padding","String","1em"],["attached","options: center, left, top, right, bottom","String","center"],["marginTop","modal margin top size","String","100px"],["width","modal width","Number","850"],["visible","whether it is visible or not","Boolean","false"]]}},methods:{swapAttached:function(t){this.attached=t,this.showModal=!0},showModalFunc:function(t){this.triggerEvent=null,this.showModal=!0},showModalFunc2:function(t){this.triggerEvent=t,this.showModal=!0}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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:top right
top left
bottom right
bottom left
(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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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","current
"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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(t){this.$popup.confirm(t,"do you delete it?",function(){console.log("OK....")})},popup2Handler:function(t){console.log(window.event,t),this.$popup.confirm(t,"do you delete it?",function(){console.log("OK....")},"Confirm","Cancel")}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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(t,e,i){"use strict";var n=i(2),a=i(3),s=i(55);e.a={components:{FishCol:s.a,CodeCard:a.a,MainLayout:n.a},data:function(){return{columns:["Attribute","Description","Type","Default"],data:[["loading","set the loading status of segment","Boolean","false"],["disabled","set the disabled status of segment","Boolean","false"],["attached","optional:top
, bottom
","string","-"],["color","optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
","String","-"],["loading","set the loading status of button","Boolean","false"]]}},mounted:function(){}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{cascadedValue:"",cascaded2Value:"",cascaded2Values:[],multipleValues:[],multipleValues1:[],singleSelectedValue:"1",singleSelectedValueWthSearch:[],singleSelectedValueWthSearch1:"",autoCompleteValue:"",autoCompleteMultipleValue:[],autoCompleteData:[],autoCompleteMultipleData:[],event_columns:["Event","Description","Parameters"],event_data:[["change(values)","callback when changing","values
"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","String, Array",""],["hint","placeholder","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(t){"1"===t?this.cascaded2Values=["test","test1"]:(this.cascaded2Values=[],this.cascaded2Value="")},changeHandler:function(t){console.log("values:",t)},searchChangeHandler:function(t){console.log("v:",t),this.autoCompleteData=[{index:t+"11",content:t+"11"},{index:t+"12",content:t+"12"},{index:t+"13",content:t+"13"},{index:t+"14",content:t+"14"},{index:t+"15",content:t+"15"}]},mulitpleSearchChangeHandler:function(t){this.autoCompleteMultipleData=[{index:t+"11",content:t+"11"},{index:t+"12",content:t+"12"},{index:t+"13",content:t+"13"},{index:t+"14",content:t+"14"},{index:t+"15",content:t+"15"}]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["size","optional: mini
tiny
small
medium
large
big
huge
massive
","String","-"],["mode","optional:vertical
horizontal
","String","horizontal"],["width","step width:,unit is px
when mode === vertical, unit is %
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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={name:"demo-switch",components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{v:0,v1:!0,api_columns:["Attribute","Description","Type","Default"],api_data:[["disabled","whether it is disabled","Boolean","false"],["yesOrNo","yes or no","Array","[true, false]"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(3),s=i(320),o=i(665),r=i(661),l=i(660),c=i(666),d=i(667),u=i(671),h=i(670),f=i(662),p=i(663),m=i(668),v=i(669),g=i(664);e.a={components:{DemoTableColumnOrder:g.a,DemoTablePagination:v.a,DemoTableNoMore:m.a,DemoTableColumnFixed:f.a,DemoTableColumnFixedScrollX:p.a,DemoTableScrollXy:h.a,DemoTableScrollY:u.a,DemoTableFixedHeader:d.a,DemoTableExpand:c.a,DemoTableBorder:l.a,DemoTableColumnFilters:r.a,DemoTableColumnType:o.a,DemoTableBase:s.a,CodeCard:a.a,MainLayout:n.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","column.title","string","-"],["key","column.key","string","-"],["type","optional:index
checkbox
","string","-"],["fixed","the fixed position: left
right
","string","left"],["sortable","column.sortable","boolean","false"],["render(h, record, column)","customize cell render","function","-"],["filters","column filters","Array[{lable: '', value: ''}]","-"]]}},methods:{changeHandler:function(t,e){console.log("pagination: ",t,"; filters:",e)}}}},function(t,e,i){"use strict";e.a={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(t,e,i){return t("a","编辑")}}],data:[{name:"yanbin.hu",age:0,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu",age:1,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:2,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}},methods:{trClick:function(t,e){console.log(">>>tr-click:",t,e)}}}},function(t,e,i){"use strict";e.a={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(t,e,i){"use strict";var n=i(25),a=i.n(n),s=i(21),o=i.n(s);e.a={name:"demo-table-column-filters",data:function(){var t=[{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:t,oldData:t}},methods:{changeHandler:function(t,e){var i=this.oldData,n=!0,s=!1,r=void 0;try{for(var l,c=o()(a()(e));!(n=(l=c.next()).done);n=!0){var d=l.value;!function(t){i=i.filter(function(i){return e[t].includes(i[t])})}(d)}}catch(t){s=!0,r=t}finally{try{!n&&c.return&&c.return()}finally{if(s)throw r}}this.data=i,console.log("pagination:",t,", filters:",e)}}}},function(t,e,i){"use strict";e.a={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:[]}},mounted:function(){var t=this;setTimeout(function(){t.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}]},2e3)}}},function(t,e,i){"use strict";e.a={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(t,e,i){"use strict";var n=i(25),a=i.n(n),s=i(21),o=i.n(s);e.a={name:"demo-table-column-order",data:function(){var t=[{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:t,oldData:t}},methods:{changeHandler:function(t,e,i){console.log("::::::::::>>>");var n=this.oldData,s=!0,r=!1,l=void 0;try{for(var c,d=o()(a()(e));!(s=(c=d.next()).done);s=!0){var u=c.value;!function(t){n=n.filter(function(i){return e[t].includes(i[t])})}(u)}}catch(t){r=!0,l=t}finally{try{!s&&d.return&&d.return()}finally{if(r)throw l}}i&&n.sort(function(t,e){var n=e[i.key]+"",a=t[i.key]+"";return"desc"===i.by?n.localeCompare(a):a.localeCompare(n)}),this.data=n}}}},function(t,e,i){"use strict";e.a={name:"demo-table-column-type",data:function(){return{columns:[{title:"#",type:"index",width:"50",align:"center"},{title:"",type:"checkbox",width:"50",align:"center"},{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"},{title:"obj#key",key:"obj#key"}],data:[{name:"yanbin.hu",age:32,address:"haidi part 1, xihu, Hangzhou",obj:{key:"key1"}},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou",obj:{key:"key2"}},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou",obj:{key:"key3"}},{name:"yanzu.wu",age:35,address:"haidi part 5, xihu, Hangzhou"}]}},methods:{selectHandler:function(t){console.log("selectedItems:",t)}}}},function(t,e,i){"use strict";e.a={name:"demo-table-expand",data:function(){return{columns:[{title:"Name",key:"name"},{title:"age",key:"age"},{title:"Address",key:"address"}],data:[{name:"yanbin.hu65",age:365,address:"haidi part 1, xihu, Hangzhou"},{name:"yanzu.wu-64",age:364,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-63",age:363,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-62",age:362,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-61",age:361,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-60",age:360,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-59",age:359,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-58",age:358,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-57",age:357,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-56",age:356,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-55",age:355,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-54",age:354,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-53",age:353,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-52",age:352,address:"haidi part 5, xihu, Hangzhou"},{name:"yanzu.wu-51",age:351,address:"haidi part 5, xihu, Hangzhou"}]}}}},function(t,e,i){"use strict";e.a={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:[]}},mounted:function(){var t=this;setTimeout(function(){t.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}]},2e3)}}},function(t,e,i){"use strict";e.a={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(t,e,i){return t("a","编辑")}}],data:[]}}}},function(t,e,i){"use strict";var n=i(25),a=i.n(n),s=i(21),o=i.n(s);e.a={name:"demo-table-pagination",data:function(){var t=[{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(t,e,i){return t("a","编辑")}}],data:t,oldData:t}},methods:{changeHandler:function(t,e){var i=this.oldData,n=!0,s=!1,r=void 0;try{for(var l,c=o()(a()(e));!(n=(l=c.next()).done);n=!0){var d=l.value;!function(t){i=i.filter(function(i){return e[t].includes(i[t])})}(d)}}catch(t){s=!0,r=t}finally{try{!n&&c.return&&c.return()}finally{if(s)throw r}}this.data=i,console.log("pagination:",t,", filters:",e)}}}},function(t,e,i){"use strict";e.a={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:[]}},mounted:function(){var t=this;setTimeout(function(){t.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}]},2e3)}}},function(t,e,i){"use strict";e.a={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:[]}},mounted:function(){var t=this;setTimeout(function(){t.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}]},2e3)}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{indexValue:"role",cnt:1,event_columns:["Event","Description","Parameters"],event_data:[["tab-change(index)","callback when tab changing","TabPanel.index index
"]],api_columns:["Attribute","Description","Type","Default"],api_data:[["value","value","String, Number","-"],["type","optional:card
text
or empty","String","-"],["padding","set content padding style","String","-"]],api_data2:[["label","tab label","String","-"],["index","unique key of tab","String","-"]]}},mounted:function(){var t=this;setTimeout(function(){return t.cnt=100},5e3)},methods:{tabChangeHandler:function(t){console.log("tab.index: ",t)}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["size","optional: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
","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:circle
, square
","string","square"],["attached","optional:top
, top left
, top right
, bottom
, bottom left
, bottom right
","string","-"],["size","optional: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
","String","-"],["color","optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
","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(t,e){this.tags1.splice(t,1,[e,this.tags1[t][1]])},addCheckHandler:function(t){this.tags.push(t)},groupCloseHandler:function(t){this.tags.splice(t,1)}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.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(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["color","optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
","String","-"]]}}}},function(t,e,i){"use strict";var n=i(2),a=i(672),s=i(3);e.a={components:{CodeCard:s.a,DemoTransferBase:a.a,MainLayout:n.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(t,e,i){"use strict";e.a={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(t,e,i){"use strict";var n=i(2),a=i(674),s=i(3),o=i(673);e.a={components:{DemoTreeCheckbox:o.a,CodeCard:s.a,DemoTreeEdit:a.a,MainLayout:n.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"],["checkabled(multiple, item)","whether it is checked or not","Function","multiple"],["data",'tree data: [{key: "", title: "", expand: true | false, children: []}]',"Array",""],["render","render show text","Function(item)","() => item.title"],["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"],["item-remove(data, item, itemIndex)","callback when item is removed","item"]]}}}},function(t,e,i){"use strict";e.a={name:"demo-tree-checkbox",data:function(){return{data1:[{key:"ShortPlanCompletion",title:"ShortPlanCompletion",children:[{key:"ShortPlanCompletion-read",title:"ShortPlanCompletion-read"},{key:"ShortPlanCompletion-create",title:"ShortPlanCompletion-create"},{key:"ShortPlanCompletion-update",title:"ShortPlanCompletion-update"},{key:"ShortPlanCompletion-destroy",title:"ShortPlanCompletion-destroy"}]},{key:"User",title:"User",children:[{key:"User-read",title:"User-read"},{key:"User-create",title:"User-create"},{key:"User-update",title:"User-update"},{key:"User-destroy",title:"User-destroy"}]},{key:"SystemProfile",title:"SystemProfile",children:[{key:"SystemProfile-read",title:"SystemProfile-read"},{key:"SystemProfile-create",title:"SystemProfile-create"},{key:"SystemProfile-update",title:"SystemProfile-update"},{key:"SystemProfile-destroy",title:"SystemProfile-destroy"}]},{key:"ShortPlan",title:"ShortPlan",children:[{key:"ShortPlan-read",title:"ShortPlan-read"},{key:"ShortPlan-create",title:"ShortPlan-create"},{key:"ShortPlan-update",title:"ShortPlan-update"},{key:"ShortPlan-destroy",title:"ShortPlan-destroy"}]},{key:"Role",title:"Role",children:[{key:"Role-read",title:"Role-read"},{key:"Role-create",title:"Role-create"},{key:"Role-update",title:"Role-update"},{key:"Role-destroy",title:"Role-destroy"}]},{key:"Project",title:"Project",children:[{key:"Project-read",title:"Project-read"},{key:"Project-create",title:"Project-create"},{key:"Project-update",title:"Project-update"},{key:"Project-destroy",title:"Project-destroy"}]},{key:"Department",title:"Department",children:[{key:"Department-read",title:"Department-read"},{key:"Department-create",title:"Department-create"},{key:"Department-update",title:"Department-update"},{key:"Department-destroy",title:"Department-destroy"}]},{key:"Column",title:"Column",children:[{key:"Column-read",title:"Column-read"},{key:"Column-create",title:"Column-create"},{key:"Column-update",title:"Column-update"},{key:"Column-destroy",title:"Column-destroy"}]},{key:"Validate",title:"Validate",children:[{key:"Validate-read",title:"Validate-read"},{key:"Validate-create",title:"Validate-create"},{key:"Validate-update",title:"Validate-update"},{key:"Validate-destroy",title:"Validate-destroy"}]},{key:"LongPlanGroup",title:"LongPlanGroup",children:[{key:"LongPlanGroup-read",title:"LongPlanGroup-read"},{key:"LongPlanGroup-create",title:"LongPlanGroup-create"},{key:"LongPlanGroup-update",title:"LongPlanGroup-update"},{key:"LongPlanGroup-destroy",title:"LongPlanGroup-destroy"}]},{key:"FundType",title:"FundType",children:[{key:"FundType-read",title:"FundType-read"},{key:"FundType-create",title:"FundType-create"},{key:"FundType-update",title:"FundType-update"},{key:"FundType-destroy",title:"FundType-destroy"}]},{key:"LongPlan",title:"LongPlan",children:[{key:"LongPlan-read",title:"LongPlan-read"},{key:"LongPlan-create",title:"LongPlan-create"},{key:"LongPlan-update",title:"LongPlan-update"},{key:"LongPlan-destroy",title:"LongPlan-destroy"}]},{key:"ProjectType",title:"ProjectType",children:[{key:"ProjectType-read",title:"ProjectType-read"},{key:"ProjectType-create",title:"ProjectType-create"},{key:"ProjectType-update",title:"ProjectType-update"},{key:"ProjectType-destroy",title:"ProjectType-destroy"}]},{key:"Region",title:"Region",children:[{key:"Region-read",title:"Region-read"},{key:"Region-create",title:"Region-create"},{key:"Region-update",title:"Region-update"},{key:"Region-destroy",title:"Region-destroy"}]},{key:"ShortPlanFile",title:"ShortPlanFile",children:[{key:"ShortPlanFile-read",title:"ShortPlanFile-read"},{key:"ShortPlanFile-create",title:"ShortPlanFile-create"},{key:"ShortPlanFile-update",title:"ShortPlanFile-update"},{key:"ShortPlanFile-destroy",title:"ShortPlanFile-destroy"}]}],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(t){console.log("checkedKeys:",t)}}}},function(t,e,i){"use strict";e.a={name:"demo-tree-edit",data:function(){return{currentItem:null,editItem:null,treeState:"",modalShow:!1,name:"",data:[{title:"0-0",key:"0-0",expand:!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",expand:!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:{treeRenderContent:function(t){return"-"+t.title+"-"},addItem:function(t){this.modalShow=!this.modalShow},itemRemove:function(t,e,i){t.splice(i,1),console.log("remove item:",e)},saveItem:function(){var t=this.name,e=this.currentItem;if(!/^\s*$/.test(t))if("edit"!==this.treeState)if(null===e)this.data.push({title:t,key:t,children:[]});else{var i=e.children||[];i.push({title:t,key:t}),this.$set(e,"children",i)}else e.title=t,this.treeState="";this.modalShow=!1},selectHandler:function(t){this.currentItem=t},contextmenuHandler:function(t){console.log("item:",t)},itemDoubleClick:function(t){this.treeState="edit",this.currentItem=t,this.name=t.title,this.modalShow=!0}}}},function(t,e,i){"use strict";var n=i(2),a=i(3),s=i(676),o=i(675);e.a={components:{DemoTreeSelectMultiple:o.a,DemoTreeSelectSingle:s.a,CodeCard:a.a,MainLayout:n.a},data:function(){return{api_columns:["Attribute","Description","Type","Default"],api_data:[["value","v-model","Array","[]"],["data","tree data","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(t,e,i){"use strict";e.a={name:"demo-tree-select-multiple",data:function(){return{v:["ShortPlan","Project-read"],v1:[],data1:[{key:"ShortPlanCompletion",title:"ShortPlanCompletion",children:[{key:"ShortPlanCompletion-read",title:"ShortPlanCompletion-read"},{key:"ShortPlanCompletion-create",title:"ShortPlanCompletion-create"},{key:"ShortPlanCompletion-update",title:"ShortPlanCompletion-update"},{key:"ShortPlanCompletion-destroy",title:"ShortPlanCompletion-destroy"}]},{key:"User",title:"User",children:[{key:"User-read",title:"User-read"},{key:"User-create",title:"User-create"},{key:"User-update",title:"User-update"},{key:"User-destroy",title:"User-destroy"}]},{key:"SystemProfile",title:"SystemProfile",children:[{key:"SystemProfile-read",title:"SystemProfile-read"},{key:"SystemProfile-create",title:"SystemProfile-create"},{key:"SystemProfile-update",title:"SystemProfile-update"},{key:"SystemProfile-destroy",title:"SystemProfile-destroy"}]},{key:"ShortPlan",title:"ShortPlan",children:[{key:"ShortPlan-read",title:"ShortPlan-read"},{key:"ShortPlan-create",title:"ShortPlan-create"},{key:"ShortPlan-update",title:"ShortPlan-update"},{key:"ShortPlan-destroy",title:"ShortPlan-destroy"}]},{key:"Role",title:"Role",children:[{key:"Role-read",title:"Role-read"},{key:"Role-create",title:"Role-create"},{key:"Role-update",title:"Role-update"},{key:"Role-destroy",title:"Role-destroy"}]},{key:"Project",title:"Project",children:[{key:"Project-read",title:"Project-read"},{key:"Project-create",title:"Project-create"},{key:"Project-update",title:"Project-update"},{key:"Project-destroy",title:"Project-destroy"}]},{key:"Department",title:"Department",children:[{key:"Department-read",title:"Department-read"},{key:"Department-create",title:"Department-create"},{key:"Department-update",title:"Department-update"},{key:"Department-destroy",title:"Department-destroy"}]},{key:"Column",title:"Column",children:[{key:"Column-read",title:"Column-read"},{key:"Column-create",title:"Column-create"},{key:"Column-update",title:"Column-update"},{key:"Column-destroy",title:"Column-destroy"}]},{key:"Validate",title:"Validate",children:[{key:"Validate-read",title:"Validate-read"},{key:"Validate-create",title:"Validate-create"},{key:"Validate-update",title:"Validate-update"},{key:"Validate-destroy",title:"Validate-destroy"}]},{key:"LongPlanGroup",title:"LongPlanGroup",children:[{key:"LongPlanGroup-read",title:"LongPlanGroup-read"},{key:"LongPlanGroup-create",title:"LongPlanGroup-create"},{key:"LongPlanGroup-update",title:"LongPlanGroup-update"},{key:"LongPlanGroup-destroy",title:"LongPlanGroup-destroy"}]},{key:"FundType",title:"FundType",children:[{key:"FundType-read",title:"FundType-read"},{key:"FundType-create",title:"FundType-create"},{key:"FundType-update",title:"FundType-update"},{key:"FundType-destroy",title:"FundType-destroy"}]},{key:"LongPlan",title:"LongPlan",children:[{key:"LongPlan-read",title:"LongPlan-read"},{key:"LongPlan-create",title:"LongPlan-create"},{key:"LongPlan-update",title:"LongPlan-update"},{key:"LongPlan-destroy",title:"LongPlan-destroy"}]},{key:"ProjectType",title:"ProjectType",children:[{key:"ProjectType-read",title:"ProjectType-read"},{key:"ProjectType-create",title:"ProjectType-create"},{key:"ProjectType-update",title:"ProjectType-update"},{key:"ProjectType-destroy",title:"ProjectType-destroy"}]},{key:"Region",title:"Region",children:[{key:"Region-read",title:"Region-read"},{key:"Region-create",title:"Region-create"},{key:"Region-update",title:"Region-update"},{key:"Region-destroy",title:"Region-destroy"}]},{key:"ShortPlanFile",title:"ShortPlanFile",children:[{key:"ShortPlanFile-read",title:"ShortPlanFile-read"},{key:"ShortPlanFile-create",title:"ShortPlanFile-create"},{key:"ShortPlanFile-update",title:"ShortPlanFile-update"},{key:"ShortPlanFile-destroy",title:"ShortPlanFile-destroy"}]}],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-1-2",key:"0-1-2"}]}},methods:{changeHandler:function(t){console.log("keys:",this.v1,this.v,t)}}}},function(t,e,i){"use strict";e.a={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(t){console.log("keys:",t)}}}},function(t,e,i){"use strict";var n=i(2),a=i(3);e.a={components:{CodeCard:a.a,MainLayout:n.a},data:function(){return{loading:!1,api_columns:["Attribute","Description","Type","Default"],api_data:[["value","value",'Array[{name: "", url: ""}...]',"-"],["type","optional:picture
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 input accept Attribute',"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:["https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png","https://img.zcool.cn/community/01fb795567e9ed0000016756077c60.jpg@1280w_1l_2o_100sh.jpg"],files:[]}}}},function(t,e,i){"use strict";e.a={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"},{index:"loader",text:"Loader"},{index:"segment",text:"Segment"}]}},mounted:function(){var t=this;this.$refs.menus.forEach(function(e){t.menuActiveIndex===e.index?e.active=!0:e.active=!1})},methods:{toLinker:function(t){this.$router.push(t)}}}},function(t,e,i){"use strict";e.a={name:"fish-back-top",data:function(){return{visible:!1}},methods:{clickHandler:function(t){document.body.scrollTop=0,this.$emit("click",t)}},mounted:function(){var t=this;window.onscroll=function(){t.visible=document.body.scrollTop>0}}}},function(t,e,i){"use strict";e.a={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(t){this.loading||this.disabled||this.$emit("click",t)}}}},function(t,e,i){"use strict";e.a={name:"fish-buttons",props:{type:{type:String},size:{type:String}},computed:{classObject:function(){return["fish buttons",this.type,this.size]}}}},function(t,e,i){"use strict";var n=i(37),a=i.n(n),s=i(1),o=i.n(s),r=i(10),l=(i.n(r),i(322));e.a={components:{ContentRender:l.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:r.calendar.today},weeks:{type:Array,default:function(){return r.calendar.weeks}},months:{type:Array,default:function(){return r.calendar.months}},secondRender:{type:Function,default:function(t,e){return""}},minuteRender:{type:Function,default:function(t,e){return""}},hourRender:{type:Function,default:function(t,e){return""}},dayRender:{type:Function,default:function(t,e){return""}},monthRender:{type:Function,default:function(t,e){return""}},yearRender:{type:Function,default:function(t,e){return""}},cellRender:{type:Function}},mounted:function(){this.reset()},data:function(){return{state:this.mode,modes:c,modeIndex:c.indexOf(this.mode),valueDate:o()(this.value),current:{year:null,month:null,day:null,hour:null,minute:null,second:null},arrays:[]}},methods:{callStateTitleRender:function(t,e){return h[t].call(this,e)},reset:function(){this.setCurrent(this.valueDate),this.modeIndex>2&&(this.state="day"),this.showItemsHandler(this.state)},setCurrent:function(t){this.current={year:t.year(),month:t.month(),day:t.date(),hour:t.hour(),minute:t.minute(),second:t.second()}},pageHandler:function(t){var e=o()(this.current);e.add(t,c[c.indexOf(this.state)-1]),this.setCurrent(e),this.showItemsHandler(this.state)},showItemsHandler:function(t){this.state=t,this.arrays=u[t](this.current),this.emitChange()},selectItemHandler:function(t){if(this.current[this.state]="day"===this.state?t.date():t,"month"===this.state){var e=o()([this.current.year,this.current.month]).daysInMonth();this.current.day>e&&(this.current.day=e)}var i=this.modes.indexOf(this.state);this.modeIndex>i?this.showItemsHandler(this.modes[i+1]):this.emitSelect()},cellRenderFunc:function(t,e){return this[this.state+"Render"](t,e)},cellActive:function(t){var e=this.current,i=this.state;return"day"===this.state?e.day===t.date()&&e.month===t.month()&&e.year===t.year():e[i]===t},cellDisabled:function(t){if("day"===this.state)return this.current.month!==t.month()||this.notInMinAndMax(t);var e=a()({},this.current);return e[this.state]=t,this.notInMinAndMax(o()(e))},notInMinAndMax:function(t){return"-1"!==this.min&&o()(this.min).isAfter(t,this.state)||"-1"!==this.max&&o()(this.max).isBefore(t,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 c=["year","month","day","hour","minute","second"],d=[[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]],u={year:function(t){return[[t.year-10,t.year-9,t.year-8,t.year-7],[t.year-6,t.year-5,t.year-4,t.year-3],[t.year-2,t.year-1,t.year-0,t.year+1],[t.year+2,t.year+3,t.year+4,t.year+5],[t.year+6,t.year+7,t.year+8,t.year+9]]},month:function(t){return[[0,1,2],[3,4,5],[6,7,8],[9,10,11]]},day:function(t){return f(o()([t.year,t.month,t.day]))},hour:function(t){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(t){return d},second:function(t){return d}},h={year:function(t){return t},month:function(t){return this.months[t]},day:function(t){return t.date()},hour:function(t){return t+"h"},minute:function(t){return t+"m"},second:function(t){return t+"s"}},f=function(t){for(var e=[[],[],[],[],[],[]],i=0;i<6;i++)for(var n=0;n<7;n++){var a=o()(t).date(0),s=7*i+n+1;e[i][n]=a.weekday(s)}return e}},function(t,e,i){"use strict";e.a={name:"fish-card",props:{fluid:{type:Boolean,default:!1},nopadding:{type:Boolean,default:!1},maxHeight:{type:String},minHeight:{type:String},color:{type:String,default:""}},computed:{contentStyle:function(){var t={overflow:"auto"};return this.maxHeight&&(t["max-height"]=this.maxHeight),this.minHeight&&(t["min-height"]=this.minHeight),t}}}},function(t,e,i){"use strict";e.a={name:"fish-cards",props:{cols:{type:String,default:""}}}},function(t,e,i){"use strict";e.a={name:"fish-carousel",props:{transition:{type:String,default:"-webkit-transform 500ms ease"},dotStyle:{type:String,default:""},showCount:{type:Boolean,default:!0},timeout:{type:Number,default:3e3},autoPlay:{type:Boolean,default:!1}},data:function(){return{pause:!this.autoPlay,timer:null,width:0,childrenLength:0,activeIndex:0}},mounted:function(){var t=this;this.width=this.$el.offsetWidth,this.childrenLength=this.$children.length,this.$children.forEach(function(e,i){e.$el.style.width=t.width+"px",i>2&&(e.$el.style.display="none")}),this.autoPlay&&this.startTimer()},methods:{clickPlayHandler:function(){this.pause?this.startTimer():this.stopTimer(),this.pause=!this.pause},startTimer:function(){var t=this;this.timer=setInterval(function(){t.next()},this.timeout)},stopTimer:function(){console.log("stop-timer"),null!=this.timer&&clearInterval(this.timer),this.timer=null},clickHandler:function(t){this.next()},prev:function(){this.activeIndex<=0?this.activeIndex=0:--this.activeIndex,this.$emit("change",this.activeIndex),this.activeIndex>=1&&this.activeIndex好友
\\n Kristy is an art director living in New York.offset
can set the column to the right side\"}},[_c('template',{slot:\"demo\"},[_c('demo-grid-gutter-offset')],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-steps',{attrs:{\"size\":\"big\"}},[_c('fish-step',{attrs:{\"title\":\"AA\",\"description\":\"as..\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"BB\",\"active\":\"\",\"description\":\"bs..\",\"icon\":\"fa fa-usd\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"CC\",\"disabled\":\"\",\"description\":\"cs..\"}})],1)],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"circle
, square
\"}},[_c('template',{slot:\"demo\"},[_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\"}},[_vm._v(\"2\")]),_vm._v(\" \"),_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\",\"color\":\"primary\"}},[_vm._v(\"4\")])],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"A dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nA dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nprimary
positive
negative
basic
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',[_vm._v(\"Default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\"Primary\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"positive\"}},[_vm._v(\"Positive\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"negative\"}},[_vm._v(\"Negative\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"basic\"}},[_vm._v(\"Basic\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"square
circle
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"shape\":\"circle\"}},[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"margin-right\":\".5em\"}}),_vm._v(\"Search\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"size\":\"large\"}},[_vm._v(\"Large\")]),_vm._v(\" \"),_c('fish-button',[_vm._v(\"default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"medium\"}},[_vm._v(\"medium\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"small\"}},[_vm._v(\"Small\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"tiny\"}},[_vm._v(\"tiny\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"loading
property on the Button.\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"loading\":\"\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"primary\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"positive\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"basic\"}},[_vm._v(\"Loading\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"min
, max
\"}},[_c('template',{slot:\"demo\"},[_c('fish-input-number',{attrs:{\"min\":\"0\",\"max\":\"10\"},model:{value:(_vm.vMinMax),callback:function ($$v) {_vm.vMinMax=$$v},expression:\"vMinMax\"}})],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n index
, checkbox
\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-type')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n column.filters
。\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-filters')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n <fish-back-top></fish-back-top>
\n {{column}} | \n
---|
\n |
positive
negative
basic
\">\n \n <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>
\n \n circle
\">\n \n <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>
\n \n tiny
small
medium
large
big
huge
massive
\">\n \n <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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-calendar mode="year" min="2017-01" max="2018-01"></fish-calendar>
\n <fish-calendar mode="month" min="2017-07"></fish-calendar>
\n <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>
\n
\n <fish-calendar mode="second" value="2017-01-08" min="2017-01-07"></fish-calendar>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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.
\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>
\n \n 好友
\n Kristy is an art director living in New York.<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.
\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>
\n \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 \n <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>
\n \n <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>
\n \n <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>
\n \n <fish-card nopadding>\n <strong slot=\"header\">Card Tabs</strong>\n <fish-tabs type=\"card\" value=\"role\" nav-center>\n <fish-tab-pane label=\"User\" index=\"user\">User<br/>xxxxxxx</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</fish-card>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n {{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-checkbox index="x">Checkbox</fish-checkbox>
\n <fish-checkbox index="x" disabled>Checkbox</fish-checkbox>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
A dog .
\nThere are many breeds of dogs.
\nThree common ways for a prospective owner
\n<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>
\n \n A dog .
\nThere are many breeds of dogs.
\nThree common ways for a prospective owner
\n<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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n <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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-divider></fish-divider>
\n <fish-divider fitted></fish-divider>
\n {{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n <fish-row gutter="1">\n <fish-col type="fixed" :width="250" class="demo-col">Fixed-Width</fish-col>\n <fish-col type="auto" class="demo-col demo-col2">content: auto width </fish-col>\n</fish-row>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-image :url="require('../static/image.png')" style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/white-image.png')" bordered style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/image.png')" rounded style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/square-image.png')" shape="circle" style="height: 300px;"></fish-image>
\n {{column}} | \n
---|
\n |
Modern browsers
\nInstall Fish-UI with the node package manager. It can work with webpack and ES2015 very well.
\nIf you are in a bad network environment,you can try other registries and tools like cnpm。
\n$ npm install less less-loader fish-ui --save
\n \n<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/>\n<link rel="stylesheet" href="https://fonts.proxy.ustclug.org/css?family=Lato:400,700,400italic,700italic&subset=latin"/>\n
\n \n vue-cli
\n$ npm install -g vue-cli\n$ vue init webpack test\n$ cd test\n$ npm install less less-loader fish-ui --save
\n import FishUI from 'fish-ui'\nVue.use(FishUI)
\n \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
\n <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
\n $ npm run dev
\n <fish-input></fish-input>
\n <fish-input loading></fish-input>
\n <fish-input disabled></fish-input>
\n <fish-input icon="fa fa-search"></fish-input>\n<fish-input icon="fa fa-search" :iconLeft="true"></fish-input>
\n <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>
\n <fish-input type="textarea" style="height: 50px;"></fish-input>
\n <fish-input size="big"></fish-input><br/><br/>\n<fish-input size="small"></fish-input>
\n {{column}} | \n
---|
\n |
<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
\n max
\">\n \n <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
\n <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
\n {{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
<fish-segment style=\"height: 300px; width: 300px; position: relative;\">\n liangyuliang\n <fish-loader :active=\"active\"></fish-loader>\n</fish-segment>\n<fish-button @click=\"active = !active\">swap state</fish-button>
\n \n {{column}} | \n
---|
\n |
<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>
\n \n <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 <!--<fish-option index="3-3">Option-3</fish-option>-->\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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n {{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
<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>
\n message.warning(text, fadeTime = 3000)
message.info(text, fadeTime = 3000)
message.success(text, fadeTime = 3000)
message.error(text, fadeTime = 3000)
message.tip(title, content, position = 'top right')
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n popup.confirm: (event, html, okFunc, okText = 'Yes', cancelText = 'No')
{{column}} | \n
---|
\n |
<fish-radio index="x">Choice</fish-radio>
\n <fish-radio disabled index="2">Choice</fish-radio>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
\n \n
\n \n
\n \n
\n \n
\n \n This segment is on top
\nThis segment is attached on both sides
\nThis segment is on bottom
\n
\n \n
\n \n This segment is on left
\nThis segment is on right
\n
\n \n
\n \n This segment is on left
\nThis segment is on right
\n
\n \n {{column}} | \n
---|
\n |
<template>\n <fish-select v-model="singleSelectedValue">\n <fish-option index="false" content="Option-false"></fish-option>\n <fish-option index="true" content="Option-true"></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: false} }\n }\n</script>\n
\n <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
\n <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
\n <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
\n <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
\n <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>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n tiny
small
medium
large
big
huge
massive
\">\n \n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<template>\n <fish-switch v-model="v" :yesOrNo="[1, 0]"></fish-switch>\n <fish-switch v-model="v1">checked...</fish-switch>\n</template>\n<script>\n export default {\n data () {\n v: 0,\n v1: true\n }\n }\n</script>
\n <template>\n <fish-switch disabled></fish-switch>\n</template>\n<script>\n export default {\n data () {\n }\n }\n</script>
\n {{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n <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>
\n checkbox
\">\n \n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n <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
\n <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
\n <template>\n <fish-tabs type="text" 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
\n <template>\n <fish-tabs type="text" 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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n square
\">\n \n <fish-tag index="circle" shape="circle">2</fish-tag>\n<fish-tag index="circle" shape="circle" color="primary">4</fish-tag>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n {{column}} | \n
---|
\n |
<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>
\n {{column}} | \n
---|
\n |
<template>\n <div>\n <fish-button @click="addItem">Add Item</fish-button>\n <fish-tree :data="data" :default-selected-key="'0-0-0'" expand\n @item-click="selectHandler"\n :onItemRender="treeRenderContent"\n @item-remove="itemRemove"\n @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 currentItem: null,\n editItem: null,\n treeState: '',\n modalShow: false,\n name: '',\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 treeRenderContent (item) {\n return `-${item.title}-`\n },\n addItem (evt) {\n this.modalShow = !this.modalShow\n },\n itemRemove (data, item, index) {\n data.splice(index, 1)\n console.log('remove item:', item)\n },\n saveItem () {\n const { name, currentItem } = this\n if (!/^\\s*$/.test(name)) {\n if (this.treeState !== 'edit') {\n if (currentItem === null) this.data.push({title: name, key: name, children: []})\n else {\n let nary = (currentItem.children || [])\n nary.push({title: name, key: name})\n this.$set(currentItem, 'children', nary)\n }\n } else {\n currentItem.title = name\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.title\n this.modalShow = true\n }\n }\n }\n</script>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n {{column}} | \n
---|
\n |
copyright@2017 myliang
\n{{week}} | \n
---|
\n \n \n {{callStateTitleRender(state, item)}} \n \n \n \n | \n
\n | \n {{ hasCounting(rowIndex) ? '' : (rowIndex + 1) }} \n \n \n | \n
\n | \n |
{{ noMoreText }} | \n
\n | \n {{ column.title }}\n \n | \n \n |
---|
好友
\\n Kristy is an art director living in New York.offset
can set the column to the right side\"}},[_c('template',{slot:\"demo\"},[_c('demo-grid-gutter-offset')],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-steps',{attrs:{\"size\":\"big\"}},[_c('fish-step',{attrs:{\"title\":\"AA\",\"description\":\"as..\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"BB\",\"active\":\"\",\"description\":\"bs..\",\"icon\":\"fa fa-usd\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"CC\",\"disabled\":\"\",\"description\":\"cs..\"}})],1)],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"circle
, square
\"}},[_c('template',{slot:\"demo\"},[_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\"}},[_vm._v(\"2\")]),_vm._v(\" \"),_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\",\"color\":\"primary\"}},[_vm._v(\"4\")])],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"A dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nA dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nprimary
positive
negative
basic
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',[_vm._v(\"Default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\"Primary\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"positive\"}},[_vm._v(\"Positive\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"negative\"}},[_vm._v(\"Negative\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"basic\"}},[_vm._v(\"Basic\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"square
circle
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"shape\":\"circle\"}},[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"margin-right\":\".5em\"}}),_vm._v(\"Search\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"size\":\"large\"}},[_vm._v(\"Large\")]),_vm._v(\" \"),_c('fish-button',[_vm._v(\"default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"medium\"}},[_vm._v(\"medium\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"small\"}},[_vm._v(\"Small\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"tiny\"}},[_vm._v(\"tiny\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"loading
property on the Button.\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"loading\":\"\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"primary\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"positive\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"basic\"}},[_vm._v(\"Loading\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"min
, max
\"}},[_c('template',{slot:\"demo\"},[_c('fish-input-number',{attrs:{\"min\":\"0\",\"max\":\"10\"},model:{value:(_vm.vMinMax),callback:function ($$v) {_vm.vMinMax=$$v},expression:\"vMinMax\"}})],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n index
, checkbox
\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-type')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n column.filters
。\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-filters')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n primary
positive
negative
basic
or omitted', 'String', '-'], ['shape', 'button shape,can be set to circle
or omitted', 'String', '-'], ['size', 'button size,can be set to mini
tiny
small
medium
large
big
huge
massive
', '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']],\n datas: [['type', 'can be set to primary
positive
negative
basic
or omitted', 'String', '-'], ['size', 'can be set to mini
tiny
small
medium
large
big
huge
massive
', 'String', '-']]\n };\n },\n mounted: function mounted() {\n // console.log(':::mounted.button')\n }\n});\n\n/***/ }),\n/* 61 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n event_columns: ['Event', 'Description', 'Parameters'],\n 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)']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'v-model', 'String', '-'], ['mode', 'Can be set to minute
hour
day
month
year
', '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)', '-']]\n };\n },\n\n methods: {\n selectHandler: function selectHandler(current) {\n console.log('current: ', current);\n },\n changeHandler: function changeHandler(state, arrays, current) {\n console.log('change: ', state, '; ', arrays, '; ', current);\n }\n }\n});\n\n/***/ }),\n/* 62 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoTableBase_vue__ = __webpack_require__(338);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoTableBase: __WEBPACK_IMPORTED_MODULE_2__DemoTableBase_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n columns: ['Attribute', 'Description', 'Type', 'Default'],\n data1: [['color', 'optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
', 'String', '-'][('nopadding', 'optional: true or fase', 'Boolean', 'false')]],\n data: [['header', 'Card title(header)', 'String', '-'], ['image', 'Card image', 'String', '-'], ['footer', 'Card footer', 'String', '-']]\n };\n }\n});\n\n/***/ }),\n/* 63 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['dotStyle', 'dot style', 'stirng', ''], ['autoPlay', 'Whether to scroll automatically', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 64 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n cascaderValue: [],\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(values)', 'Callback when finishing cascader select', 'values
']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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],...]', '-']],\n 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']]]]]]\n };\n },\n\n methods: {\n changeHandler: function changeHandler(values) {\n console.log('values: ', values);\n }\n }\n});\n\n/***/ }),\n/* 65 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__DemoChartLine_vue__ = __webpack_require__(669);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_1__MainLayout_vue__[\"a\" /* default */],\n DemoChartLine: __WEBPACK_IMPORTED_MODULE_0__DemoChartLine_vue__[\"a\" /* default */] } });\n\n/***/ }),\n/* 66 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-chart-line',\n data: function data() {\n return {\n labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],\n data: [[12, 9, 7, 8, 5], [2, 1, 3.5, 7, 3], [1, 3, 4, 5, 6]]\n };\n }\n});\n\n/***/ }),\n/* 67 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n checkboxesValue: [],\n checkboxesValue1: [],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['mode', 'Can be set to vertical
horizontal
', 'String', 'horizontal'], ['disabled', 'Whether checkbox is disabled or not', 'Boolean', 'false']],\n api_data2: [['index', 'unique id of checkbox', 'String, Number', '-'], ['disabled', 'whether checkbox is disabled or not', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 68 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n name: 'demo-collapse',\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['bordered', 'Whether checkbox is bordered or not', 'Boolean', 'false']],\n api_data2: [['title', 'collapse title or slot=\"title\"', 'String', '-'], ['label', 'collapse label', 'String', '-'], ['index', 'keyword required', 'String, Number', '-']]\n };\n }\n});\n\n/***/ }),\n/* 69 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n datePickerValue: '',\n datePickerValue2: '',\n datePickerYValue: '',\n datePickerMonValue: '',\n datePickerHValue: '',\n datePickerMValue: '',\n datePickerSValue: '',\n weeks: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(v)', 'Callback when finishing select', 'v(selected item)']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'v-model', 'String', '-'], ['mode', 'can be set to minute
hour
day
month
year
', 'String', 'day'], ['min', 'The min value', 'String', '-1'], ['max', 'The max value', 'String', '-1'], ['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)', '-'], ['hint', 'Hint message', 'String', 'Please date'], ['format', 'Format value', 'String', '-']]\n };\n }\n});\n\n/***/ }),\n/* 70 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['fitted', 'remove margin', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 71 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n }\n});\n\n/***/ }),\n/* 72 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoFormValidate_vue__ = __webpack_require__(670);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n DemoFormValidate: __WEBPACK_IMPORTED_MODULE_2__DemoFormValidate_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['inline', 'Whether is inline or not', 'Boolean', 'false']],\n 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 async-validator', 'Array', ''], ['span', 'Span number (1-24)', 'String, Number', '-'], ['inline', 'Whether is inline or not', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 73 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-form-validate',\n data: function 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: 30,\n agree: true,\n cb: [],\n options: [['zhejiang', 'Zhejiang', [['hangzhou', 'Hangzhou', [['xihu', 'West Lake']]]]], ['jiangsu', 'Jiangsu', [['nanjing', 'Nanjing', [['zhonghuamen', 'Zhong Hua Men']]]]]]\n };\n },\n\n methods: {\n submitHandler: function submitHandler() {\n this.$refs.form.validate(function (valid) {\n console.log(valid);\n });\n }\n }\n});\n\n/***/ }),\n/* 74 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__DemoGridBase_vue__ = __webpack_require__(671);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoGridFixed_vue__ = __webpack_require__(672);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__DemoGridGutterOffset_vue__ = __webpack_require__(673);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoGridGutterOffset: __WEBPACK_IMPORTED_MODULE_4__DemoGridGutterOffset_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_3__CodeCard_vue__[\"a\" /* default */],\n DemoGridBase: __WEBPACK_IMPORTED_MODULE_1__DemoGridBase_vue__[\"a\" /* default */],\n DemoGridFixed: __WEBPACK_IMPORTED_MODULE_2__DemoGridFixed_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n columns: ['Attribute', 'Description', 'Type', 'Default'],\n data: [['gutter', 'spacing between grids, unit: em', 'String, Number', '-'], ['type', 'layout mode,optional: flex
', 'String', 'flex'], ['align', 'the vertical alignment of the flex layout: top
middle
bottom
', 'Number', 'top'], ['justify', 'horizontal arrangement of the flex layout: start
end
center
space-around
space-between
', 'String', 'start']],\n colData: [['type', 'options: percent, fixed, auto', 'String', 'percent'], ['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']]\n };\n }\n});\n\n/***/ }),\n/* 75 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-grid-base'\n});\n\n/***/ }),\n/* 76 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-grid-fixed'\n});\n\n/***/ }),\n/* 77 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-grid-gutter-offset'\n});\n\n/***/ }),\n/* 78 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['bordered', 'whether is bordered or not', 'Boolean', 'false'], ['rounded', 'whether is rounded or not', 'Boolean', 'false'], ['shape', 'optional: square
circle
', 'String', 'square']]\n };\n }\n});\n\n/***/ }),\n/* 79 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] }\n});\n\n/***/ }),\n/* 80 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n defaultValue: '',\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['type', 'input type, optional:text
textarea
password
...', '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: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
', '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'], ['autofocus', 'Whether the input autofocus', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 81 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n v: 1.234,\n vMinMax: 2,\n vStep: 5.5,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
', 'String', '-'], ['disabled', 'Whether it is disabled', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 82 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-layout-up-middle-down'\n});\n\n/***/ }),\n/* 83 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoLayoutBase_vue__ = __webpack_require__(675);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__DemoLayoutTopSiderHeader_vue__ = __webpack_require__(677);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__DemoLayoutSider_vue__ = __webpack_require__(676);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__DemoLayouUpMiddleDown_vue__ = __webpack_require__(674);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoLayoutUpMiddleDown: __WEBPACK_IMPORTED_MODULE_5__DemoLayouUpMiddleDown_vue__[\"a\" /* default */],\n DemoLayoutSider: __WEBPACK_IMPORTED_MODULE_4__DemoLayoutSider_vue__[\"a\" /* default */],\n DemoLayoutTopSiderHeader: __WEBPACK_IMPORTED_MODULE_3__DemoLayoutTopSiderHeader_vue__[\"a\" /* default */],\n DemoLayoutBase: __WEBPACK_IMPORTED_MODULE_2__DemoLayoutBase_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n columns: ['Attribute', 'Description', 'Type', 'Default'],\n data: [['sider', 'optional: l
tl
r
tr
', 'String', '-'], ['responsive', 'layout is responsive', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 84 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-layout-base'\n});\n\n/***/ }),\n/* 85 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-layout-sider'\n});\n\n/***/ }),\n/* 86 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-layout-top-sider-header'\n});\n\n/***/ }),\n/* 87 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n active: false,\n event_columns: ['Attribute', 'Description', 'Type', 'Default'],\n event_data: [['active', 'whether it is visible or not', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 88 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(index)', 'Callback for when menu is selected', 'Option.index index
']],\n columns: ['Attribute', 'Description', 'Type', 'Default'],\n data: [['mode', 'Menu mode, optional: vertical
horizontal
inline
', 'String', 'vertical'], ['size', 'optional: mini
tiny
small
medium
large
big
huge
massive
', 'String', '-'], ['indexDelimiter', 'option.index delimiter', 'String', '-'], ['default-active', 'default active option.index', 'String', '-']],\n subData: [['mode', 'optional: vertical
horizontal
inline
', 'String', 'vertical'], ['trigger', 'trigger event name, optional: hover
click
', 'String', 'hover'], ['indexDelimiter', 'option.index delimiter', 'String', '-'], ['index', 'unique key of option', 'String', '-']],\n optionData: [['index', 'unique key of option', 'String', '-'], ['content', 'show text', 'String', '-'], ['disabled', 'whether it is disabled', 'Boolean', 'false']]\n };\n },\n\n methods: {\n changeHandler: function changeHandler(evt, index) {\n console.log('::::index=', index);\n }\n }\n});\n\n/***/ }),\n/* 89 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['type', 'optional:warning
info
success
error
', 'String', 'warning']]\n };\n }\n});\n\n/***/ }),\n/* 90 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n showModal: false,\n attached: 'center',\n triggerEvent: null,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['title', 'title', 'String', '-'], ['padding', 'content padding', 'String', '1em'], ['attached', 'options: center, left, top, right, bottom', 'String', 'center'], ['marginTop', 'modal margin top size', 'String', '100px'], ['width', 'modal width', 'Number', '850'], ['visible', 'whether it is visible or not', 'Boolean', 'false']]\n };\n },\n\n methods: {\n swapAttached: function swapAttached(v) {\n this.attached = v;\n this.showModal = true;\n },\n showModalFunc: function showModalFunc(evt) {\n this.triggerEvent = null;\n this.showModal = true;\n },\n showModalFunc2: function showModalFunc2(evt) {\n this.triggerEvent = evt;\n this.showModal = true;\n }\n }\n});\n\n/***/ }),\n/* 91 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['text', 'text', 'String', '-'], ['fadeTime', 'the fade time', 'Number', '3000'], ['title', 'title', 'String', '-'], ['content', 'content', 'String', '-'], ['position', 'optional:top right
top left
bottom right
bottom left
(tip)', 'String', 'top right']]\n };\n },\n\n methods: {\n messageWarningHandler: function messageWarningHandler() {\n this.$message.warning('welcome to you !!!', 5000);\n },\n messageErrorHandler: function messageErrorHandler() {\n this.$message.error('error: welcome to you !!!', 5000);\n },\n messageSuccessHandler: function messageSuccessHandler() {\n this.$message.success('success: welcome to you !!!', 5000);\n },\n messageTipHandler: function 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\n/***/ }),\n/* 92 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n page: 2,\n page1: 1,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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)', '-']],\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(current)', 'Callback when changing', 'current
']]\n };\n }\n});\n\n/***/ }),\n/* 93 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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']]\n };\n },\n\n methods: {\n popupHandler: function popupHandler(event) {\n this.$popup.confirm(event, 'do you delete it?', function () {\n console.log('OK....');\n });\n },\n popup2Handler: function popup2Handler(event) {\n console.log(window.event, event);\n this.$popup.confirm(event, 'do you delete it?', function () {\n console.log('OK....');\n }, 'Confirm', 'Cancel');\n }\n }\n});\n\n/***/ }),\n/* 94 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n radiosValue: 0,\n radiosValue1: 0,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['index', 'unique key of the radio', 'String, Number', '-'], ['disabled', 'whether it is disabled', 'Boolean', 'false']]\n };\n }\n});\n\n/***/ }),\n/* 95 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_components_Col_vue__ = __webpack_require__(55);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n FishCol: __WEBPACK_IMPORTED_MODULE_2__src_components_Col_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n columns: ['Attribute', 'Description', 'Type', 'Default'],\n data: [['loading', 'set the loading status of segment', 'Boolean', 'false'], ['disabled', 'set the disabled status of segment', 'Boolean', 'false'], ['attached', 'optional:top
, bottom
', 'string', '-'], ['color', 'optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
', 'String', '-'], ['loading', 'set the loading status of button', 'Boolean', 'false']]\n };\n },\n mounted: function mounted() {\n // console.log(':::mounted.button')\n }\n});\n\n/***/ }),\n/* 96 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n cascadedValue: '',\n cascaded2Value: '',\n cascaded2Values: [],\n multipleValues: [],\n multipleValues1: [],\n singleSelectedValue: '1',\n singleSelectedValueWthSearch: [],\n singleSelectedValueWthSearch1: '',\n autoCompleteValue: '',\n autoCompleteMultipleValue: [],\n autoCompleteData: [],\n autoCompleteMultipleData: [],\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(values)', 'callback when changing', 'values
']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'v-model', 'String, Array', ''], ['hint', 'placeholder', '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']],\n optionData: [['index', 'unique key of the select', 'String', '-'], ['content', '-content-', 'String', '-'], ['disabled', 'whether it is disabled or not', 'Boolean', 'false']]\n };\n },\n\n methods: {\n changeCascadedHandler: function changeCascadedHandler(v) {\n if (v === '1') {\n this.cascaded2Values = ['test', 'test1'];\n } else {\n this.cascaded2Values = [];\n this.cascaded2Value = '';\n }\n },\n changeHandler: function changeHandler(values) {\n console.log('values:', values);\n },\n searchChangeHandler: function searchChangeHandler(v) {\n console.log('v:', v);\n this.autoCompleteData = [{ index: v + '11', content: v + '11' }, { index: v + '12', content: v + '12' }, { index: v + '13', content: v + '13' }, { index: v + '14', content: v + '14' }, { index: v + '15', content: v + '15' }];\n },\n mulitpleSearchChangeHandler: function mulitpleSearchChangeHandler(v) {\n this.autoCompleteMultipleData = [{ index: v + '11', content: v + '11' }, { index: v + '12', content: v + '12' }, { index: v + '13', content: v + '13' }, { index: v + '14', content: v + '14' }, { index: v + '15', content: v + '15' }];\n }\n }\n});\n\n/***/ }),\n/* 97 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['size', 'optional: mini
tiny
small
medium
large
big
huge
massive
', 'String', '-'], ['mode', 'optional:vertical
horizontal
', 'String', 'horizontal'], ['width', 'step width:,unit is px
when mode === vertical, unit is %
when mode === horizontal', 'String, Number', '100']],\n 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']]\n };\n }\n});\n\n/***/ }),\n/* 98 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-switch',\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n v: 0,\n v1: true,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['disabled', 'whether it is disabled', 'Boolean', 'false'], ['yesOrNo', 'yes or no', 'Array', '[true, false]']]\n };\n }\n});\n\n/***/ }),\n/* 99 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoTableBase_vue__ = __webpack_require__(338);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__DemoTableColumnType_vue__ = __webpack_require__(683);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__DemoTableColumnFilters_vue__ = __webpack_require__(679);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__DemoTableBorder_vue__ = __webpack_require__(678);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__DemoTableExpand_vue__ = __webpack_require__(684);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__DemoTableFixedHeader_vue__ = __webpack_require__(685);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__DemoTableScrollY_vue__ = __webpack_require__(689);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__DemoTableScrollXY_vue__ = __webpack_require__(688);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__DemoTableColumnFixed_vue__ = __webpack_require__(680);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__DemoTableColumnFixedScrollX_vue__ = __webpack_require__(681);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__DemoTableNoMore_vue__ = __webpack_require__(686);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__DemoTablePagination_vue__ = __webpack_require__(687);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__DemoTableColumnOrder_vue__ = __webpack_require__(682);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoTableColumnOrder: __WEBPACK_IMPORTED_MODULE_14__DemoTableColumnOrder_vue__[\"a\" /* default */],\n DemoTablePagination: __WEBPACK_IMPORTED_MODULE_13__DemoTablePagination_vue__[\"a\" /* default */],\n DemoTableNoMore: __WEBPACK_IMPORTED_MODULE_12__DemoTableNoMore_vue__[\"a\" /* default */],\n DemoTableColumnFixed: __WEBPACK_IMPORTED_MODULE_10__DemoTableColumnFixed_vue__[\"a\" /* default */],\n DemoTableColumnFixedScrollX: __WEBPACK_IMPORTED_MODULE_11__DemoTableColumnFixedScrollX_vue__[\"a\" /* default */],\n DemoTableScrollXy: __WEBPACK_IMPORTED_MODULE_9__DemoTableScrollXY_vue__[\"a\" /* default */],\n DemoTableScrollY: __WEBPACK_IMPORTED_MODULE_8__DemoTableScrollY_vue__[\"a\" /* default */],\n DemoTableFixedHeader: __WEBPACK_IMPORTED_MODULE_7__DemoTableFixedHeader_vue__[\"a\" /* default */],\n DemoTableExpand: __WEBPACK_IMPORTED_MODULE_6__DemoTableExpand_vue__[\"a\" /* default */],\n DemoTableBorder: __WEBPACK_IMPORTED_MODULE_5__DemoTableBorder_vue__[\"a\" /* default */],\n DemoTableColumnFilters: __WEBPACK_IMPORTED_MODULE_4__DemoTableColumnFilters_vue__[\"a\" /* default */],\n DemoTableColumnType: __WEBPACK_IMPORTED_MODULE_3__DemoTableColumnType_vue__[\"a\" /* default */],\n DemoTableBase: __WEBPACK_IMPORTED_MODULE_2__DemoTableBase_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n loading: false,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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)', '-']],\n api_data2: [['title', 'column.title', 'string', '-'], ['key', 'column.key', 'string', '-'], ['type', 'optional:index
checkbox
', 'string', '-'], ['fixed', 'the fixed position: left
right
', 'string', 'left'], ['sortable', 'column.sortable', 'boolean', 'false'], ['render(h, record, column)', 'customize cell render', 'function', '-'], ['filters', 'column filters', 'Array[{lable: \\'\\', value: \\'\\'}]', '-']]\n };\n },\n\n methods: {\n changeHandler: function changeHandler(currentPage, filters) {\n console.log('pagination: ', currentPage, '; filters:', filters);\n }\n }\n});\n\n/***/ }),\n/* 100 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-base',\n data: function data() {\n return {\n columns: [{ title: 'Name', key: 'name' }, { title: 'age', key: 'age' }, { title: 'Address', key: 'address' }, { title: 'Operate',\n key: 'operate',\n render: function render(h, record, column) {\n return h('a', '编辑');\n } }],\n data: [{ name: 'yanbin.hu', age: 0, address: 'haidi part 1, xihu, Hangzhou' }, { name: 'yanzu.wu', age: 1, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu', age: 2, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou' }]\n };\n },\n\n methods: {\n trClick: function trClick(item, rIndex) {\n console.log('>>>tr-click:', item, rIndex);\n }\n }\n});\n\n/***/ }),\n/* 101 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-border',\n data: function data() {\n return {\n columns: [{ title: 'Name', key: 'name' }, { title: 'age', key: 'age' }, { title: 'Address', key: 'address' }],\n 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' }]\n };\n }\n});\n\n/***/ }),\n/* 102 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__);\n\n\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-column-filters',\n data: function data() {\n var 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' }];\n return {\n 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' }],\n data: data,\n oldData: data\n };\n },\n\n methods: {\n changeHandler: function changeHandler(pagination, filters) {\n var nData = this.oldData;\n\n var _loop = function _loop(key) {\n nData = nData.filter(function (item) {\n return filters[key].includes(item[key]);\n });\n };\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default()(filters)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var key = _step.value;\n\n _loop(key);\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n this.data = nData;\n console.log('pagination:', pagination, ', filters:', filters);\n }\n }\n});\n\n/***/ }),\n/* 103 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-column-fixed',\n data: function data() {\n return {\n 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' }],\n data: []\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n setTimeout(function () {\n _this.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 }];\n }, 2000);\n }\n});\n\n/***/ }),\n/* 104 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-column-fixed-scroll-x',\n data: function data() {\n return {\n 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' }],\n 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 }]\n };\n }\n});\n\n/***/ }),\n/* 105 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__);\n\n\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-column-order',\n data: function data() {\n var data = [{ 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' }];\n return {\n columns: [{ title: '#', type: 'index', width: '50', align: 'center' }, { title: 'Name', key: 'name', sortable: true }, { title: 'age', key: 'age', filters: [{ label: '32岁', value: 32 }], sortable: true }, { title: 'Address', key: 'address' }],\n data: data,\n oldData: data\n };\n },\n\n methods: {\n changeHandler: function changeHandler(pagination, filters, sorter) {\n console.log('::::::::::>>>');\n var nData = this.oldData;\n\n var _loop = function _loop(key) {\n nData = nData.filter(function (item) {\n return filters[key].includes(item[key]);\n });\n };\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default()(filters)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var key = _step.value;\n\n _loop(key);\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n if (sorter) {\n nData.sort(function (a, b) {\n var bv = b[sorter.key] + '';\n var 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\n/***/ }),\n/* 106 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-column-type',\n data: function data() {\n return {\n columns: [{ title: '#', type: 'index', width: '50', align: 'center' }, { title: '', type: 'checkbox', width: '50', align: 'center' }, { title: 'Name', key: 'name' }, { title: 'age', key: 'age' }, { title: 'Address', key: 'address' }, { title: 'obj#key', key: 'obj#key' }],\n data: [{ name: 'yanbin.hu', age: 32, address: 'haidi part 1, xihu, Hangzhou', obj: { key: 'key1' } }, { name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou', obj: { key: 'key2' } }, { name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou', obj: { key: 'key3' } }, { name: 'yanzu.wu', age: 35, address: 'haidi part 5, xihu, Hangzhou' }]\n };\n },\n\n methods: {\n selectHandler: function selectHandler(selectedItems) {\n console.log('selectedItems:', selectedItems);\n }\n }\n});\n\n/***/ }),\n/* 107 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-expand',\n data: function data() {\n return {\n columns: [{ title: 'Name', key: 'name' }, { title: 'age', key: 'age' }, { title: 'Address', key: 'address' }],\n data: [{ name: 'yanbin.hu65', age: 365, address: 'haidi part 1, xihu, Hangzhou' }, { name: 'yanzu.wu-64', age: 364, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-63', age: 363, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-62', age: 362, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-61', age: 361, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-60', age: 360, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-59', age: 359, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-58', age: 358, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-57', age: 357, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-56', age: 356, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-55', age: 355, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-54', age: 354, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-53', age: 353, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-52', age: 352, address: 'haidi part 5, xihu, Hangzhou' }, { name: 'yanzu.wu-51', age: 351, address: 'haidi part 5, xihu, Hangzhou' }]\n };\n }\n});\n\n/***/ }),\n/* 108 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-fixed-header',\n data: function data() {\n return {\n columns: [{ title: 'Date', key: 'date' }, {\n title: 'Delivery',\n children: [{ title: 'Name', key: 'name' }, {\n title: 'Address',\n children: [{ title: 'Province', key: 'province' }, { title: 'City', key: 'city' }, { title: 'Address', key: 'address' }, { title: 'Postcode', key: 'zip' }]\n }]\n }],\n data: []\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n setTimeout(function () {\n _this.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 }];\n }, 2000);\n }\n});\n\n/***/ }),\n/* 109 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-no-more',\n data: function data() {\n return {\n columns: [{ title: 'Name', key: 'name' }, { title: 'age', key: 'age' }, { title: 'Address', key: 'address' }, { title: 'Operate',\n key: 'operate',\n render: function render(h, record, column) {\n return h('a', '编辑');\n } }],\n data: []\n };\n }\n});\n\n/***/ }),\n/* 110 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator__);\n\n\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-pagination',\n data: function data() {\n var 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' }];\n return {\n page: { total: 15, current: 1 },\n columns: [{ title: 'Name', key: 'name' }, { title: 'age', key: 'age', filters: [{ label: '32岁', value: 32 }, { label: '35岁', value: 35 }] }, { title: 'Address', key: 'address' }, { title: 'Operate',\n key: 'operate',\n render: function render(h, record, column) {\n return h('a', '编辑');\n } }],\n data: data,\n oldData: data\n };\n },\n\n methods: {\n changeHandler: function changeHandler(pagination, filters) {\n var nData = this.oldData;\n\n var _loop = function _loop(key) {\n nData = nData.filter(function (item) {\n return filters[key].includes(item[key]);\n });\n };\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_get_iterator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_keys___default()(filters)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var key = _step.value;\n\n _loop(key);\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n this.data = nData;\n console.log('pagination:', pagination, ', filters:', filters);\n }\n }\n});\n\n/***/ }),\n/* 111 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-scroll-xy',\n data: function data() {\n return {\n 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' }],\n data: []\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n setTimeout(function () {\n _this.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 }];\n }, 2000);\n }\n});\n\n/***/ }),\n/* 112 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-table-scroll-y',\n data: function data() {\n return {\n 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' }],\n data: []\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n setTimeout(function () {\n _this.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 }];\n }, 2000);\n }\n});\n\n/***/ }),\n/* 113 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n indexValue: 'role',\n cnt: 1,\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['tab-change(index)', 'callback when tab changing', 'TabPanel.index index
']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'value', 'String, Number', '-'], ['type', 'optional:card
text
or empty', 'String', '-'], ['padding', 'set content padding style', 'String', '-']],\n api_data2: [['label', 'tab label', 'String', '-'], ['index', 'unique key of tab', 'String', '-']]\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n setTimeout(function () {\n return _this.cnt = 100;\n }, 5000);\n },\n\n methods: {\n tabChangeHandler: function tabChangeHandler(index) {\n console.log('tab.index: ', index);\n }\n }\n});\n\n/***/ }),\n/* 114 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['size', 'optional: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
', 'String', '-'], ['edited', 'whether it is edited or not', 'Boolean', 'false'], ['items', 'tag items', 'Array', '-']],\n 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:circle
, square
', 'string', 'square'], ['attached', 'optional:top
, top left
, top right
, bottom
, bottom left
, bottom right
', 'string', '-'], ['size', 'optional: mini
, tiny
, small
, medium
, large
, big
, huge
, massive
', 'String', '-'], ['color', 'optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
', 'String', '-']],\n event_columns: ['Event', 'Description', 'Parameters'],\n 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']],\n tags1: [[true, 'tag1-radio'], [false, 'tag2-radio'], [false, 'tag3-radio']],\n tags: ['tag1', 'tag2', 'tag3']\n };\n },\n\n methods: {\n checkClickHandler: function checkClickHandler(index, checked) {\n this.tags1.splice(index, 1, [checked, this.tags1[index][1]]);\n },\n addCheckHandler: function addCheckHandler(v) {\n this.tags.push(v);\n },\n groupCloseHandler: function groupCloseHandler(index) {\n this.tags.splice(index, 1);\n }\n }\n});\n\n/***/ }),\n/* 115 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n timePickerValue: '',\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(v)', 'callback when changing', 'v(selected value)']],\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'v-model', 'String', '00:00:00'], ['hint', 'hint', 'String', 'Please time']]\n };\n }\n});\n\n/***/ }),\n/* 116 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({ components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['color', 'optional: red
, orange
, yellow
, olive
, green
, teal
, blue
, violet
, purple
, pink
, brown
, grey
, black
', 'String', '-']]\n };\n }\n});\n\n/***/ }),\n/* 117 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__DemoTransferBase_vue__ = __webpack_require__(690);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__[\"a\" /* default */],\n DemoTransferBase: __WEBPACK_IMPORTED_MODULE_1__DemoTransferBase_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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']]\n };\n }\n});\n\n/***/ }),\n/* 118 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-transfer-base',\n data: function data() {\n return {\n data: [{ key: 'o_1', label: 'option 1', disabled: true }, { 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: true }, { 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' }],\n v: []\n };\n }\n});\n\n/***/ }),\n/* 119 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__DemoTreeEdit_vue__ = __webpack_require__(692);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__DemoTreeCheckbox_vue__ = __webpack_require__(691);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoTreeCheckbox: __WEBPACK_IMPORTED_MODULE_3__DemoTreeCheckbox_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_2__CodeCard_vue__[\"a\" /* default */],\n DemoTreeEdit: __WEBPACK_IMPORTED_MODULE_1__DemoTreeEdit_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n 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'], ['checkabled(multiple, item)', 'whether it is checked or not', 'Function', 'multiple'], ['data', 'tree data: [{key: \"\", title: \"\", expand: true | false, children: []}]', 'Array', ''], ['render', 'render show text', 'Function(item)', '() => item.title'], ['edited', 'whether it is edited or not', 'Boolean', 'false'], ['delimiter', 'the key delimiter in data', 'String', '-']],\n event_columns: ['Event', 'Description', 'Parameters'],\n 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'], ['item-remove(data, item, itemIndex)', 'callback when item is removed', 'item']]\n };\n }\n});\n\n/***/ }),\n/* 120 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-tree-checkbox',\n data: function data() {\n return {\n data1: [{ \"key\": \"ShortPlanCompletion\", \"title\": \"ShortPlanCompletion\", \"children\": [{ \"key\": \"ShortPlanCompletion-read\", \"title\": \"ShortPlanCompletion-read\" }, { \"key\": \"ShortPlanCompletion-create\", \"title\": \"ShortPlanCompletion-create\" }, { \"key\": \"ShortPlanCompletion-update\", \"title\": \"ShortPlanCompletion-update\" }, { \"key\": \"ShortPlanCompletion-destroy\", \"title\": \"ShortPlanCompletion-destroy\" }] }, { \"key\": \"User\", \"title\": \"User\", \"children\": [{ \"key\": \"User-read\", \"title\": \"User-read\" }, { \"key\": \"User-create\", \"title\": \"User-create\" }, { \"key\": \"User-update\", \"title\": \"User-update\" }, { \"key\": \"User-destroy\", \"title\": \"User-destroy\" }] }, { \"key\": \"SystemProfile\", \"title\": \"SystemProfile\", \"children\": [{ \"key\": \"SystemProfile-read\", \"title\": \"SystemProfile-read\" }, { \"key\": \"SystemProfile-create\", \"title\": \"SystemProfile-create\" }, { \"key\": \"SystemProfile-update\", \"title\": \"SystemProfile-update\" }, { \"key\": \"SystemProfile-destroy\", \"title\": \"SystemProfile-destroy\" }] }, { \"key\": \"ShortPlan\", \"title\": \"ShortPlan\", \"children\": [{ \"key\": \"ShortPlan-read\", \"title\": \"ShortPlan-read\" }, { \"key\": \"ShortPlan-create\", \"title\": \"ShortPlan-create\" }, { \"key\": \"ShortPlan-update\", \"title\": \"ShortPlan-update\" }, { \"key\": \"ShortPlan-destroy\", \"title\": \"ShortPlan-destroy\" }] }, { \"key\": \"Role\", \"title\": \"Role\", \"children\": [{ \"key\": \"Role-read\", \"title\": \"Role-read\" }, { \"key\": \"Role-create\", \"title\": \"Role-create\" }, { \"key\": \"Role-update\", \"title\": \"Role-update\" }, { \"key\": \"Role-destroy\", \"title\": \"Role-destroy\" }] }, { \"key\": \"Project\", \"title\": \"Project\", \"children\": [{ \"key\": \"Project-read\", \"title\": \"Project-read\" }, { \"key\": \"Project-create\", \"title\": \"Project-create\" }, { \"key\": \"Project-update\", \"title\": \"Project-update\" }, { \"key\": \"Project-destroy\", \"title\": \"Project-destroy\" }] }, { \"key\": \"Department\", \"title\": \"Department\", \"children\": [{ \"key\": \"Department-read\", \"title\": \"Department-read\" }, { \"key\": \"Department-create\", \"title\": \"Department-create\" }, { \"key\": \"Department-update\", \"title\": \"Department-update\" }, { \"key\": \"Department-destroy\", \"title\": \"Department-destroy\" }] }, { \"key\": \"Column\", \"title\": \"Column\", \"children\": [{ \"key\": \"Column-read\", \"title\": \"Column-read\" }, { \"key\": \"Column-create\", \"title\": \"Column-create\" }, { \"key\": \"Column-update\", \"title\": \"Column-update\" }, { \"key\": \"Column-destroy\", \"title\": \"Column-destroy\" }] }, { \"key\": \"Validate\", \"title\": \"Validate\", \"children\": [{ \"key\": \"Validate-read\", \"title\": \"Validate-read\" }, { \"key\": \"Validate-create\", \"title\": \"Validate-create\" }, { \"key\": \"Validate-update\", \"title\": \"Validate-update\" }, { \"key\": \"Validate-destroy\", \"title\": \"Validate-destroy\" }] }, { \"key\": \"LongPlanGroup\", \"title\": \"LongPlanGroup\", \"children\": [{ \"key\": \"LongPlanGroup-read\", \"title\": \"LongPlanGroup-read\" }, { \"key\": \"LongPlanGroup-create\", \"title\": \"LongPlanGroup-create\" }, { \"key\": \"LongPlanGroup-update\", \"title\": \"LongPlanGroup-update\" }, { \"key\": \"LongPlanGroup-destroy\", \"title\": \"LongPlanGroup-destroy\" }] }, { \"key\": \"FundType\", \"title\": \"FundType\", \"children\": [{ \"key\": \"FundType-read\", \"title\": \"FundType-read\" }, { \"key\": \"FundType-create\", \"title\": \"FundType-create\" }, { \"key\": \"FundType-update\", \"title\": \"FundType-update\" }, { \"key\": \"FundType-destroy\", \"title\": \"FundType-destroy\" }] }, { \"key\": \"LongPlan\", \"title\": \"LongPlan\", \"children\": [{ \"key\": \"LongPlan-read\", \"title\": \"LongPlan-read\" }, { \"key\": \"LongPlan-create\", \"title\": \"LongPlan-create\" }, { \"key\": \"LongPlan-update\", \"title\": \"LongPlan-update\" }, { \"key\": \"LongPlan-destroy\", \"title\": \"LongPlan-destroy\" }] }, { \"key\": \"ProjectType\", \"title\": \"ProjectType\", \"children\": [{ \"key\": \"ProjectType-read\", \"title\": \"ProjectType-read\" }, { \"key\": \"ProjectType-create\", \"title\": \"ProjectType-create\" }, { \"key\": \"ProjectType-update\", \"title\": \"ProjectType-update\" }, { \"key\": \"ProjectType-destroy\", \"title\": \"ProjectType-destroy\" }] }, { \"key\": \"Region\", \"title\": \"Region\", \"children\": [{ \"key\": \"Region-read\", \"title\": \"Region-read\" }, { \"key\": \"Region-create\", \"title\": \"Region-create\" }, { \"key\": \"Region-update\", \"title\": \"Region-update\" }, { \"key\": \"Region-destroy\", \"title\": \"Region-destroy\" }] }, { \"key\": \"ShortPlanFile\", \"title\": \"ShortPlanFile\", \"children\": [{ \"key\": \"ShortPlanFile-read\", \"title\": \"ShortPlanFile-read\" }, { \"key\": \"ShortPlanFile-create\", \"title\": \"ShortPlanFile-create\" }, { \"key\": \"ShortPlanFile-update\", \"title\": \"ShortPlanFile-update\" }, { \"key\": \"ShortPlanFile-destroy\", \"title\": \"ShortPlanFile-destroy\" }] }],\n data: [{\n title: '0-0',\n key: '0-0',\n children: [{\n title: '0-0-0',\n key: '0-0-0',\n 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' }]\n }, {\n title: '0-0-1',\n key: '0-0-1',\n 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' }]\n }, {\n title: '0-0-2',\n key: '0-0-2'\n }]\n }, {\n title: '0-1',\n key: '0-1',\n 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' }]\n }, {\n title: '0-2',\n key: '0-2'\n }]\n };\n },\n\n methods: {\n itemCheckedHandler: function itemCheckedHandler(checkedKeys) {\n console.log('checkedKeys:', checkedKeys);\n }\n }\n});\n\n/***/ }),\n/* 121 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-tree-edit',\n data: function data() {\n return {\n currentItem: null,\n editItem: null,\n treeState: '',\n modalShow: false,\n name: '',\n data: [{\n title: '0-0',\n key: '0-0',\n expand: true,\n children: [{\n title: '0-0-0',\n key: '0-0-0',\n 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' }]\n }, {\n title: '0-0-1',\n key: '0-0-1',\n expand: false,\n 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' }]\n }, {\n title: '0-0-2',\n key: '0-0-2'\n }]\n }, {\n title: '0-1',\n key: '0-1',\n 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' }]\n }, {\n title: '0-2',\n key: '0-2'\n }]\n };\n },\n\n methods: {\n treeRenderContent: function treeRenderContent(item) {\n return '-' + item.title + '-';\n },\n addItem: function addItem(evt) {\n this.modalShow = !this.modalShow;\n },\n itemRemove: function itemRemove(data, item, index) {\n data.splice(index, 1);\n console.log('remove item:', item);\n },\n saveItem: function saveItem() {\n var name = this.name,\n currentItem = this.currentItem;\n\n if (!/^\\s*$/.test(name)) {\n if (this.treeState !== 'edit') {\n if (currentItem === null) this.data.push({ title: name, key: name, children: [] });else {\n var nary = currentItem.children || [];\n nary.push({ title: name, key: name });\n this.$set(currentItem, 'children', nary);\n }\n } else {\n currentItem.title = name;\n // currentItem.splice(1, 1, name)\n this.treeState = '';\n }\n }\n this.modalShow = false;\n },\n selectHandler: function selectHandler(item) {\n this.currentItem = item;\n },\n contextmenuHandler: function contextmenuHandler(item) {\n console.log('item:', item);\n },\n itemDoubleClick: function itemDoubleClick(item) {\n this.treeState = 'edit';\n this.currentItem = item;\n this.name = item.title;\n this.modalShow = true;\n }\n }\n});\n\n/***/ }),\n/* 122 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__DemoTreeSelectSingle_vue__ = __webpack_require__(694);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__DemoTreeSelectMultiple_vue__ = __webpack_require__(693);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n DemoTreeSelectMultiple: __WEBPACK_IMPORTED_MODULE_3__DemoTreeSelectMultiple_vue__[\"a\" /* default */],\n DemoTreeSelectSingle: __WEBPACK_IMPORTED_MODULE_2__DemoTreeSelectSingle_vue__[\"a\" /* default */],\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */] },\n data: function data() {\n return {\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'v-model', 'Array', '[]'], ['data', 'tree data', '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', '-']],\n event_columns: ['Event', 'Description', 'Parameters'],\n event_data: [['change(keys)', 'callback when changing', 'keys']]\n };\n }\n});\n\n/***/ }),\n/* 123 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-tree-select-multiple',\n data: function data() {\n return {\n v: ['ShortPlan', 'Project-read'],\n v1: [],\n data1: [{ \"key\": \"ShortPlanCompletion\", \"title\": \"ShortPlanCompletion\", \"children\": [{ \"key\": \"ShortPlanCompletion-read\", \"title\": \"ShortPlanCompletion-read\" }, { \"key\": \"ShortPlanCompletion-create\", \"title\": \"ShortPlanCompletion-create\" }, { \"key\": \"ShortPlanCompletion-update\", \"title\": \"ShortPlanCompletion-update\" }, { \"key\": \"ShortPlanCompletion-destroy\", \"title\": \"ShortPlanCompletion-destroy\" }] }, { \"key\": \"User\", \"title\": \"User\", \"children\": [{ \"key\": \"User-read\", \"title\": \"User-read\" }, { \"key\": \"User-create\", \"title\": \"User-create\" }, { \"key\": \"User-update\", \"title\": \"User-update\" }, { \"key\": \"User-destroy\", \"title\": \"User-destroy\" }] }, { \"key\": \"SystemProfile\", \"title\": \"SystemProfile\", \"children\": [{ \"key\": \"SystemProfile-read\", \"title\": \"SystemProfile-read\" }, { \"key\": \"SystemProfile-create\", \"title\": \"SystemProfile-create\" }, { \"key\": \"SystemProfile-update\", \"title\": \"SystemProfile-update\" }, { \"key\": \"SystemProfile-destroy\", \"title\": \"SystemProfile-destroy\" }] }, { \"key\": \"ShortPlan\", \"title\": \"ShortPlan\", \"children\": [{ \"key\": \"ShortPlan-read\", \"title\": \"ShortPlan-read\" }, { \"key\": \"ShortPlan-create\", \"title\": \"ShortPlan-create\" }, { \"key\": \"ShortPlan-update\", \"title\": \"ShortPlan-update\" }, { \"key\": \"ShortPlan-destroy\", \"title\": \"ShortPlan-destroy\" }] }, { \"key\": \"Role\", \"title\": \"Role\", \"children\": [{ \"key\": \"Role-read\", \"title\": \"Role-read\" }, { \"key\": \"Role-create\", \"title\": \"Role-create\" }, { \"key\": \"Role-update\", \"title\": \"Role-update\" }, { \"key\": \"Role-destroy\", \"title\": \"Role-destroy\" }] }, { \"key\": \"Project\", \"title\": \"Project\", \"children\": [{ \"key\": \"Project-read\", \"title\": \"Project-read\" }, { \"key\": \"Project-create\", \"title\": \"Project-create\" }, { \"key\": \"Project-update\", \"title\": \"Project-update\" }, { \"key\": \"Project-destroy\", \"title\": \"Project-destroy\" }] }, { \"key\": \"Department\", \"title\": \"Department\", \"children\": [{ \"key\": \"Department-read\", \"title\": \"Department-read\" }, { \"key\": \"Department-create\", \"title\": \"Department-create\" }, { \"key\": \"Department-update\", \"title\": \"Department-update\" }, { \"key\": \"Department-destroy\", \"title\": \"Department-destroy\" }] }, { \"key\": \"Column\", \"title\": \"Column\", \"children\": [{ \"key\": \"Column-read\", \"title\": \"Column-read\" }, { \"key\": \"Column-create\", \"title\": \"Column-create\" }, { \"key\": \"Column-update\", \"title\": \"Column-update\" }, { \"key\": \"Column-destroy\", \"title\": \"Column-destroy\" }] }, { \"key\": \"Validate\", \"title\": \"Validate\", \"children\": [{ \"key\": \"Validate-read\", \"title\": \"Validate-read\" }, { \"key\": \"Validate-create\", \"title\": \"Validate-create\" }, { \"key\": \"Validate-update\", \"title\": \"Validate-update\" }, { \"key\": \"Validate-destroy\", \"title\": \"Validate-destroy\" }] }, { \"key\": \"LongPlanGroup\", \"title\": \"LongPlanGroup\", \"children\": [{ \"key\": \"LongPlanGroup-read\", \"title\": \"LongPlanGroup-read\" }, { \"key\": \"LongPlanGroup-create\", \"title\": \"LongPlanGroup-create\" }, { \"key\": \"LongPlanGroup-update\", \"title\": \"LongPlanGroup-update\" }, { \"key\": \"LongPlanGroup-destroy\", \"title\": \"LongPlanGroup-destroy\" }] }, { \"key\": \"FundType\", \"title\": \"FundType\", \"children\": [{ \"key\": \"FundType-read\", \"title\": \"FundType-read\" }, { \"key\": \"FundType-create\", \"title\": \"FundType-create\" }, { \"key\": \"FundType-update\", \"title\": \"FundType-update\" }, { \"key\": \"FundType-destroy\", \"title\": \"FundType-destroy\" }] }, { \"key\": \"LongPlan\", \"title\": \"LongPlan\", \"children\": [{ \"key\": \"LongPlan-read\", \"title\": \"LongPlan-read\" }, { \"key\": \"LongPlan-create\", \"title\": \"LongPlan-create\" }, { \"key\": \"LongPlan-update\", \"title\": \"LongPlan-update\" }, { \"key\": \"LongPlan-destroy\", \"title\": \"LongPlan-destroy\" }] }, { \"key\": \"ProjectType\", \"title\": \"ProjectType\", \"children\": [{ \"key\": \"ProjectType-read\", \"title\": \"ProjectType-read\" }, { \"key\": \"ProjectType-create\", \"title\": \"ProjectType-create\" }, { \"key\": \"ProjectType-update\", \"title\": \"ProjectType-update\" }, { \"key\": \"ProjectType-destroy\", \"title\": \"ProjectType-destroy\" }] }, { \"key\": \"Region\", \"title\": \"Region\", \"children\": [{ \"key\": \"Region-read\", \"title\": \"Region-read\" }, { \"key\": \"Region-create\", \"title\": \"Region-create\" }, { \"key\": \"Region-update\", \"title\": \"Region-update\" }, { \"key\": \"Region-destroy\", \"title\": \"Region-destroy\" }] }, { \"key\": \"ShortPlanFile\", \"title\": \"ShortPlanFile\", \"children\": [{ \"key\": \"ShortPlanFile-read\", \"title\": \"ShortPlanFile-read\" }, { \"key\": \"ShortPlanFile-create\", \"title\": \"ShortPlanFile-create\" }, { \"key\": \"ShortPlanFile-update\", \"title\": \"ShortPlanFile-update\" }, { \"key\": \"ShortPlanFile-destroy\", \"title\": \"ShortPlanFile-destroy\" }] }],\n data: [{\n title: '0-0',\n key: '0-0',\n children: [{\n title: '0-0-0',\n key: '0-0-0',\n 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' }]\n }, {\n title: '0-0-1',\n key: '0-0-1',\n 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' }]\n }, {\n title: '0-0-2',\n key: '0-0-2'\n }]\n }, {\n title: '0-1',\n key: '0-1',\n 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' }]\n }, {\n title: '0-1-2',\n key: '0-1-2'\n }]\n };\n },\n\n methods: {\n changeHandler: function changeHandler(keys) {\n console.log('keys:', this.v1, this.v, keys);\n }\n }\n});\n\n/***/ }),\n/* 124 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'demo-tree-select-single',\n data: function 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: [{ 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' }]\n }, {\n title: '0-0-1',\n key: '0-0-1',\n 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' }]\n }, {\n title: '0-0-2',\n key: '0-0-2'\n }]\n }, {\n title: '0-1',\n key: '0-1',\n 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' }]\n }, {\n title: '0-2',\n key: '0-2'\n }]\n };\n },\n\n methods: {\n changeHandler: function changeHandler(keys) {\n console.log('keys:', keys);\n }\n }\n});\n\n/***/ }),\n/* 125 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__ = __webpack_require__(3);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n CodeCard: __WEBPACK_IMPORTED_MODULE_1__CodeCard_vue__[\"a\" /* default */],\n MainLayout: __WEBPACK_IMPORTED_MODULE_0__MainLayout_vue__[\"a\" /* default */]\n },\n data: function data() {\n return {\n loading: false,\n api_columns: ['Attribute', 'Description', 'Type', 'Default'],\n api_data: [['value', 'value', 'Array[{name: \"\", url: \"\"}...]', '-'], ['type', 'optional:picture
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 input accept Attribute', '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']],\n files1: ['https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png', 'https://img.zcool.cn/community/01fb795567e9ed0000016756077c60.jpg@1280w_1l_2o_100sh.jpg'],\n files: []\n };\n }\n});\n\n/***/ }),\n/* 126 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {},\n name: 'MainLayout',\n props: {\n menuActiveIndex: { type: String, default: 'button' }\n },\n data: function data() {\n 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' }, { index: 'loader', text: 'Loader' }, { index: 'segment', text: 'Segment' }] };\n },\n mounted: function mounted() {\n var _this = this;\n\n this.$refs.menus.forEach(function (menu) {\n // console.log(':::', this.menuActiveIndex)\n if (_this.menuActiveIndex === menu.index) {\n menu.active = true;\n } else {\n menu.active = false;\n }\n });\n },\n\n methods: {\n toLinker: function toLinker(path) {\n this.$router.push(path);\n }\n }\n});\n\n/***/ }),\n/* 127 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-back-top',\n data: function data() {\n return {\n visible: false\n };\n },\n\n methods: {\n clickHandler: function clickHandler(event) {\n document.body.scrollTop = 0;\n this.$emit('click', event);\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n window.onscroll = function () {\n _this.visible = document.body.scrollTop > 0;\n };\n }\n});\n\n/***/ }),\n/* 128 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-button',\n props: {\n active: { type: Boolean, default: false },\n loading: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n type: { type: String },\n shape: { type: String },\n size: { type: String }\n },\n computed: {\n classObject: function classObject() {\n return ['fish button', { 'active': this.active }, this.type, { 'loading': this.loading }, { 'disabled': this.disabled }, this.shape, this.size];\n }\n },\n methods: {\n clickHandler: function clickHandler(evt) {\n if (!this.loading && !this.disabled) {\n this.$emit('click', evt);\n }\n }\n }\n});\n\n/***/ }),\n/* 129 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-buttons',\n props: {\n type: { type: String },\n size: { type: String }\n },\n computed: {\n classObject: function classObject() {\n return ['fish buttons', this.type, this.size];\n }\n }\n});\n\n/***/ }),\n/* 130 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign__ = __webpack_require__(37);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_moment__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_moment__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__config__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__ContentRender_vue__ = __webpack_require__(340);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { ContentRender: __WEBPACK_IMPORTED_MODULE_3__ContentRender_vue__[\"a\" /* default */] },\n name: 'fish-calendar',\n props: {\n value: { type: String },\n mode: { type: String, default: 'day' }, // second, minute, hour, day, month, year\n min: { type: String, default: '-1' },\n max: { type: String, default: '-1' },\n today: { type: String, default: __WEBPACK_IMPORTED_MODULE_2__config__[\"calendar\"].today },\n weeks: { type: Array, default: function _default() {\n return __WEBPACK_IMPORTED_MODULE_2__config__[\"calendar\"].weeks;\n } },\n months: { type: Array, default: function _default() {\n return __WEBPACK_IMPORTED_MODULE_2__config__[\"calendar\"].months;\n } },\n secondRender: { type: Function, default: function _default(h, second) {\n return '';\n } },\n minuteRender: { type: Function, default: function _default(h, minute) {\n return '';\n } },\n hourRender: { type: Function, default: function _default(h, hour) {\n return '';\n } },\n dayRender: { type: Function, default: function _default(h, day) {\n return '';\n } },\n monthRender: { type: Function, default: function _default(h, month) {\n return '';\n } },\n yearRender: { type: Function, default: function _default(h, year) {\n return '';\n } },\n cellRender: { type: Function // (h, item)\n } },\n mounted: function mounted() {\n this.reset();\n },\n data: function data() {\n return {\n state: this.mode, // second, minute, hour, day, month, year\n modes: modes,\n modeIndex: modes.indexOf(this.mode),\n valueDate: __WEBPACK_IMPORTED_MODULE_1_moment___default()(this.value),\n current: { year: null, month: null, day: null, hour: null, minute: null, second: null },\n arrays: [] // [[], [], []]\n };\n },\n\n methods: {\n callStateTitleRender: function callStateTitleRender(state, item) {\n // console.log('this:', this)\n return stateTitleRenderMap[state].call(this, item);\n },\n reset: function reset() {\n this.setCurrent(this.valueDate);\n // 如果mode是时分秒默认首先显示日期\n if (this.modeIndex > 2) this.state = 'day';\n this.showItemsHandler(this.state);\n },\n setCurrent: function setCurrent(date) {\n this.current = {\n year: date.year(),\n month: date.month(),\n day: date.date(),\n hour: date.hour(),\n minute: date.minute(),\n second: date.second()\n };\n },\n pageHandler: function pageHandler(step) {\n var currentDate = __WEBPACK_IMPORTED_MODULE_1_moment___default()(this.current);\n currentDate.add(step, modes[modes.indexOf(this.state) - 1]);\n this.setCurrent(currentDate);\n this.showItemsHandler(this.state);\n },\n showItemsHandler: function showItemsHandler(state) {\n this.state = state;\n this.arrays = stateArraysMap[state](this.current);\n this.emitChange();\n },\n selectItemHandler: function selectItemHandler(item) {\n this.current[this.state] = this.state === 'day' ? item.date() : item;\n if (this.state === 'month') {\n var days = __WEBPACK_IMPORTED_MODULE_1_moment___default()([this.current.year, this.current.month]).daysInMonth();\n if (this.current.day > days) {\n this.current.day = days;\n }\n }\n var mIndex = this.modes.indexOf(this.state);\n if (this.modeIndex > mIndex) {\n this.showItemsHandler(this.modes[mIndex + 1]);\n } else {\n this.emitSelect();\n }\n },\n cellRenderFunc: function cellRenderFunc(h, params) {\n return this[this.state + 'Render'](h, params);\n },\n cellActive: function cellActive(item) {\n var current = this.current,\n state = this.state;\n\n if (this.state === 'day') {\n return current.day === item.date() && current.month === item.month() && current.year === item.year();\n }\n return current[state] === item;\n },\n cellDisabled: function cellDisabled(item) {\n if (this.state === 'day') {\n return this.current.month !== item.month() || this.notInMinAndMax(item);\n } else {\n var currents = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign___default()({}, this.current);\n currents[this.state] = item;\n return this.notInMinAndMax(__WEBPACK_IMPORTED_MODULE_1_moment___default()(currents));\n }\n },\n notInMinAndMax: function notInMinAndMax(item) {\n return this.min !== '-1' && __WEBPACK_IMPORTED_MODULE_1_moment___default()(this.min).isAfter(item, this.state) || this.max !== '-1' && __WEBPACK_IMPORTED_MODULE_1_moment___default()(this.max).isBefore(item, this.state);\n },\n emitSelect: function emitSelect() {\n if (this.state === this.mode) {\n this.$emit('select', this.current);\n this.$emit('input', this.current);\n }\n },\n emitChange: function emitChange() {\n // console.log('change:', this.arrays)\n this.$emit('change', this.state, this.arrays, this.current);\n }\n }\n});\n\nvar modes = ['year', 'month', 'day', 'hour', 'minute', 'second'];\nvar minuteArrays = [[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]];\nvar stateArraysMap = {\n year: function year(current) {\n return [[current.year - 10, current.year - 9, current.year - 8, current.year - 7], [current.year - 6, current.year - 5, current.year - 4, current.year - 3], [current.year - 2, current.year - 1, current.year - 0, current.year + 1], [current.year + 2, current.year + 3, current.year + 4, current.year + 5], [current.year + 6, current.year + 7, current.year + 8, current.year + 9]];\n },\n month: function month(current) {\n return [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9, 10, 11]];\n },\n day: function day(current) {\n return monthDays(__WEBPACK_IMPORTED_MODULE_1_moment___default()([current.year, current.month, current.day]));\n },\n hour: function hour(current) {\n 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]];\n },\n minute: function minute(current) {\n return minuteArrays;\n },\n second: function second(current) {\n return minuteArrays;\n }\n};\nvar stateTitleRenderMap = {\n year: function year(_year) {\n return _year;\n },\n month: function month(_month) {\n return this.months[_month];\n },\n\n day: function day(_day) {\n return _day.date();\n },\n hour: function hour(_hour) {\n return _hour + 'h';\n },\n minute: function minute(_minute) {\n return _minute + 'm';\n },\n second: function second(_second) {\n return _second + 's';\n }\n};\n\nvar monthDays = function monthDays(momentDate) {\n var datess = [[], [], [], [], [], []];\n for (var i = 0; i < 6; i++) {\n for (var j = 0; j < 7; j++) {\n var startDate = __WEBPACK_IMPORTED_MODULE_1_moment___default()(momentDate).date(0);\n var index = i * 7 + j + 1;\n datess[i][j] = startDate.weekday(index);\n }\n }\n return datess;\n};\n\n/***/ }),\n/* 131 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-card',\n props: {\n fluid: { type: Boolean, default: false },\n nopadding: { type: Boolean, default: false },\n maxHeight: { type: String },\n minHeight: { type: String },\n color: { type: String, default: '' // red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, dark, black\n } },\n computed: {\n contentStyle: function contentStyle() {\n var style = { overflow: 'auto' };\n if (this.maxHeight) {\n style['max-height'] = this.maxHeight;\n }\n if (this.minHeight) {\n style['min-height'] = this.minHeight;\n }\n return style;\n }\n }\n});\n\n/***/ }),\n/* 132 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-cards',\n props: {\n cols: { type: String, default: '' }\n }\n});\n\n/***/ }),\n/* 133 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-carousel',\n props: {\n transition: { type: String, default: '-webkit-transform 500ms ease' },\n dotStyle: { type: String, default: '' },\n showCount: { type: Boolean, default: true },\n timeout: { type: Number, default: 3000 },\n autoPlay: { type: Boolean, default: false }\n },\n data: function data() {\n return {\n pause: !this.autoPlay,\n timer: null,\n width: 0,\n childrenLength: 0,\n activeIndex: 0\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n this.width = this.$el.offsetWidth;\n this.childrenLength = this.$children.length;\n this.$children.forEach(function (ele, index) {\n ele.$el.style.width = _this.width + 'px';\n if (index > 2) {\n ele.$el.style.display = 'none';\n }\n });\n // auto play\n if (this.autoPlay) {\n this.startTimer();\n }\n },\n\n methods: {\n clickPlayHandler: function clickPlayHandler() {\n if (this.pause) {\n this.startTimer();\n } else {\n this.stopTimer();\n }\n this.pause = !this.pause;\n },\n startTimer: function startTimer() {\n var _this2 = this;\n\n this.timer = setInterval(function () {\n _this2.next();\n }, this.timeout);\n },\n stopTimer: function stopTimer() {\n console.log('stop-timer');\n if (this.timer != null) {\n clearInterval(this.timer);\n }\n this.timer = null;\n },\n clickHandler: function clickHandler(evt) {\n this.next();\n },\n prev: function prev() {\n if (this.activeIndex <= 0) {\n this.activeIndex = 0;\n } else {\n --this.activeIndex;\n }\n this.$emit('change', this.activeIndex);\n if (this.activeIndex >= 1 && this.activeIndex < this.childrenLength - 1) {\n this.$children[this.activeIndex - 1].$el.style.display = 'block';\n }\n },\n next: function next() {\n this.playNext();\n },\n playNext: function playNext() {\n if (this.activeIndex >= this.childrenLength - 1) {\n this.activeIndex = 0;\n } else {\n ++this.activeIndex;\n }\n this.$emit('change', this.activeIndex);\n if (this.activeIndex > 1 && this.activeIndex < this.childrenLength - 1) {\n this.$children[this.activeIndex + 1].$el.style.display = 'block';\n }\n },\n dotClickHandler: function dotClickHandler(index) {\n this.activeIndex = index;\n }\n }\n});\n\n/***/ }),\n/* 134 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-carousel-item',\n data: function data() {\n return {};\n },\n\n methods: {}\n});\n\n/***/ }),\n/* 135 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__config__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-cascader',\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n props: {\n value: Array,\n textDelimiter: { type: String, default: ' / ' },\n menuWidth: { type: Number, default: 160 },\n hint: { type: String, default: 'Please select' },\n options: { type: Array, required: true // [[key, label, children]]\n } },\n data: function data() {\n return {\n showClear: false,\n visible: false,\n groups: [this.options],\n selectedItems: [],\n selectedText: ''\n };\n },\n mounted: function mounted() {\n this.selectedItems = this.parseSelectedItems();\n this.selectedText = this.selectedItems.map(function (ele) {\n return ele[1];\n }).join(this.textDelimiter);\n },\n\n computed: {\n valueEmpty: function valueEmpty() {\n return this.value.length === 0;\n }\n },\n methods: {\n clearHandler: function clearHandler() {\n this.selectedText = null;\n this.selectedItems = [];\n this.groups = [this.options];\n this.emitChange([]);\n },\n mouseOverHandler: function mouseOverHandler() {\n this.showClear = true;\n },\n mouseOutHandler: function mouseOutHandler() {\n this.showClear = false;\n },\n menuClickHandler: function menuClickHandler(evt) {\n this.visible = !this.visible;\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n },\n itemClickHandler: function itemClickHandler(item, groupIndex) {\n var children = this.itemChildren(item);\n var howMany = this.selectedItems.length - groupIndex;\n this.selectedItems.splice(groupIndex, howMany, item);\n // console.log('after:', this.selectedItems)\n if (children.length > 0) {\n var groupHowMany = this.groups.length - groupIndex;\n this.groups.splice(groupIndex + 1, groupHowMany, children);\n } else {\n this.awayHandler();\n this.selectedText = this.selectedItems.map(function (ele) {\n return ele[1];\n }).join(this.textDelimiter);\n this.emitChange(this.selectedItems.map(function (ele) {\n return ele[0];\n }));\n }\n },\n emitChange: function emitChange(values) {\n this.$emit('input', values);\n this.$emit('change', values);\n __WEBPACK_IMPORTED_MODULE_1__config__[\"notify\"].field.change(this);\n },\n itemChildren: function itemChildren(item) {\n if (item.length > 2) {\n return item[item.length - 1];\n }\n return [];\n },\n parseSelectedItems: function parseSelectedItems() {\n // console.log('>>>>:', this.value)\n var ret = [];\n if (this.valueEmpty) return ret;\n var os = this.options;\n var vIndex = 0;\n while (os && os.length > 0) {\n for (var ele in os) {\n if (this.value[vIndex] === ele[0]) {\n ret.push(ele);\n os = this.itemChildren(ele);\n break;\n }\n }\n vIndex++;\n if (vIndex > 10) return [];\n }\n return ret;\n }\n }\n});\n\n/***/ }),\n/* 136 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-checkbox',\n props: {\n index: { type: [String, Number], required: true },\n disabled: { type: Boolean, default: false },\n state: { type: String, default: '' // checked, open\n } },\n data: function data() {\n return {\n active: this.state === 'checked'\n };\n },\n\n watch: {\n state: function state(nowVal, oldVal) {\n this.active = nowVal === 'checked';\n }\n },\n computed: {\n classObject: function classObject() {\n return ['fish checkbox', { 'active': this.state === 'checked' || this.active }, { 'open': this.state === 'open' }, { 'disabled': this.disabled }];\n }\n },\n methods: {\n clickHandler: function clickHandler(evt) {\n this.active = !this.active;\n evt.index = this.index;\n this.$emit('click', evt);\n this.$emit('input', this.active);\n }\n }\n});\n\n/***/ }),\n/* 137 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-checkboxes',\n props: {\n value: { type: Array },\n mode: { type: String, default: 'horizontal' // horizontal, vertical\n } },\n mounted: function mounted() {\n this.reRender();\n },\n updated: function updated() {\n this.reRender();\n },\n\n methods: {\n clickHandler: function clickHandler(evt) {\n var v = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(this.value);\n if (v.includes(evt.index)) {\n v = this.value.filter(function (ele) {\n return ele !== evt.index;\n });\n } else {\n v.push(evt.index);\n }\n // console.log('after:', v)\n this.$emit('input', v);\n this.$emit('change', v);\n },\n reRender: function reRender() {\n var _this = this;\n\n this.$children.forEach(function (ele) {\n if (_this.value.includes(ele.index)) {\n ele.active = true;\n } else {\n ele.active = false;\n }\n });\n }\n }\n});\n\n/***/ }),\n/* 138 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\nvar spanWidth = 4.16666;\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-col',\n props: {\n type: { type: String, default: 'percent' }, // fixed, auto, percent\n width: { type: Number, default: 200 },\n span: { type: [String, Number], default: 8 }, // 1-24\n offset: { type: [String, Number], default: 0 }, // 1-24\n push: { type: [String, Number], default: 0 }, // 1-24\n pull: { type: [String, Number], default: 0 // 1-24\n } },\n computed: {\n classObject: function classObject() {\n return ['col', 'width-' + this.type];\n },\n styleObject: function styleObject() {\n if (this.type === 'percent') {\n var ret = {\n width: spanWidth * parseInt(this.span + '') + '%',\n marginLeft: spanWidth * parseInt(this.offset + '') + '%'\n };\n if (this.push > 0) ret['left'] = spanWidth * parseInt(this.push + '') + '%';\n if (this.pull > 0) ret['right'] = spanWidth * parseInt(this.pull + '') + '%';\n return ret;\n } else if (this.type === 'fixed') {\n return {\n width: this.width + 'px'\n };\n }\n return {};\n }\n }\n});\n\n/***/ }),\n/* 139 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-collapse',\n props: {\n bordered: { type: Boolean, default: false }\n }\n});\n\n/***/ }),\n/* 140 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-collapse-item',\n props: {\n title: { type: String },\n label: { type: String },\n index: { type: [String, Number], requred: true }\n },\n data: function data() {\n return {\n show: false\n };\n },\n\n methods: {\n clickTitleHandler: function clickTitleHandler() {\n this.show = !this.show;\n this.$emit('click', this.index, this.show);\n }\n }\n});\n\n/***/ }),\n/* 141 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__ = __webpack_require__(422);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__);\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'content-render',\n props: {\n params: { type: Array, default: function _default() {\n return [];\n } },\n render: { type: Function }\n },\n render: function render(h) {\n return this.render.apply(this, [h].concat(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default()(this.params)));\n }\n});\n\n/***/ }),\n/* 142 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_moment__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_moment__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Calendar_vue__ = __webpack_require__(339);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__config__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\nvar formats = {\n year: 'YYYY',\n month: 'YYYY-MM',\n day: 'YYYY-MM-DD',\n hour: 'YYYY-MM-DD HH',\n minute: 'YYYY-MM-DD HH:mm',\n second: 'YYYY-MM-DD HH:mm:ss'\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-date-picker',\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_1__directives_clickoutside__[\"a\" /* default */] },\n components: { fishCalendar: __WEBPACK_IMPORTED_MODULE_2__Calendar_vue__[\"a\" /* default */] },\n props: {\n value: { type: String },\n mode: { type: String, default: 'day' }, // second, minute, hour, day, month, year\n min: { type: String, default: '-1' },\n max: { type: String, default: '-1' },\n today: { type: String, default: __WEBPACK_IMPORTED_MODULE_3__config__[\"calendar\"].today },\n weeks: { type: Array, default: function _default() {\n return __WEBPACK_IMPORTED_MODULE_3__config__[\"calendar\"].weeks;\n } },\n months: { type: Array, default: function _default() {\n return __WEBPACK_IMPORTED_MODULE_3__config__[\"calendar\"].months;\n } },\n format: { type: String },\n hint: { type: String, default: '' }\n },\n data: function data() {\n return {\n visible: false,\n showClear: false\n };\n },\n\n computed: {\n valueEmpty: function valueEmpty() {\n return (/^\\s*$/.test(this.value)\n );\n }\n },\n methods: {\n mouseOverHandler: function mouseOverHandler() {\n this.showClear = true;\n },\n mouseOutHandler: function mouseOutHandler() {\n this.showClear = false;\n },\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n },\n clearHandler: function clearHandler() {\n this.visible = false;\n this.changeHandler('');\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n this.showClear = false;\n },\n selectHandler: function selectHandler(item) {\n this.visible = false;\n this.showClear = false;\n var v = __WEBPACK_IMPORTED_MODULE_0_moment___default()(item).format(this.format || formats[this.mode]);\n this.changeHandler(v);\n },\n cellRender: function cellRender(h, item) {\n return h('span', item);\n },\n changeHandler: function changeHandler(v) {\n this.$emit('input', v);\n this.$emit('change', v);\n __WEBPACK_IMPORTED_MODULE_3__config__[\"notify\"].field.change(this);\n }\n }\n});\n\n/***/ }),\n/* 143 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-divider',\n props: {\n fitted: { type: Boolean, default: false // true , margin: 0\n } }\n});\n\n/***/ }),\n/* 144 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n name: 'fish-dropdown',\n props: {\n align: { type: String, default: 'bottom-left' // bottom-left, bottom-right, top-left, top-right\n } },\n data: function data() {\n return {\n visible: false\n };\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish dropdown', this.align];\n }\n },\n methods: {\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n }\n }\n});\n\n/***/ }),\n/* 145 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_number_is_finite__ = __webpack_require__(418);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_number_is_finite___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_number_is_finite__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_async_validator__ = __webpack_require__(393);\n\n\n//\n//\n//\n//\n//\n//\n//\n\nvar spanWidth = 4.16666;\nvar noop = function noop() {};\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-field',\n props: {\n label: { type: String },\n labelWidth: { type: [Number, String], default: 'auto' },\n labelAlign: { type: String, default: 'right' },\n span: { type: [String, Number], default: 0 },\n disabled: { type: Boolean, default: false },\n inline: { type: Boolean, default: false },\n showError: { type: Boolean, default: true },\n name: { type: String }, // 需校验的字段名\n rules: { type: Array // 验证规则\n } },\n computed: {\n lableStyle: function lableStyle() {\n var inline = this.inline,\n labelWidth = this.labelWidth,\n labelAlign = this.labelAlign;\n\n var ret = {};\n if (inline) {\n ret['text-align'] = labelAlign;\n if (labelWidth !== 'auto') {\n // console.log(labelWidth, labelWidth instanceof Number)\n if (__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_number_is_finite___default()(labelWidth)) {\n ret['width'] = labelWidth + '%';\n } else {\n ret['width'] = labelWidth;\n }\n }\n }\n return ret;\n },\n contentWrapperStyle: function contentWrapperStyle() {\n var inline = this.inline,\n labelWidth = this.labelWidth;\n\n var ret = {};\n if (inline) {\n if (labelWidth !== 'auto') {\n if (__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_number_is_finite___default()(labelWidth)) {\n ret['width'] = 100 - labelWidth + '%';\n }\n }\n }\n return ret;\n },\n styleObject: function styleObject() {\n var span = this.span;\n\n if (span === 0) return {};\n return {\n width: spanWidth * parseInt(span + '') + '%'\n };\n },\n field: function field() {\n return this.$children[0];\n },\n fieldValue: function fieldValue() {\n return this.field ? this.field.value : undefined;\n },\n required: function required() {\n var rules = this.rules;\n\n if (rules && rules.length > 0) {\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default()(rules), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var rule = _step.value;\n\n if (rule.required) return true;\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n }\n return false;\n }\n },\n mounted: function mounted() {\n this.oldValue = this.fieldValue;\n },\n data: function data() {\n return {\n oldValue: null,\n checked: { state: '', message: '' }\n };\n },\n\n methods: {\n validate: function validate() {\n var cb = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;\n var rules = this.rules,\n fieldValue = this.fieldValue,\n checked = this.checked;\n\n var name = this.label || this.name;\n var nRules = rules;\n if (!nRules || nRules.length === 0) {\n cb();\n return true;\n }\n\n var descriptor = {};\n descriptor[name] = nRules;\n var validator = new __WEBPACK_IMPORTED_MODULE_2_async_validator__[\"a\" /* default */](descriptor);\n\n var model = {};\n model[name] = fieldValue;\n validator.validate(model, { firstFields: true }, function (errors, fields) {\n checked.state = errors ? 'error' : '';\n checked.message = errors ? errors[0].message : '';\n cb(errors);\n });\n },\n fieldValueChange: function fieldValueChange() {\n // 子组件通知调用函数\n this.validate();\n }\n }\n});\n\n/***/ }),\n/* 146 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-fields',\n props: {\n label: { type: String }\n }\n});\n\n/***/ }),\n/* 147 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\nvar getAllFields = function getAllFields(fields, children) {\n children.forEach(function (child) {\n // console.log(child.$options.name)\n if (child.$options.name === 'fish-field') {\n if (child.name && child.rules) fields.push(child);\n } else if (child.$children && child.$children.length > 0) getAllFields(fields, child.$children);\n });\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-form',\n props: {\n inline: { type: Boolean, default: false }\n },\n data: function data() {\n return {};\n },\n\n methods: {\n validate: function validate(cb) {\n var valid = true;\n var count = 0;\n var fields = [];\n // 获取所有field组件,同时name不为空\n getAllFields(fields, this.$children);\n\n fields.forEach(function (field) {\n field.validate(function (errors) {\n if (errors) valid = false;\n if (typeof cb === 'function' && ++count === fields.length) {\n cb(valid);\n }\n });\n });\n }\n }\n});\n\n/***/ }),\n/* 148 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-image',\n props: {\n url: { type: String, required: true },\n disabled: { type: Boolean, default: false },\n bordered: { type: Boolean, default: false },\n rounded: { type: Boolean, default: false },\n shape: { type: String, default: 'square' }\n }\n});\n\n/***/ }),\n/* 149 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__config__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-input',\n props: {\n value: { type: String, default: '' },\n type: { type: String, default: 'text' },\n hint: { type: String, default: '' },\n icon: { type: String },\n iconLeft: { type: Boolean, default: false },\n iconClose: { type: String, default: 'fa fa-times-circle' },\n loading: { type: Boolean, default: false },\n size: { type: String },\n transparent: { type: Boolean, default: false },\n label: { type: String },\n labelLeft: { type: String },\n disabled: { type: Boolean, default: false },\n clear: { type: Boolean, default: false },\n autofocus: { type: Boolean, default: false }\n },\n data: function data() {\n return {};\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish input', this.icon && (this.iconLeft ? 'left' : 'right') || '', { 'loading': this.loading }, this.size, { 'transparent': this.transparent }, { 'disabled': this.disabled }];\n },\n valueEmpty: function valueEmpty() {\n return (/^\\s*$/.test(this.value)\n );\n }\n },\n methods: {\n updateValue: function updateValue(evt, v) {\n this.changeHandler(evt, v);\n },\n clearHandler: function clearHandler(evt) {\n this.changeHandler(evt, '');\n },\n changeHandler: function changeHandler(evt, v) {\n this.$emit('input', v, evt);\n __WEBPACK_IMPORTED_MODULE_0__config__[\"notify\"].field.change(this);\n }\n }\n});\n\n/***/ }),\n/* 150 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__config__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nvar maxInteger = 1000000000000.00;\n\n\nvar add = function add(v1, v2) {\n v1 *= maxInteger;\n v2 *= maxInteger;\n return (Math.round(v1) + Math.round(v2)) / maxInteger;\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-input-number',\n props: {\n value: { type: [Number, String], default: '' },\n min: { type: [Number, String], default: 0 },\n max: { type: [Number, String], default: maxInteger },\n step: { type: [Number, String], default: 1 },\n hint: { type: String, default: '' },\n size: { type: String },\n label: { type: String },\n labelLeft: { type: String },\n disabled: { type: Boolean, default: false },\n testExpress: { type: RegExp, default: function _default() {\n return (/(^\\d+$)|(^\\d+(\\.\\d{0,4})?$)/\n );\n } }\n },\n methods: {\n updateValue: function updateValue(evt) {\n var v = evt.target.value;\n if (/^\\s*$/.test(v)) {\n this.changeHandler('');\n return;\n }\n if (this.testExpress.test(v) && parseFloat(v) <= parseFloat(this.max) && parseFloat(v) >= parseFloat(this.min)) {\n this.changeHandler(v.indexOf('.') !== -1 ? parseFloat(v) : parseInt(v));\n } else {\n evt.target.value = this.value;\n }\n },\n upHandler: function upHandler() {\n var nv = add(this.value, this.step);\n if (parseFloat(nv) < parseFloat(this.max)) {\n this.changeHandler(nv);\n }\n },\n downHandler: function downHandler() {\n var nv = add(this.value, -this.step);\n if (parseFloat(nv) > parseFloat(this.min)) {\n this.changeHandler(nv);\n }\n },\n changeHandler: function changeHandler(v) {\n this.$emit('input', v);\n this.$emit('change', v);\n __WEBPACK_IMPORTED_MODULE_0__config__[\"notify\"].field.change(this);\n }\n }\n});\n\n/***/ }),\n/* 151 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-layout',\n props: {\n sider: { type: String },\n responsive: { type: Boolean, default: false }\n },\n data: function data() {\n return {\n siderToggleTop: 0\n };\n },\n mounted: function mounted() {\n if (this.responsive) {\n var headerHeight = this.$refs.header.offsetHeight;\n var siderToggleHeight = this.$refs.siderToggle.offsetHeight;\n this.siderToggleTop = headerHeight - siderToggleHeight / 2;\n }\n },\n\n methods: {\n toggleHandler: function toggleHandler() {\n var sider = this.$refs.sider;\n if (sider.style.display === 'block') {\n sider.style.display = 'none';\n this.$refs.siderToggle.style.left = '0px';\n } else {\n sider.style.display = 'block';\n this.$refs.siderToggle.style.left = sider.offsetWidth + 'px';\n }\n }\n }\n});\n\n/***/ }),\n/* 152 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-loader',\n props: {\n active: { type: Boolean, default: false }\n }\n});\n\n/***/ }),\n/* 153 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-menu',\n props: {\n size: { type: String },\n minWidth: { type: Number },\n maxHeight: { type: Number },\n mode: { type: String, default: 'vertical' }, // vertical, horizontal, inline\n compact: { type: Boolean, default: false }, // 紧凑\n indexDelimiter: { type: String, default: '-' }, // option index内容的分隔符\n defaultActive: { type: String }\n },\n data: function data() {\n return {\n activeItem: null,\n lastActiveIndex: null\n };\n },\n mounted: function mounted() {\n // console.log('items:', this.items)\n if (this.defaultActive) {\n this.setActive(this.defaultActive);\n }\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish menu', this.mode, this.size, { 'compact': this.compact }];\n },\n styleObject: function styleObject() {\n var s = [];\n if (this.minWidth) {\n s.push({ 'min-width': this.minWidth + 'px' });\n }\n if (this.maxHeight) {\n s.push({ 'max-height': this.maxHeight + 'px', 'overflow': 'auto' });\n }\n return s;\n }\n },\n methods: {\n clickHandler: function clickHandler(evt) {\n if (evt.index === undefined) return;\n this.setActive(evt.index);\n this.$emit('change', evt.index);\n this.$emit('click', evt);\n },\n setActive: function setActive(index) {\n if (index === undefined) return;\n // console.log('index:', index, 'lastIndex:', this.lastActiveIndex)\n var items = this.getItems();\n this.lastActiveIndex && this.lastActiveIndex.toString().split(this.indexDelimiter).forEach(function (i) {\n // console.log('last.i:', i, '>>>', items[i])\n try {\n items[i].active = false;\n if (items[i].mode === 'inline') items[i].visible = false;\n items = items[i].items;\n } catch (e) {}\n });\n\n this.lastActiveIndex = index;\n items = this.getItems();\n index.toString().split(this.indexDelimiter).forEach(function (i) {\n // console.log('::::::::::', i, '>>>', items[i])\n if (items[i] !== undefined) {\n try {\n items[i].active = true;\n if (items[i].mode === 'inline') items[i].visible = true;\n // console.log('sub', items[i])\n items = items[i].items;\n } catch (e) {}\n }\n });\n },\n getItems: function getItems() {\n var _this = this;\n\n var items = {};\n this.$children.forEach(function (ele) {\n if (ele.$options.name === 'fish-optgroup') {\n ele.$children.forEach(function (e) {\n if (e.$options.name === 'fish-option') _this.items[ele.index] = e;\n });\n } else if (['fish-option', 'fish-submenu'].includes(ele.$options.name)) {\n items[ele.index] = ele;\n }\n });\n return items;\n }\n }\n\n});\n\n/***/ }),\n/* 154 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-message',\n props: {\n type: { type: String, default: '' },\n attached: { type: [Boolean, String] }\n }\n});\n\n/***/ }),\n/* 155 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-modal',\n props: {\n title: { type: String },\n touchable: { type: Boolean, default: false },\n attached: { type: String, default: 'center' },\n padding: { type: String, default: '1em' },\n visible: { type: Boolean, default: false },\n marginTop: { type: String, default: '100px' },\n width: { type: [Number, String], default: 850 },\n height: { type: [Number, String], default: 500 },\n triggerEvent: { type: Event, default: null // 触发的事件对象\n } },\n data: function data() {\n return {\n left: '50%',\n top: '0px',\n marginLeft: this.width / 2,\n marginTopV: this.marginTop\n };\n },\n\n computed: {\n mstyle: function mstyle() {\n var attached = this.attached,\n width = this.width,\n height = this.height;\n\n if (attached === 'center') {\n var left = this.left,\n top = this.top;\n\n return {\n 'margin-top': this.marginTopV,\n 'width': this.width + 'px',\n 'margin-left': '-' + this.marginLeft + 'px',\n left: left,\n top: top\n };\n } else if (attached === 'left' || attached === 'right') {\n return { width: width };\n } else {\n return { height: height };\n }\n }\n },\n watch: {\n visible: function visible(nowVal) {\n if (nowVal) {\n document.body.appendChild(this.$el);\n }\n },\n triggerEvent: function triggerEvent(nowVal, oldVal) {\n if (this.attached === 'center') {\n if (nowVal != null) {\n this.calLeftTop(nowVal);\n this.marginLeft = 0;\n this.marginTopV = '0px';\n } else {\n this.left = '50%';\n this.top = '0px';\n this.marginLeft = this.width / 2;\n this.marginTopV = this.marginTop;\n }\n }\n }\n },\n methods: {\n closeHandler: function closeHandler() {\n this.$emit('update:visible', false);\n this.$emit('close');\n },\n calLeftTop: function calLeftTop(event) {\n var target = event.target;\n\n var _getTargetOffset = getTargetOffset(target),\n width = _getTargetOffset.width,\n left = _getTargetOffset.left,\n top = _getTargetOffset.top;\n\n this.left = left + width + 10 + 'px';\n this.top = top + 'px';\n }\n }\n});\n\nvar getTargetOffset = function getTargetOffset(target) {\n var offsetWidth = target.offsetWidth,\n offsetHeight = target.offsetHeight,\n offsetLeft = target.offsetLeft,\n offsetTop = target.offsetTop;\n\n if (target.offsetParent != null) {\n var _getTargetOffset2 = getTargetOffset(target.offsetParent),\n left = _getTargetOffset2.left,\n top = _getTargetOffset2.top;\n // offsetHeight += height\n\n\n offsetLeft += left;\n offsetTop += top;\n // offsetWidth += width\n }\n return { height: offsetHeight, width: offsetWidth, left: offsetLeft, top: offsetTop };\n};\n\n/***/ }),\n/* 156 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-optgroup',\n props: {\n label: { type: String, required: true }\n }\n});\n\n/***/ }),\n/* 157 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-option',\n props: {\n disabled: { type: Boolean, default: false },\n index: { type: [Boolean, String, Number], required: true },\n content: { type: String }\n },\n data: function data() {\n return {\n active: false\n };\n },\n\n computed: {\n classObject: function classObject() {\n return ['item', { 'active': this.active }, { 'disabled': this.disabled }];\n }\n },\n methods: {\n clickHandler: function clickHandler(evt) {\n evt.index = this.index;\n this.$emit('click', evt);\n }\n }\n});\n\n/***/ }),\n/* 158 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-pagination',\n props: {\n total: { type: Number, required: true },\n current: { type: [Number, String], default: 1 },\n rows: { type: Number, default: 10 },\n simple: { type: Boolean, default: false },\n noMoreText: { type: String, default: 'No more data...' },\n prevRender: { type: Function, default: function _default() {\n return '';\n } },\n nextRender: { type: Function, default: function _default() {\n return '';\n } },\n totalRender: { type: Function, default: function _default(total, range) {\n return range[0] + '-' + range[1] + ' / ' + total;\n } }\n },\n computed: {\n pages: function pages() {\n return Math.ceil(this.total / this.rows);\n },\n currentInt: function currentInt() {\n return parseInt(this.current + '');\n }\n },\n data: function data() {\n return {};\n },\n\n methods: {\n toPageHandler: function toPageHandler(v) {\n if (/^\\s*$/.test(v)) {\n this.clickHandler(this.currentInt);\n } else {\n this.clickHandler(parseInt(v));\n }\n },\n inputHandler: function inputHandler(evt) {\n var v = evt.target.value;\n if (/^\\s*$/.test(v)) {\n return;\n }\n if (/(^\\d+$)/.test(v) && parseInt(v) >= 1 && parseInt(v) <= this.pages) {\n return;\n } else {\n evt.target.value = this.currentInt;\n }\n },\n clickHandler: function clickHandler(index) {\n if (index !== this.currentInt) {\n // this.current = index\n this.$emit('change', index);\n }\n },\n firstHandler: function firstHandler() {\n if (this.currentInt > 1) {\n // this.current = 1\n this.$emit('change', 1);\n }\n },\n lastHandler: function lastHandler() {\n if (this.currentInt < this.pages) {\n // this.current = this.pages\n this.$emit('change', this.pages);\n }\n },\n prevHandler: function prevHandler() {\n if (this.currentInt > 1) {\n // this.current--\n this.$emit('change', this.currentInt - 1);\n }\n },\n nextHandler: function nextHandler() {\n if (this.currentInt < this.pages) {\n // this.current++\n this.$emit('change', this.currentInt + 1);\n }\n },\n inFive: function inFive(index) {\n if (index > 1 && index < this.pages) {\n // console.log(this.current)\n var before = this.currentInt - 2;\n var after = this.currentInt + 2;\n if (before <= 0) after -= before - 1;\n if (after >= this.pages) {\n before -= after - this.pages;\n after = index;\n }\n // console.log(before, '::', after)\n if (before <= index && after >= index) return true;\n return false;\n }\n return false;\n }\n }\n});\n\n/***/ }),\n/* 159 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-radio',\n props: {\n index: { type: [String, Number], required: true },\n disabled: { type: Boolean, default: false }\n },\n data: function data() {\n return {\n active: false\n };\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish radio', { 'active': this.active }, { 'disabled': this.disabled }];\n }\n },\n methods: {\n clickHandler: function clickHandler(evt) {\n this.active = true;\n evt.index = this.index;\n }\n }\n});\n\n/***/ }),\n/* 160 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__config__);\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-radios',\n props: {\n value: { type: [Number, String] },\n mode: { type: String, default: 'horizontal' // horizontal, vertical\n } },\n mounted: function mounted() {\n this.reRender();\n },\n updated: function updated() {\n this.reRender();\n },\n\n methods: {\n clickHandler: function clickHandler(evt) {\n this.$emit('input', evt.index);\n this.$emit('change', evt.index);\n __WEBPACK_IMPORTED_MODULE_0__config__[\"notify\"].field.change(this);\n },\n reRender: function reRender() {\n var _this = this;\n\n // console.log(this.value, '????')\n this.$children.forEach(function (ele) {\n if (_this.value === ele.index) {\n ele.active = true;\n } else {\n ele.active = false;\n }\n });\n }\n }\n});\n\n/***/ }),\n/* 161 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-row',\n props: {\n gutter: { type: [String, Number], default: 0 },\n align: { type: [String, Number], default: 'top' },\n justify: { type: [String, Number], default: 'start' }\n },\n mounted: function mounted() {\n var _this = this;\n\n // $children顺序有点问题。。\n this.$children.forEach(function (col, index) {\n if (_this.gutter > 0) {\n if (index < _this.$children.length - 1) col.$el.style.paddingRight = _this.gutter + 'em';\n col.$el.style.paddingBottom = _this.gutter + 'em';\n }\n });\n }\n});\n\n/***/ }),\n/* 162 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-segment',\n props: {\n attached: { type: [Boolean, String] },\n floated: { type: String },\n aligned: { type: String },\n color: { type: String },\n basic: { type: Boolean, default: false },\n loading: { type: Boolean, default: false },\n placeholder: { type: Boolean, default: false },\n vertical: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false }\n },\n computed: {\n classObject: function classObject() {\n return ['fish segment', { 'basic': this.basic }, { 'loading': this.loading }, { 'placeholder': this.placeholder }, { 'vertical': this.vertical }, { 'disabled': this.disabled }, this.color, { 'attached': this.attached }, this.attached, { 'floated': this.floated }, this.floated, { 'aligned': this.aligned }, this.aligned];\n }\n }\n});\n\n/***/ }),\n/* 163 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__config__);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-select',\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_1__directives_clickoutside__[\"a\" /* default */] },\n props: {\n value: [Boolean, Number, String, Array],\n hint: { type: String, default: '' },\n multiple: { type: Boolean, default: false },\n search: { type: [Boolean, Function], default: false },\n disabled: { type: Boolean, default: false },\n maxHeight: { type: String, default: '300px' },\n direction: { type: String, default: 'down' },\n iconDownArrow: { type: String, default: 'fa fa-angle-down' },\n iconClose: { type: String, default: 'fa fa-close' },\n iconCloseCircle: { type: String, default: 'fa fa-times-circle' },\n iconSearch: { type: String, default: 'fa fa-search' }\n },\n data: function data() {\n return {\n visible: false,\n selectedHtml: null,\n selectedItems: [],\n showText: true,\n reRenderChildren: false,\n showClear: false,\n multipleInputWidth: 1,\n displayItems: [], // 查询使用\n keyChildrenIndex: -1 // 子元素的索引,键盘上下操作\n };\n },\n mounted: function mounted() {\n this.initData();\n },\n\n watch: {\n value: function value(nowVal, oldVal) {\n if (nowVal === '' || nowVal === null) {\n if (!this.searchIsFunction) {\n this.selectedItems = [];\n }\n } else {\n this.initData();\n }\n }\n },\n computed: {\n valueEmpty: function valueEmpty() {\n return this.values.length === 0;\n },\n currentItem: function currentItem() {\n if (this.keyChildrenIndex === -1) {\n return this.displayItems[0];\n }\n return this.displayItems[this.keyChildrenIndex];\n },\n searchIsFunction: function searchIsFunction() {\n return this.search && this.search instanceof Function;\n },\n values: function values() {\n return Array.isArray(this.value) ? this.value : this.value !== null && this.value !== undefined && this.value.toString() !== '' ? [this.value] : [];\n }\n },\n methods: {\n resizeContent: function resizeContent() {\n var _this = this;\n\n this.$nextTick(function () {\n var content = _this.$refs.content;\n\n var _content$getBoundingC = content.getBoundingClientRect(),\n height = _content$getBoundingC.height;\n\n var parent = content.parentNode;\n\n var _parent$getBoundingCl = parent.getBoundingClientRect(),\n width = _parent$getBoundingCl.width;\n\n if (_this.direction === 'auto') {\n var top = content.offsetTop;\n var current = content.offsetParent;\n top += current.offsetTop;\n current = current.offsetParent;\n var prect = current.getBoundingClientRect();\n if (prect.height - top < height) {\n content.style.top = '-' + (height + 2) + 'px';\n }\n }\n content.style.width = width + 'px';\n });\n },\n initData: function initData() {\n var _this2 = this;\n\n this.selectedItems = [];\n this.$children.forEach(function (ele) {\n ele.$el.style.display = 'block';\n if (_this2.values.includes(ele.index)) {\n ele.active = true;\n _this2.selectedItems.push(ele);\n } else {\n ele.active = false;\n }\n });\n this.displayItems = this.$children;\n },\n searchInputHandler: function searchInputHandler(v) {\n var _this3 = this;\n\n if (this.searchIsFunction) {\n this.search(v);\n this.$nextTick(function () {\n _this3.displayItems = _this3.$children;\n });\n // return\n }\n if (!/^\\s+$/.test(v)) {\n this.displayItems = [];\n this.$children.forEach(function (ele) {\n if (ele.content.toLowerCase().startsWith(v.toLowerCase())) {\n ele.$el.style.display = 'block';\n _this3.displayItems.push(ele);\n } else {\n ele.$el.style.display = 'none';\n }\n });\n this.keyChildrenIndex = -1;\n this.showText = false;\n this.multipleInputWidth = v.length > 0 ? v.length : 1;\n } else {\n this.showText = true;\n this.displayItems = this.$children;\n this.multipleInputWidth = 1;\n }\n this.resizeContent();\n },\n keyUpHandler: function keyUpHandler() {\n var dLength = this.displayItems.length;\n if (dLength <= 0) return;\n if (!this.values.includes(this.currentItem.index)) {\n this.currentItem.active = false;\n }\n if (this.keyChildrenIndex <= 0) {\n this.keyChildrenIndex = dLength - 1;\n } else {\n this.keyChildrenIndex--;\n }\n this.currentItem.active = true;\n },\n keyDownHandler: function keyDownHandler() {\n var dLength = this.displayItems.length;\n // console.log(dLength, ':::', this.keyChildrenIndex)\n if (dLength <= 0) return;\n if (!this.values.includes(this.currentItem.index)) {\n this.currentItem.active = false;\n }\n if (this.keyChildrenIndex >= dLength - 1) {\n this.keyChildrenIndex = 0;\n } else {\n this.keyChildrenIndex++;\n }\n this.currentItem.active = true;\n },\n keyEnterHandler: function keyEnterHandler() {\n if (this.displayItems.length <= 0) return;\n if (!this.values.includes(this.currentItem.index)) {\n this.currentItem.active = false;\n this.changeHandler(this.currentItem);\n }\n this.displayItems = this.$children;\n this.multipleInputWidth = 1;\n // if (this.search) this.$refs.inputSearch.blur()\n },\n mouseOverHandler: function mouseOverHandler() {\n this.showClear = true;\n },\n mouseOutHandler: function mouseOutHandler() {\n this.showClear = false;\n },\n closeItemHandler: function closeItemHandler(index, item, evt) {\n // 针对多选\n var nValue = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(this.values);\n this.selectedItems.splice(index, 1);\n this.$children.forEach(function (e) {\n if (e.index === item.index) {\n e.active = false;\n }\n });\n this.emitChange(nValue.filter(function (ele) {\n return ele !== item.index;\n }));\n this.resetValues();\n },\n clearHandler: function clearHandler() {\n // 针对单选\n this.selectedItems = [];\n this.awayHandler();\n this.emitChange([]);\n },\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n if (this.visible) {\n this.resizeContent();\n }\n if (this.search) this.$refs.inputSearch.focus();\n },\n menuClickHandler: function menuClickHandler(evt) {\n // this.selectedItems.push(evt.target.__vue__)\n this.changeHandler(evt.target.__vue__);\n },\n changeHandler: function changeHandler(vt) {\n // console.log(this.multiple, '::', vt.index)\n if (this.multiple) {\n // console.log('value:', this.value, vt.active, this.selectedItems)\n var nValue = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(this.values);\n if (vt.active) {\n vt.active = false;\n nValue = nValue.filter(function (ele) {\n return ele !== vt.index;\n });\n this.selectedItems = this.selectedItems.filter(function (ele) {\n return ele.index !== vt.index;\n });\n } else {\n vt.active = true;\n this.selectedItems.push(vt);\n nValue.push(vt.index);\n }\n // console.log('value:', this.value, vt.active, this.selectedItems)\n this.emitChange(nValue);\n this.resetValues();\n } else {\n this.selectedItems.splice(0, 1, vt);\n this.emitChange([vt.index]);\n this.awayHandler();\n }\n },\n emitChange: function emitChange(values) {\n var v = this.multiple ? values : values[0];\n this.$emit('input', v);\n this.$emit('change', v);\n __WEBPACK_IMPORTED_MODULE_2__config__[\"notify\"].field.change(this);\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n this.resetValues();\n },\n resetValues: function resetValues() {\n this.showText = true;\n this.reRenderChildren = true;\n this.keyChildrenIndex = -1;\n // 选择之后clear input search\n if (this.search) {\n this.$refs.inputSearch.value = '';\n }\n }\n }\n});\n\n/***/ }),\n/* 164 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-step',\n props: {\n icon: { type: String },\n title: { type: String, required: true },\n description: { type: String },\n active: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false }\n },\n data: function data() {\n return {\n index: 9\n };\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish step', { 'active': this.active }, { 'disabled': this.disabled }];\n },\n iClassObject: function iClassObject() {\n return [this.icon ? 'icon ' + this.icon : ''];\n }\n }\n});\n\n/***/ }),\n/* 165 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-steps',\n props: {\n size: { type: String },\n width: { type: [String, Number], default: 100 },\n mode: { type: String, default: 'horizontal' // horizontal, vertical\n } },\n mounted: function mounted() {\n this.$children.forEach(function (ele, index) {\n ele.index = index + 1;\n });\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish steps', this.size, this.mode];\n }\n }\n});\n\n/***/ }),\n/* 166 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n name: 'fish-submenu',\n props: {\n trigger: { type: String, default: 'hover' },\n index: { type: String },\n indexDelimiter: { type: String, default: '-' }, // option index内容的分隔符\n mode: { type: String, default: 'vertical' }\n },\n data: function data() {\n return {\n items: {},\n visible: false,\n timeout: null,\n active: false // 针对根节点 li\n };\n },\n mounted: function mounted() {\n var _this = this;\n\n this.items = {};\n this.$children.forEach(function (ele) {\n if (ele._isVue) _this.items[ele.index.split(_this.indexDelimiter).pop()] = ele;\n });\n // 设置children padding left\n if (this.mode !== 'inline') return;\n this.$children.forEach(function (ele) {\n if (ele.$el.className.indexOf('submenu') === -1) {\n var _indexes = ele.index.split(_this.indexDelimiter);\n ele.$el.style.paddingLeft = 0.75 * _indexes.length + 'em';\n }\n });\n // set subtitle padding left\n var indexes = this.indexes;\n this.$refs.subtitle.style.paddingLeft = 0.75 * indexes.length + 'em';\n },\n\n computed: {\n indexes: function indexes() {\n return this.index.split(this.indexDelimiter);\n }\n },\n methods: {\n mouseOverHandler: function mouseOverHandler() {\n var _this2 = this;\n\n // console.log('::::')\n if (this.mode !== 'inline' && this.trigger === 'hover') {\n clearTimeout(this.timeout);\n this.timeout = setTimeout(function () {\n _this2.visible = true;\n }, 250);\n }\n },\n mouseOutHandler: function mouseOutHandler() {\n var _this3 = this;\n\n // console.log('>>>>>>>>>>>.')\n if (this.mode !== 'inline' && this.trigger === 'hover') {\n clearTimeout(this.timeout);\n this.timeout = setTimeout(function () {\n _this3.visible = false;\n }, 150);\n }\n },\n clickHandler: function clickHandler(evt) {\n // console.log(this.trigger, ':::', this.mode)\n if (this.mode === 'inline') {\n if (evt.target.parentNode === this.$refs.submenu) {\n this.visible = !this.visible;\n this.active = !this.active;\n }\n } else {\n this.visible = !this.visible;\n }\n },\n awayHandler: function awayHandler() {\n if (this.mode !== 'inline' && this.trigger === 'click') {\n this.visible = false;\n }\n }\n }\n});\n\n/***/ }),\n/* 167 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-switch',\n props: {\n value: { type: [Boolean, Number, String], default: false },\n disabled: { type: Boolean, default: false },\n yesOrNo: { type: Array, default: function _default() {\n return [true, false];\n } }\n },\n methods: {\n clickHandler: function clickHandler() {\n var v = this.yesOrNo[0] === this.value ? this.yesOrNo[1] : this.yesOrNo[0];\n this.$emit('input', v);\n this.$emit('change', v);\n }\n }\n});\n\n/***/ }),\n/* 168 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-tab-pane',\n props: {\n label: { type: String, required: true },\n index: { type: String }\n },\n watch: {\n label: function label(nv, ov) {\n try {\n this.$parent.updateTabLabel(ov, nv);\n } catch (e) {}\n }\n },\n data: function data() {\n return {\n visible: false\n };\n }\n});\n\n/***/ }),\n/* 169 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of__ = __webpack_require__(417);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__TableHead_vue__ = __webpack_require__(731);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__TableBody_vue__ = __webpack_require__(730);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Pagination_vue__ = __webpack_require__(344);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\nvar SCROLL_WIDTH = 15;\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n fishTableBody: __WEBPACK_IMPORTED_MODULE_2__TableBody_vue__[\"a\" /* default */],\n fishTableHead: __WEBPACK_IMPORTED_MODULE_1__TableHead_vue__[\"a\" /* default */],\n fishPagination: __WEBPACK_IMPORTED_MODULE_3__Pagination_vue__[\"a\" /* default */]\n },\n name: 'fish-table',\n props: {\n bottomPadding: { type: String, default: '10px 0' },\n columns: { type: Array, required: true }, // [{title: '', key: '', width: 100, render: () => {}}]\n data: { type: Array, required: true },\n bordered: { type: Boolean, default: false },\n borderedHeader: { type: Boolean, default: false },\n striped: { type: Boolean, default: false },\n loading: { type: Boolean, default: false },\n expandedRowRender: { type: Function, default: null }, // 没有fixed列,方可展开详情\n height: [Number, String], // 指定高度,固定表头\n noMoreText: { type: String, default: 'No more data...' },\n counting: { type: Boolean, default: false }, // 是否有统计行\n pagination: { type: Object, default: undefined // 关联pagination组件\n } },\n data: function data() {\n return {\n currentPage: this.pagination ? this.pagination.current : 1,\n scrollY: false,\n windowWidth: getWindowWidth(),\n maxRows: getMaxDeepColumns(this.columns),\n allColumns: getColumns(this.columns),\n rows: [],\n allLeafColumns: [],\n fixedLeftColumns: [],\n fixedRightColumns: [],\n filters: {}, // 表头的过滤返回值\n sorter: null,\n rootWidth: 0,\n trHeight: 38\n };\n },\n\n watch: {\n data: function data(nval, oval) {\n this.calScroll();\n var $vue = this.$refs.vth;\n if ($vue) {\n var checkboxes = $vue.$refs.checkboxes;\n if (checkboxes) {\n checkboxes[0].active = false;\n this.$emit('select', []);\n }\n }\n },\n columns: function columns(nval, oval) {\n // console.log('::::::columns.nval:', nval)\n this.init();\n },\n pagination: function pagination(nval, oval) {\n this.currentPage = nval ? nval.current : 1;\n }\n },\n mounted: function mounted() {\n this.init();\n var root = this.$refs.root;\n\n this.rootWidth = 0;\n while (this.rootWidth <= 0) {\n this.rootWidth = root.getBoundingClientRect().width;\n root = root.parentNode;\n }\n window.addEventListener('resize', this.calScroll);\n },\n destroyed: function destroyed() {\n window.removeEventListener('resize', this.calScroll);\n },\n\n methods: {\n init: function init() {\n var _this = this;\n\n this.maxRows = getMaxDeepColumns(this.columns);\n this.allColumns = getColumns(this.columns);\n this.rows = getRows(this.allColumns, this.maxRows);\n this.allLeafColumns = this.allColumns.filter(function (c) {\n return !c.children;\n });\n\n // fixed columns\n this.columns.forEach(function (column) {\n if (column.fixed !== undefined) {\n if (column.fixed === 'left') {\n _this.fixedLeftColumns.push(column);\n } else if (column.fixed === 'right') {\n _this.fixedRightColumns.push(column);\n }\n }\n });\n this.calScroll();\n },\n pageChangeHandler: function pageChangeHandler(currentPage) {\n this.currentPage = currentPage;\n this.changeHandler();\n },\n filterChangeHandler: function filterChangeHandler(filters) {\n this.filters = filters;\n this.changeHandler();\n },\n sortChangeHandler: function sortChangeHandler(orderKey, orderBy) {\n this.sorter = { key: orderKey, by: orderBy };\n this.changeHandler();\n },\n changeHandler: function changeHandler() {\n this.$emit('change', this.currentPage, this.filters, this.sorter);\n },\n headSelectHandler: function headSelectHandler($vue) {\n var _this2 = this;\n\n var checkbox = $vue.$refs.checkboxes[0];\n var _$refs = this.$refs,\n vtb = _$refs.vtb,\n lVtb = _$refs.lVtb,\n rVtb = _$refs.rVtb;\n\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of___default()(vtb, lVtb, rVtb).forEach(function (tb) {\n if (tb && tb.$refs.checkboxes) {\n tb.$refs.checkboxes.forEach(function (cb) {\n cb.active = checkbox.active;\n });\n }\n });\n this.$emit('select', vtb.$refs.checkboxes.filter(function (cb) {\n return cb.active;\n }).map(function (cb) {\n return _this2.data[cb.index];\n }));\n },\n bodySelectHandler: function bodySelectHandler(event, $vue) {\n var _this3 = this;\n\n var checkboxes = $vue.$refs.checkboxes;\n var activeCheckboxes = checkboxes.filter(function (cb) {\n return cb.active;\n });\n var headActiveCheckbox = checkboxes.length === activeCheckboxes.length;\n var _$refs2 = this.$refs,\n vth = _$refs2.vth,\n lVth = _$refs2.lVth,\n rVth = _$refs2.rVth,\n vtb = _$refs2.vtb;\n\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of___default()(vth, lVth, rVth).forEach(function (th) {\n if (th) th.$refs.checkboxes[0].active = headActiveCheckbox;\n });\n\n this.$emit('select', vtb.$refs.checkboxes.filter(function (cb) {\n return cb.active;\n }).map(function (cb) {\n return _this3.data[cb.index];\n }));\n },\n bodyTrClickHandler: function bodyTrClickHandler(item, rowIndex) {\n this.$emit('tr-click', item, rowIndex);\n },\n calScroll: function calScroll() {\n var _this4 = this;\n\n this.$nextTick(function () {\n _this4.calScrollY();\n _this4.calScrollX();\n });\n },\n calScrollY: function calScrollY() {\n // 是否需要滚动条\n var height = this.height,\n data = this.data;\n\n if (height === undefined) return;\n var rootHeight = this.$refs.root.offsetHeight;\n // console.log('rootHeight:', rootHeight)\n if (height >= rootHeight) return;\n var _$refs3 = this.$refs,\n body = _$refs3.body,\n flBody = _$refs3.flBody,\n frBody = _$refs3.frBody,\n fixedRight = _$refs3.fixedRight;\n\n var trLength = data.length + 1;\n var trHeight = height / trLength + 1; // 1 border width\n body.style.height = height - trHeight + 'px';\n body.style.overflowY = 'scroll';\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_of___default()(flBody, frBody).forEach(function (b) {\n if (b !== undefined) {\n // 15 为滚动条的宽度\n b.style.height = height - trHeight - SCROLL_WIDTH + 'px';\n }\n });\n if (fixedRight) {\n fixedRight.style.right = SCROLL_WIDTH + 'px';\n }\n var addScrollListener = function addScrollListener(src, dests) {\n if (src === undefined) return;\n src.addEventListener('scroll', function (event) {\n dests.forEach(function (b) {\n if (b !== undefined) {\n b.scrollTop = event.target.scrollTop;\n }\n });\n }, false);\n };\n addScrollListener(body, [flBody, frBody]);\n this.scrollY = true;\n },\n calScrollX: function calScrollX() {\n var _$refs4 = this.$refs,\n header = _$refs4.header,\n body = _$refs4.body,\n root = _$refs4.root;\n var rootWidth = this.rootWidth;\n\n if (rootWidth <= 0) return;\n // const currentWindowWidth = getWindowWidth()\n // rootWidth += currentWindowWidth - this.windowWidth\n var totalWidth = this.allLeafColumns.map(function (e) {\n return e.width || 0;\n }).reduce(function (arg1, arg2) {\n return parseInt(arg1) + parseInt(arg2);\n }, 0);\n if (totalWidth <= rootWidth) {\n root.style.width = 'auto';\n body.style.overflowX = 'hidden';\n return;\n }\n root.style.width = rootWidth + 'px';\n body.style.overflowX = 'scroll';\n body.addEventListener('scroll', function (event) {\n header.scrollLeft = event.target.scrollLeft;\n }, false);\n // this.windowWidth = currentWindowWidth\n },\n cellRender: function cellRender(item, column) {\n return column.render === undefined ? item[column.key] : column.render(item[column.key], column);\n }\n }\n\n // 获取表头行信息\n});var getRows = function getRows() {\n var allColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var maxRows = arguments[1];\n\n var rows = [];\n for (var i = 0; i < maxRows; i++) {\n rows.push([]);\n }allColumns.forEach(function (column) {\n column.rowSpan = column.children ? 1 : maxRows - column.level;\n rows[column.level].push(column);\n });\n return rows;\n};\n\n// 获得所有列的总数\nvar getColumns = function getColumns() {\n var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var ret = [];\n columns.forEach(function (column) {\n column.level = level;\n ret.push(column);\n if (column.children) {\n var nRet = getColumns(column.children, level + 1);\n column.colSpan = nRet.filter(function (c) {\n return !c.children;\n }).length;\n ret = ret.concat(nRet);\n } else {\n column.colSpan = 1;\n }\n });\n return ret;\n};\n\n// 获得列的最大深度\nvar getMaxDeepColumns = function getMaxDeepColumns() {\n var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n var maxDeeps = [];\n columns.forEach(function (column, index) {\n maxDeeps[index] = 1;\n if (column.children !== undefined && column.children.length > 0) {\n maxDeeps[index] += getMaxDeepColumns(column.children);\n }\n });\n if (maxDeeps.length <= 0) return 1;\n return Math.max.apply(null, maxDeeps);\n};\n\nvar getWindowWidth = function getWindowWidth() {\n if (window.innerWidth) {\n return window.innerWidth;\n } else {\n return document.body.clientWidth;\n }\n};\n\n/***/ }),\n/* 170 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__ = __webpack_require__(31);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__ContentRender_vue__ = __webpack_require__(340);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n ContentRender: __WEBPACK_IMPORTED_MODULE_2__ContentRender_vue__[\"a\" /* default */],\n fishCheckbox: __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__[\"a\" /* default */] },\n name: 'fish-table-body',\n props: {\n columns: { type: Array, required: true },\n rows: { type: Array, required: true },\n expandIcon: { type: String, default: 'fa fa-angle-right' },\n expandedRowRender: { type: Function, default: undefined }, // 没有fixed列,方可展开详情\n scrollY: { type: Boolean, default: false },\n counting: { type: Boolean, default: false }, // 是否有统计行\n noMoreText: { type: String }\n },\n data: function data() {\n return {\n expands: []\n };\n },\n\n watch: {\n rows: function rows(nVal, oVal) {\n this.expands = nVal.map(function (row) {\n return false;\n });\n }\n },\n methods: {\n itemValue: function itemValue(item, _ref) {\n var key = _ref.key;\n\n var v = item;\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default()(key.split('#')), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var k = _step.value;\n\n if (v[k] !== undefined && v[k] !== null) v = v[k];else return '';\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n return v !== undefined && v !== null ? v : '';\n },\n trClick: function trClick(item, rIndex) {\n if (this.hasCounting(rIndex)) return;\n this.$emit('tr-click', item, rIndex);\n },\n checkboxSelectHandler: function checkboxSelectHandler(evt) {\n this.$emit('select', evt, this);\n },\n expandHandler: function expandHandler(rowIndex) {\n this.expands.splice(rowIndex, 1, !this.expands[rowIndex]);\n },\n hasCounting: function hasCounting(rIndex) {\n return this.counting === true && rIndex === 0;\n }\n }\n});\n\n/***/ }),\n/* 171 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__TableHeadFilter_vue__ = __webpack_require__(732);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__ = __webpack_require__(31);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n fishCheckbox: __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__[\"a\" /* default */],\n fishTableHeadFilter: __WEBPACK_IMPORTED_MODULE_0__TableHeadFilter_vue__[\"a\" /* default */]\n },\n name: 'fish-table-head',\n props: {\n columns: { type: Array, required: true }, // [{title: '', key: '', width: 100, type: [index, checkbox], render: () => {}, align: 'left', sortable: true}]\n rows: { type: Array, required: true },\n disabledCheckbox: { type: Boolean, default: false },\n expandedRowRender: { type: Function, default: null }, // 没有fixed列,方可展开详情\n scrollY: { type: Boolean, default: false }\n },\n data: function data() {\n return {\n orderKey: null,\n orderBy: ''\n };\n },\n\n methods: {\n checkboxSelectHandler: function checkboxSelectHandler(evt) {\n this.$emit('select', this);\n },\n clickFilterHandler: function clickFilterHandler(evt) {\n var filters = this.$refs.filters;\n\n var filterMap = {};\n filters.forEach(function (filter) {\n if (filter.values.length > 0) filterMap[filter.index] = filter.values;\n });\n this.$emit('filter-change', filterMap);\n },\n thClickHandler: function thClickHandler(column) {\n if (column.sortable) {\n if (this.orderKey !== column.key) {\n this.orderBy = '';\n }\n this.orderKey = column.key;\n if (this.orderBy !== '') {\n this.orderBy = this.orderBy === 'desc' ? 'asc' : 'desc';\n } else {\n this.orderBy = 'desc';\n }\n this.$emit('sort-change', this.orderKey, this.orderBy);\n }\n }\n }\n});\n\n/***/ }),\n/* 172 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Menu__ = __webpack_require__(341);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Option_vue__ = __webpack_require__(343);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-table-head-filter',\n components: {\n fishOption: __WEBPACK_IMPORTED_MODULE_2__Option_vue__[\"a\" /* default */],\n fishMenu: __WEBPACK_IMPORTED_MODULE_1__Menu__[\"a\" /* default */]\n },\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n props: {\n index: { type: [String, Number], required: true },\n // title: { type: String, required: true },\n items: { type: Array, required: true }\n },\n data: function data() {\n return {\n minWidth: null,\n visible: false\n // activeTitle: null\n };\n },\n\n computed: {\n values: function values() {\n return this.$refs.options.filter(function (option) {\n return option.active && option.index !== '_all';\n }).map(function (option) {\n return option.index;\n });\n }\n },\n updated: function updated() {\n var _$refs = this.$refs,\n _root = _$refs._root,\n _content = _$refs._content;\n\n var p = _root.offsetParent;\n _content.style.left = p.offsetLeft - p.offsetParent.parentNode.scrollLeft + 'px';\n _content.style.top = p.offsetHeight + 'px';\n this.minWidth = _root.parentNode.getBoundingClientRect().width;\n },\n\n methods: {\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n },\n menusClickHandler: function menusClickHandler(evt) {\n // const targetVue = evt.target.__vue__\n // this.activeTitle = targetVue.index === '_all' ? this.title : targetVue.content\n this.visible = false;\n this.$emit('change', evt);\n }\n }\n});\n\n/***/ }),\n/* 173 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-tabs',\n props: {\n value: { type: [Number, String], required: true },\n type: { type: String, default: '' },\n navPosition: { type: String, default: 'top' },\n navCenter: { type: Boolean, default: false },\n padding: { type: String },\n height: { type: String },\n minHeight: { type: String, default: '' },\n maxHeight: { type: String, default: '' },\n overflow: { type: String, default: '' }\n },\n data: function data() {\n return {\n tabs: [],\n activeIndex: 0\n };\n },\n\n watch: {\n value: function value(nVal, oVal) {\n this.init(nVal);\n }\n },\n computed: {\n contentStyle: function contentStyle() {\n var padding = this.padding,\n height = this.height,\n overflow = this.overflow,\n minHeight = this.minHeight,\n maxHeight = this.maxHeight;\n\n return {\n padding: padding,\n height: height,\n minHeight: minHeight,\n maxHeight: maxHeight,\n overflow: overflow\n };\n }\n },\n mounted: function mounted() {\n this.init(this.value);\n },\n\n methods: {\n init: function init(indexValue) {\n var _this = this;\n\n this.tabs = [];\n this.$children.forEach(function (ele, index) {\n _this.tabs.push(ele.label);\n // if (ele.index !== undefined) index = ele.index\n if (ele.index === indexValue) {\n ele.visible = true;\n _this.activeIndex = index;\n } else {\n ele.visible = false;\n }\n });\n },\n updateTabLabel: function updateTabLabel(oldLabel, label) {\n var index = this.tabs.findIndex(function (it) {\n return it === oldLabel;\n });\n if (index >= 0) {\n this.tabs.splice(index, 1, label);\n }\n },\n tabClickHandler: function tabClickHandler(index) {\n this.$children[this.activeIndex].visible = false;\n var ele = this.$children[index];\n ele.visible = true;\n this.activeIndex = index;\n this.$emit('input', ele.index);\n this.$emit('tab-change', ele.index);\n }\n }\n});\n\n/***/ }),\n/* 174 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-tag',\n props: {\n icon: String,\n iconClose: { type: String, default: 'fa fa-close' },\n index: { type: [String, Number], required: true },\n size: { type: String, default: '' },\n color: { type: String, default: '' },\n shape: { type: String, default: 'square' }, // square, circle\n floating: { type: Boolean, default: false },\n attached: { type: String // 依附在什么地方 top, bottom, top left, top left, bottom left, bottom right\n } },\n data: function data() {\n return {\n closed: false\n };\n },\n\n computed: {\n classObject: function classObject() {\n return ['fish tag', this.size, this.color, this.shape, { 'floating': this.floating }, { 'attached': this.attached }, this.attached];\n },\n closeExists: function closeExists() {\n return this._events.close;\n }\n },\n methods: {\n clickHandler: function clickHandler(event) {\n this.$emit('click', this.index);\n },\n closeHandler: function closeHandler(event) {\n this.$emit('close', this.index);\n this.closed = true;\n }\n }\n});\n\n/***/ }),\n/* 175 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__ = __webpack_require__(26);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Tag__ = __webpack_require__(345);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-tags',\n components: {\n fishTag: __WEBPACK_IMPORTED_MODULE_1__Tag__[\"a\" /* default */]\n },\n props: {\n size: String,\n edited: { type: Boolean, default: false },\n items: { type: Array, required: true //\n } },\n computed: {\n classObject: function classObject() {\n return ['fish tags', this.size];\n },\n onAddExists: function onAddExists() {\n return this._events.add;\n }\n },\n methods: {\n clickHandler: function clickHandler(event, index) {\n if (__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_typeof___default()(this.items[index]) === 'object') {\n this.$emit('click', index, this.items[index][0] === false);\n } else {\n this.$emit('click', index);\n }\n },\n closeHandler: function closeHandler(event, index) {\n this.$emit('close', index);\n },\n addHandler: function addHandler() {\n var _this = this;\n\n this.isClickAdd = true;\n this.$nextTick(function () {\n _this.$refs.newTagInput.focus();\n });\n },\n addEnterHandler: function addEnterHandler(event) {\n this.$refs.newTagInput.blur();\n },\n addDoneHandler: function addDoneHandler(event) {\n // console.log(event.target)\n this.isClickAdd = false;\n var v = event.target.value;\n if (!/^\\s*$/.test(v)) {\n this.$emit('add', v);\n }\n }\n },\n data: function data() {\n return {\n isClickAdd: false\n };\n }\n});\n\n/***/ }),\n/* 176 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__config__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-time-picker',\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n props: {\n value: { type: String, default: '00:00:00' },\n hint: { type: String, default: '' }\n },\n data: function data() {\n return {\n showClear: false,\n visible: false,\n groups: [__WEBPACK_IMPORTED_MODULE_1__config__[\"calendar\"].hours, __WEBPACK_IMPORTED_MODULE_1__config__[\"calendar\"].minutes, __WEBPACK_IMPORTED_MODULE_1__config__[\"calendar\"].seconds]\n };\n },\n\n computed: {\n valueEmpty: function valueEmpty() {\n return (/^\\s*$/.test(this.value)\n );\n }\n },\n methods: {\n mouseOverHandler: function mouseOverHandler() {\n this.showClear = true;\n },\n mouseOutHandler: function mouseOutHandler() {\n this.showClear = false;\n },\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n },\n selectHandler: function selectHandler(item, index) {\n var values = (this.valueEmpty ? '00:00:00' : this.value).split(':');\n values[index] = item;\n this.changeHandler(values.join(':'));\n },\n clearHandler: function clearHandler() {\n this.visible = false;\n this.changeHandler('');\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n this.showClear = false;\n },\n changeHandler: function changeHandler(v) {\n this.$emit('input', v);\n this.$emit('change', v);\n __WEBPACK_IMPORTED_MODULE_1__config__[\"notify\"].field.change(this);\n }\n }\n});\n\n/***/ }),\n/* 177 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-timeline'\n});\n\n/***/ }),\n/* 178 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-timeline-item',\n props: {\n color: { type: String, default: '' // red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, dark, black\n } }\n});\n\n/***/ }),\n/* 179 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_set__ = __webpack_require__(186);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_set___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_set__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__ = __webpack_require__(31);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__TransferPanel_vue__ = __webpack_require__(739);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: {\n FishTransferPanel: __WEBPACK_IMPORTED_MODULE_2__TransferPanel_vue__[\"a\" /* default */],\n FishCheckbox: __WEBPACK_IMPORTED_MODULE_1__Checkbox_vue__[\"a\" /* default */] },\n name: 'fish-transfer',\n props: {\n width: { type: Number, default: 200 },\n height: { type: Number, default: 200 },\n value: { type: Array, default: function _default() {\n return [];\n } },\n titles: { type: Array, default: function _default() {\n return ['items', 'items'];\n } },\n data: { type: Array, default: function _default() {\n return [];\n } }, // [{key: '', label: '', disabled: false}]\n noDataText: { type: String, default: 'no data' },\n leftRender: { type: Function, default: function _default() {\n return '';\n } },\n rightRender: { type: Function, default: function _default() {\n return '';\n } }\n },\n data: function data() {\n return {\n leftSelectedKeys: [],\n rightSelectedKeys: []\n };\n },\n\n computed: {\n dataMap: function dataMap() {\n var dataMap = {};\n this.data.forEach(function (item) {\n dataMap[item.key] = item;\n });\n return dataMap;\n }\n },\n methods: {\n rightChangeHandler: function rightChangeHandler(keys) {\n this.rightSelectedKeys = keys;\n },\n leftChangeHandler: function leftChangeHandler(keys) {\n this.leftSelectedKeys = keys;\n },\n toRightHandler: function toRightHandler() {\n this.emitInput(this.leftSelectedKeys.concat(this.value));\n },\n toLeftHandler: function toLeftHandler() {\n var keySet = new __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_set___default.a(this.rightSelectedKeys);\n this.emitInput(this.value.filter(function (v) {\n return !keySet.has(v);\n }));\n },\n emitInput: function emitInput(keys) {\n this.$emit('input', keys);\n this.$emit('change', keys);\n this.leftSelectedKeys = [];\n this.rightSelectedKeys = [];\n }\n }\n});\n\n/***/ }),\n/* 180 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-transfer-panel',\n props: {\n title: { type: String, default: 'item' },\n width: { type: Number, default: 200 },\n height: { type: Number, default: 200 },\n draggable: { type: Boolean, default: false },\n data: { type: Array, default: function _default() {\n return [];\n } }, // [{key: '', label: '', disabled: false}]\n noDataText: { type: String, default: 'no data' }\n },\n data: function data() {\n return {\n allDisabled: false,\n selectedKeys: [],\n eleDrag: null\n };\n },\n\n watch: {\n data: function data(nVal, oVal) {\n // console.log(':::nVal:', nVal, ', oVal:', oVal)\n if (nVal.length !== oVal.length) {\n this.selectedKeys = [];\n if (nVal.length === 0 || nVal.every(function (v) {\n return v.disabled;\n })) {\n this.$refs.checkbox.active = false;\n this.allDisabled = true;\n } else {\n this.allDisabled = false;\n }\n }\n }\n },\n computed: {\n titleView: function titleView() {\n var txt = '';\n if (this.selectedKeys.length > 0) {\n txt += this.selectedKeys.length + '/';\n }\n return txt + this.data.length + ' ' + this.title;\n }\n },\n methods: {\n dragStartHandler: function dragStartHandler(evt) {\n evt.dataTransfer.effectAllowed = 'move';\n this.eleDrag = evt.target;\n },\n dragOverHandler: function dragOverHandler(evt) {\n evt.dataTransfer.dropEffect = 'move';\n },\n dragEnterHandler: function dragEnterHandler(evt) {\n // evt.target.addClassName('active')\n },\n dragLeaveHandler: function dragLeaveHandler(evt) {\n // evt.target.removeClassName('active')\n },\n dropHandler: function dropHandler(evt, index) {\n if (this.eleDrag !== evt.target) {\n var oldIndex = this.eleDrag.getAttribute('drag-index');\n var nData = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(this.data);\n var tmp = nData[oldIndex];\n nData[oldIndex] = nData[index];\n nData[index] = tmp;\n this.$emit('reorder', nData.map(function (item) {\n return item.key;\n }));\n }\n },\n dragEndHandler: function dragEndHandler(evt) {},\n allCheckboxClickHandler: function allCheckboxClickHandler(evt) {\n var _cb = this.$refs.checkbox;\n this.$refs.checkboxes.forEach(function (cb) {\n if (!cb.disabled) cb.active = _cb.active;\n });\n var keys = this.$refs.checkboxes.filter(function (cb) {\n return cb.active;\n }).map(function (cb) {\n return cb.index;\n });\n this.emitChange(keys);\n },\n checkboxClickHandler: function checkboxClickHandler(evt) {\n var keys = this.$refs.checkboxes.filter(function (cb) {\n return cb.active;\n }).map(function (cb) {\n return cb.index;\n });\n if (keys.length === this.$refs.checkboxes.length && !this.$refs.checkbox.active) this.$refs.checkbox.active = true;else this.$refs.checkbox.active = false;\n this.emitChange(keys);\n },\n emitChange: function emitChange(keys) {\n this.selectedKeys = keys;\n this.$emit('change', keys);\n }\n }\n});\n\n/***/ }),\n/* 181 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_keys__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_keys__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_core_js_set__ = __webpack_require__(186);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_core_js_set___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_core_js_set__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TreeNode_vue__ = __webpack_require__(740);\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { FishTreeNode: __WEBPACK_IMPORTED_MODULE_3__TreeNode_vue__[\"a\" /* default */] },\n name: 'fish-tree',\n props: {\n defaultSelectedKey: { type: String, default: '' },\n defaultCheckedKeys: { type: Array, default: function _default() {\n return [];\n } },\n multiple: { type: Boolean, default: false },\n expand: { type: Boolean, default: false },\n checkabled: { type: Function, default: function _default(multiple) {\n return multiple;\n } },\n data: { type: Array, required: true }, // [{title: '', key: '', children: '', disabled: false}]\n edited: { type: Boolean, default: false },\n onItemRender: { type: Function, default: function _default(item) {\n return item.title;\n } },\n iconCaretRight: { type: String, default: 'fa fa-caret-right' },\n iconCaretDown: { type: String, default: 'fa fa-caret-down' }\n },\n data: function data() {\n return {\n selectedKey: this.defaultSelectedKey,\n dataKeyMap: this.getResetDataKeyMap()\n };\n },\n\n watch: {\n defaultSelectedKey: function defaultSelectedKey(nowVal, oldVal) {\n this.selectedKey = nowVal;\n },\n defaultCheckedKeys: function defaultCheckedKeys(nowVal, oldVal) {\n this.dataKeyMap = this.getResetDataKeyMap();\n }\n },\n methods: {\n getResetDataKeyMap: function getResetDataKeyMap() {\n var dataKeyMap = {};\n initDataKeysMap(dataKeyMap, new __WEBPACK_IMPORTED_MODULE_2_babel_runtime_core_js_set___default.a(this.defaultCheckedKeys), this.data, '-');\n return dataKeyMap;\n },\n onItemChecked: function onItemChecked(item) {\n if (this.dataKeyMap[item.key][0] === 'checked') {\n this.setAllChildrenState(item.key, '');\n } else {\n this.setAllChildrenState(item.key, 'checked');\n }\n this.setAllParentState(item.key);\n this.$emit('item-checked', this.getCheckedKeys());\n },\n onItemContextmenu: function onItemContextmenu(item, evt) {\n this.selectedKey = item.key;\n this.$emit('item-contextmenu', item, evt);\n },\n onItemDblclick: function onItemDblclick(item, evt) {\n this.$emit('item-dblclick', item, evt);\n },\n onItemClick: function onItemClick(item, evt) {\n this.selectedKey = item.key;\n this.$emit('item-click', item, evt);\n },\n onItemRemove: function onItemRemove(data, item, itemIndex, evt) {\n this.$emit('item-remove', data, item, itemIndex, evt);\n },\n getCheckedKeys: function getCheckedKeys() {\n var _this = this;\n\n // 获取选择的keys\n var checkedKeys = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_keys___default()(this.dataKeyMap).filter(function (key) {\n return _this.dataKeyMap[key][0] === 'checked';\n });\n return checkedKeys.filter(function (key, index) {\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default()(checkedKeys), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var k = _step.value;\n\n if (k !== key && _this.dataKeyMap[key][2] === k) {\n return false;\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n return true;\n });\n },\n setAllChildrenState: function setAllChildrenState(key, state) {\n var _this2 = this;\n\n // 设置所有子节点的状态\n this.dataKeyMap[key].splice(0, 1, state);\n this.dataKeyMap[key][1] && this.dataKeyMap[key][1].forEach(function (child) {\n _this2.setAllChildrenState(child, state);\n });\n },\n setAllParentState: function setAllParentState(key) {\n var _this3 = this;\n\n // 设置所有父亲节点的状态\n if (this.dataKeyMap[key]) {\n var parentKey = this.dataKeyMap[key][2];\n if (parentKey === '') return;\n if (this.dataKeyMap[parentKey] && this.dataKeyMap[parentKey][1]) {\n var parentAllChildrenChecked = this.dataKeyMap[parentKey][1].every(function (child) {\n return _this3.dataKeyMap[child][0] === 'checked';\n });\n var parentAllChildrenOpen = this.dataKeyMap[parentKey][1].some(function (child) {\n return _this3.dataKeyMap[child][0] === 'open' || _this3.dataKeyMap[child][0] === 'checked';\n });\n this.dataKeyMap[parentKey].splice(0, 1, parentAllChildrenChecked ? 'checked' : parentAllChildrenOpen ? 'open' : '');\n }\n this.setAllParentState(parentKey);\n }\n }\n }\n});\n\nvar getKeyState = function getKeyState(dataKeysMap, setKeys, key, parentKey) {\n if (setKeys.has(key)) return 'checked';\n // console.log(':::::setKeys:', setKeys, ', key:', key, ', dataKeysMap:', dataKeysMap[parentKey])\n var _iteratorNormalCompletion2 = true;\n var _didIteratorError2 = false;\n var _iteratorError2 = undefined;\n\n try {\n for (var _iterator2 = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_get_iterator___default()(setKeys.keys()), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n var setKey = _step2.value;\n\n if (setKey.startsWith(key + '-')) return 'open';\n if (key.startsWith(setKey + '-')) return 'checked';\n }\n } catch (err) {\n _didIteratorError2 = true;\n _iteratorError2 = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion2 && _iterator2.return) {\n _iterator2.return();\n }\n } finally {\n if (_didIteratorError2) {\n throw _iteratorError2;\n }\n }\n }\n\n return '';\n};\nvar initDataKeysMap = function initDataKeysMap(dataKeysMap, setKeys, items, parentKey) {\n items && items.forEach(function (item) {\n // console.log('::::::', item)\n dataKeysMap[item.key] = [getKeyState(dataKeysMap, setKeys, item.key, parentKey), item.children && item.children.map(function (child) {\n return child.key;\n }), parentKey];\n initDataKeysMap(dataKeysMap, setKeys, item.children, item.key);\n });\n};\n\n/***/ }),\n/* 182 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Checkbox_vue__ = __webpack_require__(31);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { FishCheckbox: __WEBPACK_IMPORTED_MODULE_0__Checkbox_vue__[\"a\" /* default */] },\n name: 'fish-tree-node',\n props: {\n selectedKey: { type: String, default: '' },\n multiple: { type: Boolean, default: false },\n expand: { type: Boolean, default: false },\n checkabled: { type: Function },\n data: { type: Array, required: true }, // [{title: '', key: '', children: '', checked: false}]\n dataKeyMap: { type: Object }, // {key: [state, [[key, state]]}\n edited: { type: Boolean, default: false },\n iconCaretRight: { type: String, default: 'fa fa-caret-right' },\n iconCaretDown: { type: String, default: 'fa fa-caret-down' },\n onItemContextmenu: { type: Function, default: function _default(item, evt) {} },\n onItemChecked: { type: Function, default: function _default(item, evt) {} },\n onItemDblclick: { type: Function, default: function _default(item, evt) {} },\n onItemClick: { type: Function, default: function _default(item, evt) {} },\n onItemRemove: { type: Function, default: function _default(data, item, index, evt) {} },\n onItemRender: { type: Function, default: function _default(item) {\n return item.title;\n } }\n },\n data: function data() {\n var _this = this;\n\n return {\n visible: this.data.map(function (ele) {\n return ele.expand === undefined ? _this.expand : ele.expand;\n })\n };\n },\n\n methods: {\n showChildrenHandler: function showChildrenHandler(item, index) {\n this.visible.splice(index, 1, !this.visible[index]);\n },\n itemRemoveHandler: function itemRemoveHandler(item, index, evt) {\n // this.data.splice(index, 1)\n this.onItemRemove(this.data, item, index, evt);\n }\n }\n});\n\n/***/ }),\n/* 183 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__config__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Tree_vue__ = __webpack_require__(346);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { fishTree: __WEBPACK_IMPORTED_MODULE_2__Tree_vue__[\"a\" /* default */] },\n name: 'fish-tree-select',\n directives: { clickoutside: __WEBPACK_IMPORTED_MODULE_0__directives_clickoutside__[\"a\" /* default */] },\n props: {\n value: { type: [String, Number, Array] },\n data: { type: Array, required: true },\n hint: { type: String, default: '' },\n expand: { type: Boolean, default: false },\n multiple: { type: Boolean, default: false },\n checkabled: { type: Function, default: function _default(multiple) {\n return multiple;\n } },\n direction: { type: String, default: 'auto' },\n iconClose: { type: String, default: 'fa fa-close' },\n iconCaretRight: { type: String, default: 'fa fa-caret-right' },\n iconCaretDown: { type: String, default: 'fa fa-caret-down' }\n },\n data: function data() {\n return {\n selectedItem: null,\n selectedKey: '',\n checkedItems: [],\n checkedKeys: [],\n showClear: false,\n visible: false\n };\n },\n mounted: function mounted() {\n // this.resetValuesWithData(this.data)\n this.initData(this.value);\n },\n\n watch: {\n value: function value(nowVal, oldValue) {\n // console.log('nowVal: ', nowVal, this.data)\n this.initData(nowVal);\n }\n },\n computed: {\n valueEmpty: function valueEmpty() {\n return Array.isArray(this.value) ? this.value.length <= 0 : this.value === undefined || this.value === null || this.value.toString() === '';\n }\n },\n methods: {\n initData: function initData(v) {\n this.selectedKey = Array.isArray(v) ? v[0] || '' : v || '';\n this.checkedKeys = this.multiple ? v || [] : [];\n this.checkedItems = [];\n this.selectedItem = null;\n this.resetValuesWithData(this.data);\n // this.resizeContent()\n },\n resetValuesWithData: function resetValuesWithData(items) {\n var _this = this;\n\n items && items.forEach(function (item) {\n if (_this.multiple) {\n if (_this.checkedKeys.includes(item.key)) {\n _this.checkedItems.push(item);\n }\n } else if (_this.selectedKey === item.key) {\n _this.selectedItem = item;\n }\n _this.resetValuesWithData(item.children);\n });\n },\n resizeContent: function resizeContent() {\n var _this2 = this;\n\n this.$nextTick(function () {\n var content = _this2.$refs.content;\n\n var _content$getBoundingC = content.getBoundingClientRect(),\n height = _content$getBoundingC.height;\n\n var _content$parentNode$g = content.parentNode.getBoundingClientRect(),\n width = _content$parentNode$g.width;\n\n if (_this2.direction === 'auto') {\n var top = 0; // content.offsetTop\n var current = content.offsetParent;\n if (current !== null) {\n top += current.offsetTop;\n current = current.offsetParent;\n var prect = current.getBoundingClientRect();\n if (prect.height / 2 < top) {\n content.style.top = '-' + (height + 2) + 'px';\n }\n }\n }\n content.style.width = width + 'px';\n });\n },\n mouseOverHandler: function mouseOverHandler() {\n this.showClear = true;\n },\n mouseOutHandler: function mouseOutHandler() {\n this.showClear = false;\n },\n clickHandler: function clickHandler() {\n this.visible = !this.visible;\n if (this.visible) {\n this.resizeContent();\n }\n },\n itemClickHandler: function itemClickHandler(item) {\n if (this.multiple) return;\n this.emitChange(item.key, item);\n this.awayHandler();\n },\n itemCheckedHandler: function itemCheckedHandler(checkedKeys) {\n this.emitChange(checkedKeys, []);\n },\n closeItemHandler: function closeItemHandler(item) {\n this.emitChange(this.checkedKeys.filter(function (key) {\n return key !== item.key;\n }), []);\n },\n clearHandler: function clearHandler() {\n this.visible = false;\n this.emitChange([], []);\n },\n emitChange: function emitChange(v, vv) {\n if (this.multiple) {\n this.checkedKeys = v;\n this.checkedItems = [];\n } else {\n if (v.length <= 0) v = '';\n this.selectedKey = v || '';\n this.selectedItem = null;\n }\n this.resetValuesWithData(this.data);\n this.$emit('input', v);\n this.$emit('change', v, vv);\n __WEBPACK_IMPORTED_MODULE_1__config__[\"notify\"].field.change(this);\n },\n awayHandler: function awayHandler() {\n this.visible = false;\n this.showClear = false;\n }\n }\n});\n\n/***/ }),\n/* 184 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ajax_js__ = __webpack_require__(57);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n name: 'fish-upload',\n props: {\n action: { type: String, required: true },\n multiple: { type: Boolean, default: false },\n accept: { type: String, default: '*/*' },\n withCredentials: { type: Boolean, default: false }, // http ..\n headers: { type: Object }, // http headers\n data: { type: Object }, // http data\n name: { type: String, default: 'file' },\n onStart: { type: Function, default: function _default(file) {} },\n onProgress: { type: Function, default: function _default() {} },\n onSuccess: { type: Function, default: function _default() {} },\n onError: { type: Function, default: function _default() {} },\n triggerStyle: { type: Object | String, default: function _default() {\n return '';\n } }\n },\n data: function data() {\n return {\n reqs: {}\n };\n },\n\n methods: {\n clickHandler: function clickHandler() {\n this.$refs.input.click();\n },\n changeHandler: function changeHandler(evt) {\n var _this = this;\n\n if (this.reqs.length > 0) return;\n var files = evt.target.files;\n // console.log('files:', evt.target.files)\n if (!files) return;\n files = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(files);\n if (!this.multiple) files = [files[0]];\n if (files.length <= 0) return;\n\n files.forEach(function (file, index) {\n _this.upload(file, index);\n });\n },\n upload: function upload(file, index) {\n this.$refs.input.value = null;\n this.post(file, index);\n },\n abort: function abort(file, id) {\n if (this.reqs[id]) {\n this.reqs[id].abort();\n }\n },\n post: function post(file, id) {\n var _this2 = this;\n\n // console.log('file._url', file)\n var options = {\n headers: this.headers,\n withCredentials: this.withCredentials,\n file: file,\n data: this.data,\n filename: this.name,\n action: this.action,\n onProgress: function onProgress(e) {\n _this2.onProgress(e, file);\n },\n onSuccess: function onSuccess(res) {\n delete _this2.reqs[id];\n _this2.onSuccess(res, file);\n },\n onError: function onError(err, res) {\n _this2.onError(err, res, file);\n delete _this2.reqs[id];\n }\n };\n\n this.onStart(file);\n var req = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__ajax_js__[\"a\" /* default */])(options);\n this.reqs[id] = req;\n if (req && req.then) {\n req.then(options.onSuccess, options.onError);\n }\n }\n }\n});\n\n/***/ }),\n/* 185 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ajax_js__ = __webpack_require__(57);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Modal_vue__ = __webpack_require__(342);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__config___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__config__);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n components: { fishModal: __WEBPACK_IMPORTED_MODULE_2__Modal_vue__[\"a\" /* default */] },\n name: 'fish-upload-image',\n props: {\n value: { type: Array }, // ['', ]\n action: { type: String, required: true },\n multiple: { type: Boolean, default: false },\n accept: { type: String, default: '*/*' },\n withCredentials: { type: Boolean, default: false }, // http ..\n width: { type: String, default: '100px' },\n height: { type: String, default: '100px' },\n readOnly: { type: Boolean, default: false },\n url: { type: Function, default: function _default(url) {\n return url;\n } },\n previewUrl: { type: Function, default: function _default(url) {\n return url;\n } },\n previewImageHeight: { type: Number, default: 600 },\n max: { type: Number, default: 1 },\n preview: { type: Boolean, default: true },\n headers: { type: Object }, // http headers\n data: { type: Object }, // http data\n name: { type: String, default: 'file' },\n onStart: { type: Function, default: function _default(file) {} },\n onProgress: { type: Function, default: function _default() {} },\n onSuccess: { type: Function, default: function _default() {} },\n onError: { type: Function, default: function _default() {} },\n formatUrlFromResponse: { type: Function, default: function _default(res) {\n return res;\n } }\n },\n data: function data() {\n return {\n previewShow: false,\n previewIndex: 0,\n image: { rotate: 0, scale: 1, height: 0, width: 0, left: 0, top: 0 },\n imageMoving: false,\n reqs: {}\n };\n },\n\n computed: {\n pictureStyle: function pictureStyle() {\n return {\n width: this.width,\n height: this.height,\n lineHeight: this.height\n };\n }\n },\n methods: {\n imageMousedownHandler: function imageMousedownHandler(evt) {\n var _this = this;\n\n var image = this.image;\n\n var moving = false;\n this.$refs.imageBox.onmousemove = function (e) {\n moving = true;\n e.preventDefault();\n image.left += e.movementX;\n image.top += e.movementY;\n _this.$refs.realImage.style.left = image.left + 'px';\n _this.$refs.realImage.style.top = image.top + 'px';\n };\n this.$refs.imageBox.onmouseup = function () {\n _this.$refs.imageBox.onmousemove = null;\n _this.$refs.imageBox.onmouseup = null;\n if (!moving) {\n _this.clickNextImage();\n }\n moving = false;\n };\n },\n wheelHandler: function wheelHandler(evt) {\n var dir = evt.detail ? evt.detail * -120 : evt.wheelDelta;\n this.imageZoomHandler(dir / 2000);\n },\n resetImage: function resetImage() {\n this.image = { rotate: 0, scale: 1, height: 0, width: 0, left: 0, top: 0 };\n this.initImage();\n },\n initImage: function initImage() {\n var _this2 = this;\n\n var imgObj = new Image();\n imgObj.src = this.previewUrl(this.value[this.previewIndex]);\n imgObj.onload = function () {\n var width = imgObj.width,\n height = imgObj.height;\n\n var whRatio = width / height;\n var hwRatio = height / width;\n var _$refs$imageBox = _this2.$refs.imageBox,\n clientHeight = _$refs$imageBox.clientHeight,\n clientWidth = _$refs$imageBox.clientWidth;\n var image = _this2.image;\n // console.log('clientHeight:', clienItHeight, clientWidth, width, height)\n\n if (width > height) {\n image.height = hwRatio * clientWidth;\n if (image.height > clientHeight) {\n image.height = clientHeight;\n image.width = whRatio * clientHeight;\n } else {\n image.width = clientWidth;\n }\n image.top = (clientHeight - image.height) / 2;\n image.left = (clientWidth - image.width) / 2;\n } else {\n image.height = clientHeight;\n image.width = clientHeight / height * width;\n image.left = (clientWidth - image.width) / 2;\n }\n };\n },\n imageRepeatHandler: function imageRepeatHandler(evt) {\n var image = this.image;\n\n image.rotate += 90;\n if (this.image.rotate >= 360) {\n this.image.rotate = 0;\n }\n },\n imageZoomHandler: function imageZoomHandler(zoom) {\n var image = this.image;\n\n image.scale += zoom;\n if (image.scale < -0.5) {\n image.scale = -0.5;\n }\n },\n removeFile: function removeFile(index) {\n this.emitChange(this.value.filter(function (f, i) {\n return i !== index;\n }));\n },\n clickHandler: function clickHandler() {\n if (this.value.length >= this.max) {\n this.$message.warning('已超出最大上传的数量');\n } else {\n this.$refs.input.click();\n }\n },\n previewHandler: function previewHandler(index) {\n var _this3 = this;\n\n if (this.preview) {\n this.previewShow = true;\n this.previewIndex = index;\n setTimeout(function () {\n _this3.mousewheelEvt = /Firefox/i.test(navigator.userAgent) ? 'DOMMouseScroll' : 'mousewheel';\n _this3.$refs.imageBox.addEventListener(_this3.mousewheelEvt, _this3.wheelHandler, { passive: true });\n });\n this.resetImage();\n }\n },\n closePreviewHandler: function closePreviewHandler() {\n this.$refs.imageBox.removeEventListener(this.mousewheelEvt, this.wheelHandler, { passive: true });\n },\n clickNextImage: function clickNextImage() {\n if (this.previewIndex >= this.value.length - 1) {\n this.previewIndex = 0;\n } else {\n ++this.previewIndex;\n }\n this.resetImage();\n },\n changeHandler: function changeHandler(evt) {\n var _this4 = this;\n\n if (this.reqs.length > 0) return;\n var files = evt.target.files;\n if (!files) return;\n files = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(files);\n if (!this.multiple) files = [files[0]];\n if (files.length <= 0) return;\n\n files.forEach(function (file, index) {\n _this4.upload(file, index);\n });\n },\n upload: function upload(file, index) {\n this.$refs.input.value = null;\n this.post(file, index);\n },\n abort: function abort(file, id) {\n if (this.reqs[id]) {\n this.reqs[id].abort();\n }\n },\n post: function post(file, id) {\n var _this5 = this;\n\n previewFile(file, function (result) {\n file._url = result;\n });\n // console.log('file._url', file)\n var options = {\n headers: this.headers,\n withCredentials: this.withCredentials,\n file: file,\n data: this.data,\n filename: this.name,\n action: this.action,\n onProgress: function onProgress(e) {\n _this5.onProgress(e, file);\n },\n onSuccess: function onSuccess(res) {\n // console.log(res)\n delete _this5.reqs[id];\n var url = _this5.formatUrlFromResponse(res);\n _this5.onSuccess(res, file);\n var nValue = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()(_this5.value);\n nValue.push(url);\n _this5.emitChange(nValue);\n },\n onError: function onError(err, res) {\n file.state = 'error';\n _this5.onError(err, res, file);\n delete _this5.reqs[id];\n }\n };\n\n this.onStart(file);\n var req = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__ajax_js__[\"a\" /* default */])(options);\n this.reqs[id] = req;\n if (req && req.then) {\n req.then(options.onSuccess, options.onError);\n }\n },\n emitChange: function emitChange(v) {\n this.$emit('change', v);\n __WEBPACK_IMPORTED_MODULE_3__config__[\"notify\"].field.change(this);\n }\n }\n});\n\nvar previewFile = function previewFile(file, callback) {\n var reader = new FileReader();\n reader.onloadend = function () {\n return callback(reader.result);\n };\n reader.readAsDataURL(file);\n};\n\n/***/ }),\n/* 186 */,\n/* 187 */,\n/* 188 */,\n/* 189 */,\n/* 190 */,\n/* 191 */,\n/* 192 */,\n/* 193 */,\n/* 194 */,\n/* 195 */,\n/* 196 */,\n/* 197 */,\n/* 198 */,\n/* 199 */,\n/* 200 */,\n/* 201 */,\n/* 202 */,\n/* 203 */,\n/* 204 */,\n/* 205 */,\n/* 206 */,\n/* 207 */,\n/* 208 */,\n/* 209 */,\n/* 210 */,\n/* 211 */,\n/* 212 */,\n/* 213 */,\n/* 214 */,\n/* 215 */,\n/* 216 */,\n/* 217 */,\n/* 218 */,\n/* 219 */,\n/* 220 */,\n/* 221 */,\n/* 222 */,\n/* 223 */,\n/* 224 */,\n/* 225 */,\n/* 226 */,\n/* 227 */,\n/* 228 */,\n/* 229 */,\n/* 230 */,\n/* 231 */,\n/* 232 */,\n/* 233 */,\n/* 234 */,\n/* 235 */,\n/* 236 */,\n/* 237 */,\n/* 238 */,\n/* 239 */,\n/* 240 */,\n/* 241 */,\n/* 242 */,\n/* 243 */,\n/* 244 */,\n/* 245 */,\n/* 246 */,\n/* 247 */,\n/* 248 */,\n/* 249 */,\n/* 250 */,\n/* 251 */,\n/* 252 */,\n/* 253 */,\n/* 254 */,\n/* 255 */,\n/* 256 */,\n/* 257 */,\n/* 258 */,\n/* 259 */,\n/* 260 */,\n/* 261 */,\n/* 262 */,\n/* 263 */,\n/* 264 */,\n/* 265 */,\n/* 266 */,\n/* 267 */,\n/* 268 */,\n/* 269 */,\n/* 270 */,\n/* 271 */,\n/* 272 */,\n/* 273 */,\n/* 274 */,\n/* 275 */,\n/* 276 */,\n/* 277 */,\n/* 278 */,\n/* 279 */,\n/* 280 */,\n/* 281 */,\n/* 282 */,\n/* 283 */,\n/* 284 */,\n/* 285 */,\n/* 286 */,\n/* 287 */,\n/* 288 */,\n/* 289 */,\n/* 290 */,\n/* 291 */,\n/* 292 */,\n/* 293 */,\n/* 294 */,\n/* 295 */,\n/* 296 */,\n/* 297 */,\n/* 298 */,\n/* 299 */,\n/* 300 */,\n/* 301 */,\n/* 302 */,\n/* 303 */,\n/* 304 */,\n/* 305 */,\n/* 306 */,\n/* 307 */,\n/* 308 */,\n/* 309 */,\n/* 310 */,\n/* 311 */,\n/* 312 */,\n/* 313 */,\n/* 314 */,\n/* 315 */,\n/* 316 */,\n/* 317 */,\n/* 318 */,\n/* 319 */,\n/* 320 */,\n/* 321 */,\n/* 322 */,\n/* 323 */,\n/* 324 */,\n/* 325 */,\n/* 326 */,\n/* 327 */,\n/* 328 */,\n/* 329 */,\n/* 330 */,\n/* 331 */,\n/* 332 */,\n/* 333 */,\n/* 334 */,\n/* 335 */,\n/* 336 */,\n/* 337 */\n/***/ (function(module, exports) {\n\nmodule.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=\"\n\n/***/ }),\n/* 338 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTableBase_vue__ = __webpack_require__(100);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0fb75841_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTableBase_vue__ = __webpack_require__(752);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTableBase_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0fb75841_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTableBase_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 339 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Calendar_vue__ = __webpack_require__(130);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ded1537_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Calendar_vue__ = __webpack_require__(835);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Calendar_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ded1537_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Calendar_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 340 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_ContentRender_vue__ = __webpack_require__(141);\n/* unused harmony namespace reexport */\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\nvar __vue_template__ = null\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_ContentRender_vue__[\"a\" /* default */],\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 341 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Menu_vue__ = __webpack_require__(153);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_53972561_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Menu_vue__ = __webpack_require__(810);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Menu_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_53972561_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Menu_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 342 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Modal_vue__ = __webpack_require__(155);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7aa2cfaf_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Modal_vue__ = __webpack_require__(833);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Modal_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7aa2cfaf_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Modal_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 343 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Option_vue__ = __webpack_require__(157);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0628f46b_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Option_vue__ = __webpack_require__(746);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Option_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0628f46b_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Option_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 344 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Pagination_vue__ = __webpack_require__(158);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_39313cb8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Pagination_vue__ = __webpack_require__(790);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Pagination_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_39313cb8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Pagination_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 345 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Tag_vue__ = __webpack_require__(174);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d1cc4d5_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Tag_vue__ = __webpack_require__(766);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Tag_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d1cc4d5_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Tag_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 346 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Tree_vue__ = __webpack_require__(181);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_222bb648_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Tree_vue__ = __webpack_require__(772);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Tree_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_222bb648_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Tree_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 347 */,\n/* 348 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign__ = __webpack_require__(37);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_values__ = __webpack_require__(419);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_values___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_values__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__styles_index_less__ = __webpack_require__(473);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__styles_index_less___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__styles_index_less__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_BackTop_vue__ = __webpack_require__(695);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Button_vue__ = __webpack_require__(696);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_Buttons_vue__ = __webpack_require__(697);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_Calendar_vue__ = __webpack_require__(339);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_Card_vue__ = __webpack_require__(698);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_Cards_vue__ = __webpack_require__(699);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_Carousel_vue__ = __webpack_require__(700);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_CarouselItem_vue__ = __webpack_require__(701);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_Cascader_vue__ = __webpack_require__(702);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_Checkbox_vue__ = __webpack_require__(31);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_Checkboxes_vue__ = __webpack_require__(703);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_Col_vue__ = __webpack_require__(55);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__components_DatePicker_vue__ = __webpack_require__(706);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__components_Dropdown_vue__ = __webpack_require__(708);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__components_Field_vue__ = __webpack_require__(709);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__components_Fields_vue__ = __webpack_require__(710);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__components_Form_vue__ = __webpack_require__(711);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__components_Input_vue__ = __webpack_require__(713);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__components_InputNumber_vue__ = __webpack_require__(714);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__components_Layout_vue__ = __webpack_require__(715);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__components_Menu_vue__ = __webpack_require__(341);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__components_Message_vue__ = __webpack_require__(717);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__components_Modal_vue__ = __webpack_require__(342);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__components_Option_vue__ = __webpack_require__(343);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__components_OptGroup_vue__ = __webpack_require__(718);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__components_Pagination_vue__ = __webpack_require__(344);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__components_Radio_vue__ = __webpack_require__(719);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__components_Radios_vue__ = __webpack_require__(720);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__components_Row_vue__ = __webpack_require__(721);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_32__components_Select_vue__ = __webpack_require__(723);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_33__components_Steps_vue__ = __webpack_require__(725);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_34__components_Step_vue__ = __webpack_require__(724);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_35__components_Submenu_vue__ = __webpack_require__(726);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_36__components_Table_vue__ = __webpack_require__(729);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_37__components_TabPane_vue__ = __webpack_require__(728);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_38__components_Tabs_vue__ = __webpack_require__(733);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_39__components_Tag_vue__ = __webpack_require__(345);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_40__components_Tags_vue__ = __webpack_require__(734);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_41__components_TimePicker_vue__ = __webpack_require__(735);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_42__components_Upload_vue__ = __webpack_require__(742);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_43__components_Tree_vue__ = __webpack_require__(346);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_44__components_TreeSelect_vue__ = __webpack_require__(741);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_45__components_Divider_vue__ = __webpack_require__(707);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_46__components_Image_vue__ = __webpack_require__(712);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_47__components_Transfer_vue__ = __webpack_require__(738);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_48__components_Timeline_vue__ = __webpack_require__(736);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_49__components_TimelineItem_vue__ = __webpack_require__(737);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_50__components_Switch_vue__ = __webpack_require__(727);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_51__components_Collapse_vue__ = __webpack_require__(704);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_52__components_CollapseItem_vue__ = __webpack_require__(705);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_53__components_Loader_vue__ = __webpack_require__(716);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_54__components_Segment_vue__ = __webpack_require__(722);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_55__components_UploadImage_vue__ = __webpack_require__(743);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_56__components_message_js__ = __webpack_require__(415);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_57__components_popup_js__ = __webpack_require__(416);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar components = {\n BackTop: __WEBPACK_IMPORTED_MODULE_3__components_BackTop_vue__[\"a\" /* default */],\n Button: __WEBPACK_IMPORTED_MODULE_4__components_Button_vue__[\"a\" /* default */],\n Buttons: __WEBPACK_IMPORTED_MODULE_5__components_Buttons_vue__[\"a\" /* default */],\n Calendar: __WEBPACK_IMPORTED_MODULE_6__components_Calendar_vue__[\"a\" /* default */],\n Card: __WEBPACK_IMPORTED_MODULE_7__components_Card_vue__[\"a\" /* default */],\n Cards: __WEBPACK_IMPORTED_MODULE_8__components_Cards_vue__[\"a\" /* default */],\n Carousel: __WEBPACK_IMPORTED_MODULE_9__components_Carousel_vue__[\"a\" /* default */],\n CarouselItem: __WEBPACK_IMPORTED_MODULE_10__components_CarouselItem_vue__[\"a\" /* default */],\n Cascader: __WEBPACK_IMPORTED_MODULE_11__components_Cascader_vue__[\"a\" /* default */],\n Checkbox: __WEBPACK_IMPORTED_MODULE_12__components_Checkbox_vue__[\"a\" /* default */],\n Checkboxes: __WEBPACK_IMPORTED_MODULE_13__components_Checkboxes_vue__[\"a\" /* default */],\n Col: __WEBPACK_IMPORTED_MODULE_14__components_Col_vue__[\"a\" /* default */],\n DatePicker: __WEBPACK_IMPORTED_MODULE_15__components_DatePicker_vue__[\"a\" /* default */],\n Dropdown: __WEBPACK_IMPORTED_MODULE_16__components_Dropdown_vue__[\"a\" /* default */],\n Field: __WEBPACK_IMPORTED_MODULE_17__components_Field_vue__[\"a\" /* default */],\n Fields: __WEBPACK_IMPORTED_MODULE_18__components_Fields_vue__[\"a\" /* default */],\n Form: __WEBPACK_IMPORTED_MODULE_19__components_Form_vue__[\"a\" /* default */],\n Input: __WEBPACK_IMPORTED_MODULE_20__components_Input_vue__[\"a\" /* default */],\n InputNumber: __WEBPACK_IMPORTED_MODULE_21__components_InputNumber_vue__[\"a\" /* default */],\n Layout: __WEBPACK_IMPORTED_MODULE_22__components_Layout_vue__[\"a\" /* default */],\n Menu: __WEBPACK_IMPORTED_MODULE_23__components_Menu_vue__[\"a\" /* default */],\n Message: __WEBPACK_IMPORTED_MODULE_24__components_Message_vue__[\"a\" /* default */],\n Modal: __WEBPACK_IMPORTED_MODULE_25__components_Modal_vue__[\"a\" /* default */],\n Option: __WEBPACK_IMPORTED_MODULE_26__components_Option_vue__[\"a\" /* default */],\n OptGroup: __WEBPACK_IMPORTED_MODULE_27__components_OptGroup_vue__[\"a\" /* default */],\n Pagination: __WEBPACK_IMPORTED_MODULE_28__components_Pagination_vue__[\"a\" /* default */],\n Radio: __WEBPACK_IMPORTED_MODULE_29__components_Radio_vue__[\"a\" /* default */],\n Radios: __WEBPACK_IMPORTED_MODULE_30__components_Radios_vue__[\"a\" /* default */],\n Row: __WEBPACK_IMPORTED_MODULE_31__components_Row_vue__[\"a\" /* default */],\n Select: __WEBPACK_IMPORTED_MODULE_32__components_Select_vue__[\"a\" /* default */],\n Steps: __WEBPACK_IMPORTED_MODULE_33__components_Steps_vue__[\"a\" /* default */],\n Step: __WEBPACK_IMPORTED_MODULE_34__components_Step_vue__[\"a\" /* default */],\n Submenu: __WEBPACK_IMPORTED_MODULE_35__components_Submenu_vue__[\"a\" /* default */],\n Table: __WEBPACK_IMPORTED_MODULE_36__components_Table_vue__[\"a\" /* default */],\n TabPane: __WEBPACK_IMPORTED_MODULE_37__components_TabPane_vue__[\"a\" /* default */],\n Tabs: __WEBPACK_IMPORTED_MODULE_38__components_Tabs_vue__[\"a\" /* default */],\n Tag: __WEBPACK_IMPORTED_MODULE_39__components_Tag_vue__[\"a\" /* default */],\n Tags: __WEBPACK_IMPORTED_MODULE_40__components_Tags_vue__[\"a\" /* default */],\n TimePicker: __WEBPACK_IMPORTED_MODULE_41__components_TimePicker_vue__[\"a\" /* default */],\n Upload: __WEBPACK_IMPORTED_MODULE_42__components_Upload_vue__[\"a\" /* default */],\n UploadImage: __WEBPACK_IMPORTED_MODULE_55__components_UploadImage_vue__[\"a\" /* default */],\n Tree: __WEBPACK_IMPORTED_MODULE_43__components_Tree_vue__[\"a\" /* default */],\n TreeSelect: __WEBPACK_IMPORTED_MODULE_44__components_TreeSelect_vue__[\"a\" /* default */],\n Divider: __WEBPACK_IMPORTED_MODULE_45__components_Divider_vue__[\"a\" /* default */],\n Image: __WEBPACK_IMPORTED_MODULE_46__components_Image_vue__[\"a\" /* default */],\n Transfer: __WEBPACK_IMPORTED_MODULE_47__components_Transfer_vue__[\"a\" /* default */],\n Timeline: __WEBPACK_IMPORTED_MODULE_48__components_Timeline_vue__[\"a\" /* default */],\n TimelineItem: __WEBPACK_IMPORTED_MODULE_49__components_TimelineItem_vue__[\"a\" /* default */],\n Switch: __WEBPACK_IMPORTED_MODULE_50__components_Switch_vue__[\"a\" /* default */],\n Collapse: __WEBPACK_IMPORTED_MODULE_51__components_Collapse_vue__[\"a\" /* default */],\n CollapseItem: __WEBPACK_IMPORTED_MODULE_52__components_CollapseItem_vue__[\"a\" /* default */],\n Loader: __WEBPACK_IMPORTED_MODULE_53__components_Loader_vue__[\"a\" /* default */],\n Segment: __WEBPACK_IMPORTED_MODULE_54__components_Segment_vue__[\"a\" /* default */]\n};\nvar install = function install(Vue) {\n var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_core_js_object_values___default()(components).forEach(function (component) {\n // console.log(component.name)\n Vue.component(component.name, component);\n });\n\n Vue.prototype.$message = __WEBPACK_IMPORTED_MODULE_56__components_message_js__[\"a\" /* default */];\n Vue.prototype.$popup = __WEBPACK_IMPORTED_MODULE_57__components_popup_js__[\"a\" /* default */];\n};\n\n// auto install\nif (typeof window !== 'undefined' && window.Vue) {\n install(window.Vue);\n}\n\n// install message, popup to window\nwindow.$message = __WEBPACK_IMPORTED_MODULE_56__components_message_js__[\"a\" /* default */];\nwindow.$popup = __WEBPACK_IMPORTED_MODULE_57__components_popup_js__[\"a\" /* default */];\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_object_assign___default()({}, components, { install: install }));\n\n/***/ }),\n/* 349 */,\n/* 350 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoBackTop_vue__ = __webpack_require__(59);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4ae9dce9_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoBackTop_vue__ = __webpack_require__(803);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoBackTop_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4ae9dce9_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoBackTop_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 351 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoButton_vue__ = __webpack_require__(60);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_667c0f0e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoButton_vue__ = __webpack_require__(821);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoButton_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_667c0f0e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoButton_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 352 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCalendar_vue__ = __webpack_require__(61);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c99bde16_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCalendar_vue__ = __webpack_require__(856);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCalendar_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c99bde16_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCalendar_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 353 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCard_vue__ = __webpack_require__(62);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_19dd4c85_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCard_vue__ = __webpack_require__(761);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCard_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_19dd4c85_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCard_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 354 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCarousel_vue__ = __webpack_require__(63);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_374fb563_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCarousel_vue__ = __webpack_require__(787);\nfunction injectStyle (ssrContext) {\n __webpack_require__(479)\n}\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCarousel_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_374fb563_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCarousel_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 355 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCascader_vue__ = __webpack_require__(64);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_570ede44_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCascader_vue__ = __webpack_require__(813);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCascader_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_570ede44_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCascader_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 356 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoChart_vue__ = __webpack_require__(65);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_cd5f3114_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoChart_vue__ = __webpack_require__(859);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoChart_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_cd5f3114_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoChart_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 357 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCheckbox_vue__ = __webpack_require__(67);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_cb978830_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCheckbox_vue__ = __webpack_require__(857);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCheckbox_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_cb978830_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCheckbox_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 358 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCollapse_vue__ = __webpack_require__(68);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4b7ca2f1_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCollapse_vue__ = __webpack_require__(804);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoCollapse_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4b7ca2f1_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoCollapse_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 359 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDatePicker_vue__ = __webpack_require__(69);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e581cbcc_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDatePicker_vue__ = __webpack_require__(862);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDatePicker_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e581cbcc_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDatePicker_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 360 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDivider_vue__ = __webpack_require__(70);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1cd9f21e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDivider_vue__ = __webpack_require__(765);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDivider_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1cd9f21e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDivider_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 361 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDropdown_vue__ = __webpack_require__(71);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c48dbfe4_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDropdown_vue__ = __webpack_require__(852);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoDropdown_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c48dbfe4_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoDropdown_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 362 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoForm_vue__ = __webpack_require__(72);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_965495d2_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoForm_vue__ = __webpack_require__(839);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoForm_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_965495d2_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoForm_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 363 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoGrid_vue__ = __webpack_require__(74);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_201b1114_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoGrid_vue__ = __webpack_require__(769);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoGrid_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_201b1114_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoGrid_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 364 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoImage_vue__ = __webpack_require__(78);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d3f0a59_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoImage_vue__ = __webpack_require__(806);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoImage_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4d3f0a59_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoImage_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 365 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoIndex_vue__ = __webpack_require__(79);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c8f0248c_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoIndex_vue__ = __webpack_require__(854);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoIndex_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c8f0248c_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoIndex_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 366 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoInput_vue__ = __webpack_require__(80);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fe8b24e4_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoInput_vue__ = __webpack_require__(870);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoInput_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fe8b24e4_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoInput_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 367 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoInputNumber_vue__ = __webpack_require__(81);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6c255179_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoInputNumber_vue__ = __webpack_require__(824);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoInputNumber_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6c255179_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoInputNumber_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 368 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoLayout_vue__ = __webpack_require__(83);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c7f6e98e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoLayout_vue__ = __webpack_require__(853);\nfunction injectStyle (ssrContext) {\n __webpack_require__(484)\n}\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoLayout_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c7f6e98e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoLayout_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 369 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoLoader_vue__ = __webpack_require__(87);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5548b0d0_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoLoader_vue__ = __webpack_require__(811);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoLoader_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5548b0d0_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoLoader_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 370 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoMenu_vue__ = __webpack_require__(88);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2505de0a_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoMenu_vue__ = __webpack_require__(776);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoMenu_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2505de0a_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoMenu_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 371 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoMessage_vue__ = __webpack_require__(89);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_04acbed8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoMessage_vue__ = __webpack_require__(744);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoMessage_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_04acbed8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoMessage_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 372 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoModal_vue__ = __webpack_require__(90);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9f21e1ea_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoModal_vue__ = __webpack_require__(844);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoModal_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9f21e1ea_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoModal_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 373 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoNotification_vue__ = __webpack_require__(91);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1a9ee0a2_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoNotification_vue__ = __webpack_require__(762);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoNotification_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1a9ee0a2_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoNotification_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 374 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoPagination_vue__ = __webpack_require__(92);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7096fe9f_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoPagination_vue__ = __webpack_require__(826);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoPagination_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7096fe9f_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoPagination_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 375 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoPopup_vue__ = __webpack_require__(93);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7c34acbe_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoPopup_vue__ = __webpack_require__(834);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoPopup_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7c34acbe_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoPopup_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 376 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoRadio_vue__ = __webpack_require__(94);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1ff1de42_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoRadio_vue__ = __webpack_require__(768);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoRadio_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1ff1de42_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoRadio_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 377 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSegment_vue__ = __webpack_require__(95);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3707e212_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSegment_vue__ = __webpack_require__(786);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSegment_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3707e212_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSegment_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 378 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSelect_vue__ = __webpack_require__(96);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_27dfb7a9_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSelect_vue__ = __webpack_require__(778);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSelect_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_27dfb7a9_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSelect_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 379 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSteps_vue__ = __webpack_require__(97);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3dddbbce_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSteps_vue__ = __webpack_require__(795);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSteps_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3dddbbce_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSteps_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 380 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSwitch_vue__ = __webpack_require__(98);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f3e74312_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSwitch_vue__ = __webpack_require__(867);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoSwitch_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f3e74312_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoSwitch_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 381 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTable_vue__ = __webpack_require__(99);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_aa719e8e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTable_vue__ = __webpack_require__(847);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTable_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_aa719e8e_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTable_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 382 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTabs_vue__ = __webpack_require__(113);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1072b9e0_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTabs_vue__ = __webpack_require__(753);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTabs_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1072b9e0_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTabs_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 383 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTag_vue__ = __webpack_require__(114);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_430dab61_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTag_vue__ = __webpack_require__(798);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTag_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_430dab61_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTag_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 384 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTimePicker_vue__ = __webpack_require__(115);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fcf91c26_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTimePicker_vue__ = __webpack_require__(869);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTimePicker_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_fcf91c26_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTimePicker_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 385 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTimeline_vue__ = __webpack_require__(116);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4f97b9df_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTimeline_vue__ = __webpack_require__(808);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTimeline_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4f97b9df_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTimeline_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 386 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTransfer_vue__ = __webpack_require__(117);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_36ecaea8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTransfer_vue__ = __webpack_require__(785);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTransfer_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_36ecaea8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTransfer_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 387 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTree_vue__ = __webpack_require__(119);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e21735e8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTree_vue__ = __webpack_require__(861);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTree_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_e21735e8_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTree_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 388 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTreeSelect_vue__ = __webpack_require__(122);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0f75307b_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTreeSelect_vue__ = __webpack_require__(751);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoTreeSelect_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0f75307b_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoTreeSelect_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 389 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoUpload_vue__ = __webpack_require__(125);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5d350b49_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoUpload_vue__ = __webpack_require__(816);\nvar normalizeComponent = __webpack_require__(1)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_DemoUpload_vue__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5d350b49_hasScoped_false_transformToRequire_video_src_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_DemoUpload_vue__[\"a\" /* default */],\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 390 */,\n/* 391 */,\n/* 392 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(391);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue_router__ = __webpack_require__(390);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_highlightjs__ = __webpack_require__(349);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_highlightjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_vue_highlightjs__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__src_index_js__ = __webpack_require__(348);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_DemoButton_vue__ = __webpack_require__(351);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_DemoLayout_vue__ = __webpack_require__(368);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_DemoMenu_vue__ = __webpack_require__(370);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_DemoGrid_vue__ = __webpack_require__(363);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_DemoCard_vue__ = __webpack_require__(353);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_DemoTable_vue__ = __webpack_require__(381);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_DemoPagination_vue__ = __webpack_require__(374);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_DemoDropdown_vue__ = __webpack_require__(361);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_DemoSteps_vue__ = __webpack_require__(379);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_DemoTag_vue__ = __webpack_require__(383);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_DemoInput_vue__ = __webpack_require__(366);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__components_DemoInputNumber_vue__ = __webpack_require__(367);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__components_DemoRadio_vue__ = __webpack_require__(376);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__components_DemoCheckbox_vue__ = __webpack_require__(357);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__components_DemoSwitch_vue__ = __webpack_require__(380);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__components_DemoSelect_vue__ = __webpack_require__(378);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__components_DemoCascader_vue__ = __webpack_require__(355);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__components_DemoCalendar_vue__ = __webpack_require__(352);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__components_DemoDatePicker_vue__ = __webpack_require__(359);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__components_DemoTimePicker_vue__ = __webpack_require__(384);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__components_DemoMessage_vue__ = __webpack_require__(371);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__components_DemoNotification_vue__ = __webpack_require__(373);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__components_DemoPopup_vue__ = __webpack_require__(375);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__components_DemoBackTop_vue__ = __webpack_require__(350);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__components_DemoCarousel_vue__ = __webpack_require__(354);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__components_DemoTabs_vue__ = __webpack_require__(382);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__components_DemoUpload_vue__ = __webpack_require__(389);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__components_DemoModal_vue__ = __webpack_require__(372);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_32__components_DemoForm_vue__ = __webpack_require__(362);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_33__components_DemoIndex_vue__ = __webpack_require__(365);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_34__components_DemoTree_vue__ = __webpack_require__(387);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_35__components_DemoTreeSelect_vue__ = __webpack_require__(388);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_36__components_DemoDivider_vue__ = __webpack_require__(360);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_37__components_DemoImage_vue__ = __webpack_require__(364);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_38__components_DemoChart_vue__ = __webpack_require__(356);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_39__components_DemoTransfer_vue__ = __webpack_require__(386);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_40__components_DemoTimeline_vue__ = __webpack_require__(385);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_41__components_DemoCollapse_vue__ = __webpack_require__(358);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_42__components_DemoLoader_vue__ = __webpack_require__(369);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_43__components_DemoSegment_vue__ = __webpack_require__(377);\n// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].use(__WEBPACK_IMPORTED_MODULE_3__src_index_js__[\"a\" /* default */])\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].use(__WEBPACK_IMPORTED_MODULE_2_vue_highlightjs___default.a)\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].use(__WEBPACK_IMPORTED_MODULE_1_vue_router__[\"a\" /* default */])\nconst routes = [\n { path: '/components/button', component: __WEBPACK_IMPORTED_MODULE_4__components_DemoButton_vue__[\"a\" /* default */] },\n { path: '/components/menu', component: __WEBPACK_IMPORTED_MODULE_6__components_DemoMenu_vue__[\"a\" /* default */] },\n { path: '/components/layout', component: __WEBPACK_IMPORTED_MODULE_5__components_DemoLayout_vue__[\"a\" /* default */] },\n { path: '/components/grid', component: __WEBPACK_IMPORTED_MODULE_7__components_DemoGrid_vue__[\"a\" /* default */] },\n { path: '/components/card', component: __WEBPACK_IMPORTED_MODULE_8__components_DemoCard_vue__[\"a\" /* default */] },\n { path: '/components/pagination', component: __WEBPACK_IMPORTED_MODULE_10__components_DemoPagination_vue__[\"a\" /* default */] },\n { path: '/components/dropdown', component: __WEBPACK_IMPORTED_MODULE_11__components_DemoDropdown_vue__[\"a\" /* default */] },\n { path: '/components/table', component: __WEBPACK_IMPORTED_MODULE_9__components_DemoTable_vue__[\"a\" /* default */] },\n { path: '/components/step', component: __WEBPACK_IMPORTED_MODULE_12__components_DemoSteps_vue__[\"a\" /* default */] },\n { path: '/components/tag', component: __WEBPACK_IMPORTED_MODULE_13__components_DemoTag_vue__[\"a\" /* default */] },\n { path: '/components/input', component: __WEBPACK_IMPORTED_MODULE_14__components_DemoInput_vue__[\"a\" /* default */] },\n { path: '/components/input_number', component: __WEBPACK_IMPORTED_MODULE_15__components_DemoInputNumber_vue__[\"a\" /* default */] },\n { path: '/components/radio', component: __WEBPACK_IMPORTED_MODULE_16__components_DemoRadio_vue__[\"a\" /* default */] },\n { path: '/components/checkbox', component: __WEBPACK_IMPORTED_MODULE_17__components_DemoCheckbox_vue__[\"a\" /* default */] },\n { path: '/components/switch', component: __WEBPACK_IMPORTED_MODULE_18__components_DemoSwitch_vue__[\"a\" /* default */] },\n { path: '/components/select', component: __WEBPACK_IMPORTED_MODULE_19__components_DemoSelect_vue__[\"a\" /* default */] },\n { path: '/components/cascader', component: __WEBPACK_IMPORTED_MODULE_20__components_DemoCascader_vue__[\"a\" /* default */] },\n { path: '/components/calendar', component: __WEBPACK_IMPORTED_MODULE_21__components_DemoCalendar_vue__[\"a\" /* default */] },\n { path: '/components/datepicker', component: __WEBPACK_IMPORTED_MODULE_22__components_DemoDatePicker_vue__[\"a\" /* default */] },\n { path: '/components/timepicker', component: __WEBPACK_IMPORTED_MODULE_23__components_DemoTimePicker_vue__[\"a\" /* default */] },\n { path: '/components/message', component: __WEBPACK_IMPORTED_MODULE_24__components_DemoMessage_vue__[\"a\" /* default */] },\n { path: '/components/notification', component: __WEBPACK_IMPORTED_MODULE_25__components_DemoNotification_vue__[\"a\" /* default */] },\n { path: '/components/popup', component: __WEBPACK_IMPORTED_MODULE_26__components_DemoPopup_vue__[\"a\" /* default */] },\n { path: '/components/backtop', component: __WEBPACK_IMPORTED_MODULE_27__components_DemoBackTop_vue__[\"a\" /* default */] },\n { path: '/components/carousel', component: __WEBPACK_IMPORTED_MODULE_28__components_DemoCarousel_vue__[\"a\" /* default */] },\n { path: '/components/tabs', component: __WEBPACK_IMPORTED_MODULE_29__components_DemoTabs_vue__[\"a\" /* default */] },\n { path: '/components/upload', component: __WEBPACK_IMPORTED_MODULE_30__components_DemoUpload_vue__[\"a\" /* default */] },\n { path: '/components/modal', component: __WEBPACK_IMPORTED_MODULE_31__components_DemoModal_vue__[\"a\" /* default */] },\n { path: '/components/form', component: __WEBPACK_IMPORTED_MODULE_32__components_DemoForm_vue__[\"a\" /* default */] },\n { path: '/components/index', component: __WEBPACK_IMPORTED_MODULE_33__components_DemoIndex_vue__[\"a\" /* default */] },\n { path: '/components/tree', component: __WEBPACK_IMPORTED_MODULE_34__components_DemoTree_vue__[\"a\" /* default */] },\n { path: '/components/tree_select', component: __WEBPACK_IMPORTED_MODULE_35__components_DemoTreeSelect_vue__[\"a\" /* default */] },\n { path: '/components/divider', component: __WEBPACK_IMPORTED_MODULE_36__components_DemoDivider_vue__[\"a\" /* default */] },\n { path: '/components/image', component: __WEBPACK_IMPORTED_MODULE_37__components_DemoImage_vue__[\"a\" /* default */] },\n { path: '/components/chart', component: __WEBPACK_IMPORTED_MODULE_38__components_DemoChart_vue__[\"a\" /* default */] },\n { path: '/components/transfer', component: __WEBPACK_IMPORTED_MODULE_39__components_DemoTransfer_vue__[\"a\" /* default */] },\n { path: '/components/timeline', component: __WEBPACK_IMPORTED_MODULE_40__components_DemoTimeline_vue__[\"a\" /* default */] },\n { path: '/components/collapse', component: __WEBPACK_IMPORTED_MODULE_41__components_DemoCollapse_vue__[\"a\" /* default */] },\n { path: '/components/loader', component: __WEBPACK_IMPORTED_MODULE_42__components_DemoLoader_vue__[\"a\" /* default */] },\n { path: '/components/segment', component: __WEBPACK_IMPORTED_MODULE_43__components_DemoSegment_vue__[\"a\" /* default */] },\n { path: '/', redirect: '/components/index' }\n]\nconst router = new __WEBPACK_IMPORTED_MODULE_1_vue_router__[\"a\" /* default */]({\n routes: routes\n})\n\n__WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */].config.productionTip = false\n\n/* eslint-disable no-new */\nnew __WEBPACK_IMPORTED_MODULE_0_vue__[\"a\" /* default */]({\n router: router,\n template: '好友
\\n Kristy is an art director living in New York.offset
can set the column to the right side\"}},[_c('template',{slot:\"demo\"},[_c('demo-grid-gutter-offset')],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-steps',{attrs:{\"size\":\"big\"}},[_c('fish-step',{attrs:{\"title\":\"AA\",\"description\":\"as..\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"BB\",\"active\":\"\",\"description\":\"bs..\",\"icon\":\"fa fa-usd\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"CC\",\"disabled\":\"\",\"description\":\"cs..\"}})],1)],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"circle
, square
\"}},[_c('template',{slot:\"demo\"},[_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\"}},[_vm._v(\"2\")]),_vm._v(\" \"),_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\",\"color\":\"primary\"}},[_vm._v(\"4\")])],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"A dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nA dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nprimary
positive
negative
basic
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',[_vm._v(\"Default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\"Primary\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"positive\"}},[_vm._v(\"Positive\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"negative\"}},[_vm._v(\"Negative\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"basic\"}},[_vm._v(\"Basic\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"square
circle
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"shape\":\"circle\"}},[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"margin-right\":\".5em\"}}),_vm._v(\"Search\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"size\":\"large\"}},[_vm._v(\"Large\")]),_vm._v(\" \"),_c('fish-button',[_vm._v(\"default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"medium\"}},[_vm._v(\"medium\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"small\"}},[_vm._v(\"Small\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"tiny\"}},[_vm._v(\"tiny\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"loading
property on the Button.\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"loading\":\"\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"primary\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"positive\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"basic\"}},[_vm._v(\"Loading\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"min
, max
\"}},[_c('template',{slot:\"demo\"},[_c('fish-input-number',{attrs:{\"min\":\"0\",\"max\":\"10\"},model:{value:(_vm.vMinMax),callback:function ($$v) {_vm.vMinMax=$$v},expression:\"vMinMax\"}})],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n index
, checkbox
\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-type')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n column.filters
。\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-filters')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n <fish-back-top></fish-back-top>
\n {{column}} | \n
---|
\n |
positive
negative
basic
\">\n \n <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>
\n \n circle
\">\n \n <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>
\n \n tiny
small
medium
large
big
huge
massive
\">\n \n <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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-calendar mode="year" min="2017-01" max="2018-01"></fish-calendar>
\n <fish-calendar mode="month" min="2017-07"></fish-calendar>
\n <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>
\n
\n <fish-calendar mode="second" value="2017-01-08" min="2017-01-07"></fish-calendar>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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.
\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>
\n \n 好友
\n Kristy is an art director living in New York.<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.
\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>
\n \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 \n <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>
\n \n <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>
\n \n <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>
\n \n <fish-card nopadding>\n <strong slot=\"header\">Card Tabs</strong>\n <fish-tabs type=\"card\" value=\"role\" nav-center>\n <fish-tab-pane label=\"User\" index=\"user\">User<br/>xxxxxxx</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</fish-card>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n {{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-checkbox index="x">Checkbox</fish-checkbox>
\n <fish-checkbox index="x" disabled>Checkbox</fish-checkbox>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
A dog .
\nThere are many breeds of dogs.
\nThree common ways for a prospective owner
\n<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>
\n \n A dog .
\nThere are many breeds of dogs.
\nThree common ways for a prospective owner
\n<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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n <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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-divider></fish-divider>
\n <fish-divider fitted></fish-divider>
\n {{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n <fish-row gutter="1">\n <fish-col type="fixed" :width="250" class="demo-col">Fixed-Width</fish-col>\n <fish-col type="auto" class="demo-col demo-col2">content: auto width </fish-col>\n</fish-row>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<fish-image :url="require('../static/image.png')" style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/white-image.png')" bordered style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/image.png')" rounded style="height: 300px;"></fish-image>
\n <fish-image :url="require('../static/square-image.png')" shape="circle" style="height: 300px;"></fish-image>
\n {{column}} | \n
---|
\n |
Modern browsers
\nInstall Fish-UI with the node package manager. It can work with webpack and ES2015 very well.
\nIf you are in a bad network environment,you can try other registries and tools like cnpm。
\n$ npm install less less-loader fish-ui --save
\n \n<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/>\n<link rel="stylesheet" href="https://fonts.proxy.ustclug.org/css?family=Lato:400,700,400italic,700italic&subset=latin"/>\n
\n \n vue-cli
\n$ npm install -g vue-cli\n$ vue init webpack test\n$ cd test\n$ npm install less less-loader fish-ui --save
\n import FishUI from 'fish-ui'\nVue.use(FishUI)
\n \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
\n <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
\n $ npm run dev
\n <fish-input></fish-input>
\n <fish-input loading></fish-input>
\n <fish-input disabled></fish-input>
\n <fish-input icon="fa fa-search"></fish-input>\n<fish-input icon="fa fa-search" :iconLeft="true"></fish-input>
\n <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>
\n <fish-input type="textarea" style="height: 50px;"></fish-input>
\n <fish-input size="big"></fish-input><br/><br/>\n<fish-input size="small"></fish-input>
\n {{column}} | \n
---|
\n |
<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
\n max
\">\n \n <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
\n <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
\n {{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
<fish-segment style=\"height: 300px; width: 300px; position: relative;\">\n liangyuliang\n <fish-loader :active=\"active\"></fish-loader>\n</fish-segment>\n<fish-button @click=\"active = !active\">swap state</fish-button>
\n \n {{column}} | \n
---|
\n |
<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>
\n \n <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 <!--<fish-option index="3-3">Option-3</fish-option>-->\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>
\n \n <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>
\n \n <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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n {{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
<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>
\n message.warning(text, fadeTime = 3000)
message.info(text, fadeTime = 3000)
message.success(text, fadeTime = 3000)
message.error(text, fadeTime = 3000)
message.tip(title, content, position = 'top right')
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n popup.confirm: (event, html, okFunc, okText = 'Yes', cancelText = 'No')
{{column}} | \n
---|
\n |
<fish-radio index="x">Choice</fish-radio>
\n <fish-radio disabled index="2">Choice</fish-radio>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
\n \n
\n \n
\n \n
\n \n
\n \n This segment is on top
\nThis segment is attached on both sides
\nThis segment is on bottom
\n
\n \n
\n \n This segment is on left
\nThis segment is on right
\n
\n \n
\n \n This segment is on left
\nThis segment is on right
\n
\n \n {{column}} | \n
---|
\n |
<template>\n <fish-select v-model="singleSelectedValue">\n <fish-option index="false" content="Option-false"></fish-option>\n <fish-option index="true" content="Option-true"></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: false} }\n }\n</script>\n
\n <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
\n <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
\n <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
\n <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
\n <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>
\n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n tiny
small
medium
large
big
huge
massive
\">\n \n <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>
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<template>\n <fish-switch v-model="v" :yesOrNo="[1, 0]"></fish-switch>\n <fish-switch v-model="v1">checked...</fish-switch>\n</template>\n<script>\n export default {\n data () {\n v: 0,\n v1: true\n }\n }\n</script>
\n <template>\n <fish-switch disabled></fish-switch>\n</template>\n<script>\n export default {\n data () {\n }\n }\n</script>
\n {{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n <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>
\n checkbox
\">\n \n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n
\n <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>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n <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
\n <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
\n <template>\n <fish-tabs type="text" 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
\n <template>\n <fish-tabs type="text" 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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n <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>
\n <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>
\n <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>
\n <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>
\n square
\">\n \n <fish-tag index="circle" shape="circle">2</fish-tag>\n<fish-tag index="circle" shape="circle" color="primary">4</fish-tag>
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n <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>
\n {{column}} | \n
---|
\n |
<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>
\n {{column}} | \n
---|
\n |
<template>\n <div>\n <fish-button @click="addItem">Add Item</fish-button>\n <fish-tree :data="data" :default-selected-key="'0-0-0'" expand\n @item-click="selectHandler"\n :onItemRender="treeRenderContent"\n @item-remove="itemRemove"\n @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 currentItem: null,\n editItem: null,\n treeState: '',\n modalShow: false,\n name: '',\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 treeRenderContent (item) {\n return `-${item.title}-`\n },\n addItem (evt) {\n this.modalShow = !this.modalShow\n },\n itemRemove (data, item, index) {\n data.splice(index, 1)\n console.log('remove item:', item)\n },\n saveItem () {\n const { name, currentItem } = this\n if (!/^\\s*$/.test(name)) {\n if (this.treeState !== 'edit') {\n if (currentItem === null) this.data.push({title: name, key: name, children: []})\n else {\n let nary = (currentItem.children || [])\n nary.push({title: name, key: name})\n this.$set(currentItem, 'children', nary)\n }\n } else {\n currentItem.title = name\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.title\n this.modalShow = true\n }\n }\n }\n</script>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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>
\n \n <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>
\n \n {{column}} | \n
---|
\n |
{{column}} | \n
---|
\n |
<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
\n <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
\n {{column}} | \n
---|
\n |
copyright@2017 myliang
\n{{week}} | \n
---|
\n \n \n {{callStateTitleRender(state, item)}} \n \n \n \n | \n
\n | \n {{ hasCounting(rowIndex) ? '' : (rowIndex + 1) }} \n \n \n | \n
\n | \n |
{{ noMoreText }} | \n
\n | \n {{ column.title }}\n \n | \n \n |
---|
好友
\\n Kristy is an art director living in New York.offset
can set the column to the right side\"}},[_c('template',{slot:\"demo\"},[_c('demo-grid-gutter-offset')],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-steps',{attrs:{\"size\":\"big\"}},[_c('fish-step',{attrs:{\"title\":\"AA\",\"description\":\"as..\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"BB\",\"active\":\"\",\"description\":\"bs..\",\"icon\":\"fa fa-usd\"}}),_vm._v(\" \"),_c('fish-step',{attrs:{\"title\":\"CC\",\"disabled\":\"\",\"description\":\"cs..\"}})],1)],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"circle
, square
\"}},[_c('template',{slot:\"demo\"},[_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\"}},[_vm._v(\"2\")]),_vm._v(\" \"),_c('fish-tag',{attrs:{\"index\":\"circle\",\"shape\":\"circle\",\"color\":\"primary\"}},[_vm._v(\"4\")])],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"A dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nA dog .
\\nThere are many breeds of dogs.
\\nThree common ways for a prospective owner
\\nprimary
positive
negative
basic
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',[_vm._v(\"Default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"primary\"}},[_vm._v(\"Primary\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"positive\"}},[_vm._v(\"Positive\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"negative\"}},[_vm._v(\"Negative\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"type\":\"basic\"}},[_vm._v(\"Basic\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"square
circle
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"shape\":\"circle\"}},[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\"})]),_vm._v(\" \"),_c('fish-button',[_c('i',{staticClass:\"fa fa-search\",staticStyle:{\"margin-right\":\".5em\"}}),_vm._v(\"Search\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"mini
tiny
small
medium
large
big
huge
massive
\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"size\":\"large\"}},[_vm._v(\"Large\")]),_vm._v(\" \"),_c('fish-button',[_vm._v(\"default\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"medium\"}},[_vm._v(\"medium\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"small\"}},[_vm._v(\"Small\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"size\":\"tiny\"}},[_vm._v(\"tiny\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"loading
property on the Button.\"}},[_c('template',{slot:\"demo\"},[_c('fish-button',{attrs:{\"loading\":\"\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"primary\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"positive\"}},[_vm._v(\"Loading\")]),_vm._v(\" \"),_c('fish-button',{attrs:{\"loading\":\"\",\"type\":\"basic\"}},[_vm._v(\"Loading\")])],1),_vm._v(\" \"),_c('template',{slot:\"codeHtml\"},[_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}]},[_c('code',{staticClass:\"xml\"},[_vm._v(\"min
, max
\"}},[_c('template',{slot:\"demo\"},[_c('fish-input-number',{attrs:{\"min\":\"0\",\"max\":\"10\"},model:{value:(_vm.vMinMax),callback:function ($$v) {_vm.vMinMax=$$v},expression:\"vMinMax\"}})],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n index
, checkbox
\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-type')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n column.filters
。\"}},[_c('template',{slot:\"demo\"},[_c('demo-table-column-filters')],1),_vm._v(\" \"),_c('pre',{directives:[{name:\"highlightjs\",rawName:\"v-highlightjs\"}],attrs:{\"slot\":\"codeHtml\"},slot:\"codeHtml\"},[_c('code',{staticClass:\"xml\"},[_vm._v(\"\\n