x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

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

@@ -0,0 +1,349 @@
+import { PropType } from 'vue';
+import { Direction, Size } from '../../_utils/constant';
+import { TabsPosition, TabsType, TabTriggerEvent, ScrollPosition } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 当前选中的标签的 `key`
+     * @en The `key` of the currently selected label
+     * @vModel
+     */
+    activeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 默认选中的标签的`key`（非受控状态，为空时选中第一个标签页）
+     * @en The `key` of the tab selected by default (uncontrolled state, select the first tab page when it is empty)
+     */
+    defaultActiveKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 选项卡的位置
+     * @en Position of the tab
+     * @values 'left', 'right', 'top', 'bottom'
+     */
+    position: {
+        type: PropType<TabsPosition>;
+        default: string;
+    };
+    /**
+     * @zh 选项卡的大小
+     * @en The size of the tab
+     * @values 'mini', 'small', 'medium', 'large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 选项卡的类型
+     * @en The type of tab
+     * @values 'line', 'card', 'card-gutter', 'text', 'rounded', 'capsule'
+     */
+    type: {
+        type: PropType<TabsType>;
+        default: string;
+    };
+    /**
+     * @zh 选项卡的方向
+     * @en The direction of tab
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 是否开启可编辑模式
+     * @en Whether to enable editable mode
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示增加按钮（仅在可编辑模式可用）
+     * @en Whether to display the add button (only available in editable mode)
+     */
+    showAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在不显示标签时销毁内容
+     * @en Whether to destroy the content when the label is not displayed
+     * @version 2.27.0
+     */
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在首次展示标签时挂载内容
+     * @en Whether to mount the content when the label is first displayed
+     */
+    lazyLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 高度撑满容器，只在水平模式下生效。
+     * @en The height of the container is fully supported, and it only takes effect in horizontal mode.
+     */
+    justify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否开启选项内容过渡动画
+     * @en Whether to enable option content transition animation
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 选项卡头部是否存在水平边距。仅对 `type` 等于 `line`、`text` 类型的选项卡生效
+     * @en Whether there is a horizontal margin on the header of the tab. Only valid for tabs with `type` equal to `line` and `text` type
+     * @version 2.10.0
+     */
+    headerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 创建标签后是否切换到新标签（最后一个）
+     * @en Whether to switch to a new tab after creating a tab (the last one)
+     * @version 2.18.0
+     */
+    autoSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否隐藏内容
+     * @en Whether to hide content
+     * @version 2.25.0
+     */
+    hideContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click'
+     * @version 2.34.0
+     */
+    trigger: {
+        type: PropType<TabTriggerEvent>;
+        default: string;
+    };
+    /**
+     * @zh 被选中 tab 的滚动位置，默认 auto 即会将 activeTab 滚动到可见区域，但不会特意做位置调整
+     * @en The scroll position of the selected tab, the default auto will scroll the activeTab to the visible area, but will not adjust the position intentionally
+     * @values 'start', 'end', 'center', 'auto', number
+     */
+    scrollPosition: {
+        type: PropType<ScrollPosition>;
+        default: string;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:activeKey': (key: string | number) => true;
+    /**
+     * @zh 当前标签值改变时触发
+     * @en Triggered when the current tag value changes
+     * @property { string | number } key
+     */
+    change: (key: string | number) => true;
+    /**
+     * @zh 用户点击标签时触发
+     * @en Triggered when the user clicks on the tab
+     * @property { string | number } key
+     */
+    tabClick: (key: string | number, ev: Event) => true;
+    /**
+     * @zh 用户点击增加按钮时触发
+     * @en Triggered when the user clicks the add button
+     */
+    add: (ev: Event) => true;
+    /**
+     * @zh 用户点击删除按钮时触发
+     * @en Triggered when the user clicks the delete button
+     * @property { string | number } key
+     */
+    delete: (key: string | number, ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 当前选中的标签的 `key`
+     * @en The `key` of the currently selected label
+     * @vModel
+     */
+    activeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 默认选中的标签的`key`（非受控状态，为空时选中第一个标签页）
+     * @en The `key` of the tab selected by default (uncontrolled state, select the first tab page when it is empty)
+     */
+    defaultActiveKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * @zh 选项卡的位置
+     * @en Position of the tab
+     * @values 'left', 'right', 'top', 'bottom'
+     */
+    position: {
+        type: PropType<TabsPosition>;
+        default: string;
+    };
+    /**
+     * @zh 选项卡的大小
+     * @en The size of the tab
+     * @values 'mini', 'small', 'medium', 'large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 选项卡的类型
+     * @en The type of tab
+     * @values 'line', 'card', 'card-gutter', 'text', 'rounded', 'capsule'
+     */
+    type: {
+        type: PropType<TabsType>;
+        default: string;
+    };
+    /**
+     * @zh 选项卡的方向
+     * @en The direction of tab
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 是否开启可编辑模式
+     * @en Whether to enable editable mode
+     */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示增加按钮（仅在可编辑模式可用）
+     * @en Whether to display the add button (only available in editable mode)
+     */
+    showAddButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在不显示标签时销毁内容
+     * @en Whether to destroy the content when the label is not displayed
+     * @version 2.27.0
+     */
+    destroyOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否在首次展示标签时挂载内容
+     * @en Whether to mount the content when the label is first displayed
+     */
+    lazyLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 高度撑满容器，只在水平模式下生效。
+     * @en The height of the container is fully supported, and it only takes effect in horizontal mode.
+     */
+    justify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否开启选项内容过渡动画
+     * @en Whether to enable option content transition animation
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 选项卡头部是否存在水平边距。仅对 `type` 等于 `line`、`text` 类型的选项卡生效
+     * @en Whether there is a horizontal margin on the header of the tab. Only valid for tabs with `type` equal to `line` and `text` type
+     * @version 2.10.0
+     */
+    headerPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 创建标签后是否切换到新标签（最后一个）
+     * @en Whether to switch to a new tab after creating a tab (the last one)
+     * @version 2.18.0
+     */
+    autoSwitch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否隐藏内容
+     * @en Whether to hide content
+     * @version 2.25.0
+     */
+    hideContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 触发方式
+     * @en Trigger method
+     * @values 'hover','click'
+     * @version 2.34.0
+     */
+    trigger: {
+        type: PropType<TabTriggerEvent>;
+        default: string;
+    };
+    /**
+     * @zh 被选中 tab 的滚动位置，默认 auto 即会将 activeTab 滚动到可见区域，但不会特意做位置调整
+     * @en The scroll position of the selected tab, the default auto will scroll the activeTab to the visible area, but will not adjust the position intentionally
+     * @values 'start', 'end', 'center', 'auto', number
+     */
+    scrollPosition: {
+        type: PropType<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;
+}>, {
+    type: TabsType;
+    animation: boolean;
+    direction: "horizontal" | "vertical";
+    position: TabsPosition;
+    justify: boolean;
+    trigger: TabTriggerEvent;
+    activeKey: string | number;
+    editable: boolean;
+    lazyLoad: boolean;
+    destroyOnHide: boolean;
+    showAddButton: boolean;
+    headerPadding: boolean;
+    scrollPosition: ScrollPosition;
+    defaultActiveKey: string | number;
+    autoSwitch: boolean;
+    hideContent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { InjectionKey } from 'vue';
+import { TabData, TabTriggerEvent } from './interface';
+export interface TabsContext {
+    lazyLoad: boolean;
+    destroyOnHide: boolean;
+    activeKey: string | number;
+    addItem: (id: number, data: TabData) => void;
+    removeItem: (id: number) => void;
+    trigger: TabTriggerEvent;
+}
+export declare const tabsInjectionKey: InjectionKey<TabsContext>;