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

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

@@ -0,0 +1,292 @@
+import { CSSProperties, PropType } from 'vue';
+import { TableColumnData, TableData, TableFilterable, TableSortable } from './interface';
+import { ClassName } from '../../_hooks/_types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 列信息的标识，对应TableData中的数据
+     * @en Identifies the column information, corresponding to the data in TableData
+     */
+    dataIndex: StringConstructor;
+    /**
+     * @zh 列标题
+     * @en Column title
+     */
+    title: StringConstructor;
+    /**
+     * @zh 列宽度
+     * @en Column width
+     */
+    width: NumberConstructor;
+    /**
+     * @zh 最小列宽
+     * @en Minimum column width
+     */
+    minWidth: NumberConstructor;
+    /**
+     * @zh 对齐方向
+     * @en Alignment direction
+     */
+    align: {
+        type: PropType<TableColumnData["align"]>;
+    };
+    /**
+     * @zh 固定位置
+     * @en Fixed position
+     */
+    fixed: {
+        type: PropType<TableColumnData["fixed"]>;
+    };
+    /**
+     * @zh 是否显示为省略
+     * @en Whether to display as omitted
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 排序相关选项
+     * @en Sorting related options
+     */
+    sortable: {
+        type: PropType<TableSortable>;
+        default: undefined;
+    };
+    /**
+     * @zh 过滤相关选项
+     * @en Filter related options
+     */
+    filterable: {
+        type: PropType<TableFilterable>;
+        default: undefined;
+    };
+    /**
+     * @zh 自定义单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    cellClass: {
+        type: PropType<ClassName>;
+    };
+    /**
+     * @zh 自定义表头单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    headerCellClass: {
+        type: PropType<ClassName>;
+    };
+    /**
+     * @zh 自定义内容单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    bodyCellClass: {
+        type: PropType<ClassName | ((record: TableData) => ClassName)>;
+    };
+    /**
+     * @zh 自定义总结栏单元格类名
+     * @en Customize summary column cell class
+     * @version 2.36.0
+     */
+    summaryCellClass: {
+        type: PropType<ClassName | ((record: TableData) => ClassName)>;
+    };
+    /**
+     * @zh 自定义单元格样式
+     * @en Custom cell style
+     * @version 2.11.0
+     */
+    cellStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 自定义表头单元格样式
+     * @en Custom cell style
+     * @version 2.29.0
+     */
+    headerCellStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 自定义内容单元格样式
+     * @en Custom cell style
+     * @version 2.29.0
+     */
+    bodyCellStyle: {
+        type: PropType<CSSProperties | ((record: TableData) => CSSProperties)>;
+    };
+    /**
+     * @zh 自定义总结栏单元格样式
+     * @en Customize summary column cell style
+     * @version 2.30.0
+     */
+    summaryCellStyle: {
+        type: PropType<CSSProperties | ((record: TableData) => CSSProperties)>;
+    };
+    /**
+     * @zh 用于手动指定选项的 index。2.26.0 版本后不再需要手动指定
+     * @en index for manually specifying option. Manual specification is no longer required after version 2.26.0
+     * @version 2.20.2
+     */
+    index: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 在省略时是否显示文字提示
+     * @en Whether to show text hints when omitted
+     * @version 2.26.0
+     */
+    tooltip: {
+        type: (BooleanConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 列信息的标识，对应TableData中的数据
+     * @en Identifies the column information, corresponding to the data in TableData
+     */
+    dataIndex: StringConstructor;
+    /**
+     * @zh 列标题
+     * @en Column title
+     */
+    title: StringConstructor;
+    /**
+     * @zh 列宽度
+     * @en Column width
+     */
+    width: NumberConstructor;
+    /**
+     * @zh 最小列宽
+     * @en Minimum column width
+     */
+    minWidth: NumberConstructor;
+    /**
+     * @zh 对齐方向
+     * @en Alignment direction
+     */
+    align: {
+        type: PropType<TableColumnData["align"]>;
+    };
+    /**
+     * @zh 固定位置
+     * @en Fixed position
+     */
+    fixed: {
+        type: PropType<TableColumnData["fixed"]>;
+    };
+    /**
+     * @zh 是否显示为省略
+     * @en Whether to display as omitted
+     */
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 排序相关选项
+     * @en Sorting related options
+     */
+    sortable: {
+        type: PropType<TableSortable>;
+        default: undefined;
+    };
+    /**
+     * @zh 过滤相关选项
+     * @en Filter related options
+     */
+    filterable: {
+        type: PropType<TableFilterable>;
+        default: undefined;
+    };
+    /**
+     * @zh 自定义单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    cellClass: {
+        type: PropType<ClassName>;
+    };
+    /**
+     * @zh 自定义表头单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    headerCellClass: {
+        type: PropType<ClassName>;
+    };
+    /**
+     * @zh 自定义内容单元格类名
+     * @en Custom cell class
+     * @version 2.36.0
+     */
+    bodyCellClass: {
+        type: PropType<ClassName | ((record: TableData) => ClassName)>;
+    };
+    /**
+     * @zh 自定义总结栏单元格类名
+     * @en Customize summary column cell class
+     * @version 2.36.0
+     */
+    summaryCellClass: {
+        type: PropType<ClassName | ((record: TableData) => ClassName)>;
+    };
+    /**
+     * @zh 自定义单元格样式
+     * @en Custom cell style
+     * @version 2.11.0
+     */
+    cellStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 自定义表头单元格样式
+     * @en Custom cell style
+     * @version 2.29.0
+     */
+    headerCellStyle: {
+        type: PropType<CSSProperties>;
+    };
+    /**
+     * @zh 自定义内容单元格样式
+     * @en Custom cell style
+     * @version 2.29.0
+     */
+    bodyCellStyle: {
+        type: PropType<CSSProperties | ((record: TableData) => CSSProperties)>;
+    };
+    /**
+     * @zh 自定义总结栏单元格样式
+     * @en Customize summary column cell style
+     * @version 2.30.0
+     */
+    summaryCellStyle: {
+        type: PropType<CSSProperties | ((record: TableData) => CSSProperties)>;
+    };
+    /**
+     * @zh 用于手动指定选项的 index。2.26.0 版本后不再需要手动指定
+     * @en index for manually specifying option. Manual specification is no longer required after version 2.26.0
+     * @version 2.20.2
+     */
+    index: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 在省略时是否显示文字提示
+     * @en Whether to show text hints when omitted
+     * @version 2.26.0
+     */
+    tooltip: {
+        type: (BooleanConstructor | ObjectConstructor)[];
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    ellipsis: boolean;
+    tooltip: boolean | Record<string, any>;
+    sortable: TableSortable;
+    filterable: TableFilterable;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,29 @@
+import { InjectionKey, Slots } from 'vue';
+import { BaseType } from '../../_hooks/_types';
+import { Filters, Sorter, TableColumnData, TableData, TableDataWithRaw } from './interface';
+export interface TableContext {
+    loadMore?: (record: TableData, done: (children?: TableData[]) => void) => void;
+    addLazyLoadData: (children: TableData[] | undefined, record: TableDataWithRaw) => void;
+    slots: Slots;
+    sorter: Sorter | undefined;
+    currentAllEnabledRowKeys: BaseType[];
+    currentSelectedRowKeys: BaseType[];
+    checkStrictly: boolean;
+    filters: Filters;
+    filterIconAlignLeft: boolean;
+    resizingColumn: string;
+    addColumn: (id: number, column: TableColumnData) => void;
+    removeColumn: (id: number) => void;
+    onSelectAll: (checked: boolean) => void;
+    onSelect: (checked: boolean, record: TableDataWithRaw) => void;
+    onSelectAllLeafs: (record: TableDataWithRaw, checked: boolean) => void;
+    onSorterChange: (dataIndex: string, direction: 'ascend' | 'descend' | '', ev: Event) => void;
+    onFilterChange: (dataIndex: string, filteredValues: string[], ev: Event) => void;
+    onThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
+}
+export interface TableColumnContext {
+    addChild: (id: number, column: TableColumnData) => void;
+    removeChild: (id: number) => void;
+}
+export declare const tableInjectionKey: InjectionKey<TableContext>;
+export declare const tableColumnInjectionKey: InjectionKey<TableColumnContext>;

package/dist/components/table/hooks/use-column-filter.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { TableColumnData } from '../interface';
+import { TableContext } from '../context';
+export declare const useColumnFilter: ({ column, tableCtx, }: {
+    column: Ref<TableColumnData>;
+    tableCtx: Partial<TableContext>;
+}) => {
+    filterPopupVisible: Ref<boolean, boolean>;
+    isFilterActive: import('vue').ComputedRef<boolean>;
+    isMultipleFilter: import('vue').ComputedRef<boolean>;
+    columnFilterValue: Ref<string[], string[]>;
+    handleFilterPopupVisibleChange: (value: boolean) => void;
+    setFilterValue: (filterValue: string[]) => void;
+    handleCheckboxFilterChange: (values: string[]) => void;
+    handleRadioFilterChange: (value: string) => void;
+    handleFilterConfirm: (ev: Event) => void;
+    handleFilterReset: (ev: Event) => void;
+};

package/dist/components/table/hooks/use-column-resize.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { EmitFn2 } from '../../../_hooks/_types';
+export declare const useColumnResize: (thRefs: Ref<Record<string, HTMLElement>>, emit: EmitFn2<{
+    columnResize: (dataIndex: string, width: number) => true;
+}>) => {
+    resizingColumn: Ref<string, string>;
+    columnWidth: Record<string, number>;
+    handleThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
+    handleThMouseUp: () => void;
+};

package/dist/components/table/hooks/use-column-sorter.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+import { TableColumnData } from '../interface';
+import { TableContext } from '../context';
+export declare const useColumnSorter: ({ column, tableCtx, }: {
+    column: Ref<TableColumnData>;
+    tableCtx: Partial<TableContext>;
+}) => {
+    sortOrder: import('vue').ComputedRef<"ascend" | "descend" | undefined>;
+    hasSorter: import('vue').ComputedRef<boolean>;
+    hasAscendBtn: import('vue').ComputedRef<boolean>;
+    hasDescendBtn: import('vue').ComputedRef<boolean>;
+    nextSortOrder: import('vue').ComputedRef<"" | "ascend" | "descend">;
+    handleClickSorter: (ev: Event) => void;
+};

package/dist/components/table/hooks/use-drag.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { TableDraggable } from '../interface';
+export declare const useDrag: (draggable: Ref<TableDraggable | undefined>) => {
+    dragType: import('vue').ComputedRef<"row" | "handle" | undefined>;
+    dragState: {
+        dragging: boolean;
+        sourceKey: string;
+        sourcePath: number[];
+        targetPath: number[];
+        data: Record<string, unknown>;
+    };
+    handleDragStart: (ev: DragEvent, sourceKey: string, sourcePath: number[], data: Record<string, unknown>) => void;
+    handleDragEnter: (ev: DragEvent, targetPath: number[]) => void;
+    handleDragLeave: (ev: DragEvent) => void;
+    handleDragover: (ev: DragEvent) => void;
+    handleDragEnd: (ev: DragEvent) => void;
+    handleDrop: (ev: DragEvent) => void;
+};

package/dist/components/table/hooks/use-expand.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+import { TableData, TableExpandable } from '../interface';
+import { BaseType, EmitFn2 } from '../../../_hooks/_types';
+export declare const useExpand: ({ expandedKeys, defaultExpandedKeys, defaultExpandAllRows, expandable, allRowKeys, emit, }: {
+    expandedKeys: Ref<BaseType[] | undefined>;
+    defaultExpandedKeys: Ref<BaseType[] | undefined>;
+    defaultExpandAllRows: Ref<boolean>;
+    expandable: Ref<TableExpandable | undefined>;
+    allRowKeys: Ref<BaseType[]>;
+    emit: EmitFn2<{
+        "update:expandedKeys": (rowKeys: BaseType[]) => true;
+        expand: (rowKey: BaseType, record: TableData) => true;
+        expandedChange: (rowKeys: BaseType[]) => true;
+    }>;
+}) => {
+    expandedRowKeys: import('vue').ComputedRef<BaseType[]>;
+    handleExpand: (rowKey: BaseType, record: TableData) => void;
+    expand: (rowKey: BaseType | BaseType[], expanded?: boolean) => void;
+    expandAll: (expanded?: boolean) => void;
+};

package/dist/components/table/hooks/use-filter.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { Filters, TableColumnData } from '../interface';
+export declare const useFilter: ({ columns, onFilterChange, }: {
+    columns: Ref<TableColumnData[]>;
+    onFilterChange: (dataIndex: string, filteredValues: string[]) => void;
+}) => {
+    _filters: Ref<Filters, Filters>;
+    computedFilters: import('vue').ComputedRef<Filters>;
+    resetFilters: (dataIndex?: string | string[]) => void;
+    clearFilters: (dataIndex?: string | string[]) => void;
+};

package/dist/components/table/hooks/use-pagination.d.ts

@@ -0,0 +1,7 @@
+import { TableProps } from '../interface';
+export declare const usePagination: (props: TableProps, emit: any) => {
+    page: import('vue').ComputedRef<any>;
+    pageSize: import('vue').ComputedRef<any>;
+    handlePageChange: (page: number) => void;
+    handlePageSizeChange: (pageSize: number) => void;
+};

package/dist/components/table/hooks/use-row-selection.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { BaseType, EmitFn2 } from '../../../_hooks/_types';
+import { TableDataWithRaw, TableRowSelection, TableData } from '../interface';
+export declare const useRowSelection: ({ selectedKeys, defaultSelectedKeys, rowSelection, currentAllRowKeys, currentAllEnabledRowKeys, emit, }: {
+    selectedKeys: Ref<BaseType[] | undefined>;
+    defaultSelectedKeys: Ref<BaseType[] | undefined>;
+    rowSelection: Ref<TableRowSelection | undefined>;
+    currentAllRowKeys: Ref<BaseType[]>;
+    currentAllEnabledRowKeys: Ref<BaseType[]>;
+    emit: EmitFn2<{
+        "update:selectedKeys": (rowKeys: BaseType[]) => true;
+        select: (rowKeys: BaseType[], rowKey: BaseType, record: TableData) => true;
+        selectAll: (checked: boolean) => true;
+        selectionChange: (rowKeys: BaseType[]) => true;
+    }>;
+}) => {
+    isRadio: import('vue').ComputedRef<boolean>;
+    selectedRowKeys: import('vue').ComputedRef<BaseType[]>;
+    currentSelectedRowKeys: import('vue').ComputedRef<BaseType[]>;
+    handleSelectAll: (checked: boolean) => void;
+    handleSelect: (checked: boolean, record: TableDataWithRaw) => void;
+    handleSelectAllLeafs: (record: TableDataWithRaw, checked: boolean) => void;
+    select: (rowKey: BaseType | BaseType[], checked?: boolean) => void;
+    selectAll: (checked?: boolean) => void;
+    clearSelected: () => void;
+};

package/dist/components/table/hooks/use-sorter.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+import { Sorter, TableColumnData } from '../interface';
+export declare const useSorter: ({ columns, onSorterChange, }: {
+    columns: Ref<TableColumnData[]>;
+    onSorterChange: (dataIndex: string, direction: "ascend" | "descend" | "") => void;
+}) => {
+    _sorter: Ref<{
+        field: string;
+        direction: "ascend" | "descend";
+    } | undefined, Sorter | {
+        field: string;
+        direction: "ascend" | "descend";
+    } | undefined>;
+    computedSorter: import('vue').ComputedRef<Sorter | undefined>;
+    resetSorters: () => void;
+    clearSorters: () => void;
+};

package/dist/components/table/hooks/use-span.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { TableColumnData, TableData, TableDataWithRaw, TableOperationColumn } from '../interface';
+export declare const useSpan: ({ spanMethod, data, columns, }: {
+    spanMethod: Ref<((data: {
+        record: TableData;
+        column: TableColumnData | TableOperationColumn;
+        rowIndex: number;
+        columnIndex: number;
+    }) => {
+        rowspan?: number;
+        colspan?: number;
+    } | void) | undefined>;
+    data: Ref<TableDataWithRaw[]>;
+    columns: Ref<(TableColumnData | TableOperationColumn)[]>;
+}) => {
+    tableSpan: import('vue').ComputedRef<Record<string, [number, number]>>;
+    removedCells: import('vue').ComputedRef<string[]>;
+};