blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity
fes.js/assets/js/30.76efdf4f.js

1 line
11 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(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}}]);
Reference in New Issue View Git Blame Copy Permalink