element-plus 2.1.7 → 2.1.10

package/lib/components/table-v2/src/table.d.ts

@@ -0,0 +1,94 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { SortOrder } from './constants';
+import type { Column, ColumnCommonParams, DataGetter, KeyType, RowCommonParams } from './types';
+/**
+ * Param types
+ */
+export declare type ColumnSortParams<T> = {
+    column: Column<T>;
+    key: KeyType;
+    order: SortOrder;
+};
+/**
+ * Renderer/Getter types
+ */
+export declare type ExtraCellPropGetter<T> = (params: ColumnCommonParams<T> & RowCommonParams<T>) => any;
+export declare type ExtractHeaderPropGetter<T> = (params: {
+    columns: Column<T>[];
+    headerIndex: number;
+}) => any;
+export declare type ExtractHeaderCellPropGetter<T> = (params: ColumnCommonParams<T> & {
+    headerIndex: number;
+}) => any;
+export declare type ExtractRowPropGetter<T> = (params: {
+    columns: Column<T>[];
+} & RowCommonParams<T>) => any;
+export declare type HeaderClassNameGetter<T> = (params: {
+    columns: Column<T>[];
+    headerIndex: number;
+}) => string;
+export declare type RowClassNameGetter<T> = (params: {
+    columns: Column<T>[];
+} & RowCommonParams<T>) => string;
+/**
+ * Handler types
+ */
+export declare type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void;
+export declare type ColumnResizeHandler<T> = (column: Column<T>, width: number) => void;
+export declare const tableV2Props: {
+    readonly cache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
+    readonly estimatedRowHeight: {
+        readonly default: undefined;
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __elPropsReservedKey: true;
+    };
+    readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType>, "id", unknown, unknown, unknown>;
+    readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | HeaderClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly headerProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerCellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly headerHeight: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<number | number[]>, 50, unknown, unknown, unknown>;
+    readonly footerHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly rowClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
+    readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./common").AnyColumn[]>, unknown, true, unknown, unknown>;
+    readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
+    readonly dataGetter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<DataGetter<any>>, unknown, unknown, unknown, unknown>;
+    readonly dataKey: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "id", unknown, unknown, unknown>;
+    readonly fixedData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, unknown, unknown, unknown>;
+    readonly expandColumnKey: StringConstructor;
+    readonly expandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly defaultExpandedRowKeys: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<KeyType[]>, () => never[], unknown, unknown, unknown>;
+    readonly class: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly fixed: BooleanConstructor;
+    readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly height: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly maxHeight: NumberConstructor;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly indentSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly iconSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 12, unknown, unknown, unknown>;
+    readonly hScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly vScrollbarSize: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly sortBy: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<{
+        key: KeyType;
+        order: SortOrder;
+    }>, () => {
+        key: KeyType;
+        order: SortOrder;
+    }, unknown, unknown, unknown>;
+    readonly sortState: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<KeyType, SortOrder>>, undefined, unknown, unknown, unknown>;
+    readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onExpandedRowsChange: FunctionConstructor;
+    readonly onEndReached: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onScroll: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly onRowRendered: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(params: import("./grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+};
+export declare type TableV2Props = ExtractPropTypes<typeof tableV2Props>;

package/lib/components/table-v2/src/table.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../utils/index.js');
+require('../../virtual-list/index.js');
+var common = require('./common.js');
+var row = require('./row.js');
+var header = require('./header.js');
+var grid = require('./grid.js');
+var props = require('../../../utils/vue/props.js');
+var props$1 = require('../../virtual-list/src/props.js');
+
+const tableV2Props = props.buildProps({
+  cache: grid.tableV2GridProps.cache,
+  estimatedRowHeight: row.tableV2RowProps.estimatedRowHeight,
+  rowKey: common.rowKey,
+  cellProps: {
+    type: props.definePropType([Object, Function])
+  },
+  headerClass: {
+    type: props.definePropType([
+      String,
+      Function
+    ])
+  },
+  headerProps: {
+    type: props.definePropType([
+      Object,
+      Function
+    ])
+  },
+  headerCellProps: {
+    type: props.definePropType([
+      Object,
+      Function
+    ])
+  },
+  headerHeight: header.tableV2HeaderProps.headerHeight,
+  footerHeight: {
+    type: Number,
+    default: 0
+  },
+  rowClass: {
+    type: props.definePropType([String, Function])
+  },
+  rowProps: {
+    type: props.definePropType([Object, Function])
+  },
+  rowHeight: {
+    type: Number,
+    default: 50
+  },
+  columns: common.columns,
+  data: common.dataType,
+  dataGetter: {
+    type: props.definePropType(Function)
+  },
+  dataKey: {
+    type: String,
+    default: "id"
+  },
+  fixedData: common.fixedDataType,
+  expandColumnKey: row.tableV2RowProps.expandColumnKey,
+  expandedRowKeys: common.expandKeys,
+  defaultExpandedRowKeys: common.expandKeys,
+  class: common.classType,
+  disabled: Boolean,
+  fixed: Boolean,
+  style: {
+    type: props.definePropType(Object)
+  },
+  width: common.requiredNumber,
+  height: common.requiredNumber,
+  maxHeight: Number,
+  useIsScrolling: Boolean,
+  indentSize: {
+    type: Number,
+    default: 12
+  },
+  iconSize: {
+    type: Number,
+    default: 12
+  },
+  hScrollbarSize: props$1.virtualizedGridProps.hScrollbarSize,
+  vScrollbarSize: props$1.virtualizedGridProps.vScrollbarSize,
+  scrollbarAlwaysOn: props$1.virtualizedScrollbarProps.alwaysOn,
+  sortBy: {
+    type: props.definePropType(Object),
+    default: () => ({})
+  },
+  sortState: {
+    type: props.definePropType(Object),
+    default: void 0
+  },
+  onColumnSort: {
+    type: props.definePropType(Function)
+  },
+  onExpandedRowsChange: Function,
+  onEndReached: {
+    type: props.definePropType(Function)
+  },
+  onRowExpand: row.tableV2RowProps.onRowExpand,
+  onScroll: grid.tableV2GridProps.onScroll,
+  onRowRendered: grid.tableV2GridProps.onRowsRendered,
+  rowEventHandlers: row.tableV2RowProps.rowEventHandlers
+});
+
+exports.tableV2Props = tableV2Props;
+//# sourceMappingURL=table.js.map

package/lib/components/table-v2/src/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../../packages/components/table-v2/src/table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport {\n  virtualizedGridProps,\n  virtualizedScrollbarProps,\n} from '@element-plus/components/virtual-list'\nimport {\n  classType,\n  columns,\n  dataType,\n  expandKeys,\n  fixedDataType,\n  requiredNumber,\n  rowKey,\n} from './common'\nimport { tableV2RowProps } from './row'\nimport { tableV2HeaderProps } from './header'\nimport { tableV2GridProps } from './grid'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { SortOrder } from './constants'\nimport type {\n  Column,\n  ColumnCommonParams,\n  DataGetter,\n  KeyType,\n  RowCommonParams,\n} from './types'\n\n/**\n * Param types\n */\nexport type ColumnSortParams<T> = {\n  column: Column<T>\n  key: KeyType\n  order: SortOrder\n}\n\n/**\n * Renderer/Getter types\n */\n\nexport type ExtraCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & RowCommonParams<T>\n) => any\n\nexport type ExtractHeaderPropGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => any\n\nexport type ExtractHeaderCellPropGetter<T> = (\n  params: ColumnCommonParams<T> & { headerIndex: number }\n) => any\n\nexport type ExtractRowPropGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => any\n\nexport type HeaderClassNameGetter<T> = (params: {\n  columns: Column<T>[]\n  headerIndex: number\n}) => string\n\nexport type RowClassNameGetter<T> = (\n  params: { columns: Column<T>[] } & RowCommonParams<T>\n) => string\n\n/**\n * Handler types\n */\nexport type ColumnSortHandler<T> = (params: ColumnSortParams<T>) => void\nexport type ColumnResizeHandler<T> = (column: Column<T>, width: number) => void\n\nexport const tableV2Props = buildProps({\n  cache: tableV2GridProps.cache,\n  estimatedRowHeight: tableV2RowProps.estimatedRowHeight,\n  rowKey,\n  /**\n   * extra props deriver\n   */\n  cellProps: {\n    type: definePropType<any | ExtraCellPropGetter<any>>([Object, Function]),\n  },\n  // Header attributes\n  headerClass: {\n    type: definePropType<string | HeaderClassNameGetter<any>>([\n      String,\n      Function,\n    ]),\n  },\n  headerProps: {\n    type: definePropType<any | ExtractHeaderPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerCellProps: {\n    type: definePropType<any | ExtractHeaderCellPropGetter<any>>([\n      Object,\n      Function,\n    ]),\n  },\n  headerHeight: tableV2HeaderProps.headerHeight,\n  /**\n   * Footer attributes\n   */\n  footerHeight: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * Row attributes\n   */\n  rowClass: {\n    type: definePropType<string | RowClassNameGetter<any>>([String, Function]),\n  },\n  rowProps: {\n    type: definePropType<ExtractRowPropGetter<any> | any>([Object, Function]),\n  },\n  rowHeight: {\n    type: Number,\n    default: 50,\n  },\n  /**\n   * Data models\n   */\n  columns,\n  data: dataType,\n  dataGetter: {\n    type: definePropType<DataGetter<any>>(Function),\n  },\n  dataKey: {\n    type: String,\n    default: 'id',\n  },\n  fixedData: fixedDataType,\n  /**\n   * Expanded keys\n   */\n  expandColumnKey: tableV2RowProps.expandColumnKey,\n  expandedRowKeys: expandKeys,\n  defaultExpandedRowKeys: expandKeys,\n\n  /**\n   * Attributes\n   */\n  class: classType,\n  disabled: Boolean,\n  fixed: Boolean,\n  style: {\n    type: definePropType<CSSProperties>(Object),\n  },\n  width: requiredNumber,\n  height: requiredNumber,\n  maxHeight: Number,\n  useIsScrolling: Boolean,\n  indentSize: {\n    type: Number,\n    default: 12,\n  },\n  iconSize: {\n    type: Number,\n    default: 12,\n  },\n  hScrollbarSize: virtualizedGridProps.hScrollbarSize,\n  vScrollbarSize: virtualizedGridProps.vScrollbarSize,\n  scrollbarAlwaysOn: virtualizedScrollbarProps.alwaysOn,\n\n  /**\n   * Sorting\n   */\n  sortBy: {\n    type: definePropType<{ key: KeyType; order: SortOrder }>(Object),\n    default: () => ({} as { key: KeyType; order: SortOrder }),\n  },\n\n  sortState: {\n    type: definePropType<Record<KeyType, SortOrder>>(Object),\n    default: undefined,\n  },\n\n  /**\n   * Handlers\n   */\n  onColumnSort: {\n    type: definePropType<ColumnSortHandler<any>>(Function),\n  },\n  // onColumnResize: {\n  //   type: definePropType<ColumnResizeHandler<any>>(Function),\n  // },\n  // onColumnResizeEnded: {\n  //   type: definePropType<ColumnResizeHandler<any>>(Function),\n  // },\n  onExpandedRowsChange: Function,\n  onEndReached: {\n    type: definePropType<(distance: number) => void>(Function),\n  },\n  onRowExpand: tableV2RowProps.onRowExpand,\n  onScroll: tableV2GridProps.onScroll,\n  onRowRendered: tableV2GridProps.onRowsRendered,\n  rowEventHandlers: tableV2RowProps.rowEventHandlers,\n} as const)\n\nexport type TableV2Props = ExtractPropTypes<typeof tableV2Props>\n"],"names":["buildProps","tableV2GridProps","tableV2RowProps","rowKey","definePropType","tableV2HeaderProps","columns","dataType","fixedDataType","expandKeys","classType","requiredNumber","virtualizedGridProps","virtualizedScrollbarProps"],"mappings":"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"}

package/lib/components/table-v2/src/tokens.d.ts

@@ -0,0 +1,10 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { UseNamespaceReturn } from 'element-plus/es/hooks';
+import type { KeyType } from './types';
+export declare type TableV2Context = {
+    isScrolling: Ref<boolean>;
+    hoveringRowKey: Ref<null | KeyType>;
+    isResetting: Ref<boolean>;
+    ns: UseNamespaceReturn;
+};
+export declare const TableV2InjectionKey: InjectionKey<TableV2Context>;

package/lib/components/table-v2/src/tokens.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TableV2InjectionKey = Symbol("tableV2");
+
+exports.TableV2InjectionKey = TableV2InjectionKey;
+//# sourceMappingURL=tokens.js.map

package/lib/components/table-v2/src/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/table-v2/src/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { KeyType } from './types'\n\nexport type TableV2Context = {\n  isScrolling: Ref<boolean>\n  hoveringRowKey: Ref<null | KeyType>\n  isResetting: Ref<boolean>\n  ns: UseNamespaceReturn\n}\n\nexport const TableV2InjectionKey: InjectionKey<TableV2Context> =\n  Symbol('tableV2')\n"],"names":[],"mappings":";;;;AAAY,MAAC,mBAAmB,GAAG,MAAM,CAAC,SAAS;;;;"}

package/lib/components/table-v2/src/types.d.ts

@@ -0,0 +1,75 @@
+import type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue';
+export declare type Alignment = 'left' | 'center' | 'right';
+export declare type FixedDirection = 'left' | 'right';
+export declare type KeyType = string | number | symbol;
+/**
+ * Param types
+ */
+export declare type CellRendererParams<T> = {
+    cellData: T;
+} & RowCommonParams<T> & ColumnCommonParams<T>;
+export declare type ColumnCommonParams<T> = {
+    columns: Column<T>[];
+    column: Column<T>;
+    columnIndex: number;
+};
+export declare type HeaderCellRendererParams<T> = {
+    headerIndex: number;
+} & ColumnCommonParams<T>;
+export declare type RowCommonParams<T> = {
+    rowData: T[];
+    rowIndex: number;
+};
+export declare type ClassNameGetterParams<T> = {
+    cellData: T;
+} & RowCommonParams<T> & ColumnCommonParams<T>;
+export declare type DataGetterParams<T> = {
+    columns: Column<T>[];
+    column: Column<T>;
+    columnIndex: number;
+} & RowCommonParams<T>;
+export declare type DataGetter<T> = (params: DataGetterParams<T>) => T;
+export declare type ClassNameGetter<T> = (params: ClassNameGetterParams<T>) => string;
+export declare type HeaderClassGetter<T> = (params: ColumnCommonParams<T> & {
+    headerIndex: number;
+}) => string;
+/**
+ * Renderer/Getter types
+ */
+export declare type CellRenderer<T> = (params: CellRendererParams<T>) => VNode;
+export declare type HeaderCellRenderer<T> = (params: HeaderCellRendererParams<T>) => VNode;
+export declare type Column<T = any> = {
+    key: KeyType;
+    /**
+     * Attributes
+     */
+    align?: Alignment;
+    class?: string | ClassNameGetter<T>;
+    fixed?: true | FixedDirection;
+    title?: string;
+    hidden?: boolean;
+    headerClass?: HeaderClassGetter<T> | string;
+    maxWidth?: number;
+    minWidth?: number;
+    resizable?: boolean;
+    style?: CSSProperties;
+    sortable?: boolean;
+    width: number;
+    /**
+     * Renderers
+     */
+    cellRenderer?: CellRenderer<T>;
+    headerCellRenderer?: HeaderCellRenderer<T>;
+    /**
+     * Extendable sections
+     */
+    [key: string]: any;
+};
+export declare type Columns<T> = Column<T>[];
+export declare type CustomizedCellsType = VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>[];
+export declare type DefaultCellsType = VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>[][];
+export declare type ColumnCellsType = DefaultCellsType | CustomizedCellsType;

package/lib/components/table-v2/src/types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map

package/lib/components/table-v2/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/table-v2/src/use-columns.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { Column, Columns, KeyType } from './types';
+declare type AnyColumn = Columns<any>;
+declare function useColumns(columns: Ref<AnyColumn>, fixed: Ref<boolean>): {
+    columns: Ref<AnyColumn>;
+    columnsStyles: import("vue").ComputedRef<Record<KeyType, CSSProperties>>;
+    columnsTotalWidth: import("vue").ComputedRef<number>;
+    fixedColumnsOnLeft: import("vue").ComputedRef<Column<any>[]>;
+    fixedColumnOnRight: import("vue").ComputedRef<Column<any>[]>;
+    hasFixedColumns: import("vue").ComputedRef<number>;
+    mainColumns: import("vue").ComputedRef<AnyColumn>;
+    normalColumns: import("vue").ComputedRef<Column<any>[]>;
+    visibleColumns: import("vue").ComputedRef<Column<any>[]>;
+    getColumn: (key: KeyType) => Column<any> | undefined;
+    getColumnStyle: (key: KeyType) => CSSProperties;
+    updateColumnWidth: (column: Column<any>, width: number) => void;
+};
+export { useColumns };

package/lib/components/table-v2/src/use-columns.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _private = require('./private.js');
+
+const calcColumnStyle = (column, fixedColumn) => {
+  var _a;
+  const flex = {
+    flexGrow: 0,
+    flexShrink: 0
+  };
+  if (column.fixed) {
+    flex.flexShrink = 1;
+  }
+  const style = {
+    ...(_a = column.style) != null ? _a : {},
+    ...flex,
+    flexBasis: "auto",
+    width: column.width
+  };
+  if (!fixedColumn) {
+    if (column.maxWidth)
+      style.maxWidth = column.maxWidth;
+    if (column.minWidth)
+      style.maxWidth = column.minWidth;
+  }
+  return style;
+};
+function useColumns(columns, fixed) {
+  const visibleColumns = vue.computed(() => {
+    return vue.unref(columns).filter((column) => !column.hidden);
+  });
+  const fixedColumnsOnLeft = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "left" || column.fixed === true));
+  const fixedColumnOnRight = vue.computed(() => vue.unref(visibleColumns).filter((column) => column.fixed === "right"));
+  const normalColumns = vue.computed(() => vue.unref(visibleColumns).filter((column) => !column.fixed));
+  const mainColumns = vue.computed(() => {
+    const ret = [];
+    vue.unref(fixedColumnsOnLeft).forEach((column) => {
+      ret.push({
+        ...column,
+        placeholderSign: _private.placeholderSign
+      });
+    });
+    vue.unref(normalColumns).forEach((column) => {
+      ret.push(column);
+    });
+    vue.unref(fixedColumnOnRight).forEach((column) => {
+      ret.push({
+        ...column,
+        placeholderSign: _private.placeholderSign
+      });
+    });
+    return ret;
+  });
+  const hasFixedColumns = vue.computed(() => {
+    return vue.unref(fixedColumnsOnLeft).length || vue.unref(fixedColumnOnRight).length;
+  });
+  const columnsStyles = vue.computed(() => {
+    const _columns = vue.unref(columns);
+    return _columns.reduce((style, column) => {
+      style[column.key] = calcColumnStyle(column, vue.unref(fixed));
+      return style;
+    }, {});
+  });
+  const columnsTotalWidth = vue.computed(() => {
+    return vue.unref(visibleColumns).reduce((width, column) => width + column.width, 0);
+  });
+  const getColumn = (key) => {
+    return vue.unref(columns).find((column) => column.key === key);
+  };
+  const getColumnStyle = (key) => {
+    return vue.unref(columnsStyles)[key];
+  };
+  const updateColumnWidth = (column, width) => {
+    column.width = width;
+  };
+  return {
+    columns,
+    columnsStyles,
+    columnsTotalWidth,
+    fixedColumnsOnLeft,
+    fixedColumnOnRight,
+    hasFixedColumns,
+    mainColumns,
+    normalColumns,
+    visibleColumns,
+    getColumn,
+    getColumnStyle,
+    updateColumnWidth
+  };
+}
+
+exports.useColumns = useColumns;
+//# sourceMappingURL=use-columns.js.map

package/lib/components/table-v2/src/use-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-columns.js","sources":["../../../../../../packages/components/table-v2/src/use-columns.ts"],"sourcesContent":["import { computed, unref } from 'vue'\nimport { placeholderSign } from './private'\n\nimport type { CSSProperties, Ref } from 'vue'\nimport type { Column, Columns, KeyType } from './types'\n\ntype AnyColumn = Columns<any>\n\nconst calcColumnStyle = (\n  column: Column<any>,\n  fixedColumn: boolean\n): CSSProperties => {\n  const flex = {\n    flexGrow: 0,\n    flexShrink: 0,\n  }\n\n  if (column.fixed) {\n    flex.flexShrink = 1\n  }\n\n  const style = {\n    ...(column.style ?? {}),\n    ...flex,\n    flexBasis: 'auto',\n    width: column.width,\n  }\n\n  if (!fixedColumn) {\n    if (column.maxWidth) style.maxWidth = column.maxWidth\n    if (column.minWidth) style.maxWidth = column.minWidth\n  }\n\n  return style\n}\n\nfunction useColumns(columns: Ref<AnyColumn>, fixed: Ref<boolean>) {\n  const visibleColumns = computed(() => {\n    return unref(columns).filter((column) => !column.hidden)\n  })\n\n  const fixedColumnsOnLeft = computed(() =>\n    unref(visibleColumns).filter(\n      (column) => column.fixed === 'left' || column.fixed === true\n    )\n  )\n\n  const fixedColumnOnRight = computed(() =>\n    unref(visibleColumns).filter((column) => column.fixed === 'right')\n  )\n\n  const normalColumns = computed(() =>\n    unref(visibleColumns).filter((column) => !column.fixed)\n  )\n\n  const mainColumns = computed(() => {\n    const ret: AnyColumn = []\n\n    unref(fixedColumnsOnLeft).forEach((column) => {\n      ret.push({\n        ...column,\n        placeholderSign,\n      })\n    })\n\n    unref(normalColumns).forEach((column) => {\n      ret.push(column)\n    })\n\n    unref(fixedColumnOnRight).forEach((column) => {\n      ret.push({\n        ...column,\n        placeholderSign,\n      })\n    })\n\n    return ret\n  })\n\n  const hasFixedColumns = computed(() => {\n    return unref(fixedColumnsOnLeft).length || unref(fixedColumnOnRight).length\n  })\n\n  const columnsStyles = computed(() => {\n    const _columns = unref(columns)\n\n    return _columns.reduce<Record<Column<any>['key'], CSSProperties>>(\n      (style, column) => {\n        style[column.key] = calcColumnStyle(column, unref(fixed))\n        return style\n      },\n      {}\n    )\n  })\n\n  const columnsTotalWidth = computed(() => {\n    return unref(visibleColumns).reduce(\n      (width, column) => width + column.width,\n      0\n    )\n  })\n\n  const getColumn = (key: KeyType) => {\n    return unref(columns).find((column) => column.key === key)\n  }\n\n  const getColumnStyle = (key: KeyType) => {\n    return unref(columnsStyles)[key]\n  }\n\n  const updateColumnWidth = (column: Column<any>, width: number) => {\n    column.width = width\n  }\n\n  return {\n    columns,\n    columnsStyles,\n    columnsTotalWidth,\n    fixedColumnsOnLeft,\n    fixedColumnOnRight,\n    hasFixedColumns,\n    mainColumns,\n    normalColumns,\n    visibleColumns,\n\n    getColumn,\n    getColumnStyle,\n    updateColumnWidth,\n  }\n}\n\nexport { useColumns }\n"],"names":["computed","unref","placeholderSign"],"mappings":"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"}

package/lib/components/table-v2/src/use-table.d.ts

@@ -0,0 +1,58 @@
+import type { CSSProperties } from 'vue';
+import type { FixedDirection, KeyType } from './types';
+import type { TableV2Props } from './table';
+import type { onRowRenderedParams } from './grid';
+import type { RowExpandParams, RowHoverParams } from './row';
+import type { TableGridInstance } from './table-grid';
+declare type Nullable<T> = T | null;
+declare type ScrollPos = {
+    scrollLeft: number;
+    scrollTop: number;
+};
+declare function useTable(props: TableV2Props): {
+    columns: import("vue").Ref<import("./types").Column<any>[]>;
+    containerRef: import("vue").Ref<any>;
+    mainTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    leftTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    rightTableRef: import("vue").Ref<TableGridInstance | undefined>;
+    isResetting: import("vue").ShallowRef<boolean>;
+    isScrolling: import("vue").ShallowRef<boolean>;
+    hoveringRowKey: import("vue").ShallowRef<Nullable<KeyType>>;
+    hasFixedColumns: import("vue").ComputedRef<number>;
+    columnsStyles: import("vue").ComputedRef<Record<KeyType, CSSProperties>>;
+    columnsTotalWidth: import("vue").ComputedRef<number>;
+    data: import("vue").ComputedRef<any[]>;
+    expandedRowKeys: import("vue").Ref<KeyType[]>;
+    depthMap: import("vue").Ref<{
+        [x: string]: number;
+        [x: number]: number;
+        [x: symbol]: number;
+    }>;
+    fixedColumnsOnLeft: import("vue").ComputedRef<import("./types").Column<any>[]>;
+    fixedColumnOnRight: import("vue").ComputedRef<import("./types").Column<any>[]>;
+    mainColumns: import("vue").ComputedRef<import("./types").Column<any>[]>;
+    bodyWidth: import("vue").ComputedRef<number>;
+    rootStyle: import("vue").ComputedRef<CSSProperties>;
+    headerWidth: import("vue").ComputedRef<number>;
+    mainTableHeight: import("vue").ComputedRef<number>;
+    fixedTableHeight: import("vue").ComputedRef<number>;
+    leftTableWidth: import("vue").ComputedRef<number>;
+    rightTableWidth: import("vue").ComputedRef<number>;
+    scrollTo: (params: ScrollPos) => void;
+    scrollToLeft: (scrollLeft: number) => void;
+    scrollToTop: (scrollTop: number) => void;
+    onColumnSorted: (e: MouseEvent) => void;
+    onRowHovered: ({ hovered, rowKey }: RowHoverParams<any>) => void;
+    onRowExpanded: ({ expanded, rowData, rowIndex, rowKey, }: RowExpandParams<any>) => void;
+    onRowsRendered: (params: onRowRenderedParams) => void;
+    onRowHeightChanged: (rowKey: KeyType, height: number, rowIdx: number) => void;
+    onFixedRowHeightChanged: ({ rowKey, height, rowIndex, }: {
+        rowKey: KeyType;
+        height: number;
+        rowIndex: number;
+    }, fixedDir: FixedDirection) => void;
+    onScroll: (params: ScrollPos) => void;
+    onVerticalScroll: ({ scrollTop }: ScrollPos) => void;
+};
+export { useTable };
+export declare type UseTableReturn = ReturnType<typeof useTable>;