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

package/dist/components/table/table-td.d.ts

@@ -0,0 +1,124 @@
+import { PropType, VNode } from 'vue';
+import { TableColumnData, TableDataWithRaw, TableOperationColumn } from './interface';
+declare const TD_TYPES: readonly ["normal", "operation", "checkbox", "radio", "expand"];
+type TdTypes = (typeof TD_TYPES)[number];
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rowIndex: NumberConstructor;
+    record: {
+        type: PropType<TableDataWithRaw>;
+        default: () => {};
+    };
+    column: {
+        type: PropType<TableColumnData>;
+        default: () => {};
+    };
+    type: {
+        type: PropType<TdTypes>;
+        default: string;
+    };
+    operations: {
+        type: PropType<TableOperationColumn[]>;
+        default: () => never[];
+    };
+    dataColumns: {
+        type: PropType<TableColumnData[]>;
+        default: () => never[];
+    };
+    colSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFixedExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerWidth: {
+        type: NumberConstructor;
+    };
+    showExpandBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    renderExpandBtn: {
+        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean) => VNode>;
+    };
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rowIndex: NumberConstructor;
+    record: {
+        type: PropType<TableDataWithRaw>;
+        default: () => {};
+    };
+    column: {
+        type: PropType<TableColumnData>;
+        default: () => {};
+    };
+    type: {
+        type: PropType<TdTypes>;
+        default: string;
+    };
+    operations: {
+        type: PropType<TableOperationColumn[]>;
+        default: () => never[];
+    };
+    dataColumns: {
+        type: PropType<TableColumnData[]>;
+        default: () => never[];
+    };
+    colSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFixedExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerWidth: {
+        type: NumberConstructor;
+    };
+    showExpandBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    renderExpandBtn: {
+        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean) => VNode>;
+    };
+    summary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    type: "normal" | "checkbox" | "radio" | "expand" | "operation";
+    summary: boolean;
+    column: TableColumnData;
+    dataColumns: TableColumnData[];
+    operations: TableOperationColumn[];
+    colSpan: number;
+    rowSpan: number;
+    record: TableDataWithRaw;
+    isFixedExpand: boolean;
+    showExpandBtn: boolean;
+    indentSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/table/table-th.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { TableColumnData, TableOperationColumn } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    column: {
+        type: PropType<TableColumnData>;
+        default: () => {};
+    };
+    operations: {
+        type: PropType<TableOperationColumn[]>;
+        default: () => never[];
+    };
+    dataColumns: {
+        type: PropType<TableColumnData[]>;
+        default: () => never[];
+    };
+    resizable: BooleanConstructor;
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    column: {
+        type: PropType<TableColumnData>;
+        default: () => {};
+    };
+    operations: {
+        type: PropType<TableOperationColumn[]>;
+        default: () => never[];
+    };
+    dataColumns: {
+        type: PropType<TableColumnData[]>;
+        default: () => never[];
+    };
+    resizable: BooleanConstructor;
+}>> & Readonly<{}>, {
+    column: TableColumnData;
+    dataColumns: TableColumnData[];
+    operations: TableOperationColumn[];
+    resizable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/table/table-thead.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/table/table-tr.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { TableDataWithRaw } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    expand: {
+        type: BooleanConstructor;
+    };
+    empty: {
+        type: BooleanConstructor;
+    };
+    checked: {
+        type: BooleanConstructor;
+    };
+    rowIndex: NumberConstructor;
+    record: {
+        type: PropType<TableDataWithRaw>;
+        default: () => {};
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    expand: {
+        type: BooleanConstructor;
+    };
+    empty: {
+        type: BooleanConstructor;
+    };
+    checked: {
+        type: BooleanConstructor;
+    };
+    rowIndex: NumberConstructor;
+    record: {
+        type: PropType<TableDataWithRaw>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    empty: boolean;
+    checked: boolean;
+    expand: boolean;
+    record: TableDataWithRaw;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,38 @@
+import { CSSProperties, VNode } from 'vue';
+import { TableColumnData, TableDataWithRaw, TableOperationColumn } from './interface';
+import { BaseType } from '../../_hooks/_types';
+export declare const getGroupColumns: (columns: TableColumnData[], columnMap: Map<string, TableColumnData>, columnWidth: Record<string, number>) => {
+    dataColumns: TableColumnData[];
+    groupColumns: TableColumnData[][];
+};
+export declare const getOperationFixedNumber: (column: TableOperationColumn, operations: TableOperationColumn[]) => number;
+export declare const getFixedNumber: (column: TableColumnData, { dataColumns, operations, }: {
+    dataColumns: TableColumnData[];
+    operations: TableOperationColumn[];
+}) => number;
+export declare const getOperationFixedCls: (prefixCls: string, column: TableOperationColumn) => any[];
+export declare const getFixedCls: (prefixCls: string, column: Pick<TableColumnData, "fixed" | "isLastLeftFixed" | "isFirstRightFixed">) => any[];
+export declare const getStyle: (column: TableColumnData, { dataColumns, operations, }: {
+    dataColumns: TableColumnData[];
+    operations: TableOperationColumn[];
+}) => CSSProperties;
+export declare const getOperationStyle: (column: TableOperationColumn, operations: TableOperationColumn[]) => {
+    left: string;
+} | {
+    left?: undefined;
+};
+/**
+ * Obtain table column data through the <TableColumnData> component
+ * @param {VNode[]} vns
+ */
+export declare const getColumnsFromSlot: (vns: VNode[]) => TableColumnData[];
+export declare function mapArrayWithChildren<T extends Array<{
+    [key: string]: any;
+    children?: T;
+}>>(arr: T): T;
+export declare function mapRawTableData<T extends TableDataWithRaw[]>(arr: T): TableDataWithRaw['raw'][];
+export declare const getLeafKeys: (record: TableDataWithRaw) => BaseType[];
+export declare const getSelectionStatus: (selectedRowKeys: BaseType[], leafKeys: BaseType[]) => {
+    checked: boolean;
+    indeterminate: boolean;
+};

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

@@ -0,0 +1,78 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项卡的标题
+     * @en Title of the tab
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否允许关闭此选项卡（仅在可编辑模式生效）
+     * @en Whether to allow this tab to be closed (only effective in editable mode)
+     */
+    closable: {
+        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;
+    };
+}>, {
+    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, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 选项卡的标题
+     * @en Title of the tab
+     */
+    title: StringConstructor;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否允许关闭此选项卡（仅在可编辑模式生效）
+     * @en Whether to allow this tab to be closed (only effective in editable mode)
+     */
+    closable: {
+        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;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    closable: boolean;
+    destroyOnHide: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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>;