bkui-vue 0.0.1-beta.14 → 0.0.1-beta.17

package/lib/tab/index.d.ts

@@ -16,38 +16,70 @@ export declare const BKTab: {
             changeOnHover: boolean;
             changeOnHoverDelay: number;
             tabPosition: string;
-        }> & Omit<Readonly<{
-            active?: unknown;
-            type?: unknown;
-            tabPosition?: unknown;
-            closable?: unknown;
-            addable?: unknown;
-            sortable?: unknown;
-            sortType?: unknown;
-            labelHeight?: unknown;
-            scrollStep?: unknown;
-            extCls?: unknown;
-            validateActive?: unknown;
-            showHeader?: unknown;
-            changeOnHover?: unknown;
-            changeOnHoverDelay?: unknown;
-        } & {
-            closable: boolean;
-            extCls: string;
-            showHeader: boolean;
-            type: string;
-            sortType: string;
-            addable: boolean;
-            sortable: boolean;
-            labelHeight: number;
-            scrollStep: number;
-            validateActive: boolean;
-            changeOnHover: boolean;
-            changeOnHoverDelay: number;
-            tabPosition: string;
-        } & {
-            active?: string | number;
-        }> & {
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            active: {
+                type: NumberConstructor | StringConstructor;
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            tabPosition: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            closable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            addable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            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;
@@ -73,38 +105,70 @@ export declare const BKTab: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: "change" | "drag" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            active?: unknown;
-            type?: unknown;
-            tabPosition?: unknown;
-            closable?: unknown;
-            addable?: unknown;
-            sortable?: unknown;
-            sortType?: unknown;
-            labelHeight?: unknown;
-            scrollStep?: unknown;
-            extCls?: unknown;
-            validateActive?: unknown;
-            showHeader?: unknown;
-            changeOnHover?: unknown;
-            changeOnHoverDelay?: unknown;
-        } & {
-            closable: boolean;
-            extCls: string;
-            showHeader: boolean;
-            type: string;
-            sortType: string;
-            addable: boolean;
-            sortable: boolean;
-            labelHeight: number;
-            scrollStep: number;
-            validateActive: boolean;
-            changeOnHover: boolean;
-            changeOnHoverDelay: number;
-            tabPosition: string;
-        } & {
-            active?: string | number;
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            active: {
+                type: NumberConstructor | StringConstructor;
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            tabPosition: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            closable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            addable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            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;
@@ -159,38 +223,70 @@ export declare const BKTab: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        active?: unknown;
-        type?: unknown;
-        tabPosition?: unknown;
-        closable?: unknown;
-        addable?: unknown;
-        sortable?: unknown;
-        sortType?: unknown;
-        labelHeight?: unknown;
-        scrollStep?: unknown;
-        extCls?: unknown;
-        validateActive?: unknown;
-        showHeader?: unknown;
-        changeOnHover?: unknown;
-        changeOnHoverDelay?: unknown;
-    } & {
-        closable: boolean;
-        extCls: string;
-        showHeader: boolean;
-        type: string;
-        sortType: string;
-        addable: boolean;
-        sortable: boolean;
-        labelHeight: number;
-        scrollStep: number;
-        validateActive: boolean;
-        changeOnHover: boolean;
-        changeOnHoverDelay: number;
-        tabPosition: string;
-    } & {
-        active?: string | number;
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        active: {
+            type: NumberConstructor | StringConstructor;
+        };
+        type: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        tabPosition: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        closable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        addable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        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;
@@ -215,38 +311,70 @@ export declare const BKTab: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    active?: unknown;
-    type?: unknown;
-    tabPosition?: unknown;
-    closable?: unknown;
-    addable?: unknown;
-    sortable?: unknown;
-    sortType?: unknown;
-    labelHeight?: unknown;
-    scrollStep?: unknown;
-    extCls?: unknown;
-    validateActive?: unknown;
-    showHeader?: unknown;
-    changeOnHover?: unknown;
-    changeOnHoverDelay?: unknown;
-} & {
-    closable: boolean;
-    extCls: string;
-    showHeader: boolean;
-    type: string;
-    sortType: string;
-    addable: boolean;
-    sortable: boolean;
-    labelHeight: number;
-    scrollStep: number;
-    validateActive: boolean;
-    changeOnHover: boolean;
-    changeOnHoverDelay: number;
-    tabPosition: string;
-} & {
-    active?: string | number;
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: NumberConstructor | StringConstructor;
+    };
+    type: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    tabPosition: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    closable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    addable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    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;
@@ -290,26 +418,28 @@ export declare const BKTabPanel: {
             visible: boolean;
             disabled: boolean;
             renderDirective: string;
-        }> & Omit<Readonly<{
-            name?: unknown;
-            label?: unknown;
-            closable?: unknown;
-            visible?: unknown;
-            disabled?: unknown;
-            sortable?: unknown;
-            renderDirective?: unknown;
-            panel?: unknown;
-        } & {
-            visible: boolean;
-            disabled: boolean;
-            renderDirective: string;
-        } & {
-            label?: string | Function;
-            name?: string | number;
-            closable?: boolean | Function;
-            panel?: string | Function;
-            sortable?: boolean | Function;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "disabled" | "renderDirective">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: NumberConstructor | StringConstructor;
+            };
+            label: StringConstructor | FunctionConstructor;
+            closable: BooleanConstructor | FunctionConstructor;
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            sortable: BooleanConstructor | FunctionConstructor;
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            panel: StringConstructor | FunctionConstructor;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "disabled" | "renderDirective">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -323,26 +453,28 @@ export declare const BKTabPanel: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            name?: unknown;
-            label?: unknown;
-            closable?: unknown;
-            visible?: unknown;
-            disabled?: unknown;
-            sortable?: unknown;
-            renderDirective?: unknown;
-            panel?: unknown;
-        } & {
-            visible: boolean;
-            disabled: boolean;
-            renderDirective: string;
-        } & {
-            label?: string | Function;
-            name?: string | number;
-            closable?: boolean | Function;
-            panel?: string | Function;
-            sortable?: boolean | Function;
-        }> & {}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: NumberConstructor | StringConstructor;
+            };
+            label: StringConstructor | FunctionConstructor;
+            closable: BooleanConstructor | FunctionConstructor;
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            sortable: BooleanConstructor | FunctionConstructor;
+            renderDirective: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            panel: StringConstructor | FunctionConstructor;
+        }>>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             visible: boolean;
             disabled: boolean;
             renderDirective: string;
