element-plus 2.1.8 → 2.1.11

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  SortBy,\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<SortBy>(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  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":";;;;;;;;;;;;;AAiBY,MAAC,YAAY,GAAGA,gBAAU,CAAC;AACvC,EAAE,KAAK,EAAEC,qBAAgB,CAAC,KAAK;AAC/B,EAAE,kBAAkB,EAAEC,mBAAe,CAAC,kBAAkB;AACxD,UAAEC,aAAM;AACR,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEA,oBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,GAAG;AACH,EAAE,YAAY,EAAEC,yBAAkB,CAAC,YAAY;AAC/C,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAED,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC5C,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,WAAEE,cAAO;AACT,EAAE,IAAI,EAAEC,eAAQ;AAChB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEH,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAEI,oBAAa;AAC1B,EAAE,eAAe,EAAEN,mBAAe,CAAC,eAAe;AAClD,EAAE,eAAe,EAAEO,iBAAU;AAC7B,EAAE,sBAAsB,EAAEA,iBAAU;AACpC,EAAE,KAAK,EAAEC,gBAAS;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEN,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,KAAK,EAAEO,qBAAc;AACvB,EAAE,MAAM,EAAEA,qBAAc;AACxB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,cAAc,EAAEC,4BAAoB,CAAC,cAAc;AACrD,EAAE,cAAc,EAAEA,4BAAoB,CAAC,cAAc;AACrD,EAAE,iBAAiB,EAAEC,iCAAyB,CAAC,QAAQ;AACvD,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAET,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEA,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,oBAAoB,EAAE,QAAQ;AAChC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,WAAW,EAAEF,mBAAe,CAAC,WAAW;AAC1C,EAAE,QAAQ,EAAED,qBAAgB,CAAC,QAAQ;AACrC,EAAE,aAAa,EAAEA,qBAAgB,CAAC,cAAc;AAChD,EAAE,gBAAgB,EAAEC,mBAAe,CAAC,gBAAgB;AACpD,CAAC;;;;"}

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,88 @@
+import type { CSSProperties, FunctionalComponent, RendererElement, RendererNode, VNode } from 'vue';
+import type { FixedDir, SortOrder } from './constants';
+export declare type Alignment = 'left' | 'center' | 'right';
+export declare type FixedDirection = FixedDir;
+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 AnyColumns = Columns<any>;
+export declare type SortBy = {
+    key: KeyType;
+    order: SortOrder;
+};
+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;
+export declare type SimpleFunctionalComponentProps<T extends object> = {
+    class?: JSX.IntrinsicAttributes['class'];
+    style?: CSSProperties;
+} & T;
+export declare type SimpleFunctionalComponent<E extends object = {
+    [key: string]: any;
+}> = FunctionalComponent<SimpleFunctionalComponentProps<E>>;

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-table.d.ts

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

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

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+require('./composables/index.js');
+var useColumns = require('./composables/use-columns.js');
+var useScrollbar = require('./composables/use-scrollbar.js');
+var useRow = require('./composables/use-row.js');
+var useData = require('./composables/use-data.js');
+var useStyles = require('./composables/use-styles.js');
+var shared = require('@vue/shared');
+
+function useTable(props) {
+  const mainTableRef = vue.ref();
+  const leftTableRef = vue.ref();
+  const rightTableRef = vue.ref();
+  const {
+    columns,
+    columnsStyles,
+    columnsTotalWidth,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight,
+    hasFixedColumns,
+    mainColumns,
+    onColumnSorted
+  } = useColumns.useColumns(props, vue.toRef(props, "columns"), vue.toRef(props, "fixed"));
+  const {
+    scrollTo,
+    scrollToLeft,
+    scrollToTop,
+    onScroll,
+    onVerticalScroll,
+    scrollPos
+  } = useScrollbar.useScrollbar(props, {
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    onMaybeEndReached
+  });
+  const {
+    expandedRowKeys,
+    hoveringRowKey,
+    lastRenderedRowIndex,
+    isDynamic,
+    isResetting,
+    rowHeights,
+    resetAfterIndex,
+    onRowExpanded,
+    onRowHeightChange,
+    onRowHovered,
+    onRowsRendered
+  } = useRow.useRow(props, {
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    onMaybeEndReached
+  });
+  const { data, depthMap } = useData.useData(props, {
+    expandedRowKeys,
+    lastRenderedRowIndex,
+    resetAfterIndex
+  });
+  const {
+    bodyWidth,
+    fixedTableHeight,
+    mainTableHeight,
+    leftTableWidth,
+    rightTableWidth,
+    headerWidth,
+    rowsHeight,
+    windowHeight,
+    footerHeight,
+    emptyStyle,
+    rootStyle
+  } = useStyles.useStyles(props, {
+    columnsTotalWidth,
+    data,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight
+  });
+  const isScrolling = vue.shallowRef(false);
+  const containerRef = vue.ref();
+  const showEmpty = vue.computed(() => {
+    const noData = vue.unref(data).length === 0;
+    return shared.isArray(props.fixedData) ? props.fixedData.length === 0 && noData : noData;
+  });
+  function getRowHeight(rowIndex) {
+    const { estimatedRowHeight, rowHeight, rowKey } = props;
+    if (!estimatedRowHeight)
+      return rowHeight;
+    return vue.unref(rowHeights)[vue.unref(data)[rowIndex][rowKey]] || estimatedRowHeight;
+  }
+  function onMaybeEndReached() {
+    const { onEndReached } = props;
+    if (!onEndReached)
+      return;
+    const { scrollTop } = vue.unref(scrollPos);
+    const _totalHeight = vue.unref(rowsHeight);
+    const clientHeight = vue.unref(windowHeight);
+    const heightUntilEnd = _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize;
+    if (vue.unref(lastRenderedRowIndex) >= 0 && _totalHeight !== vue.unref(rowsHeight)) {
+      onEndReached(heightUntilEnd);
+    }
+  }
+  vue.watch(() => props.expandedRowKeys, (val) => expandedRowKeys.value = val, {
+    deep: true
+  });
+  return {
+    columns,
+    containerRef,
+    mainTableRef,
+    leftTableRef,
+    rightTableRef,
+    isDynamic,
+    isResetting,
+    isScrolling,
+    hoveringRowKey,
+    hasFixedColumns,
+    columnsStyles,
+    columnsTotalWidth,
+    data,
+    expandedRowKeys,
+    depthMap,
+    fixedColumnsOnLeft,
+    fixedColumnsOnRight,
+    mainColumns,
+    bodyWidth,
+    emptyStyle,
+    rootStyle,
+    headerWidth,
+    footerHeight,
+    mainTableHeight,
+    fixedTableHeight,
+    leftTableWidth,
+    rightTableWidth,
+    showEmpty,
+    getRowHeight,
+    onColumnSorted,
+    onRowHovered,
+    onRowExpanded,
+    onRowsRendered,
+    onRowHeightChange,
+    scrollTo,
+    scrollToLeft,
+    scrollToTop,
+    onScroll,
+    onVerticalScroll
+  };
+}
+
+exports.useTable = useTable;
+//# sourceMappingURL=use-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.js","sources":["../../../../../../packages/components/table-v2/src/use-table.ts"],"sourcesContent":["import { computed, ref, shallowRef, toRef, unref, watch } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport {\n  useColumns,\n  useData,\n  useRow,\n  useScrollbar,\n  useStyles,\n} from './composables'\n\nimport type { TableV2Props } from './table'\nimport type { TableGridInstance } from './table-grid'\n\nfunction useTable(props: TableV2Props) {\n  const mainTableRef = ref<TableGridInstance>()\n  const leftTableRef = ref<TableGridInstance>()\n  const rightTableRef = ref<TableGridInstance>()\n  const {\n    columns,\n    columnsStyles,\n    columnsTotalWidth,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n    hasFixedColumns,\n    mainColumns,\n\n    onColumnSorted,\n  } = useColumns(props, toRef(props, 'columns'), toRef(props, 'fixed'))\n\n  const {\n    scrollTo,\n    scrollToLeft,\n    scrollToTop,\n    onScroll,\n    onVerticalScroll,\n    scrollPos,\n  } = useScrollbar(props, {\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n\n    onMaybeEndReached,\n  })\n\n  const {\n    expandedRowKeys,\n    hoveringRowKey,\n    lastRenderedRowIndex,\n    isDynamic,\n    isResetting,\n    rowHeights,\n\n    resetAfterIndex,\n    onRowExpanded,\n    onRowHeightChange,\n    onRowHovered,\n    onRowsRendered,\n  } = useRow(props, {\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n\n    onMaybeEndReached,\n  })\n\n  const { data, depthMap } = useData(props, {\n    expandedRowKeys,\n    lastRenderedRowIndex,\n    resetAfterIndex,\n  })\n\n  const {\n    bodyWidth,\n    fixedTableHeight,\n    mainTableHeight,\n    leftTableWidth,\n    rightTableWidth,\n    headerWidth,\n    rowsHeight,\n    windowHeight,\n    footerHeight,\n    emptyStyle,\n    rootStyle,\n  } = useStyles(props, {\n    columnsTotalWidth,\n    data,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n  })\n  // state\n  const isScrolling = shallowRef(false)\n\n  // DOM/Component refs\n  const containerRef = ref()\n\n  const showEmpty = computed(() => {\n    const noData = unref(data).length === 0\n\n    return isArray(props.fixedData)\n      ? props.fixedData.length === 0 && noData\n      : noData\n  })\n\n  function getRowHeight(rowIndex: number) {\n    const { estimatedRowHeight, rowHeight, rowKey } = props\n\n    if (!estimatedRowHeight) return rowHeight\n\n    return (\n      unref(rowHeights)[unref(data)[rowIndex][rowKey]] || estimatedRowHeight\n    )\n  }\n\n  function onMaybeEndReached() {\n    const { onEndReached } = props\n    if (!onEndReached) return\n\n    const { scrollTop } = unref(scrollPos)\n\n    const _totalHeight = unref(rowsHeight)\n    const clientHeight = unref(windowHeight)\n\n    const heightUntilEnd =\n      _totalHeight - (scrollTop + clientHeight) + props.hScrollbarSize\n\n    if (\n      unref(lastRenderedRowIndex) >= 0 &&\n      _totalHeight !== unref(rowsHeight)\n    ) {\n      onEndReached(heightUntilEnd)\n    }\n  }\n\n  // events\n\n  watch(\n    () => props.expandedRowKeys,\n    (val) => (expandedRowKeys.value = val),\n    {\n      deep: true,\n    }\n  )\n\n  return {\n    // models\n    columns,\n    containerRef,\n    mainTableRef,\n    leftTableRef,\n    rightTableRef,\n    // states\n    isDynamic,\n    isResetting,\n    isScrolling,\n    hoveringRowKey,\n    hasFixedColumns,\n    // records\n    columnsStyles,\n    columnsTotalWidth,\n    data,\n    expandedRowKeys,\n    depthMap,\n    fixedColumnsOnLeft,\n    fixedColumnsOnRight,\n    mainColumns,\n    // metadata\n    bodyWidth,\n    emptyStyle,\n    rootStyle,\n    headerWidth,\n    footerHeight,\n    mainTableHeight,\n    fixedTableHeight,\n    leftTableWidth,\n    rightTableWidth,\n    // flags\n    showEmpty,\n\n    // methods\n    getRowHeight,\n\n    // event handlers\n    onColumnSorted,\n    onRowHovered,\n    onRowExpanded,\n    onRowsRendered,\n    onRowHeightChange,\n    // use scrollbars\n    scrollTo,\n    scrollToLeft,\n    scrollToTop,\n    onScroll,\n    onVerticalScroll,\n  }\n}\n\nexport { useTable }\n\nexport type UseTableReturn = ReturnType<typeof useTable>\n"],"names":["ref","useColumns","toRef","useScrollbar","useRow","useData","useStyles","shallowRef","computed","unref","isArray","watch"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { CSSProperties, Component, Slot } from 'vue';
+export declare const sum: (listLike: number | number[]) => number;
+export declare const tryCall: <T>(fLike: T, params: T extends (...args: infer K) => unknown ? K : any, defaultRet?: {}) => any;
+export declare const enforceUnit: (style: CSSProperties) => CSSProperties;
+export declare const componentToSlot: <T>(ComponentLike: JSX.Element | ((props: T) => Component<T, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | undefined) => Slot | ((props: T) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>);

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../utils/index.js');
+var shared = require('@vue/shared');
+var style = require('../../../utils/dom/style.js');
+
+const sumReducer = (sum2, num) => sum2 + num;
+const sum = (listLike) => {
+  return shared.isArray(listLike) ? listLike.reduce(sumReducer, 0) : listLike;
+};
+const tryCall = (fLike, params, defaultRet = {}) => {
+  return shared.isFunction(fLike) ? fLike(params) : fLike != null ? fLike : defaultRet;
+};
+const enforceUnit = (style$1) => {
+  ;
+  ["width", "maxWidth", "minWidth", "height"].forEach((key) => {
+    style$1[key] = style.addUnit(style$1[key]);
+  });
+  return style$1;
+};
+const componentToSlot = (ComponentLike) => vue.isVNode(ComponentLike) ? (props) => vue.h(ComponentLike, props) : ComponentLike;
+
+exports.componentToSlot = componentToSlot;
+exports.enforceUnit = enforceUnit;
+exports.sum = sum;
+exports.tryCall = tryCall;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../packages/components/table-v2/src/utils.ts"],"sourcesContent":["import { h, isVNode } from 'vue'\nimport { addUnit, isArray, isFunction } from '@element-plus/utils'\n\nimport type { CSSProperties, Component, Slot } from 'vue'\n\nconst sumReducer = (sum: number, num: number) => sum + num\n\nexport const sum = (listLike: number | number[]) => {\n  return isArray(listLike) ? listLike.reduce(sumReducer, 0) : listLike\n}\n\nexport const tryCall = <T>(\n  fLike: T,\n  params: T extends (...args: infer K) => unknown ? K : any,\n  defaultRet = {}\n) => {\n  return isFunction(fLike) ? fLike(params) : fLike ?? defaultRet\n}\n\nexport const enforceUnit = (style: CSSProperties) => {\n  ;(['width', 'maxWidth', 'minWidth', 'height'] as const).forEach((key) => {\n    style[key] = addUnit(style[key])\n  })\n\n  return style\n}\n\nexport const componentToSlot = <T>(\n  ComponentLike: JSX.Element | ((props: T) => Component<T>) | undefined\n) =>\n  isVNode(ComponentLike)\n    ? (props: T) => h(ComponentLike, props)\n    : (ComponentLike as Slot)\n"],"names":["isArray","isFunction","style","addUnit","isVNode","h"],"mappings":";;;;;;;;;AAEA,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;AACjC,MAAC,GAAG,GAAG,CAAC,QAAQ,KAAK;AACjC,EAAE,OAAOA,cAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC;AACvE,EAAE;AACU,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,GAAG,EAAE,KAAK;AAC3D,EAAE,OAAOC,iBAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC;AAChF,EAAE;AACU,MAAC,WAAW,GAAG,CAACC,OAAK,KAAK;AACtC,EAAE,CAAC;AACH,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC/D,IAAIA,OAAK,CAAC,GAAG,CAAC,GAAGC,aAAO,CAACD,OAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACrC,GAAG,CAAC,CAAC;AACL,EAAE,OAAOA,OAAK,CAAC;AACf,EAAE;AACU,MAAC,eAAe,GAAG,CAAC,aAAa,KAAKE,WAAO,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,KAAKC,KAAC,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG;;;;;;;"}

package/lib/components/tag/index.d.ts

@@ -5,7 +5,7 @@ export declare const ElTag: import("element-plus/es/utils").SFCWithInstall<impor
     readonly disableTransitions: BooleanConstructor;
     readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
     readonly round: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -15,7 +15,7 @@ export declare const ElTag: import("element-plus/es/utils").SFCWithInstall<impor
         readonly disableTransitions: BooleanConstructor;
         readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-        readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+        readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
         readonly round: BooleanConstructor;
     }>> & {
         onClose?: ((evt: MouseEvent) => any) | undefined;
@@ -83,7 +83,7 @@ export declare const ElTag: import("element-plus/es/utils").SFCWithInstall<impor
     readonly disableTransitions: BooleanConstructor;
     readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
     readonly round: BooleanConstructor;
 }>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
@@ -94,7 +94,7 @@ export declare const ElTag: import("element-plus/es/utils").SFCWithInstall<impor
     round: boolean;
     color: string;
     closable: boolean;
-    effect: import("element-plus/es/utils").BuildPropType<StringConstructor, "plain" | "light" | "dark", unknown>;
+    effect: import("element-plus/es/utils").BuildPropType<StringConstructor, "plain" | "dark" | "light", unknown>;
     hit: boolean;
     disableTransitions: boolean;
 }>> & Record<string, any>;

