@dao-style/core 1.18.0 → 2.0.0-alpha.1

package/dist/components/table/table.vue.d.ts

@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     highlightedRow: {
-        type: import("vue").PropType<Record<string, unknown>>;
+        type: import("vue").PropType<DataPropType[number]>;
         default: undefined;
     };
     pageSize: {
@@ -153,33 +153,20 @@ declare const _default: import("vue").DefineComponent<{
     textContent: import("vue").ComputedRef<{
         emptyText: string | undefined;
     }>;
-    columns: {
-        id: string;
-        header: string;
-        defaultWidth?: DefaultWidthType | undefined;
-        minWidth?: number | undefined;
-        maxWidth?: number | undefined;
-        sortable?: boolean | undefined;
-        resizable?: boolean | undefined;
-        hidable?: boolean | undefined;
-        defaultHide?: boolean | undefined;
-        className?: string | undefined;
-        ellipsis?: boolean | ColumnEllipsisContentFun | undefined;
-        tip?: string | undefined;
-    }[];
+    columns: import("vue").Reactive<DaoTableColumn[]>;
     filterColumns: import("vue").ComputedRef<{
         id: string;
         header: string;
-        defaultWidth?: DefaultWidthType | undefined;
-        minWidth?: number | undefined;
-        maxWidth?: number | undefined;
-        sortable?: boolean | undefined;
-        resizable?: boolean | undefined;
-        hidable?: boolean | undefined;
-        defaultHide?: boolean | undefined;
-        className?: string | undefined;
-        ellipsis?: boolean | ColumnEllipsisContentFun | undefined;
-        tip?: string | undefined;
+        defaultWidth?: DefaultWidthType;
+        minWidth?: number;
+        maxWidth?: number;
+        sortable?: boolean;
+        resizable?: boolean;
+        hidable?: boolean;
+        defaultHide?: boolean;
+        className?: string;
+        ellipsis?: boolean | ColumnEllipsisContentFun;
+        tip?: string;
     }[]>;
     tableWrapperClasses: import("vue").ComputedRef<string[]>;
     tableSetting: Record<string, tableSettingItem>;
@@ -213,7 +200,7 @@ declare const _default: import("vue").DefineComponent<{
         indeterminate: boolean;
     };
     tableScroll: import("vue").Ref<HTMLDivElement | undefined>;
-    beenExpandedRows: WeakSet<object>;
+    beenExpandedRows: import("vue").Reactive<WeakSet<WeakKey>>;
     onRowClick: (e: TdMouseEvent, row: Record<string, unknown>, rowIndex: number) => void;
     isEmpty: import("vue").ComputedRef<boolean>;
     selectableRows: import("vue").ComputedRef<Set<Record<string, unknown>>>;
@@ -228,14 +215,14 @@ declare const _default: import("vue").DefineComponent<{
     onRefresh: () => void;
     showToolbar: import("vue").ComputedRef<boolean>;
     searchModel: import("vue").Ref<import("../toolbar").SearchModelType> | import("vue").WritableComputedRef<import("../toolbar").SearchModelType>;
-    selectColumns: (ids: Set<DaoTableColumn['id']>) => void;
+    selectColumns: (ids: Set<DaoTableColumn["id"]>) => void;
     isRowHighlighted: (row: Record<string, unknown>) => boolean;
-    colEllipsisMap: Map<string, {
+    colEllipsisMap: import("vue").Reactive<Map<string, {
         isShow: boolean;
         isFunction: boolean;
-    }>;
+    }>>;
     getEllipsisContent: (column: DaoTableColumn, row: DataPropType[number], index: number) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight")[], "search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight")[], "search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     search: {
         type: import("vue").PropType<import("../toolbar").SearchModelType>;
         default: () => {};
@@ -313,7 +300,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     highlightedRow: {
-        type: import("vue").PropType<Record<string, unknown>>;
+        type: import("vue").PropType<DataPropType[number]>;
         default: undefined;
     };
     pageSize: {
@@ -411,9 +398,9 @@ declare const _default: import("vue").DefineComponent<{
     compact: boolean;
     sort: import("./type").DaoTableSort;
     data: DataPropType;
-    columns: DaoTableColumn[];
     loading: boolean;
     searchPlaceholder: string;
+    columns: DaoTableColumn[];
     total: number;
     selectedFormat: (total: number) => string;
     deselectText: string;
@@ -441,5 +428,5 @@ declare const _default: import("vue").DefineComponent<{
     hideBatchBar: boolean;
     hideToolbar: boolean;
     hideSetting: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/table/type.d.ts

@@ -24,4 +24,4 @@ export interface tableSettingItem {
     width: DefaultWidthType;
     hide?: boolean;
 }
-export declare const defineColumns: <T extends readonly DaoTableColumn[]>(columns: T) => Mutable<T>;
+export declare const defineColumns: <T extends Readonly<DaoTableColumn[]>>(columns: T) => Mutable<T>;

package/dist/components/tabs/props.d.ts

@@ -6,12 +6,12 @@ declare const tabsDirection: readonly ["left", "right"];
 type TabsDirection = typeof tabsDirection[number];
 export declare const tabsProps: {
     type: {
-        type: PropType<"card" | "line" | "pill">;
+        type: PropType<TabsType>;
         default: string;
         validator: (value: TabsType) => boolean;
     };
     direction: {
-        type: PropType<"left" | "right">;
+        type: PropType<TabsDirection>;
         required: boolean;
         default: string;
         validator: (value: TabsDirection) => boolean;

package/dist/components/tabs/tab-item.d.ts

@@ -1,138 +1,7 @@
 import { ParamsSlotFn, SlotFn } from '../../utils/types';
 import { TabItemProp } from './props';
-declare const DaoTabItem: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            label: import("./types").DaoTabItemLabel;
-            value: string;
-            disabled: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<import("./types").DaoTabItemLabel>;
-                required: boolean;
-                default: string;
-            };
-            value: {
-                type: StringConstructor;
-                required: boolean;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "value" | "disabled">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<import("./types").DaoTabItemLabel>;
-                required: boolean;
-                default: string;
-            };
-            value: {
-                type: StringConstructor;
-                required: boolean;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>>, {
-            active: import("vue").ComputedRef<boolean>;
-            tabItem: import("vue").Ref<HTMLElement | undefined>;
-            tabLabelTargets: import("vue").Ref<Record<string, HTMLDivElement>> | undefined;
-            targetRef: import("vue").Ref<HTMLElement | undefined>;
-            checkSlot: (isLabelSlotExist: boolean) => boolean;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            label: import("./types").DaoTabItemLabel;
-            value: string;
-            disabled: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<import("./types").DaoTabItemLabel>;
-            required: boolean;
-            default: string;
-        };
-        value: {
-            type: StringConstructor;
-            required: boolean;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{
-        active: import("vue").ComputedRef<boolean>;
-        tabItem: import("vue").Ref<HTMLElement | undefined>;
-        tabLabelTargets: import("vue").Ref<Record<string, HTMLDivElement>> | undefined;
-        targetRef: import("vue").Ref<HTMLElement | undefined>;
-        checkSlot: (isLabelSlotExist: boolean) => boolean;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: import("vue").PropType<import("./types").DaoTabItemLabel>;
-        required: boolean;
-        default: string;
-    };
-    value: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    active: import("vue").ComputedRef<boolean>;
-    tabItem: import("vue").Ref<HTMLElement | undefined>;
-    tabLabelTargets: import("vue").Ref<Record<string, HTMLDivElement>> | undefined;
-    targetRef: import("vue").Ref<HTMLElement | undefined>;
-    checkSlot: (isLabelSlotExist: boolean) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    label: import("./types").DaoTabItemLabel;
-    value: string;
-    disabled: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+import TabItem from './tab-item.vue';
+declare const DaoTabItem: typeof TabItem & (new () => {
     $slots: {
         default: SlotFn;
         label: ParamsSlotFn<TabItemProp>;

package/dist/components/tabs/tab-item.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     tabLabelTargets: import("vue").Ref<Record<string, HTMLDivElement>> | undefined;
     targetRef: import("vue").Ref<HTMLElement | undefined>;
     checkSlot: (isLabelSlotExist: boolean) => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<import("./types").DaoTabItemLabel>;
         required: boolean;
@@ -38,5 +38,5 @@ declare const _default: import("vue").DefineComponent<{
     label: import("./types").DaoTabItemLabel;
     value: string;
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tabs/tab-nav.d.ts

@@ -1,64 +1,3 @@
-declare const DaoTabNav: import("vue").DefineComponent<{
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    currentTab: {
-        type: StringConstructor;
-        default: null;
-    };
-    tabList: {
-        type: import("vue").PropType<import("./types").TabItemInfo[]>;
-        required: boolean;
-        default: () => never[];
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    tabNav: import("vue").Ref<HTMLDivElement | undefined>;
-    lineStyle: import("vue").ComputedRef<import("vue").CSSProperties> | undefined;
-    tabListInfo: import("vue").ComputedRef<{
-        labelComponent: (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | undefined;
-        value: string;
-        hasSlot: boolean;
-        label: import("./types").DaoTabItemLabel;
-        isActive: boolean;
-        hasHoverLine: boolean;
-        disabled: boolean | undefined;
-    }[]>;
-    tabLabelTargets: import("vue").Ref<Record<string, HTMLDivElement>> | undefined;
-    handleClick: (event: MouseEvent, tab: import("./props").TabItemProp) => void;
-    onMouseenter: (event: MouseEvent) => void | undefined;
-    onMouseleave: (event: MouseEvent) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "updateValue")[], "click" | "updateValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    currentTab: {
-        type: StringConstructor;
-        default: null;
-    };
-    tabList: {
-        type: import("vue").PropType<import("./types").TabItemInfo[]>;
-        required: boolean;
-        default: () => never[];
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onUpdateValue?: ((...args: any[]) => any) | undefined;
-}, {
-    type: string;
-    vertical: boolean;
-    currentTab: string;
-    tabList: import("./types").TabItemInfo[];
-}>;
+import TabNav from './tab-nav.vue';
+declare const DaoTabNav: typeof TabNav;
 export default DaoTabNav;

package/dist/components/tabs/tab-nav.vue.d.ts

@@ -22,9 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     tabNav: import("vue").Ref<HTMLDivElement | undefined>;
     lineStyle: ComputedRef<CSSProperties> | undefined;
     tabListInfo: ComputedRef<{
-        labelComponent: (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>) | undefined;
+        labelComponent: (() => import("vue").VNode) | undefined;
         value: string;
         hasSlot: boolean;
         label: import("./types").DaoTabItemLabel;
@@ -36,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: (event: MouseEvent, tab: TabItemProp) => void;
     onMouseenter: (event: MouseEvent) => void | undefined;
     onMouseleave: (event: MouseEvent) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "updateValue")[], "click" | "updateValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "updateValue")[], "click" | "updateValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -62,5 +60,5 @@ declare const _default: import("vue").DefineComponent<{
     vertical: boolean;
     currentTab: string;
     tabList: import("./types").TabItemInfo[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/tabs/tabs.d.ts

@@ -1,235 +1,6 @@
 import { SlotFn } from '../../utils/types';
-declare const DaoTabs: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            type: "card" | "line" | "pill";
-            direction: "left" | "right";
-            modelValue: string;
-            vertical: boolean;
-            compact: boolean;
-            nested: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"card" | "line" | "pill">;
-                default: string;
-                validator: (value: "card" | "line" | "pill") => boolean;
-            };
-            direction: {
-                type: import("vue").PropType<"left" | "right">;
-                required: boolean;
-                default: string;
-                validator: (value: "left" | "right") => boolean;
-            };
-            modelValue: {
-                type: StringConstructor;
-                default: null;
-            };
-            vertical: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            nested: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            onClick?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "direction" | "modelValue" | "vertical" | "compact" | "nested">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "click" | "change" | "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            type: {
-                type: import("vue").PropType<"card" | "line" | "pill">;
-                default: string;
-                validator: (value: "card" | "line" | "pill") => boolean;
-            };
-            direction: {
-                type: import("vue").PropType<"left" | "right">;
-                required: boolean;
-                default: string;
-                validator: (value: "left" | "right") => boolean;
-            };
-            modelValue: {
-                type: StringConstructor;
-                default: null;
-            };
-            vertical: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            compact: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            nested: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            onClick?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {
-            tabList: {
-                label: import("./types").DaoTabItemLabel;
-                value: string;
-                disabled?: boolean | undefined;
-                hasSlot: boolean;
-            }[];
-            tabBody: import("vue").Ref<HTMLElement | undefined>;
-            tabsType: import("vue").ComputedRef<"card" | "line" | "pill">;
-            tabsWrapperClass: import("vue").ComputedRef<string[]>;
-            tabsHeaderClass: import("vue").ComputedRef<string[] | "">;
-            onClick: (e: MouseEvent, tabValue: string) => void;
-            updateValue: (tabValue: string) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], string, {
-            type: "card" | "line" | "pill";
-            direction: "left" | "right";
-            modelValue: string;
-            vertical: boolean;
-            compact: boolean;
-            nested: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"card" | "line" | "pill">;
-            default: string;
-            validator: (value: "card" | "line" | "pill") => boolean;
-        };
-        direction: {
-            type: import("vue").PropType<"left" | "right">;
-            required: boolean;
-            default: string;
-            validator: (value: "left" | "right") => boolean;
-        };
-        modelValue: {
-            type: StringConstructor;
-            default: null;
-        };
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        compact: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        nested: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        tabList: {
-            label: import("./types").DaoTabItemLabel;
-            value: string;
-            disabled?: boolean | undefined;
-            hasSlot: boolean;
-        }[];
-        tabBody: import("vue").Ref<HTMLElement | undefined>;
-        tabsType: import("vue").ComputedRef<"card" | "line" | "pill">;
-        tabsWrapperClass: import("vue").ComputedRef<string[]>;
-        tabsHeaderClass: import("vue").ComputedRef<string[] | "">;
-        onClick: (e: MouseEvent, tabValue: string) => void;
-        updateValue: (tabValue: string) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"card" | "line" | "pill">;
-        default: string;
-        validator: (value: "card" | "line" | "pill") => boolean;
-    };
-    direction: {
-        type: import("vue").PropType<"left" | "right">;
-        required: boolean;
-        default: string;
-        validator: (value: "left" | "right") => boolean;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: null;
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    compact: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    nested: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    tabList: {
-        label: import("./types").DaoTabItemLabel;
-        value: string;
-        disabled?: boolean | undefined;
-        hasSlot: boolean;
-    }[];
-    tabBody: import("vue").Ref<HTMLElement | undefined>;
-    tabsType: import("vue").ComputedRef<"card" | "line" | "pill">;
-    tabsWrapperClass: import("vue").ComputedRef<string[]>;
-    tabsHeaderClass: import("vue").ComputedRef<string[] | "">;
-    onClick: (e: MouseEvent, tabValue: string) => void;
-    updateValue: (tabValue: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", {
-    type: "card" | "line" | "pill";
-    direction: "left" | "right";
-    modelValue: string;
-    vertical: boolean;
-    compact: boolean;
-    nested: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+import Tab from './tabs.vue';
+declare const DaoTabs: typeof Tab & (new () => {
     $slots: {
         action: SlotFn;
         default: SlotFn;

package/dist/components/tabs/tabs.vue.d.ts

@@ -1,3 +1,4 @@
+import { TabItemInfo } from './types';
 declare const _default: import("vue").DefineComponent<{
     type: {
         type: import("vue").PropType<"card" | "line" | "pill">;
@@ -27,19 +28,14 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    tabList: {
-        label: import("./types").DaoTabItemLabel;
-        value: string;
-        disabled?: boolean | undefined;
-        hasSlot: boolean;
-    }[];
+    tabList: import("vue").Reactive<TabItemInfo[]>;
     tabBody: import("vue").Ref<HTMLElement | undefined>;
     tabsType: import("vue").ComputedRef<"card" | "line" | "pill">;
     tabsWrapperClass: import("vue").ComputedRef<string[]>;
     tabsHeaderClass: import("vue").ComputedRef<string[] | "">;
     onClick: (e: MouseEvent, tabValue: string) => void;
     updateValue: (tabValue: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<"card" | "line" | "pill">;
         default: string;
@@ -78,5 +74,5 @@ declare const _default: import("vue").DefineComponent<{
     vertical: boolean;
     compact: boolean;
     nested: boolean;
-}>;
+}, {}>;
 export default _default;