x-next 0.0.0-alpha.50 → 0.0.0-alpha.52

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

@@ -0,0 +1,400 @@
+export declare const Tabs: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        activeKey: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        defaultActiveKey: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        position: {
+            type: import('vue').PropType<import('./interface').TabsPosition>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        type: {
+            type: import('vue').PropType<import('./interface').TabsType>;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant').Direction>;
+            default: string;
+        };
+        editable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAddButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnHide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        justify: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        animation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerPadding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoSwitch: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideContent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: import('vue').PropType<import('./interface').TabTriggerEvent>;
+            default: string;
+        };
+        scrollPosition: {
+            type: import('vue').PropType<import('./interface').ScrollPosition>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onDelete?: ((key: string | number, ev: Event) => any) | undefined;
+        onAdd?: ((ev: Event) => any) | undefined;
+        onChange?: ((key: string | number) => any) | undefined;
+        "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
+        onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:activeKey': (key: string | number) => true;
+        change: (key: string | number) => true;
+        tabClick: (key: string | number, ev: Event) => true;
+        add: (ev: Event) => true;
+        delete: (key: string | number, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        type: import('./interface').TabsType;
+        direction: "horizontal" | "vertical";
+        position: import('./interface').TabsPosition;
+        animation: boolean;
+        justify: boolean;
+        trigger: import('./interface').TabTriggerEvent;
+        editable: boolean;
+        lazyLoad: boolean;
+        destroyOnHide: boolean;
+        activeKey: string | number;
+        showAddButton: boolean;
+        headerPadding: boolean;
+        scrollPosition: import('./interface').ScrollPosition;
+        defaultActiveKey: string | number;
+        autoSwitch: boolean;
+        hideContent: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        activeKey: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        defaultActiveKey: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        position: {
+            type: import('vue').PropType<import('./interface').TabsPosition>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        type: {
+            type: import('vue').PropType<import('./interface').TabsType>;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant').Direction>;
+            default: string;
+        };
+        editable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showAddButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnHide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazyLoad: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        justify: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        animation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerPadding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoSwitch: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideContent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: import('vue').PropType<import('./interface').TabTriggerEvent>;
+            default: string;
+        };
+        scrollPosition: {
+            type: import('vue').PropType<import('./interface').ScrollPosition>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onDelete?: ((key: string | number, ev: Event) => any) | undefined;
+        onAdd?: ((ev: Event) => any) | undefined;
+        onChange?: ((key: string | number) => any) | undefined;
+        "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
+        onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        type: import('./interface').TabsType;
+        direction: "horizontal" | "vertical";
+        position: import('./interface').TabsPosition;
+        animation: boolean;
+        justify: boolean;
+        trigger: import('./interface').TabTriggerEvent;
+        editable: boolean;
+        lazyLoad: boolean;
+        destroyOnHide: boolean;
+        activeKey: string | number;
+        showAddButton: boolean;
+        headerPadding: boolean;
+        scrollPosition: import('./interface').ScrollPosition;
+        defaultActiveKey: string | number;
+        autoSwitch: boolean;
+        hideContent: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    activeKey: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    defaultActiveKey: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    position: {
+        type: import('vue').PropType<import('./interface').TabsPosition>;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant').Size>;
+    };
+    type: {
+        type: import('vue').PropType<import('./interface').TabsType>;
+        default: string;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../_utils/constant').Direction>;
+        default: string;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazyLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    justify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: import('vue').PropType<import('./interface').TabTriggerEvent>;
+        default: string;
+    };
+    scrollPosition: {
+        type: import('vue').PropType<import('./interface').ScrollPosition>;
+        default: string;
+    };
+}>> & Readonly<{
+    onDelete?: ((key: string | number, ev: Event) => any) | undefined;
+    onAdd?: ((ev: Event) => any) | undefined;
+    onChange?: ((key: string | number) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
+    onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:activeKey': (key: string | number) => true;
+    change: (key: string | number) => true;
+    tabClick: (key: string | number, ev: Event) => true;
+    add: (ev: Event) => true;
+    delete: (key: string | number, ev: Event) => true;
+}, string, {
+    type: import('./interface').TabsType;
+    direction: "horizontal" | "vertical";
+    position: import('./interface').TabsPosition;
+    animation: boolean;
+    justify: boolean;
+    trigger: import('./interface').TabTriggerEvent;
+    editable: boolean;
+    lazyLoad: boolean;
+    destroyOnHide: boolean;
+    activeKey: string | number;
+    showAddButton: boolean;
+    headerPadding: boolean;
+    scrollPosition: import('./interface').ScrollPosition;
+    defaultActiveKey: string | number;
+    autoSwitch: boolean;
+    hideContent: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const TabPane: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        title: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnHide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        active: import('vue').ComputedRef<boolean>;
+        itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        mounted: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+        closable: boolean;
+        destroyOnHide: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        title: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnHide: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        active: import('vue').ComputedRef<boolean>;
+        itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        mounted: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        closable: boolean;
+        destroyOnHide: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    active: import('vue').ComputedRef<boolean>;
+    itemRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    mounted: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    closable: boolean;
+    destroyOnHide: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Tabs as default };

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

@@ -0,0 +1,12 @@
+import { Slots } from 'vue';
+export type TabsPosition = 'left' | 'right' | 'top' | 'bottom';
+export type TabsType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';
+export interface TabData {
+    key: string | number;
+    title?: string;
+    disabled?: boolean;
+    closable?: boolean;
+    slots: Slots;
+}
+export type TabTriggerEvent = 'click' | 'hover';
+export type ScrollPosition = 'start' | 'end' | 'center' | 'auto' | number;

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

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+import { Direction } from '../../_utils/constant';
+type ButtonTypes = 'previous' | 'next';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<ButtonTypes>;
+        default: string;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClick: {
+        type: PropType<(type: ButtonTypes, ev: Event) => void>;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<ButtonTypes>;
+        default: string;
+    };
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClick: {
+        type: PropType<(type: ButtonTypes, ev: Event) => void>;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: ButtonTypes;
+    disabled: boolean;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,36 @@
+import { CSSProperties, PropType } from 'vue';
+import { Direction } from '../../_utils/constant';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeTabRef: {
+        type: PropType<HTMLElement>;
+    };
+    direction: {
+        type: PropType<Direction>;
+    };
+    disabled: BooleanConstructor;
+    animation: BooleanConstructor;
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    style: import('vue').ComputedRef<CSSProperties>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeTabRef: {
+        type: PropType<HTMLElement>;
+    };
+    direction: {
+        type: PropType<Direction>;
+    };
+    disabled: BooleanConstructor;
+    animation: BooleanConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    animation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,110 @@
+import { PropType } from 'vue';
+import { Direction } from '../../_utils/constant';
+import { TabData, TabsType, ScrollPosition } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabs: {
+        type: PropType<TabData[]>;
+        required: true;
+    };
+    direction: {
+        type: PropType<Direction>;
+        required: true;
+    };
+    type: {
+        type: PropType<TabsType>;
+        required: true;
+    };
+    activeKey: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    position: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        required: true;
+    };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    headerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollPosition: {
+        type: PropType<ScrollPosition>;
+        default: string;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "delete" | "add")[], "click" | "delete" | "add", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabs: {
+        type: PropType<TabData[]>;
+        required: true;
+    };
+    direction: {
+        type: PropType<Direction>;
+        required: true;
+    };
+    type: {
+        type: PropType<TabsType>;
+        required: true;
+    };
+    activeKey: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    activeIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    position: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        required: true;
+    };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    headerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollPosition: {
+        type: PropType<ScrollPosition>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}>, {
+    editable: boolean;
+    showAddButton: boolean;
+    headerPadding: boolean;
+    scrollPosition: ScrollPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;