@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Table/Table.type.d.ts

@@ -0,0 +1,349 @@
+import type { ComputedRef, CSSProperties, ExtractPropTypes, PropType, Ref, Slot, Slots, VNodeChild } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+import type { EmitFn } from '../../utils/globalType';
+import type { TableLocal } from '../locale/default';
+import type { PaginationProps } from '../Pagination/Pagination.type';
+import type Table from './Table.vue';
+import type { RowData } from './hooks/useDraggable';
+export declare type ColumnFixed = boolean | 'left' | 'right';
+export declare type ColumnAlign = 'left' | 'right' | 'center';
+export declare type ColumnSortOrder = 'ascend' | 'descend';
+export declare type ColumnSortFn = (a: any, b: any) => number;
+export interface ColumnFilter {
+    label: string;
+    value: string | number;
+}
+export declare type ColumnFilterFn = (value: string | number, row: any) => boolean;
+export interface ColumnSlotParams {
+    row: any;
+    index: number;
+    rowKey: string | number;
+    pagination: Partial<PaginationProps>;
+    column: InnerColumn;
+}
+export interface TableColProps {
+    width: string;
+    key: string;
+    fixed: boolean;
+}
+export interface ColumnFilterSlotParams {
+    selectedKeys: (string | number)[];
+    setSelectedKeys: (keys: (string | number)[]) => void;
+    confirm: () => void;
+    column: InnerColumn;
+}
+export interface TableColumnSkeleton {
+    type: 'circle' | 'rect' | 'text' | 'p' | 'image';
+    style: CSSProperties;
+}
+export interface TableColumn {
+    key: string;
+    title?: string;
+    dataIndex?: string;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    children?: TableColumn[];
+    fixed?: ColumnFixed;
+    align?: ColumnAlign;
+    ellipsis?: boolean;
+    sortable?: boolean | 'custom';
+    sortOrder?: ColumnSortOrder;
+    sortDirections?: ColumnSortOrder[];
+    sortFn?: ColumnSortFn;
+    filterable?: boolean;
+    filters?: ColumnFilter[];
+    filterFn?: ColumnFilterFn;
+    filterIcon?: string;
+    filterIconStyle?: CSSProperties;
+    filterMultiple?: boolean;
+    filteredValue?: (string | number)[];
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+    slot?: string;
+    titleSlot?: string;
+    filterSlot?: string;
+    render?: (param: ColumnSlotParams) => VNodeChild | JSX.Element;
+    titleRender?: (column: TableColumn) => VNodeChild | JSX.Element;
+    filterRender?: (param: ColumnFilterSlotParams) => VNodeChild | JSX.Element;
+    resizable?: boolean;
+    customCell?: (row: any, index: number) => Record<string, any>;
+    className?: string;
+    hideSummary?: boolean;
+    summarySlot?: string;
+    summaryRender?: (sum?: number) => VNodeChild | JSX.Element;
+    customSummaryCell?: () => Record<string, any>;
+    autoSummary?: boolean;
+    tips?: string;
+    skeleton?: TableColumnSkeleton[];
+}
+export interface InnerColumn extends TableColumn {
+    _index?: number;
+    rowSpan?: number;
+    colSpan?: number;
+    children?: InnerColumn[];
+    type?: string;
+    summaryRender?: (sum?: number) => VNodeChild | JSX.Element;
+    left?: number;
+    right?: number;
+    lastLeft?: boolean;
+    firstRight?: boolean;
+    _isRightEdge?: boolean;
+}
+export declare type SelectionType = 'checkbox' | 'radio';
+export interface SelectionMenu {
+    key: string;
+    text: string;
+    onSelect?: (rows: any[]) => void;
+}
+export interface SelectionConfig {
+    selectedKeys: (string | number)[] | undefined;
+    type?: SelectionType;
+    setSelectionProps?: (row: any, index: any) => Record<string, any>;
+    selectionMenus?: SelectionMenu[];
+    hideDefaultMenus?: boolean;
+    onChange?: (keys: (string | number)[], selectedRows: any[]) => void;
+    onSelect?: (data: any, checked: boolean, selectedRows: any[], event: any) => void;
+    onSelectMultiple?: (checked: boolean, selectedRows: any[], changeRows: any[]) => void;
+    onSelectAll?: (checked: boolean, selectedRows: any[], changeRows: any[]) => void;
+    onSelectInvert?: (keys: (string | number)[]) => void;
+    columnWidth?: number;
+    fixed?: ColumnFixed;
+    showCheckAll?: boolean;
+}
+export interface DraggableConfig {
+    fixed?: ColumnFixed;
+    onDragDrop: (sourceRowKey: string | number, targetRowKey: string | number) => void;
+}
+export declare type PaginationPosition = 'top' | 'bottom' | 'both' | undefined;
+export declare type PaginationAlign = 'left' | 'right' | undefined;
+export interface PaginationConfig extends Partial<PaginationProps> {
+    position: PaginationPosition;
+    align: PaginationAlign;
+}
+export interface InnerDataItem {
+    _index: number;
+    _key: string | number;
+    _isSkeleton?: boolean;
+    dataRef: Record<string, any>;
+    children?: InnerColumn[];
+}
+export declare type RowClassName = (row: Record<string, any>, index: number) => string;
+export declare type GetRowKey = (row: Record<string, any>, index: number) => string | number;
+export declare const tableProps: {
+    data: {
+        type: PropType<Record<string, any>[]>;
+        default: () => Record<string, any>[];
+    };
+    columns: {
+        type: PropType<TableColumn[]>;
+        default: () => TableColumn[];
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+        validator: (val: "small" | "default" | "large") => boolean;
+    };
+    disabledHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowKey: {
+        type: PropType<string | GetRowKey>;
+        default: string;
+    };
+    rowClassName: {
+        type: PropType<RowClassName>;
+    };
+    expandIcon: {
+        type: StringConstructor;
+    };
+    defaultExpandAllRows: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandedRowKeys: {
+        type: PropType<string[]>;
+    };
+    treeIconColumnIndex: {
+        type: NumberConstructor;
+    };
+    defaultShowAllChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showChildrenRowKeys: {
+        type: PropType<string[]>;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    selection: {
+        type: PropType<SelectionConfig>;
+    };
+    locale: {
+        type: PropType<TableLocal>;
+    };
+    stripe: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: PropType<PaginationConfig>;
+    };
+    showSummary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandFix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandIndent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: PropType<DraggableConfig>;
+    };
+    headerSticky: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<"surface" | "border" | "ghost">;
+        default: string;
+    };
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingType: {
+        type: PropType<"spinner" | "skeleton">;
+        default: string;
+    };
+    skeletonRows: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type TableProps = ExtractPropTypes<typeof tableProps>;
+export declare type SaveRef = (key: string) => (el: any) => void;
+export declare type TableRefs = Record<string, any>;
+export interface ExpandParams {
+    row: any;
+    rowKey: string | number;
+    async?: boolean;
+    done?: () => void;
+    tree?: boolean;
+}
+export interface TableContext {
+    prefixCls: ComputedRef<string>;
+    locale: ComputedRef<TableLocal>;
+    data: ComputedRef<InnerDataItem[]>;
+    saveRef: SaveRef;
+    tableRefs: TableRefs;
+    showResizeLine: Ref<boolean>;
+    props: {
+        showHeader: Ref<boolean>;
+        maxHeight: Ref<string | number | undefined>;
+        expandIcon: Ref<string | undefined>;
+        rowClassName: Ref<RowClassName>;
+        indentSize: Ref<number>;
+        emptyText: ComputedRef<string>;
+        showSummary: Ref<boolean>;
+        disabledHover: Ref<boolean>;
+        expandIndent: Ref<boolean>;
+        headerSticky: Ref<number | undefined>;
+        loading: Ref<boolean>;
+    };
+    slots: Slots;
+    expand: {
+        expandedRowRender: ComputedRef<Slot | undefined>;
+        expandedRowKeys: Ref<(string | number)[]>;
+        showChildrenRowKeys: Ref<(string | number)[]>;
+        isRowExpanded: (rowKey: string | number, tree: boolean) => boolean;
+        expandIconColumnIndex: ComputedRef<number>;
+        handleExpandChange: ({ row, rowKey, async, done, tree }: ExpandParams, e: Event) => void;
+        isTreeTable: ComputedRef<boolean>;
+    };
+    size: {
+        tableWidth: Ref<number>;
+        sizesMap: Record<string, number>;
+        isScrollX: ComputedRef<boolean>;
+        setResizeWidth: (column: InnerColumn, width: number) => void;
+        handleColumnResize: (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => void;
+        debouncedHandleResize: any;
+    };
+    fixed: {
+        isColumnFixed: ComputedRef<boolean>;
+        currentHoverKey: Ref<string | number | null>;
+    };
+    draggable: {
+        setRowRefs: (val: RowData) => void;
+    };
+    rowEvents: {
+        onRowMouseEnter: (data: Record<string, any>, index: number, e: Event) => void;
+        onRowMouseLeave: (data: Record<string, any>, index: number, e: Event) => void;
+        onRowClick: (data: Record<string, any>, index: number, e: Event) => void;
+        onRowDoubleClick: (data: Record<string, any>, index: number, e: Event) => void;
+        onRowContextMenu: (data: Record<string, any>, index: number, e: Event) => void;
+    };
+    headerEvents: {
+        onHeaderCellClick: (column: InnerColumn, e: any) => void;
+    };
+    filterAndSorter: {
+        hasAction: (column: InnerColumn) => boolean;
+        hasSorters: (column: InnerColumn) => boolean;
+        hasFilters: (column: InnerColumn) => boolean;
+        isSortColumn: (column: InnerColumn) => boolean;
+        isAscend: (column: InnerColumn) => boolean;
+        isDescend: (column: InnerColumn) => boolean;
+        hasAscend: (column: InnerColumn) => boolean;
+        hasDescend: (column: InnerColumn) => boolean;
+        toggleSortOrder: (column: InnerColumn) => void;
+        setColumnFilter: (column: InnerColumn, selectedKeys: (string | number)[]) => void;
+    };
+    isSummary: boolean;
+    pagination: PaginationProps;
+}
+export declare const tableEmits: {
+    'row-mouseenter': (data: Record<string, any>, index: number, e: Event) => boolean;
+    'row-mouseleave': (data: Record<string, any>, index: number, e: Event) => boolean;
+    'row-click': (data: Record<string, any>, index: number, e: Event) => boolean;
+    'row-doubleclick': (data: Record<string, any>, index: number, e: Event) => boolean;
+    'row-contextmenu': (data: Record<string, any>, index: number, e: Event) => boolean;
+    'header-click': (column: TableColumn, e: Event) => boolean;
+    'column-resize': (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => boolean;
+    expand: (expanded: boolean, row: Record<string, any>, type: string) => boolean;
+    'async-expand': (row: any, done: (() => void) | undefined, keys: (string | number)[]) => boolean;
+    change: (pagination: PaginationProps, sort: {
+        column: TableColumn | null;
+        order: ColumnSortOrder | null;
+    }, filter: Record<string, (string | number)[]> | null) => boolean;
+};
+export declare type TableEmits = typeof tableEmits;
+export declare type TableEmit = EmitFn<TableEmits>;
+export declare type TableInstanceType = InstanceType<typeof Table>;

package/lib/components/Table/Table.type.js

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var globalType = require('../../utils/globalType.js');
+var propsValidators = require('../../utils/propsValidators.js');
+
+const tableProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  showHeader: {
+    type: Boolean,
+    default: true
+  },
+  width: {
+    type: [Number, String]
+  },
+  maxHeight: {
+    type: [Number, String]
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: "default",
+    validator: propsValidators.oneOf(globalType.normalSizeMap)
+  },
+  disabledHover: {
+    type: Boolean,
+    default: false
+  },
+  rowKey: {
+    type: [Function, String],
+    default: "key"
+  },
+  rowClassName: {
+    type: Function
+  },
+  expandIcon: {
+    type: String
+  },
+  defaultExpandAllRows: {
+    type: Boolean,
+    default: false
+  },
+  expandedRowKeys: {
+    type: Array
+  },
+  treeIconColumnIndex: {
+    type: Number
+  },
+  defaultShowAllChildren: {
+    type: Boolean,
+    default: false
+  },
+  showChildrenRowKeys: {
+    type: Array
+  },
+  indentSize: {
+    type: Number,
+    default: 20
+  },
+  selection: {
+    type: Object
+  },
+  locale: {
+    type: Object
+  },
+  stripe: {
+    type: Boolean,
+    default: false
+  },
+  showPagination: {
+    type: Boolean,
+    default: false
+  },
+  pagination: {
+    type: Object
+  },
+  showSummary: {
+    type: Boolean,
+    default: false
+  },
+  expandFix: {
+    type: Boolean,
+    default: false
+  },
+  expandIndent: {
+    type: Boolean,
+    default: true
+  },
+  draggable: {
+    type: Object
+  },
+  headerSticky: {
+    type: Number,
+    default: void 0
+  },
+  variant: {
+    type: String,
+    default: "ghost"
+  },
+  radius: {
+    type: Boolean,
+    default: false
+  },
+  loadingType: {
+    type: String,
+    default: "spinner"
+  },
+  skeletonRows: {
+    type: Number,
+    default: 3
+  }
+};
+const rowEmitFn = (data, index, e) => typeof data === "object" && typeof index === "number" && e instanceof Event;
+const tableEmits = {
+  "row-mouseenter": rowEmitFn,
+  "row-mouseleave": rowEmitFn,
+  "row-click": rowEmitFn,
+  "row-doubleclick": rowEmitFn,
+  "row-contextmenu": rowEmitFn,
+  "header-click": (column, e) => typeof column === "object" && e instanceof Event,
+  "column-resize": (columnWidth, changeWidth, column, event) => typeof columnWidth === "number" && typeof changeWidth === "number" && typeof column === "object" && event instanceof Event,
+  expand: (expanded, row, type) => typeof expanded === "boolean" && typeof row === "object" && typeof type === "string",
+  "async-expand": (row, done, keys) => typeof row === "object" && Array.isArray(keys) && typeof done === "function",
+  change: (pagination, sort, filter) => !(pagination === null && sort === null && filter === null)
+};
+
+exports.tableEmits = tableEmits;
+exports.tableProps = tableProps;
+//# sourceMappingURL=Table.type.js.map

package/lib/components/Table/Table.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.type.js","sources":["../../../../src/components/Table/Table.type.ts"],"sourcesContent":["import type { ComputedRef, CSSProperties, ExtractPropTypes, PropType, Ref, Slot, Slots, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport { normalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type { EmitFn, NormalSizeMap } from '../../utils/globalType';\nimport type { TableLocal } from '../locale/default';\nimport type { PaginationProps } from '../Pagination/Pagination.type';\nimport type Table from './Table.vue';\nimport type { RowData } from './hooks/useDraggable';\n\nexport type ColumnFixed = boolean | 'left' | 'right';\nexport type ColumnAlign = 'left' | 'right' | 'center';\nexport type ColumnSortOrder = 'ascend' | 'descend';\nexport type ColumnSortFn = (a: any, b: any) => number;\nexport interface ColumnFilter {\n  label: string;\n  value: string | number;\n}\nexport type ColumnFilterFn = (value: string | number, row: any) => boolean;\nexport interface ColumnSlotParams {\n  row: any;\n  index: number;\n  rowKey: string | number;\n  pagination: Partial<PaginationProps>;\n  column: InnerColumn;\n}\n\nexport interface TableColProps {\n  width: string;\n  key: string;\n  fixed: boolean;\n}\n\nexport interface ColumnFilterSlotParams {\n  selectedKeys: (string | number)[];\n  setSelectedKeys: (keys: (string | number)[]) => void;\n  confirm: () => void;\n  column: InnerColumn;\n}\n\nexport interface TableColumnSkeleton {\n  type: 'circle' | 'rect' | 'text' | 'p' | 'image';\n  style: CSSProperties;\n}\nexport interface TableColumn {\n  key: string;\n  title?: string;\n  dataIndex?: string;\n  width?: number | string;\n  minWidth?: number | string;\n  maxWidth?: number | string;\n  children?: TableColumn[];\n  fixed?: ColumnFixed;\n  align?: ColumnAlign;\n  ellipsis?: boolean;\n  sortable?: boolean | 'custom';\n  sortOrder?: ColumnSortOrder;\n  sortDirections?: ColumnSortOrder[];\n  sortFn?: ColumnSortFn;\n  filterable?: boolean;\n  filters?: ColumnFilter[];\n  filterFn?: ColumnFilterFn;\n  filterIcon?: string;\n  filterIconStyle?: CSSProperties;\n  filterMultiple?: boolean;\n  filteredValue?: (string | number)[];\n  onFilterDropdownVisibleChange?: (visible: boolean) => void;\n  slot?: string;\n  titleSlot?: string;\n  filterSlot?: string;\n  render?: (param: ColumnSlotParams) => VNodeChild | JSX.Element;\n  titleRender?: (column: TableColumn) => VNodeChild | JSX.Element;\n  filterRender?: (param: ColumnFilterSlotParams) => VNodeChild | JSX.Element;\n  resizable?: boolean;\n  customCell?: (row: any, index: number) => Record<string, any>;\n  className?: string;\n  hideSummary?: boolean;\n  summarySlot?: string;\n  summaryRender?: (sum?: number) => VNodeChild | JSX.Element;\n  customSummaryCell?: () => Record<string, any>;\n  autoSummary?: boolean;\n  tips?: string;\n  skeleton?: TableColumnSkeleton[];\n\n  // draggable?: boolean;\n  // handleDragStart?: (event: MouseEvent, param: ColumnSlotParams) => void;\n  // render?: (param: ColumnSlotParams, handleDragStart?: (event: MouseEvent, DragParam: ColumnSlotParams) => void) => VNodeChild | JSX.Element;\n}\n\nexport interface InnerColumn extends TableColumn {\n  _index?: number;\n  rowSpan?: number;\n  colSpan?: number;\n  children?: InnerColumn[];\n  type?: string;\n  summaryRender?: (sum?: number) => VNodeChild | JSX.Element;\n  left?: number;\n  right?: number;\n  lastLeft?: boolean;\n  firstRight?: boolean;\n  _isRightEdge?: boolean;\n}\n\nexport type SelectionType = 'checkbox' | 'radio';\nexport interface SelectionMenu {\n  key: string;\n  text: string;\n  onSelect?: (rows: any[]) => void;\n}\nexport interface SelectionConfig {\n  selectedKeys: (string | number)[] | undefined;\n  type?: SelectionType;\n  setSelectionProps?: (row: any, index: any) => Record<string, any>;\n  selectionMenus?: SelectionMenu[];\n  hideDefaultMenus?: boolean;\n  onChange?: (keys: (string | number)[], selectedRows: any[]) => void;\n  onSelect?: (data: any, checked: boolean, selectedRows: any[], event: any) => void;\n  onSelectMultiple?: (checked: boolean, selectedRows: any[], changeRows: any[]) => void;\n  onSelectAll?: (checked: boolean, selectedRows: any[], changeRows: any[]) => void;\n  onSelectInvert?: (keys: (string | number)[]) => void;\n  columnWidth?: number;\n  fixed?: ColumnFixed;\n  showCheckAll?: boolean;\n}\n\nexport interface DraggableConfig {\n  fixed?: ColumnFixed;\n  onDragDrop: (sourceRowKey: string | number, targetRowKey: string | number) => void;\n}\n\nexport type PaginationPosition = 'top' | 'bottom' | 'both' | undefined;\nexport type PaginationAlign = 'left' | 'right' | undefined;\nexport interface PaginationConfig extends Partial<PaginationProps> {\n  position: PaginationPosition;\n  align: PaginationAlign;\n}\n\nexport interface InnerDataItem {\n  _index: number;\n  _key: string | number;\n  _isSkeleton?: boolean;\n  dataRef: Record<string, any>;\n  children?: InnerColumn[];\n}\n\nexport type RowClassName = (row: Record<string, any>, index: number) => string;\nexport type GetRowKey = (row: Record<string, any>, index: number) => string | number;\n\nexport const tableProps = {\n  data: {\n    type: Array as PropType<Record<string, any>[]>,\n    default: () => [] as Record<string, any>[]\n  },\n  columns: {\n    type: Array as PropType<TableColumn[]>,\n    default: () => [] as TableColumn[]\n  },\n  border: {\n    type: Boolean,\n    default: false\n  },\n  showHeader: {\n    type: Boolean,\n    default: true\n  },\n  width: {\n    type: [Number, String]\n  },\n  maxHeight: {\n    type: [Number, String]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  disabledHover: {\n    type: Boolean,\n    default: false\n  },\n  rowKey: {\n    type: [Function, String] as PropType<string | GetRowKey>,\n    default: 'key'\n  },\n  rowClassName: {\n    type: Function as PropType<RowClassName>\n  },\n  expandIcon: {\n    type: String\n  },\n  defaultExpandAllRows: {\n    type: Boolean,\n    default: false\n  },\n  expandedRowKeys: {\n    type: Array as PropType<string[]>\n  },\n  treeIconColumnIndex: {\n    type: Number\n  },\n  defaultShowAllChildren: {\n    type: Boolean,\n    default: false\n  },\n  showChildrenRowKeys: {\n    type: Array as PropType<string[]>\n  },\n  indentSize: {\n    type: Number,\n    default: 20\n  },\n  selection: {\n    type: Object as PropType<SelectionConfig>\n  },\n  locale: {\n    type: Object as PropType<TableLocal>\n  },\n  stripe: {\n    type: Boolean,\n    default: false\n  },\n  showPagination: {\n    type: Boolean,\n    default: false\n  },\n  pagination: {\n    type: Object as PropType<PaginationConfig>\n  },\n  showSummary: {\n    type: Boolean,\n    default: false\n  },\n  expandFix: {\n    type: Boolean,\n    default: false\n  },\n  expandIndent: {\n    type: Boolean,\n    default: true\n  },\n  draggable: {\n    type: Object as PropType<DraggableConfig>\n  },\n  headerSticky: {\n    type: Number,\n    default: undefined as undefined\n  },\n  variant: {\n    type: String as PropType<'surface' | 'ghost' | 'border'>,\n    default: 'ghost'\n  },\n  radius: {\n    type: Boolean,\n    default: false\n  },\n  loadingType: {\n    type: String as PropType<'spinner' | 'skeleton'>,\n    default: 'spinner'\n  },\n  skeletonRows: {\n    type: Number,\n    default: 3\n  }\n};\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n\nexport type SaveRef = (key: string) => (el: any) => void;\nexport type TableRefs = Record<string, any>;\nexport interface ExpandParams {\n  row: any;\n  rowKey: string | number;\n  async?: boolean;\n  done?: () => void;\n  tree?: boolean;\n}\nexport interface TableContext {\n  prefixCls: ComputedRef<string>;\n  locale: ComputedRef<TableLocal>;\n  data: ComputedRef<InnerDataItem[]>;\n  saveRef: SaveRef;\n  tableRefs: TableRefs;\n  showResizeLine: Ref<boolean>;\n  props: {\n    showHeader: Ref<boolean>;\n    maxHeight: Ref<string | number | undefined>;\n    expandIcon: Ref<string | undefined>;\n    rowClassName: Ref<RowClassName>;\n    indentSize: Ref<number>;\n    emptyText: ComputedRef<string>;\n    showSummary: Ref<boolean>;\n    disabledHover: Ref<boolean>;\n    expandIndent: Ref<boolean>;\n    headerSticky: Ref<number | undefined>;\n    loading: Ref<boolean>;\n  };\n  slots: Slots;\n  expand: {\n    expandedRowRender: ComputedRef<Slot | undefined>;\n    expandedRowKeys: Ref<(string | number)[]>;\n    showChildrenRowKeys: Ref<(string | number)[]>;\n    isRowExpanded: (rowKey: string | number, tree: boolean) => boolean;\n    expandIconColumnIndex: ComputedRef<number>;\n    handleExpandChange: ({ row, rowKey, async, done, tree }: ExpandParams, e: Event) => void;\n    isTreeTable: ComputedRef<boolean>;\n  };\n  size: {\n    tableWidth: Ref<number>;\n    sizesMap: Record<string, number>;\n    isScrollX: ComputedRef<boolean>;\n    setResizeWidth: (column: InnerColumn, width: number) => void;\n    handleColumnResize: (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) => void;\n    debouncedHandleResize: any;\n  };\n  fixed: {\n    isColumnFixed: ComputedRef<boolean>;\n    currentHoverKey: Ref<string | number | null>;\n  };\n  draggable: {\n    setRowRefs: (val: RowData) => void;\n  };\n  rowEvents: {\n    onRowMouseEnter: (data: Record<string, any>, index: number, e: Event) => void;\n    onRowMouseLeave: (data: Record<string, any>, index: number, e: Event) => void;\n    onRowClick: (data: Record<string, any>, index: number, e: Event) => void;\n    onRowDoubleClick: (data: Record<string, any>, index: number, e: Event) => void;\n    onRowContextMenu: (data: Record<string, any>, index: number, e: Event) => void;\n  };\n  headerEvents: {\n    onHeaderCellClick: (column: InnerColumn, e: any) => void;\n  };\n  filterAndSorter: {\n    hasAction: (column: InnerColumn) => boolean;\n    hasSorters: (column: InnerColumn) => boolean;\n    hasFilters: (column: InnerColumn) => boolean;\n    isSortColumn: (column: InnerColumn) => boolean;\n    isAscend: (column: InnerColumn) => boolean;\n    isDescend: (column: InnerColumn) => boolean;\n    hasAscend: (column: InnerColumn) => boolean;\n    hasDescend: (column: InnerColumn) => boolean;\n    toggleSortOrder: (column: InnerColumn) => void;\n    setColumnFilter: (column: InnerColumn, selectedKeys: (string | number)[]) => void;\n  };\n  isSummary: boolean;\n  pagination: PaginationProps;\n}\n\nconst rowEmitFn = (data: Record<string, any>, index: number, e: Event) => typeof data === 'object' && typeof index === 'number' && e instanceof Event;\nexport const tableEmits = {\n  'row-mouseenter': rowEmitFn,\n  'row-mouseleave': rowEmitFn,\n  'row-click': rowEmitFn,\n  'row-doubleclick': rowEmitFn,\n  'row-contextmenu': rowEmitFn,\n  'header-click': (column: TableColumn, e: Event) => typeof column === 'object' && e instanceof Event,\n  'column-resize': (columnWidth: number, changeWidth: number, column: InnerColumn, event: Event) =>\n    typeof columnWidth === 'number' && typeof changeWidth === 'number' && typeof column === 'object' && event instanceof Event,\n  expand: (expanded: boolean, row: Record<string, any>, type: string) =>\n    typeof expanded === 'boolean' && typeof row === 'object' && typeof type === 'string',\n  'async-expand': (row: any, done: (() => void) | undefined, keys: (string | number)[]) =>\n    typeof row === 'object' && Array.isArray(keys) && typeof done === 'function',\n  change: (\n    pagination: PaginationProps,\n    sort: { column: TableColumn | null; order: ColumnSortOrder | null },\n    filter: Record<string, (string | number)[]> | null\n  ) => !(pagination === null && sort === null && filter === null)\n};\n\nexport type TableEmits = typeof tableEmits;\nexport type TableEmit = EmitFn<TableEmits>;\nexport type TableInstanceType = InstanceType<typeof Table>;\n"],"names":["oneOf","normalSizeMap"],"mappings":"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"}