bkui-vue 0.0.1-beta.4 → 0.0.1-beta.42

package/lib/tab/tab-nav.d.ts

@@ -0,0 +1,165 @@
+declare const _default: import("vue").DefineComponent<{
+    tabAdd: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabChange: {
+        type: FunctionConstructor;
+        default: (name: string) => string;
+    };
+    tabRemove: {
+        type: FunctionConstructor;
+        default: (name: string) => string;
+    };
+    tabSort: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabDrag: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    active: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    panels: {
+        type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[]>;
+        default: () => any[];
+    };
+    closable: BooleanConstructor;
+    addable: BooleanConstructor;
+    sortable: BooleanConstructor;
+    sortType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, {
+    navs: import("vue").ComputedRef<any[]>;
+    dragenterIndex: import("vue").Ref<number>;
+    dragStartIndex: import("vue").Ref<number>;
+    draggingEle: import("vue").Ref<string>;
+    guid: string;
+}, unknown, {}, {
+    /**
+     * @description  判断拖动的元素是否是在同一个tab。
+     *               使用guid，相比 el1.parentNode === el2.parentNode 判断，性能要高
+     * @param el1 {string} 拖动的元素
+     * @param el2 {string}  触发的元素
+     * @return {boolean}
+     */
+    distinctRoots(el1: string, el2: string): boolean;
+    handleTabAdd(e: MouseEvent): void;
+    dragstart(index: number, $event: DragEvent): void;
+    dragenter(index: any): void;
+    dragend(): void;
+    drop(index: any, sortType: any): false;
+    handleTabChange(name: string): void;
+    handleTabRemove(index: number, panel: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabAdd: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabChange: {
+        type: FunctionConstructor;
+        default: (name: string) => string;
+    };
+    tabRemove: {
+        type: FunctionConstructor;
+        default: (name: string) => string;
+    };
+    tabSort: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabDrag: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    active: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    panels: {
+        type: import("vue").PropType<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[]>;
+        default: () => any[];
+    };
+    closable: BooleanConstructor;
+    addable: BooleanConstructor;
+    sortable: BooleanConstructor;
+    sortType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>>, {
+    closable: boolean;
+    active: string | number;
+    sortType: string;
+    tabAdd: Function;
+    tabChange: Function;
+    tabRemove: Function;
+    tabSort: Function;
+    tabDrag: Function;
+    panels: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    addable: boolean;
+    sortable: boolean;
+    labelHeight: number;
+    scrollStep: number;
+    validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
+}>;
+export default _default;

package/lib/tab/tab-panel.d.ts

@@ -0,0 +1,73 @@
+declare const _default: import("vue").DefineComponent<{
+    name: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    label: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    });
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    panel: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    });
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    label: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    });
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    panel: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    });
+}>>, {
+    name: string | number;
+    label: string | ((...args: any[]) => any);
+    closable: boolean;
+    visible: boolean;
+    disabled: boolean;
+    panel: string | ((...args: any[]) => any);
+    sortable: boolean;
+    renderDirective: string;
+}>;
+export default _default;

package/lib/tab/tab.css

