bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13

package/lib/tab/index.d.ts

@@ -0,0 +1,416 @@
+export declare const BKTab: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            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;
+        }> & 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;
+        }> & {
+            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, "closable" | "extCls" | "showHeader" | "type" | "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<{
+            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;
+        }> & {
+            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, {
+            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;
+        }> & {
+            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<{
+        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;
+    }> & {
+        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<{
+    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;
+}> & {
+    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", {
+    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;
+}> & 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<{
+            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">;
+        $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<{
+            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, {
+            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<{
+        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;
+    __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, {
+    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("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:"BkTabNav",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:"BkTab",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:"BkTabPanel",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})}));

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

@@ -0,0 +1,154 @@
+import { VNode, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    active: {
+        type: NumberConstructor | StringConstructor;
+    };
+    panels: {
+        type: PropType<VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[]>;
+        default: () => any[];
+    };
+    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;
+    };
+    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;
+    };
+    tabAdd: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabChange: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabRemove: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabSort: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+    tabDrag: {
+        type: FunctionConstructor;
+        default: () => any;
+    };
+}, {
+    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;
+    swapArr(arr: any[], a: number, b: number): void;
+    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<{
+    active?: unknown;
+    panels?: unknown;
+    closable?: unknown;
+    addable?: unknown;
+    sortable?: unknown;
+    sortType?: unknown;
+    labelHeight?: unknown;
+    scrollStep?: unknown;
+    validateActive?: unknown;
+    changeOnHover?: unknown;
+    changeOnHoverDelay?: unknown;
+    tabAdd?: unknown;
+    tabChange?: unknown;
+    tabRemove?: unknown;
+    tabSort?: unknown;
+    tabDrag?: unknown;
+} & {
+    closable: boolean;
+    sortType: string;
+    panels: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    addable: boolean;
+    sortable: boolean;
+    labelHeight: number;
+    scrollStep: number;
+    validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
+} & {
+    active?: string | number;
+    tabAdd?: Function;
+    tabChange?: Function;
+    tabRemove?: Function;
+    tabSort?: Function;
+    tabDrag?: Function;
+}> & {}, {
+    closable: boolean;
+    sortType: string;
+    panels: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    addable: boolean;
+    sortable: boolean;
+    labelHeight: number;
+    scrollStep: number;
+    validateActive: boolean;
+    changeOnHover: boolean;
+    changeOnHoverDelay: number;
+    tabAdd: Function;
+    tabChange: Function;
+    tabRemove: Function;
+    tabSort: Function;
+    tabDrag: Function;
+}>;
+export default _default;

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

@@ -0,0 +1,46 @@
+declare const _default: import("vue").DefineComponent<{
+    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, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+}> & {}, {
+    visible: boolean;
+    disabled: boolean;
+    renderDirective: string;
+}>;
+export default _default;