package/lib/components/tag/src/tag.d.ts

@@ -7,7 +7,7 @@ export declare const tagProps: {
     readonly disableTransitions: BooleanConstructor;
     readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+    readonly effect: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
     readonly round: BooleanConstructor;
 };
 export declare type TagProps = ExtractPropTypes<typeof tagProps>;

package/lib/components/tag/src/tag.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disableTransitions: BooleanConstructor;
     readonly color: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+    readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
     readonly round: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly disableTransitions: BooleanConstructor;
         readonly color: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly size: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-        readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+        readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
         readonly round: BooleanConstructor;
     }>> & {
         onClose?: ((evt: MouseEvent) => any) | undefined;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disableTransitions: BooleanConstructor;
     readonly color: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly size: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "light" | "dark", unknown>;
+    readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "light", unknown, "plain" | "dark" | "light", unknown>;
     readonly round: BooleanConstructor;
 }>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     color: string;
     closable: boolean;
-    effect: import("../../../utils").BuildPropType<StringConstructor, "plain" | "light" | "dark", unknown>;
+    effect: import("../../../utils").BuildPropType<StringConstructor, "plain" | "dark" | "light", unknown>;
     hit: boolean;
     disableTransitions: boolean;
 }>;

package/lib/components/time-select/index.d.ts