@@ -366,49 +498,53 @@ export declare const BKTabPanel: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        name?: unknown;
-        label?: unknown;
-        closable?: unknown;
-        visible?: unknown;
-        disabled?: unknown;
-        sortable?: unknown;
-        renderDirective?: unknown;
-        panel?: unknown;
-    } & {
-        visible: boolean;
-        disabled: boolean;
-        renderDirective: string;
-    } & {
-        label?: string | Function;
-        name?: string | number;
-        closable?: boolean | Function;
-        panel?: string | Function;
-        sortable?: boolean | Function;
-    }> & {} & import("vue").ShallowUnwrapRef<{}> & {} & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: NumberConstructor | StringConstructor;
+        };
+        label: StringConstructor | FunctionConstructor;
+        closable: BooleanConstructor | FunctionConstructor;
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        sortable: BooleanConstructor | FunctionConstructor;
+        renderDirective: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        panel: StringConstructor | FunctionConstructor;
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    name?: unknown;
-    label?: unknown;
-    closable?: unknown;
-    visible?: unknown;
-    disabled?: unknown;
-    sortable?: unknown;
-    renderDirective?: unknown;
-    panel?: unknown;
-} & {
-    visible: boolean;
-    disabled: boolean;
-    renderDirective: string;
-} & {
-    label?: string | Function;
-    name?: string | number;
-    closable?: boolean | Function;
-    panel?: string | Function;
-    sortable?: boolean | Function;
-}> & {}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: NumberConstructor | StringConstructor;
+    };
+    label: StringConstructor | FunctionConstructor;
+    closable: BooleanConstructor | FunctionConstructor;
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    sortable: BooleanConstructor | FunctionConstructor;
+    renderDirective: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    panel: StringConstructor | FunctionConstructor;
+}>>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     visible: boolean;
     disabled: boolean;
     renderDirective: string;