@@ -0,0 +1,148 @@
+.bk-tab {
+  position: relative;
+  display: flex;
+  width: 100%;
+}
+.bk-tab--top {
+  flex-direction: column;
+}
+.bk-tab--right {
+  flex-direction: row-reverse;
+}
+.bk-tab-header {
+  display: flex;
+  color: #63656e;
+}
+.bk-tab-header > div {
+  display: flex;
+  margin-bottom: -1px;
+  flex-wrap: nowrap;
+}
+.bk-tab--card .bk-tab-header > div,
+.bk-tab--border-card .bk-tab-header > div {
+  border-right: 1px solid #dcdee5;
+}
+.bk-tab--top .bk-tab-header-nav {
+  overflow-x: auto;
+  overflow-y: visible;
+}
+.bk-tab--left .bk-tab-header-nav,
+.bk-tab--right .bk-tab-header-nav {
+  overflow-x: visible;
+  overflow-y: auto;
+}
+.bk-tab--card .bk-tab-header-nav,
+.bk-tab--border-card .bk-tab-header-nav {
+  border-left: 1px solid #dcdee5;
+}
+.bk-tab-header-nav::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
+.bk-tab-header-operation .bk-tab-header-item {
+  padding: 0 12px;
+}
+.bk-tab--left .bk-tab-header {
+  border-right: 1px solid #dcdee5;
+}
+.bk-tab--right .bk-tab-header {
+  border-left: 1px solid #dcdee5;
+}
+.bk-tab--left .bk-tab-header,
+.bk-tab--right .bk-tab-header {
+  flex-direction: column;
+}
+.bk-tab--left .bk-tab-header > div,
+.bk-tab--right .bk-tab-header > div {
+  flex-direction: column;
+}
+.bk-tab--card .bk-tab-header {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-tab--border-card .bk-tab-header {
+  background: #FAFBFD;
+  border: solid #dcdee5;
+  border-width: 1px 1px 1px 0;
+}
+.bk-tab--unborder-card .bk-tab-header {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-tab-header-item {
+  display: flex;
+  white-space: nowrap;
+  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+}
+.bk-tab-header-item:hover {
+  color: #3a84ff;
+}
+.bk-tab-header-item:hover .bk-tab-header-item-close {
+  display: block;
+  margin-left: 5px;
+  color: #ea3636;
+}
+.bk-tab--top .bk-tab-header-item {
+  padding: 0 20px;
+}
+.bk-tab--left .bk-tab-header-item,
+.bk-tab--right .bk-tab-header-item {
+  padding: 0 12px;
+}
+.bk-tab--left .bk-tab-header-item {
+  text-align: right;
+}
+.bk-tab--card .bk-tab-header-item {
+  border-top: 1px solid #dcdee5;
+}
+.bk-tab--card .bk-tab-header-item,
+.bk-tab--border-card .bk-tab-header-item {
+  border-right: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-tab--card .bk-tab-header-item:last-of-type,
+.bk-tab--border-card .bk-tab-header-item:last-of-type {
+  border-right: none;
+}
+.bk-tab-header-operation .bk-tab-header-item {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+.bk-tab-header-item-close {
+  display: none;
+  font-size: 16px;
+  color: #c4c6cc;
+}
+.bk-tab-header--active {
+  color: #3a84ff;
+}
+.bk-tab--card .bk-tab-header--active,
+.bk-tab--border-card .bk-tab-header--active {
+  border-bottom-color: white;
+}
+.bk-tab--unborder-card .bk-tab-header--active {
+  border-bottom: 2px solid #3a84ff;
+}
+.bk-tab--left .bk-tab-header--active {
+  border-right: 2px solid #3a84ff;
+}
+.bk-tab--right .bk-tab-header--active {
+  border-left: 2px solid #3a84ff;
+}
+.bk-tab-header--disabled {
+  color: #aaa;
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.bk-tab-content {
+  flex: 1;
+  padding: 10px;
+}
+.bk-tab--border-card .bk-tab-content {
+  border: solid #dcdee5;
+  border-width: 0 1px 1px;
+}
+.bk-tab-panel {
+  height: 100%;
+}

package/lib/tab/tab.d.ts

@@ -0,0 +1,140 @@
+declare const _default: import("vue").DefineComponent<{
+    active: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    type: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tabPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    closable: BooleanConstructor;
+    addable: BooleanConstructor;
+    sortable: BooleanConstructor;
+    sortType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}, {
+    isMounted: import("vue").Ref<boolean>;
+    panels: import("vue").Ref<any[]>;
+}, unknown, {}, {
+    tabAdd(e: MouseEvent): void;
+    tabChange(name: string): void;
+    tabRemove(index: number, panel: any): void;
+    tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): false;
+    tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    active: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    type: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tabPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    closable: BooleanConstructor;
+    addable: BooleanConstructor;
+    sortable: BooleanConstructor;
+    sortType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    labelHeight: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    scrollStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    validateActive: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showHeader: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    changeOnHoverDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
+    onDrag?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    onAdd?: (...args: any[]) => any;
+    "onAdd-panel"?: (...args: any[]) => any;
+    "onTab-change"?: (...args: any[]) => any;
+    "onRemove-panel"?: (...args: any[]) => any;
+    "onSort-change"?: (...args: any[]) => any;
+    "onOn-drag-tab"?: (...args: any[]) => any;
+    onRemove?: (...args: any[]) => any;
+    "onUpdate:active"?: (...args: any[]) => any;
+    onSort?: (...args: any[]) => any;
+}, {
+    type: string;
+    closable: boolean;
+    extCls: string;
+    active: string | number;
+    showHeader: boolean;
+    sortType: string;
+    addable: boolean;
+    sortable: boolean;
+    labelHeight: number;
+    scrollStep: number;
+    validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
+    tabPosition: string;
+}>;
+export default _default;

package/lib/tab/tab.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var a in n)("object"==typeof exports?exports:e)[a]=n[a]}}(self,((e,t,n)=>(()=>{"use strict";var a={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return a[e](n,n.exports,o),n.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{BkTab:()=>u,BkTabPanel:()=>c,default:()=>b});var e=o(4212),t=o(748),n={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},a={active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),type:e.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:e.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),extCls:e.PropTypes.string.def(""),validateActive:e.PropTypes.bool.def(!0),showHeader:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},r=Object.assign({active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),panels:{type:Array,default:function(){return[]}},closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),validateActive:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},n),s={name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),label:e.PropTypes.string||e.PropTypes.func,closable:e.PropTypes.bool,visible:e.PropTypes.bool.def(!0),disabled:e.PropTypes.bool,sortable:e.PropTypes.bool,renderDirective:e.PropTypes.commonType(["if","show"],"render").def("show"),panel:e.PropTypes.string||e.PropTypes.func},l=o(7685);const d=(0,t.defineComponent)({name:"TabNav",props:r,setup:function(e){return{navs:(0,t.computed)((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var n=[],a=!1;return e.panels.filter((function(r,o){if(!r.props)return null;var i=r.props,s=i.name,l=i.label,d=i.closable,p=i.visible,c=i.disabled,u=i.sortable;return!!p&&(e.active===s&&(a=!0),n.push({name:s,closable:d,visible:p,disabled:c,sortable:u,tabLabel:function(e){return r.slots.label?(0,t.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?(0,t.h)(e):e}(l)}),!0)})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),n})),dragenterIndex:(0,t.ref)(-1),dragStartIndex:(0,t.ref)(-1),draggingEle:(0,t.ref)(""),guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)}},methods:{distinctRoots:function(e,t){return e===t},handleTabAdd:function(e){this.tabAdd(e)},dragstart:function(e,t){this.dragStartIndex=e,this.draggingEle=this.guid,Object.assign(t.dataTransfer,{effectAllowed:"move"}),this.tabDrag(e,t)},dragenter:function(e){this.distinctRoots(this.draggingEle,this.guid)&&(this.dragenterIndex=e)},dragend:function(){this.dragenterIndex=-1,this.dragStartIndex=-1,this.draggingEle=null},drop:function(e,t){if(!this.distinctRoots(this.draggingEle,this.guid))return!1;this.tabSort(this.dragStartIndex,e,t)},handleTabChange:function(e){this.tabChange(e)},handleTabRemove:function(e,t){this.tabRemove(e,t)}},render:function(){var e=this,n=arguments[0],a=this.active,r=this.closable,o=this.addable,i=this.sortable,s=this.sortType,d=this.labelHeight,p=this.dragstart,c=this.dragenter,u=this.dragend,b=this.drop,f=function(){return e.navs.map((function(n,o){if(!n)return null;var d,f=n.name,h=n.disabled,v=n.tabLabel,g=function(e,t){return e||t};return(0,t.createVNode)("div",{key:f,onClick:function(){return e.handleTabChange(f)},draggable:g(n.sortable,i),onDragstart:function(e){return p(o,e)},onDragenter:function(e){e.preventDefault(),c(o)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),u()},onDrop:function(e){e.preventDefault(),b(o,s)},class:(d=["bk-tab-header-item"],h&&d.push("bk-tab-header--disabled"),a===f&&d.push("bk-tab-header--active"),d.join(" "))},[(0,t.createVNode)("div",null,[v]),g(n.closable,r)&&(0,t.createVNode)(l.Close,{class:"bk-tab-header-item-close",onClick:function(){return e.handleTabRemove(o,n)}},null)])}))},h=function(){var a,r,i,s,d=[];return"function"==typeof e.$slots.add?d.push(null===(r=(a=e.$slots).add)||void 0===r?void 0:r.call(a,n)):o&&d.push((0,t.createVNode)("div",{onClick:e.handleTabAdd},[(0,t.createVNode)(l.Plus,{width:26,height:26},null)])),"function"==typeof e.$slots.setting&&d.push(null===(s=(i=e.$slots).setting)||void 0===s?void 0:s.call(i,n)),d.length?(0,t.createVNode)("div",{class:"bk-tab-header-operation"},[d.map((function(e,n){return(0,t.createVNode)("div",{class:"bk-tab-header-item",key:n},[e])}))]):null};return(0,t.createVNode)("div",{style:{lineHeight:"".concat(d,"px")},class:"bk-tab-header"},[(0,t.createVNode)("div",{class:"bk-tab-header-nav"},[f()]),h()])}}),p=(0,t.defineComponent)({name:"Tab",components:{TabNav:d},props:a,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,n){var a=n.slots,r=(0,t.ref)(!1),o=(0,t.ref)([]),i=(0,t.getCurrentInstance)();"function"==typeof a.panel&&(o.value=a.panel()),"function"==typeof a.default&&(o.value=a.default());var s=function e(n){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=n.children;return(r||[]).forEach((function(n){var r=n.type;"TabPanel"===(r=r.name||r)&&n.component?a.push(n.component):r!==t.Fragment&&"template"!==r||e(n,a)})),a},l=function(){if(a.default){var e=i.subTree.children[1].children;if(!e)return;var t=e[0],n=s(t);(n.length!==o.value.length||!n.every((function(e,t){return e.uid===o.value[t].uid})))&&(o.value=n)}};return(0,t.onMounted)((function(){l(),r.value=!0})),(0,t.onUpdated)((function(){l()})),{isMounted:r,panels:o}},methods:{tabAdd:function(e){this.$emit("add",{e}),this.$emit("add-panel",{e})},tabChange:function(e){this.$emit("change",e),this.$emit("tab-change",e),this.$emit("update:active",e)},tabRemove:function(e,t){this.$emit("remove",e,t),this.$emit("remove-panel",e,t)},tabSort:function(e,t,n){if("insert"===n)if(e<t)this.panels.splice(t+1,0,this.panels[e]),this.panels.splice(e,1);else{if(!(e>t))return!1;this.panels.splice(t,0,this.panels[e]),this.panels.splice(e+1,1)}else{var a=this.panels[t];this.panels[t]=this.panels[e],this.panels[e]=a}this.$emit("sort",e,t,n),this.$emit("sort-change",e,t,n)},tabDrag:function(e,t){this.$emit("drag",e,t),this.$emit("on-drag-tab",e,t)}},render:function(){var e,n,a,r,o=this;return(0,t.createVNode)("div",{class:"top"===o.tabPosition?"bk-tab bk-tab--".concat(o.tabPosition," bk-tab--").concat(o.type," ").concat(o.extCls):"bk-tab bk-tab--".concat(o.tabPosition,"  ").concat(o.extCls)},[(a=o.panels,r={panels:a,active:o.active,type:o.type,closable:o.closable,addable:o.addable,sortable:o.sortable,sortType:o.sortType,labelHeight:o.labelHeight,scrollStep:o.scrollStep,validateActive:o.validateActive,changeOnHover:o.changeOnHover,changeOnHoverDelay:o.changeOnHoverDelay,tabAdd:o.tabAdd,tabChange:o.tabChange,tabRemove:o.tabRemove,tabSort:o.tabSort,tabDrag:o.tabDrag},a&&Array.isArray(a)?(0,t.createVNode)(d,r,o.$slots):null),(0,t.createVNode)("div",{class:"bk-tab-content"},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),c=(0,t.defineComponent)({name:"TabPanel",props:s,render:function(){var e=this,n=arguments[0],a=this.name===this.$parent.active,r=function(){return!e.visible||"if"===e.renderDirective&&!a?null:"function"==typeof e.panel?e.panel(n):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null};return(0,t.withDirectives)((0,t.createVNode)("div",{ref:"content",class:"bk-tab-panel"},[r()]),[[t.vShow,a]])}});var u=(0,e.withInstallProps)(p,{TabPanel:c});const b=u})(),i})()));