bkui-vue 0.0.1-beta.3 → 0.0.1-beta.30

package/lib/tab/index.d.ts

@@ -0,0 +1,552 @@
+export declare const BKTab: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: string;
+            closable: boolean;
+            extCls: string;
+            showHeader: boolean;
+            sortType: string;
+            addable: boolean;
+            sortable: boolean;
+            labelHeight: number;
+            scrollStep: number;
+            validateActive: boolean;
+            changeOnHover: boolean;
+            changeOnHoverDelay: number;
+            tabPosition: string;
+        }> & 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;
+            "onAdd-panel"?: (...args: any[]) => any;
+            "onTab-change"?: (...args: any[]) => any;
+            "onClose-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;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "extCls" | "showHeader" | "sortType" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay" | "tabPosition">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $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<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;
+            "onAdd-panel"?: (...args: any[]) => any;
+            "onTab-change"?: (...args: any[]) => any;
+            "onClose-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;
+        }, {
+            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): void;
+            tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], string, {
+            type: string;
+            closable: boolean;
+            extCls: string;
+            showHeader: boolean;
+            sortType: string;
+            addable: boolean;
+            sortable: boolean;
+            labelHeight: number;
+            scrollStep: number;
+            validateActive: boolean;
+            changeOnHover: boolean;
+            changeOnHoverDelay: number;
+            tabPosition: string;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & 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;
+        "onAdd-panel"?: (...args: any[]) => any;
+        "onTab-change"?: (...args: any[]) => any;
+        "onClose-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;
+    } & import("vue").ShallowUnwrapRef<{
+        isMounted: import("vue").Ref<boolean>;
+        panels: import("vue").Ref<any[]>;
+    }> & {} & {} & {
+        tabAdd(e: MouseEvent): void;
+        tabChange(name: string): void;
+        tabRemove(index: number, panel: any): void;
+        tabSort(dragTabIndex: number, dropTabIndex: number): void;
+        tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & 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;
+    "onAdd-panel"?: (...args: any[]) => any;
+    "onTab-change"?: (...args: any[]) => any;
+    "onClose-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;
+}, {
+    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): void;
+    tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "close-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", {
+    type: string;
+    closable: boolean;
+    extCls: string;
+    showHeader: boolean;
+    sortType: string;
+    addable: boolean;
+    sortable: boolean;
+    labelHeight: number;
+    scrollStep: number;
+    validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
+    tabPosition: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export declare const BKTabPanel: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            visible: boolean;
+            disabled: boolean;
+            renderDirective: string;
+        }> & 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;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $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<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;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & 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<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;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BKTab;

package/lib/tab/index.js

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