package/lib/tab/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon/"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,t,n,a){"use strict";var r=t.defineComponent({name:"TabNav",props:{active:{type:String||Number},panels:{type:Array,default:function(){return[]}},closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),validateActive:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3),tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(){return{}}},tabRemove:{type:Function,default:function(){return{}}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},methods:{distinctRoots:function(e,t){return e===t},swapArr:function(e,t,n){var a=e[t];e[t]=e[n],e[n]=a},handleTabAdd:function(e){this.tabAdd(e)},dragstart:function(e,t){this.dragStartIndex=e,this.draggingEle=this.guid,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;if("insert"===t)if(this.dragStartIndex<e)this.panels.splice(e+1,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex,1);else{if(!(this.dragStartIndex>e))return!1;this.panels.splice(e,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex+1,1)}else this.swapArr(this.panels,this.dragStartIndex,e);this.tabSort(this.dragStartIndex,e)},handleTabChange:function(e){this.tabChange(e)},handleTabRemove:function(e,t){this.tabRemove(e,t)}},setup:function(e){return{navs: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,c=i.visible,p=i.disabled,u=i.sortable;if(!c)return!1;e.active===s&&(a=!0);return n.push({name:s,closable:d,visible:c,disabled:p,sortable:u,tabLabel:function(e){return r.slots.label?t.h(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?t.h(e):e}(l)}),!0})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),n})),dragenterIndex:t.ref(-1),dragStartIndex:t.ref(-1),draggingEle:t.ref(""),guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)}},render:function(){var e,n,r,o,i,s,l=this,d=this.active,c=this.closable,p=this.addable,u=this.sortable,b=this.sortType,f=this.labelHeight,h=this.dragstart,g=this.dragenter,v=this.dragend,y=this.drop;return t.createVNode("div",{style:{lineHeight:"".concat(f,"px")},class:"bk-tab-header"},[t.createVNode("div",{class:"bk-tab-header-nav"},[l.navs.map((function(e,n){if(!e)return null;var r,o=e.name,i=e.disabled,s=e.tabLabel,p=function(e,t){return"boolean"==typeof e?e:t};return t.createVNode("div",{key:o,onClick:function(){return l.handleTabChange(o)},draggable:p(e.sortable,u),onDragstart:function(e){return h(n,e)},onDragenter:function(e){e.preventDefault(),g(n)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),v()},onDrop:function(e){e.preventDefault(),y(n,b)},class:(r=["bk-tab-header-item"],i&&r.push("bk-tab-header--disabled"),d===o&&r.push("bk-tab-header--active"),r.join(" "))},[t.createVNode("div",null,[s]),p(e.closable,c)&&t.createVNode(a.Close,{class:"bk-tab-header-item-close",onClick:function(){return l.handleTabRemove(n,e)}},null)])}))]),t.createVNode("div",{class:"bk-tab-header-operation"},[(s=[],"function"==typeof l.$slots.add?i=null===(n=(e=l.$slots).add)||void 0===n?void 0:n.call(e,t.h):p&&(i=t.createVNode("div",{onClick:l.handleTabAdd},[t.createVNode(a.Plus,{width:26,height:26},null)])),s.push(i),"function"==typeof l.$slots.setting&&s.push(null===(o=(r=l.$slots).setting)||void 0===o?void 0:o.call(r,t.h)),s.map((function(e,n){return t.createVNode("div",{class:"bk-tab-header-item",key:n},[e])})))])])}}),o=t.defineComponent({name:"Tab",components:{BkTabNav:r},props:{active:{type:String||Number},type:n.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:n.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),extCls:n.PropTypes.string.def(""),validateActive:n.PropTypes.bool.def(!0),showHeader:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3)},emits:["add-panel","tab-change","close-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],methods:{tabAdd:function(e){this.$emit("add",{e:e}),this.$emit("add-panel",{e: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("close-panel",e,t)},tabSort:function(e,t){this.$emit("sort",e,t),this.$emit("sort-change",e,t)},tabDrag:function(e,t){this.$emit("drag",e,t),this.$emit("on-drag-tab",e,t)}},setup:function(e,n){var a=n.slots,r=t.ref(!1),o=t.ref([]),i=t.getCurrentInstance();"function"==typeof a.panel&&(o.value=a.default()),"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;"BkTabPanel"===(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 t.onMounted((function(){l(),r.value=!0})),t.onUpdated((function(){l()})),{isMounted:r,panels:o}},render:function(){var e,n,a,o,i=this;return t.createVNode("div",{class:"top"===i.tabPosition?"bk-tab bk-tab--".concat(i.tabPosition," bk-tab--").concat(i.type," ").concat(i.extCls):"bk-tab bk-tab--".concat(i.tabPosition,"  ").concat(i.extCls)},[(a=i.panels,o={panels:a,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},a&&Array.isArray(a)?t.createVNode(r,o,i.$slots):null),t.createVNode("div",{class:"bk-tab-content"},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),i=t.defineComponent({name:"TabPanel",props:{name:{type:String||Number},label:String||Function,closable:Function||Boolean,visible:n.PropTypes.bool.def(!0),disabled:n.PropTypes.bool.def(null)||void 0,sortable:Function||Boolean,renderDirective:n.PropTypes.commonType(["if","show"],"render").def("show"),panel:String||Function},render:function(){var e=this,n=this.name===this.$parent.active;return t.withDirectives(t.createVNode("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!n?null:"function"==typeof e.panel?e.panel(t.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[t.vShow,n]])}}),s=n.withInstall(o),l=n.withInstall(i);e.BKTab=s,e.BKTabPanel=l,e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon/"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,t,n,a){"use strict";var r=t.defineComponent({name:"TabNav",props:{active:{type:String||Number},panels:{type:Array,default:function(){return[]}},closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),validateActive:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3),tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(){return{}}},tabRemove:{type:Function,default:function(){return{}}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},methods:{distinctRoots:function(e,t){return e===t},swapArr:function(e,t,n){var a=e[t];e[t]=e[n],e[n]=a},handleTabAdd:function(e){this.tabAdd(e)},dragstart:function(e,t){this.dragStartIndex=e,this.draggingEle=this.guid,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;if("insert"===t)if(this.dragStartIndex<e)this.panels.splice(e+1,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex,1);else{if(!(this.dragStartIndex>e))return!1;this.panels.splice(e,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex+1,1)}else this.swapArr(this.panels,this.dragStartIndex,e);this.tabSort(this.dragStartIndex,e)},handleTabChange:function(e){this.tabChange(e)},handleTabRemove:function(e,t){this.tabRemove(e,t)}},setup:function(e){return{navs: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,c=i.visible,p=i.disabled,u=i.sortable;if(!c)return!1;e.active===s&&(a=!0);return n.push({name:s,closable:d,visible:c,disabled:p,sortable:u,tabLabel:function(e){return r.slots.label?t.h(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?t.h(e):e}(l)}),!0})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),n})),dragenterIndex:t.ref(-1),dragStartIndex:t.ref(-1),draggingEle:t.ref(""),guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)}},render:function(){var e,n,r,o,i,s,l=this,d=this.active,c=this.closable,p=this.addable,u=this.sortable,b=this.sortType,f=this.labelHeight,h=this.dragstart,g=this.dragenter,v=this.dragend,y=this.drop;return t.createVNode("div",{style:{lineHeight:"".concat(f,"px")},class:"bk-tab-header"},[t.createVNode("div",{class:"bk-tab-header-nav"},[l.navs.map((function(e,n){if(!e)return null;var r,o=e.name,i=e.disabled,s=e.tabLabel,p=function(e,t){return"boolean"==typeof e?e:t};return t.createVNode("div",{key:o,onClick:function(){return l.handleTabChange(o)},draggable:p(e.sortable,u),onDragstart:function(e){return h(n,e)},onDragenter:function(e){e.preventDefault(),g(n)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),v()},onDrop:function(e){e.preventDefault(),y(n,b)},class:(r=["bk-tab-header-item"],i&&r.push("bk-tab-header--disabled"),d===o&&r.push("bk-tab-header--active"),r.join(" "))},[t.createVNode("div",null,[s]),p(e.closable,c)&&t.createVNode(a.Close,{class:"bk-tab-header-item-close",onClick:function(){return l.handleTabRemove(n,e)}},null)])}))]),t.createVNode("div",{class:"bk-tab-header-operation"},[(s=[],"function"==typeof l.$slots.add?i=null===(n=(e=l.$slots).add)||void 0===n?void 0:n.call(e,t.h):p&&(i=t.createVNode("div",{onClick:l.handleTabAdd},[t.createVNode(a.Plus,{width:26,height:26},null)])),s.push(i),"function"==typeof l.$slots.setting&&s.push(null===(o=(r=l.$slots).setting)||void 0===o?void 0:o.call(r,t.h)),s.map((function(e,n){return t.createVNode("div",{class:"bk-tab-header-item",key:n},[e])})))])])}}),o=t.defineComponent({name:"Tab",components:{TabNav:r},props:{active:{type:String||Number},type:n.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:n.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),extCls:n.PropTypes.string.def(""),validateActive:n.PropTypes.bool.def(!0),showHeader:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3)},emits:["add-panel","tab-change","close-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],methods:{tabAdd:function(e){this.$emit("add",{e:e}),this.$emit("add-panel",{e: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("close-panel",e,t)},tabSort:function(e,t){this.$emit("sort",e,t),this.$emit("sort-change",e,t)},tabDrag:function(e,t){this.$emit("drag",e,t),this.$emit("on-drag-tab",e,t)}},setup:function(e,n){var a=n.slots,r=t.ref(!1),o=t.ref([]),i=t.getCurrentInstance();"function"==typeof a.panel&&(o.value=a.default()),"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 t.onMounted((function(){l(),r.value=!0})),t.onUpdated((function(){l()})),{isMounted:r,panels:o}},render:function(){var e,n,a,o,i=this;return t.createVNode("div",{class:"top"===i.tabPosition?"bk-tab bk-tab--".concat(i.tabPosition," bk-tab--").concat(i.type," ").concat(i.extCls):"bk-tab bk-tab--".concat(i.tabPosition,"  ").concat(i.extCls)},[(a=i.panels,o={panels:a,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},a&&Array.isArray(a)?t.createVNode(r,o,i.$slots):null),t.createVNode("div",{class:"bk-tab-content"},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),i=t.defineComponent({name:"TabPanel",props:{name:{type:String||Number},label:String||Function,closable:Function||Boolean,visible:n.PropTypes.bool.def(!0),disabled:n.PropTypes.bool.def(null)||void 0,sortable:Function||Boolean,renderDirective:n.PropTypes.commonType(["if","show"],"render").def("show"),panel:String||Function},render:function(){var e=this,n=this.name===this.$parent.active;return t.withDirectives(t.createVNode("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!n?null:"function"==typeof e.panel?e.panel(t.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[t.vShow,n]])}}),s=n.withInstall(o),l=n.withInstall(i);e.BKTab=s,e.BKTabPanel=l,e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));