@@ -63,6 +63,20 @@ declare const _TimeSelect: SFCWithInstall<import("vue").DefineComponent<{
         default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
 }, {
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     select: import("vue").Ref<null>;
     value: import("vue").ComputedRef<string | undefined>;
     items: import("vue").ComputedRef<never[]>;
@@ -218,6 +232,20 @@ export declare const ElTimeSelect: SFCWithInstall<import("vue").DefineComponent<
         default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
 }, {
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     select: import("vue").Ref<null>;
     value: import("vue").ComputedRef<string | undefined>;
     items: import("vue").ComputedRef<never[]>;

package/lib/components/time-select/src/time-select.js

@@ -8,9 +8,11 @@ var customParseFormat = require('dayjs/plugin/customParseFormat.js');
 var index = require('../../select/index.js');
 var index$1 = require('../../icon/index.js');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../../hooks/index.js');
 require('../../../constants/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var size = require('../../../constants/size.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -139,6 +141,7 @@ const _sfc_main = vue.defineComponent({
   },
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(props) {
+    const nsInput = index$2.useNamespace("input");
     const select = vue.ref(null);
     const value = vue.computed(() => props.modelValue);
     const start = vue.computed(() => {
@@ -186,6 +189,7 @@ const _sfc_main = vue.defineComponent({
       (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     };
     return {
+      nsInput,
       select,
       value,
       items,
@@ -217,13 +221,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     prefix: vue.withCtx(() => [
       _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
         key: 0,
-        class: "el-input__prefix-icon"
+        class: vue.normalizeClass(_ctx.nsInput.e("prefix-icon"))
       }, {
         default: vue.withCtx(() => [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
         ]),
         _: 1
-      })) : vue.createCommentVNode("v-if", true)
+      }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
     ]),
     default: vue.withCtx(() => [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {