(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{339:function(t,e,a){"use strict";var l=a(2),n=a(99),s=a(48),i=a(15),r=a(13),v=a(102),_=a(51),o=a(50),c=a(19),d=o("splice"),p=c("splice",{ACCESSORS:!0,0:0,1:2}),f=Math.max,b=Math.min;l({target:"Array",proto:!0,forced:!d||!p},{splice:function(t,e){var a,l,o,c,d,p,y=r(this),u=i(y.length),g=n(t,u),h=arguments.length;if(0===h?a=l=0:1===h?(a=0,l=u-g):(a=h-2,l=b(f(s(e),0),u-g)),u+a-l>9007199254740991)throw TypeError("Maximum allowed length exceeded");for(o=v(y,l),c=0;c<l;c++)(d=g+c)in y&&_(o,c,y[d]);if(o.length=l,a<l){for(c=g;c<u-l;c++)p=c+a,(d=c+l)in y?y[p]=y[d]:delete y[p];for(c=u;c>u-l+a;c--)delete y[c-1]}else if(a>l)for(c=u-l;c>g;c--)p=c+a-1,(d=c+l-1)in y?y[p]=y[d]:delete y[p];for(c=0;c<a;c++)y[c+g]=arguments[c+2];return y.length=u-l+a,o}})},448:function(t,e,a){"use strict";a.r(e);a(339);var l=a(1),n={data:function(){return{value:"1",value1:"apple",arr:[1,2,3],copm:function(t){return new l.default({data:function(){return{i:t}},render:function(t){return t("span",{},["标签".concat(this.i)])}})}}},methods:{choose:function(t){this.$Toast("选择第"+t+"个")},addItem:function(){this.arr.push(this.arr.length+1)},remove:function(){console.log(arguments)},change:function(t){var e=t.from,a=t.to,l=this.arr[e];this.arr.splice(e,1),this.arr.splice(a,0,l),console.log(this.arr)}}},s=a(46),i=Object(s.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"tabs-标签页"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tabs-标签页"}},[t._v("#")]),t._v(" Tabs 标签页")]),t._v(" "),a("h2",{attrs:{id:"概述"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#概述"}},[t._v("#")]),t._v(" 概述")]),t._v(" "),a("p",[t._v("选项卡切换组件，常用于平级区域大块内容的的收纳和展现。")]),t._v(" "),a("h2",{attrs:{id:"代码示例"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#代码示例"}},[t._v("#")]),t._v(" 代码示例")]),t._v(" "),a("ClientOnly",[a("row",[a("cell",{staticClass:"pr-20",attrs:{span:"12"}},[a("componetTemplate",{attrs:{title:"基础用法",template:"ui/templates/tab/1.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",{model:{value:t.value,callback:function(e){t.value=e},expression:"value"}},[a("Tab",{attrs:{label:"标签一"}},[a("p",[t._v("1")])]),t._v(" "),a("Tab",{attrs:{label:"标签二"}},[a("p",[t._v("2")])]),t._v(" "),a("Tab",{attrs:{label:"标签三"}},[a("p",[t._v("3")])])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("Tabs的value值或者说v-modal值表示Tabs当前激活项。")]),t._v(" "),a("p",[t._v("Tab的name属性默认是在Tabs的中index，从1开始。")]),t._v(" "),a("p",[t._v("Tab的name等于Tabs的value值，则激活此Tab")])]},proxy:!0}])}),t._v(" "),a("componetTemplate",{attrs:{title:"卡片类型",template:"ui/templates/tab/2.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",{attrs:{type:"card"}},[a("Tab",{attrs:{label:"标签一"}},[a("p",[t._v("1")])]),t._v(" "),a("Tab",{attrs:{label:"标签二"}},[a("p",[t._v("2")])]),t._v(" "),a("Tab",{attrs:{label:"标签三"}},[a("p",[t._v("3")])])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("设置type为card。")])]},proxy:!0}])}),t._v(" "),a("componetTemplate",{attrs:{title:"其他参数",template:"ui/templates/tab/3.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",{attrs:{value:"android"}},[a("Tab",{attrs:{label:"标签一",name:"android",icon:"md-baseball"}},[a("p",[t._v("1")])]),t._v(" "),a("Tab",{attrs:{label:"标签二",name:"apple",icon:"md-bed"}},[a("p",[t._v("2")])]),t._v(" "),a("Tab",{attrs:{label:"标签三",name:"windows",icon:"md-boat",disabled:""}},[a("p",[t._v("3")])])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("设置Tab的icon，可以在Tab显示一个Icon")]),t._v(" "),a("p",[t._v("设置Tab的disabled，则禁用该Tab项")])]},proxy:!0}])})],1),t._v(" "),a("cell",{staticClass:"pl-20",attrs:{span:"12"}},[a("componetTemplate",{attrs:{title:"自定义动作 + 可删除 + 滚动",template:"ui/templates/tab/4.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",{attrs:{value:"1",closable:""},on:{"on-tab-remove":t.remove}},[t._l(t.arr,(function(e,l){return a("Tab",{key:l,attrs:{label:"标签"+e,name:e}},[a("p",[t._v(t._s(e))])])})),t._v(" "),a("Wb-button",{attrs:{slot:"action",type:"ghost"},on:{click:t.addItem},slot:"action"},[t._v("增加")])],2)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("在Tabs添加slot为action的元素显示在Tab的头部最右边")]),t._v(" "),a("p",[t._v("配置closable，则选项可以被删除。删除时触发on-tab-remove事件，参数为删除项的name")]),t._v(" "),a("p",[t._v("当选项过多时，自动出现左右切换的按钮")])]},proxy:!0}])}),t._v(" "),a("componetTemplate",{attrs:{title:"拖拽排序",template:"ui/templates/tab/5.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",{attrs:{draggable:""},on:{"on-tab-change":t.change}},[a("Tab",{attrs:{label:"标签一"}},[a("p",[t._v("1")])]),t._v(" "),a("Tab",{attrs:{label:"标签二"}},[a("p",[t._v("2")])]),t._v(" "),a("Tab",{attrs:{label:"标签三"}},[a("p",[t._v("3")])])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("配置draggable，则选项可以被拖拽排序，拖拽后触发on-tab-change事件。")])]},proxy:!0}])}),t._v(" "),a("componetTemplate",{attrs:{title:"自定义标题",template:"ui/templates/tab/6.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Tabs",[a("Tab",{attrs:{label:t.copm(1)}},[a("p",[t._v("1")])]),t._v(" "),a("Tab",{attrs:{label:t.copm(2)}},[a("p",[t._v("2")])]),t._v(" "),a("Tab",{attrs:{label:t.copm(3)}},[a("p",[t._v("3")])])],1)]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("传入vue组件实现自定义的标题。")])]},proxy:!0}])})],1)],1)],1),t._v(" "),a("h2",{attrs:{id:"api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),a("h3",{attrs:{id:"tabs-props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tabs-props"}},[t._v("#")]),t._v(" Tabs Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("属性")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("value")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("可以使用v-modal, 表示当前激活的是那一项")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String|Number")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("1")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("type")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("可选值有card, 如果没配置则显示默认样式")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}})]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("closable")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("选项是否可删除")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("false")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("draggable")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("选项是否可拖拽")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("false")])])])]),t._v(" "),a("h3",{attrs:{id:"tabs-events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tabs-events"}},[t._v("#")]),t._v(" Tabs Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("事件名")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("返回值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("on-click")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("tab被点击时触发")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("(name)")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("on-tab-remove")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("tab被删除时触发")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("(name, index)")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("on-tab-change")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("拖拽排序时触发")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("({ from:index, to:index })")])])])]),t._v(" "),a("h3",{attrs:{id:"tab-props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#tab-props"}},[t._v("#")]),t._v(" Tab Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("属性")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("name")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("用于标识当前选项卡")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("null")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("label")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("选项卡头部显示的文案，或者是自定义的组件")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String|Object")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("null")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("选项卡头部显示的icon")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("String")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("null")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("disabled")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("是否禁用该选项卡")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("false")])])])])],1)}),[],!1,null,null,null);e.default=i.exports}}]);