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

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

@@ -60,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./table-props").SelectablePropType>;
         default: boolean;
     };
+    selectionType: {
+        type: import("vue").PropType<"multiple" | "single">;
+        default: string;
+    };
     selectedRows: {
         type: import("vue").PropType<DataPropType>;
         default: () => never[];
@@ -81,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     highlightedRow: {
-        type: import("vue").PropType<DataPropType[number]>;
+        type: import("vue").PropType<Record<string, unknown>>;
         default: undefined;
     };
     pageSize: {
@@ -153,40 +157,82 @@ declare const _default: import("vue").DefineComponent<{
     textContent: import("vue").ComputedRef<{
         emptyText: string | undefined;
     }>;
-    columns: import("vue").Reactive<DaoTableColumn[]>;
+    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;
+        fixed?: boolean | "left" | "right" | undefined;
+    }[];
     filterColumns: import("vue").ComputedRef<{
+        fixed: false | "left" | "right" | undefined;
         id: string;
         header: string;
-        defaultWidth?: DefaultWidthType;
-        minWidth?: number;
-        maxWidth?: number;
-        sortable?: boolean;
-        resizable?: boolean;
-        hidable?: boolean;
-        defaultHide?: boolean;
-        className?: string;
-        ellipsis?: boolean | ColumnEllipsisContentFun;
-        tip?: 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;
     }[]>;
     tableWrapperClasses: import("vue").ComputedRef<string[]>;
     tableSetting: Record<string, tableSettingItem>;
     columnStyle: (column: DaoTableColumn) => {
+        left?: undefined;
+        right?: undefined;
+        flex: string;
+        minWidth: string;
+        maxWidth: string | undefined;
+    } | {
+        left: string;
+        right?: undefined;
         flex: string;
         minWidth: string;
         maxWidth: string | undefined;
-        width?: undefined;
     } | {
+        right: string;
+        left?: undefined;
+        flex: string;
+        minWidth: string;
+        maxWidth: string | undefined;
+    } | {
+        left?: undefined;
+        right?: undefined;
+        width: DefaultWidthType;
+        minWidth: string;
+        maxWidth: string | undefined;
+    } | {
+        left: string;
+        right?: undefined;
+        width: DefaultWidthType;
+        minWidth: string;
+        maxWidth: string | undefined;
+    } | {
+        right: string;
+        left?: undefined;
         width: DefaultWidthType;
         minWidth: string;
         maxWidth: string | undefined;
-        flex?: undefined;
     };
     sortColumn: (column: DaoTableColumn) => void;
     sort: {
         id: string;
         desc: boolean;
     };
-    thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
+    thClass: (column: DaoTableColumn, index: number) => string[];
+    tdClass: (column: DaoTableColumn, index: number) => string[];
     isRowExpanded: (row: Record<string, unknown>) => boolean;
     toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
     setColumnRef: (columnId: string, el: ComponentPublicInstance | Element | null) => void;
@@ -200,13 +246,14 @@ declare const _default: import("vue").DefineComponent<{
         indeterminate: boolean;
     };
     tableScroll: import("vue").Ref<HTMLDivElement | undefined>;
-    beenExpandedRows: import("vue").Reactive<WeakSet<WeakKey>>;
+    beenExpandedRows: WeakSet<object> & Omit<WeakSet<object>, keyof WeakSet<any>>;
     onRowClick: (e: TdMouseEvent, row: Record<string, unknown>, rowIndex: number) => void;
     isEmpty: import("vue").ComputedRef<boolean>;
     selectableRows: import("vue").ComputedRef<Set<Record<string, unknown>>>;
     isRowSelected: (row: Record<string, unknown>) => boolean;
     toggleSelected: (row: Record<string, unknown>) => void;
     toggleSelectedAll: () => void;
+    handleSelectSingleRow: (row: Record<string, unknown>) => void;
     withDefaultValue: typeof withDefaultValue;
     batchDelete: () => void;
     deselect: () => void;
@@ -215,14 +262,60 @@ 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: import("vue").Reactive<Map<string, {
+    colEllipsisMap: Map<string, {
+        isShow: boolean;
+        isFunction: boolean;
+    }> & Omit<Map<string, {
         isShow: boolean;
         isFunction: boolean;
-    }>>;
+    }>, keyof Map<any, any>>;
     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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fixedColumns: import("vue").Ref<{
+        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;
+        fixed?: boolean | "left" | "right" | undefined;
+    }[]>;
+    rightFixedColumns: import("vue").Ref<{
+        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;
+        fixed?: boolean | "left" | "right" | undefined;
+    }[]>;
+    getCheckboxOffset: import("vue").ComputedRef<{
+        left?: undefined;
+    } | {
+        left: number;
+    }>;
+    getExpandOffset: import("vue").ComputedRef<{
+        left?: undefined;
+    } | {
+        left: string;
+    } | {
+        left: number;
+    }>;
+    syncScrollPosition: () => void;
+}, 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<{
     search: {
         type: import("vue").PropType<import("../toolbar").SearchModelType>;
         default: () => {};
@@ -279,6 +372,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./table-props").SelectablePropType>;
         default: boolean;
     };
+    selectionType: {
+        type: import("vue").PropType<"multiple" | "single">;
+        default: string;
+    };
     selectedRows: {
         type: import("vue").PropType<DataPropType>;
         default: () => never[];
@@ -300,7 +397,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     highlightedRow: {
-        type: import("vue").PropType<DataPropType[number]>;
+        type: import("vue").PropType<Record<string, unknown>>;
         default: undefined;
     };
     pageSize: {
@@ -419,6 +516,7 @@ declare const _default: import("vue").DefineComponent<{
     hideSearch: boolean;
     noRounded: boolean;
     selectable: import("./table-props").SelectablePropType;
+    selectionType: "multiple" | "single";
     selectedRows: DataPropType;
     expandedRows: DataPropType;
     highlight: boolean;

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

@@ -15,6 +15,7 @@ export interface DaoTableColumn {
     className?: string;
     ellipsis?: boolean | ColumnEllipsisContentFun;
     tip?: string;
+    fixed?: 'left' | 'right' | boolean;
 }
 export interface DaoTableSort {
     id: string;
@@ -24,4 +25,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<TabsType>;
+        type: PropType<"card" | "line" | "pill">;
         default: string;
         validator: (value: TabsType) => boolean;
     };
     direction: {
-        type: PropType<TabsDirection>;
+        type: PropType<"left" | "right">;
         required: boolean;
         default: string;
         validator: (value: TabsDirection) => boolean;

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

@@ -1,7 +1,108 @@
 import { ParamsSlotFn, SlotFn } from '../../utils/types';
 import { TabItemProp } from './props';
-import TabItem from './tab-item.vue';
-declare const DaoTabItem: typeof TabItem & (new () => {
+declare const DaoTabItem: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<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, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+        };
+    }>>, {
+        label: import("./types").DaoTabItemLabel;
+        value: string;
+        disabled: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, 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;
+    }, {}, {}, {}, {
+        label: import("./types").DaoTabItemLabel;
+        value: string;
+        disabled: boolean;
+    }>;
+    __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 () => {
     $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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<import("./types").DaoTabItemLabel>;
         required: boolean;

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

@@ -1,3 +1,64 @@
-import TabNav from './tab-nav.vue';
-declare const DaoTabNav: typeof TabNav;
+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[];
+}, {}>;
 export default DaoTabNav;

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

@@ -22,7 +22,9 @@ declare const _default: import("vue").DefineComponent<{
     tabNav: import("vue").Ref<HTMLDivElement | undefined>;
     lineStyle: ComputedRef<CSSProperties> | undefined;
     tabListInfo: ComputedRef<{
-        labelComponent: (() => import("vue").VNode) | undefined;
+        labelComponent: (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>) | undefined;
         value: string;
         hasSlot: boolean;
         label: import("./types").DaoTabItemLabel;
@@ -34,7 +36,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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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;

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

@@ -1,6 +1,205 @@
 import { SlotFn } from '../../utils/types';
-import Tab from './tabs.vue';
-declare const DaoTabs: typeof Tab & (new () => {
+declare const DaoTabs: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<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")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & 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;
+    }, {
+        type: "card" | "line" | "pill";
+        direction: "left" | "right";
+        modelValue: string;
+        vertical: boolean;
+        compact: boolean;
+        nested: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, 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;
+    }, {}, {}, {}, {
+        type: "card" | "line" | "pill";
+        direction: "left" | "right";
+        modelValue: string;
+        vertical: boolean;
+        compact: boolean;
+        nested: boolean;
+    }>;
+    __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 () => {
     $slots: {
         action: SlotFn;
         default: SlotFn;