@element-plus/nightly 0.0.20261012 → 0.0.20261014

package/es/components/table/src/filter-panel.vue.d.ts

@@ -112,13 +112,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      modelValue: string | number | boolean;
-      name: string;
+      label: string | number | boolean | object;
+      id: string;
       disabled: boolean;
+      name: string;
       value: string | number | boolean | object;
-      id: string;
       validateEvent: boolean;
-      label: string | number | boolean | object;
+      modelValue: string | number | boolean;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -134,13 +134,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: string | number | boolean;
-      name: string;
+      label: string | number | boolean | object;
+      id: string;
       disabled: boolean;
+      name: string;
       value: string | number | boolean | object;
-      id: string;
       validateEvent: boolean;
-      label: string | number | boolean | object;
+      modelValue: string | number | boolean;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -156,13 +156,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    modelValue: string | number | boolean;
-    name: string;
+    label: string | number | boolean | object;
+    id: string;
     disabled: boolean;
+    name: string;
     value: string | number | boolean | object;
-    id: string;
     validateEvent: boolean;
-    label: string | number | boolean | object;
+    modelValue: string | number | boolean;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -186,7 +186,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;
@@ -205,15 +205,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType[]) => void;
     }, _$vue.PublicProps, {
       tag: string;
+      type: "button" | "checkbox";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      modelValue: CheckboxGroupValueType;
       disabled: boolean;
       validateEvent: boolean;
+      modelValue: CheckboxGroupValueType;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -226,15 +226,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
       tag: string;
+      type: "button" | "checkbox";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      modelValue: CheckboxGroupValueType;
       disabled: boolean;
       validateEvent: boolean;
+      modelValue: CheckboxGroupValueType;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -247,15 +247,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType[]) => void;
   }, string, {
     tag: string;
+    type: "button" | "checkbox";
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "button" | "checkbox";
-    modelValue: CheckboxGroupValueType;
     disabled: boolean;
     validateEvent: boolean;
+    modelValue: CheckboxGroupValueType;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -285,16 +285,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tag: (string & {}) | keyof HTMLElementTagNameMap;
-      tabindex: string | number;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       height: string | number;
-      distance: number;
       maxHeight: string | number;
+      tabindex: string | number;
+      mask: boolean | ScrollbarDirection;
+      distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
       viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      mask: boolean | ScrollbarDirection;
       minSize: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -320,16 +320,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tag: (string & {}) | keyof HTMLElementTagNameMap;
-      tabindex: string | number;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       height: string | number;
-      distance: number;
       maxHeight: string | number;
+      tabindex: string | number;
+      mask: boolean | ScrollbarDirection;
+      distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
       viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      mask: boolean | ScrollbarDirection;
       minSize: number;
     }>;
     __isFragment?: never;
@@ -358,16 +358,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tag: (string & {}) | keyof HTMLElementTagNameMap;
-    tabindex: string | number;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     height: string | number;
-    distance: number;
     maxHeight: string | number;
+    tabindex: string | number;
+    mask: boolean | ScrollbarDirection;
+    distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | false | Record<string, any> | ClassValue[] | null;
     viewClass: string | false | Record<string, any> | ClassValue[] | null;
     viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    mask: boolean | ScrollbarDirection;
     minSize: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -376,10 +376,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onShow?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...args: any[]) => any) | undefined;
+      onOpen?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -392,40 +392,40 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      show: (...args: any[]) => void;
-      hide: (...args: any[]) => void;
-      open: (...args: any[]) => void;
       close: (...args: any[]) => void;
+      open: (...args: any[]) => void;
+      hide: (...args: any[]) => void;
+      show: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      offset: number;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      teleported: boolean;
+      effect: PopperEffect;
+      content: string;
       visible: boolean | null;
+      autoClose: number;
+      virtualTriggering: boolean;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      content: string;
+      showArrow: boolean;
+      role: "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation";
+      teleported: boolean;
       showAfter: number;
       hideAfter: number;
-      autoClose: number;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
-      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -436,10 +436,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onShow?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
-      onOpen?: ((...args: any[]) => any) | undefined;
       onClose?: ((...args: any[]) => any) | undefined;
+      onOpen?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -452,32 +452,32 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      offset: number;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      teleported: boolean;
+      effect: PopperEffect;
+      content: string;
       visible: boolean | null;
+      autoClose: number;
+      virtualTriggering: boolean;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
-      content: string;
+      showArrow: boolean;
+      role: "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation";
+      teleported: boolean;
       showAfter: number;
       hideAfter: number;
-      autoClose: number;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
-      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -485,10 +485,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onShow?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -501,40 +501,40 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    show: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
-    open: (...args: any[]) => void;
     close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
+    show: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    offset: number;
-    popperClass: string | false | Record<string, any> | ClassValue[] | null;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    teleported: boolean;
+    effect: PopperEffect;
+    content: string;
     visible: boolean | null;
+    autoClose: number;
+    virtualTriggering: boolean;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
+    popperClass: string | false | Record<string, any> | ClassValue[] | null;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
-    virtualTriggering: boolean;
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
+    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
-    content: string;
+    showArrow: boolean;
+    role: "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation";
+    teleported: boolean;
     showAfter: number;
     hideAfter: number;
-    autoClose: number;
-    role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
-    showArrow: boolean;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/es/components/table/src/store/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/store/index.ts"],"sourcesContent":["import { getCurrentInstance, nextTick, unref } from 'vue'\nimport { isNull } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport useWatcher from './watcher'\n\nimport type { Ref } from 'vue'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { DefaultRow, Filter, Sort, Table } from '../table/defaults'\n\ninterface WatcherPropsData<T extends DefaultRow> {\n  data: Ref<T[]>\n  rowKey: Ref<string | null>\n}\n\nfunction replaceColumn<T extends DefaultRow>(\n  array: TableColumnCtx<T>[],\n  column: TableColumnCtx<T>\n) {\n  return array.map((item) => {\n    if (item.id === column.id) {\n      return column\n    } else if (item.children?.length) {\n      item.children = replaceColumn(item.children, column)\n    }\n    return item\n  })\n}\n\nfunction sortColumn<T extends DefaultRow>(array: TableColumnCtx<T>[]) {\n  array.forEach((item) => {\n    item.no = item.getColumnIndex?.()\n    if (item.children?.length) {\n      sortColumn(item.children)\n    }\n  })\n  array.sort((cur, pre) => cur.no - pre.no)\n}\n\nfunction useStore<T extends DefaultRow>() {\n  const instance = getCurrentInstance() as Table<T>\n  const watcher = useWatcher<T>()\n  const ns = useNamespace('table')\n  const { t } = useLocale()\n\n  type StoreStates = typeof watcher.states\n  const mutations = {\n    setData(states: StoreStates, data: T[]) {\n      const dataInstanceChanged = unref(states._data) !== data\n      states.data.value = data\n      states._data.value = data\n      instance.store.execQuery()\n      // 数据变化，更新部分数据。\n      // 没有使用 computed，而是手动更新部分数据 https://github.com/vuejs/vue/issues/6660#issuecomment-331417140\n      instance.store.updateCurrentRowData()\n      instance.store.updateExpandRows()\n      instance.store.updateTreeData(\n        instance.store.states.defaultExpandAll.value\n      )\n      if (unref(states.reserveSelection)) {\n        instance.store.assertRowKey()\n      } else {\n        if (dataInstanceChanged) {\n          instance.store.clearSelection()\n        } else {\n          instance.store.cleanSelection()\n        }\n      }\n      instance.store.updateSelectionByChildren({ emitChange: false })\n      instance.store.updateAllSelected()\n      if (instance.$ready) {\n        instance.store.scheduleLayout()\n      }\n    },\n\n    insertColumn(\n      states: StoreStates,\n      column: TableColumnCtx<T>,\n      parent: TableColumnCtx<T>,\n      updateColumnOrder: () => void\n    ) {\n      const array = unref(states._columns)\n      let newColumns = []\n      if (!parent) {\n        array.push(column)\n        newColumns = array\n      } else {\n        if (parent && !parent.children) {\n          parent.children = []\n        }\n        parent.children?.push(column)\n        newColumns = replaceColumn(array, parent)\n      }\n      sortColumn(newColumns)\n      states._columns.value = newColumns\n      states.updateOrderFns.push(updateColumnOrder)\n      if (column.type === 'selection') {\n        states.selectable.value = column.selectable\n        states.reserveSelection.value = column.reserveSelection\n      }\n      if (instance.$ready) {\n        instance.store.updateColumns() // hack for dynamics insert column\n        instance.store.scheduleLayout()\n      }\n    },\n\n    updateColumnOrder(states: StoreStates, column: TableColumnCtx<T>) {\n      const newColumnIndex = column.getColumnIndex?.()\n      if (newColumnIndex === column.no) return\n\n      sortColumn(states._columns.value)\n\n      if (instance.$ready) {\n        instance.store.updateColumns()\n      }\n    },\n\n    removeColumn(\n      states: StoreStates,\n      column: TableColumnCtx<T>,\n      parent: TableColumnCtx<T>,\n      updateColumnOrder: () => void\n    ) {\n      const array = unref(states._columns) || []\n      if (parent) {\n        parent.children?.splice(\n          parent.children.findIndex((item) => item.id === column.id),\n          1\n        )\n        // fix #10699, delete parent.children immediately will trigger again\n        nextTick(() => {\n          if (parent.children?.length === 0) {\n            delete parent.children\n          }\n        })\n        states._columns.value = replaceColumn(array, parent)\n      } else {\n        const index = array.indexOf(column)\n        if (index > -1) {\n          array.splice(index, 1)\n          states._columns.value = array\n        }\n      }\n\n      const updateFnIndex = states.updateOrderFns.indexOf(updateColumnOrder)\n      updateFnIndex > -1 && states.updateOrderFns.splice(updateFnIndex, 1)\n\n      if (instance.$ready) {\n        instance.store.updateColumns() // hack for dynamics remove column\n        instance.store.scheduleLayout()\n      }\n    },\n\n    sort(states: StoreStates, options: Sort) {\n      const { prop, order, init } = options\n      if (prop) {\n        const column = unref(states.columns).find(\n          (column) => column.property === prop\n        )\n        if (column) {\n          column.order = order\n          instance.store.updateSort(column, prop, order)\n          instance.store.commit('changeSortCondition', { init })\n        }\n      }\n    },\n\n    changeSortCondition(states: StoreStates, options: Sort) {\n      // 修复 pr https://github.com/ElemeFE/element/pull/15012 导致的 bug\n      // https://github.com/element-plus/element-plus/pull/4640\n      const { sortingColumn, sortProp, sortOrder } = states\n      const columnValue = unref(sortingColumn),\n        propValue = unref(sortProp),\n        orderValue = unref(sortOrder)\n      if (isNull(orderValue)) {\n        states.sortingColumn.value = null\n        states.sortProp.value = null\n      }\n      const ignore = { filter: true }\n      instance.store.execQuery(ignore)\n\n      if (!options || !(options.silent || options.init)) {\n        instance.emit('sort-change', {\n          column: columnValue!,\n          prop: propValue,\n          order: orderValue,\n        })\n      }\n\n      instance.store.updateTableScrollY()\n    },\n\n    filterChange(_states: StoreStates, options: Filter<T>) {\n      const { column, values, silent } = options\n      const newFilters = instance.store.updateFilters(column, values)\n      instance.store.execQuery()\n\n      if (!silent) {\n        instance.emit('filter-change', newFilters)\n      }\n      instance.store.updateTableScrollY()\n    },\n\n    toggleAllSelection() {\n      instance.store.toggleAllSelection?.()\n    },\n\n    rowSelectedChanged(_states: StoreStates, row: T) {\n      instance.store.toggleRowSelection(row)\n      instance.store.updateAllSelected()\n    },\n\n    setHoverRow(states: StoreStates, row: T) {\n      states.hoverRow.value = row\n    },\n\n    setCurrentRow(_states: StoreStates, row: T) {\n      instance.store.updateCurrentRow(row)\n    },\n  }\n  const commit = function (name: keyof typeof mutations, ...args: any[]) {\n    const mutations = instance.store.mutations\n    if (mutations[name]) {\n      ;(mutations[name] as any).apply(instance, [\n        instance.store.states,\n        ...args,\n      ])\n    } else {\n      throw new Error(`Action not found: ${name}`)\n    }\n  }\n  const updateTableScrollY = function () {\n    nextTick(() => instance.layout.updateScrollY.apply(instance.layout))\n  }\n  return {\n    ns,\n    t,\n    ...watcher,\n    mutations,\n    commit,\n    updateTableScrollY,\n  }\n}\n\nexport default useStore\n\nclass HelperStore<T extends DefaultRow> {\n  Return = useStore<T>()\n}\n\ntype StoreFilter = Record<string, string[]>\ntype Store<T extends DefaultRow> = HelperStore<T>['Return']\nexport type { WatcherPropsData, Store, StoreFilter }\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/store/index.ts"],"sourcesContent":["import { getCurrentInstance, nextTick, unref } from 'vue'\nimport { isNull } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport useWatcher from './watcher'\n\nimport type { Ref } from 'vue'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { DefaultRow, Filter, Sort, Table } from '../table/defaults'\n\ninterface WatcherPropsData<T extends DefaultRow> {\n  data: Ref<T[]>\n  rowKey: Ref<string | null>\n}\n\nfunction replaceColumn<T extends DefaultRow>(\n  array: TableColumnCtx<T>[],\n  column: TableColumnCtx<T>\n) {\n  return array.map((item) => {\n    if (item.id === column.id) {\n      return column\n    } else if (item.children?.length) {\n      item.children = replaceColumn(item.children, column)\n    }\n    return item\n  })\n}\n\nfunction sortColumn<T extends DefaultRow>(array: TableColumnCtx<T>[]) {\n  array.forEach((item) => {\n    item.no = item.getColumnIndex?.()\n    if (item.children?.length) {\n      sortColumn(item.children)\n    }\n  })\n  array.sort((cur, pre) => cur.no - pre.no)\n}\n\nfunction useStore<T extends DefaultRow>() {\n  const instance = getCurrentInstance() as Table<T>\n  const watcher = useWatcher<T>()\n  const ns = useNamespace('table')\n  const { t } = useLocale()\n\n  type StoreStates = typeof watcher.states\n  const mutations = {\n    setData(states: StoreStates, data: T[]) {\n      const dataInstanceChanged = unref(states._data) !== data\n      states.data.value = data\n      states._data.value = data\n      instance.store.execQuery()\n      // 数据变化，更新部分数据。\n      // 没有使用 computed，而是手动更新部分数据 https://github.com/vuejs/vue/issues/6660#issuecomment-331417140\n      instance.store.updateCurrentRowData()\n      instance.store.updateExpandRows()\n      instance.store.updateTreeData(\n        instance.store.states.defaultExpandAll.value\n      )\n      if (unref(states.reserveSelection)) {\n        instance.store.assertRowKey()\n      } else {\n        if (dataInstanceChanged) {\n          instance.store.clearSelection()\n        } else {\n          instance.store.cleanSelection()\n        }\n      }\n      instance.store.updateSelectionByChildren({ emitChange: false })\n      instance.store.updateAllSelected()\n      if (instance.$ready) {\n        instance.store.scheduleLayout()\n      }\n    },\n\n    insertColumn(\n      states: StoreStates,\n      column: TableColumnCtx<T>,\n      parent: TableColumnCtx<T>,\n      updateColumnOrder: () => void\n    ) {\n      const array = unref(states._columns)\n      let newColumns: TableColumnCtx<T>[] = []\n      if (!parent) {\n        array.push(column)\n        newColumns = array\n      } else {\n        if (parent && !parent.children) {\n          parent.children = []\n        }\n        parent.children?.push(column)\n        newColumns = replaceColumn(array, parent)\n      }\n      sortColumn(newColumns)\n      states._columns.value = newColumns\n      states.updateOrderFns.push(updateColumnOrder)\n      if (column.type === 'selection') {\n        states.selectable.value = column.selectable\n        states.reserveSelection.value = column.reserveSelection\n      }\n      if (instance.$ready) {\n        instance.store.updateColumns() // hack for dynamics insert column\n        instance.store.scheduleLayout()\n      }\n    },\n\n    updateColumnOrder(states: StoreStates, column: TableColumnCtx<T>) {\n      const newColumnIndex = column.getColumnIndex?.()\n      if (newColumnIndex === column.no) return\n\n      sortColumn(states._columns.value)\n\n      if (instance.$ready) {\n        instance.store.updateColumns()\n      }\n    },\n\n    removeColumn(\n      states: StoreStates,\n      column: TableColumnCtx<T>,\n      parent: TableColumnCtx<T>,\n      updateColumnOrder: () => void\n    ) {\n      const array = unref(states._columns) || []\n      if (parent) {\n        parent.children?.splice(\n          parent.children.findIndex((item) => item.id === column.id),\n          1\n        )\n        // fix #10699, delete parent.children immediately will trigger again\n        nextTick(() => {\n          if (parent.children?.length === 0) {\n            delete parent.children\n          }\n        })\n        states._columns.value = replaceColumn(array, parent)\n      } else {\n        const index = array.indexOf(column)\n        if (index > -1) {\n          array.splice(index, 1)\n          states._columns.value = array\n        }\n      }\n\n      const updateFnIndex = states.updateOrderFns.indexOf(updateColumnOrder)\n      updateFnIndex > -1 && states.updateOrderFns.splice(updateFnIndex, 1)\n\n      if (instance.$ready) {\n        instance.store.updateColumns() // hack for dynamics remove column\n        instance.store.scheduleLayout()\n      }\n    },\n\n    sort(states: StoreStates, options: Sort) {\n      const { prop, order, init } = options\n      if (prop) {\n        const column = unref(states.columns).find(\n          (column) => column.property === prop\n        )\n        if (column) {\n          column.order = order\n          instance.store.updateSort(column, prop, order)\n          instance.store.commit('changeSortCondition', { init })\n        }\n      }\n    },\n\n    changeSortCondition(states: StoreStates, options: Sort) {\n      // 修复 pr https://github.com/ElemeFE/element/pull/15012 导致的 bug\n      // https://github.com/element-plus/element-plus/pull/4640\n      const { sortingColumn, sortProp, sortOrder } = states\n      const columnValue = unref(sortingColumn),\n        propValue = unref(sortProp),\n        orderValue = unref(sortOrder)\n      if (isNull(orderValue)) {\n        states.sortingColumn.value = null\n        states.sortProp.value = null\n      }\n      const ignore = { filter: true }\n      instance.store.execQuery(ignore)\n\n      if (!options || !(options.silent || options.init)) {\n        instance.emit('sort-change', {\n          column: columnValue!,\n          prop: propValue,\n          order: orderValue,\n        })\n      }\n\n      instance.store.updateTableScrollY()\n    },\n\n    filterChange(_states: StoreStates, options: Filter<T>) {\n      const { column, values, silent } = options\n      const newFilters = instance.store.updateFilters(column, values)\n      instance.store.execQuery()\n\n      if (!silent) {\n        instance.emit('filter-change', newFilters)\n      }\n      instance.store.updateTableScrollY()\n    },\n\n    toggleAllSelection() {\n      instance.store.toggleAllSelection?.()\n    },\n\n    rowSelectedChanged(_states: StoreStates, row: T) {\n      instance.store.toggleRowSelection(row)\n      instance.store.updateAllSelected()\n    },\n\n    setHoverRow(states: StoreStates, row: T) {\n      states.hoverRow.value = row\n    },\n\n    setCurrentRow(_states: StoreStates, row: T) {\n      instance.store.updateCurrentRow(row)\n    },\n  }\n  const commit = function (name: keyof typeof mutations, ...args: any[]) {\n    const mutations = instance.store.mutations\n    if (mutations[name]) {\n      ;(mutations[name] as any).apply(instance, [\n        instance.store.states,\n        ...args,\n      ])\n    } else {\n      throw new Error(`Action not found: ${name}`)\n    }\n  }\n  const updateTableScrollY = function () {\n    nextTick(() => instance.layout.updateScrollY.apply(instance.layout))\n  }\n  return {\n    ns,\n    t,\n    ...watcher,\n    mutations,\n    commit,\n    updateTableScrollY,\n  }\n}\n\nexport default useStore\n\nclass HelperStore<T extends DefaultRow> {\n  Return = useStore<T>()\n}\n\ntype StoreFilter = Record<string, string[]>\ntype Store<T extends DefaultRow> = HelperStore<T>['Return']\nexport type { WatcherPropsData, Store, StoreFilter }\n"],"mappings":"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"}

package/es/components/table/src/table/defaults.d.ts

@@ -350,20 +350,20 @@ declare const tableProps: {
    * @description size of Table
    */
   size: {
-    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
    */
-  height: (StringConstructor | NumberConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's max-height. The legal value is a number or the height in px
    */
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether width of column automatically fits its container
    */
@@ -441,7 +441,7 @@ declare const tableProps: {
   /**
    * @description key of current row, a set only prop
    */
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   /**
    * @description displayed text when data is empty. You can customize this area with `#empty`
    */
@@ -545,7 +545,7 @@ declare const tableProps: {
   tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**

package/es/components/table/src/table/style-helper.d.ts

@@ -11,7 +11,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   isGroup: _$vue.Ref<boolean, boolean>;
   handleMouseLeave: () => void;
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
-  tableSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  tableSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   emptyBlockStyle: _$vue.ComputedRef<{
     width: string;
     height: string;

package/es/components/table/src/table-body/index.d.ts

@@ -82,9 +82,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   highlight: BooleanConstructor;
 }>> & Readonly<{}>, {
-  fixed: string;
   stripe: boolean;
   context: Table<any>;
+  fixed: string;
   highlight: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/es/components/table/src/table-body/render-helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"render-helper.mjs","names":["TdWrapper"],"sources":["../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { computed, h, inject } from 'vue'\nimport { merge } from 'lodash-unified'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isBoolean, isPropAbsent } from '@element-plus/utils'\nimport { getRowIdentity } from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\nimport TdWrapper from './td-wrapper.vue'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n  DefaultRow,\n  RenderRowData,\n  Table,\n  TableColumnCtx,\n  TableProps,\n  TreeNode,\n} from '../table/defaults'\nimport type { TreeData } from '../store/tree'\nimport type { TableOverflowTooltipOptions } from '../util'\n\nfunction useRender<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n  const {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  } = useEvents(props)\n  const {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  } = useStyles(props)\n\n  let displayIndex = -1\n\n  const firstDefaultColumnIndex = computed(() => {\n    return props.store?.states.columns.value.findIndex(\n      ({ type }) => type === 'default'\n    )\n  })\n  const getKeyOfRow = (row: T, index: number) => {\n    const rowKey = (parent?.props as Partial<TableProps<T>>)?.rowKey\n    if (rowKey) {\n      return getRowIdentity(row, rowKey)\n    }\n    return index\n  }\n  const rowRender = (\n    row: T,\n    $index: number,\n    treeRowData?: TreeNode,\n    expanded = false\n  ) => {\n    const { tooltipEffect, tooltipOptions, store } = props\n    const { indent, columns } = store!.states\n    const rowClasses = []\n    let display = true\n    if (treeRowData) {\n      rowClasses.push(ns.em('row', `level-${treeRowData.level}`))\n      display = !!treeRowData.display\n    }\n    if ($index === 0) {\n      displayIndex = -1\n    }\n    if (props.stripe && display) {\n      displayIndex++\n    }\n    rowClasses.push(...getRowClass(row, $index, displayIndex))\n    const displayStyle = display ? null : { display: 'none' }\n    return h(\n      'tr',\n      {\n        style: [displayStyle, getRowStyle(row, $index)],\n        class: rowClasses,\n        key: getKeyOfRow(row, $index),\n        onDblclick: ($event: MouseEvent) => handleDoubleClick($event, row),\n        onClick: ($event: PointerEvent) => handleClick($event, row),\n        onContextmenu: ($event: PointerEvent) => handleContextMenu($event, row),\n        onMouseenter: () => handleMouseEnter($index),\n        onMouseleave: handleMouseLeave,\n      },\n      columns.value.map((column, cellIndex) => {\n        const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n        if (!rowspan || !colspan) {\n          return null\n        }\n        const columnData = Object.assign({}, column)\n        columnData.realWidth = getColspanRealWidth(\n          columns.value,\n          colspan,\n          cellIndex\n        )\n        const data: RenderRowData<T> = {\n          store: store!,\n          _self: props.context || parent!,\n          column: columnData,\n          row,\n          $index,\n          cellIndex,\n          expanded,\n        }\n        if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n          data.treeNode = {\n            indent: treeRowData.level && treeRowData.level * indent.value,\n            level: treeRowData.level,\n          }\n          if (isBoolean(treeRowData.expanded)) {\n            data.treeNode.expanded = treeRowData.expanded\n            // 表明是懒加载\n            if ('loading' in treeRowData) {\n              data.treeNode.loading = treeRowData.loading\n            }\n            if ('noLazyChildren' in treeRowData) {\n              data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n            }\n          }\n        }\n        const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`\n        const patchKey = columnData.columnKey || columnData.rawColumnKey || ''\n        const mergedTooltipOptions =\n          column.showOverflowTooltip &&\n          merge(\n            {\n              effect: tooltipEffect,\n            },\n            tooltipOptions,\n            column.showOverflowTooltip\n          )\n        return h(\n          TdWrapper,\n          {\n            style: getCellStyle($index, cellIndex, row, column),\n            class: getCellClass($index, cellIndex, row, column, colspan - 1),\n            key: `${patchKey}${baseKey}`,\n            rowspan,\n            colspan,\n            onMouseenter: ($event: MouseEvent) =>\n              handleCellMouseEnter(\n                $event,\n                row,\n                mergedTooltipOptions as TableOverflowTooltipOptions\n              ),\n            onMouseleave: handleCellMouseLeave,\n          },\n          {\n            default: () => cellChildren(cellIndex, column, data),\n          }\n        )\n      })\n    )\n  }\n  const cellChildren = <T extends DefaultRow>(\n    _cellIndex: number,\n    column: TableColumnCtx<T>,\n    data: RenderRowData<T>\n  ) => {\n    return column.renderCell(data)\n  }\n\n  const wrappedRowRender = (row: T, $index: number) => {\n    const store = props.store!\n    const { isRowExpanded, assertRowKey } = store\n    const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n      store.states\n    const columns = store.states.columns.value\n    const hasExpandColumn = columns.some(({ type }) => type === 'expand')\n    if (hasExpandColumn) {\n      const expanded = isRowExpanded(row)\n      const tr = rowRender(row, $index, undefined, expanded)\n      const renderExpanded = parent?.renderExpanded\n      if (!renderExpanded) {\n        console.error('[Element Error]renderExpanded is required.')\n        return tr\n      }\n\n      // 在没设置时候避免 h 执行\n      // 非保留模式且未展开时，直接返回\n      // 使用二维数组包装，避免修改 $index\n      const rows = [[tr]]\n\n      // 仅在需要时创建展开行（保留模式或展开状态）\n      if (parent.props.preserveExpandedContent || expanded) {\n        rows[0].push(\n          h(\n            'tr',\n            {\n              key: `expanded-row__${tr.key as string}`,\n              style: { display: expanded ? '' : 'none' },\n            },\n            [\n              h(\n                'td',\n                {\n                  colspan: columns.length,\n                  class: `${ns.e('cell')} ${ns.e('expanded-cell')}`,\n                },\n                [renderExpanded({ row, $index, store, expanded })]\n              ),\n            ]\n          )\n        )\n      }\n\n      return rows\n    } else if (Object.keys(treeData.value).length) {\n      assertRowKey()\n      // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n      // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n      const key = getRowIdentity(row, rowKey.value)\n      let cur = treeData.value[key]\n      let treeRowData = null\n      if (cur) {\n        treeRowData = {\n          expanded: cur.expanded,\n          level: cur.level,\n          display: true,\n          noLazyChildren: undefined as boolean | undefined,\n          loading: undefined as boolean | undefined,\n        }\n        if (isBoolean(cur.lazy)) {\n          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {\n            treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n          }\n          treeRowData.loading = cur.loading\n        }\n      }\n      const tmp = [rowRender(row, $index, treeRowData ?? undefined)]\n      // 渲染嵌套数据\n      if (cur) {\n        // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n        let i = 0\n        const traverse = (children: T[], parent: TreeData) => {\n          if (!(children && children.length && parent)) return\n          children.forEach((node) => {\n            // 父节点的 display 状态影响子节点的显示状态\n            const innerTreeRowData: Partial<Record<string, any>> = {\n              display: parent.display && parent.expanded,\n              level: parent.level! + 1,\n              expanded: false,\n              noLazyChildren: false,\n              loading: false,\n            }\n            const childKey = getRowIdentity(node, rowKey.value)\n            if (isPropAbsent(childKey)) {\n              throw new Error('For nested data item, row-key is required.')\n            }\n            cur = { ...treeData.value[childKey] }\n            // 对于当前节点，分成有无子节点两种情况。\n            // 如果包含子节点的，设置 expanded 属性。\n            // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n            if (cur) {\n              innerTreeRowData.expanded = cur.expanded\n              // 懒加载的某些节点，level 未知\n              cur.level = cur.level || innerTreeRowData.level\n              cur.display = !!(cur.expanded && innerTreeRowData.display)\n              if (isBoolean(cur.lazy)) {\n                if (isBoolean(cur.loaded) && cur.loaded) {\n                  innerTreeRowData.noLazyChildren = !(\n                    cur.children && cur.children.length\n                  )\n                }\n                innerTreeRowData.loading = cur.loading\n              }\n            }\n            i++\n            tmp.push(rowRender(node, $index + i, innerTreeRowData))\n            if (cur) {\n              const nodes =\n                lazyTreeNodeMap.value[childKey] ||\n                node[childrenColumnName.value]\n              traverse(nodes, cur)\n            }\n          })\n        }\n        // 对于 root 节点，display 一定为 true\n        cur.display = true\n        const nodes =\n          lazyTreeNodeMap.value[key] || row[childrenColumnName.value]\n        traverse(nodes, cur)\n      }\n      return tmp\n    } else {\n      return rowRender(row, $index, undefined)\n    }\n  }\n\n  return {\n    wrappedRowRender,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useRender\n"],"mappings":"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"}
+{"version":3,"file":"render-helper.mjs","names":["TdWrapper"],"sources":["../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { computed, h, inject } from 'vue'\nimport { merge } from 'lodash-unified'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isBoolean, isPropAbsent } from '@element-plus/utils'\nimport { getRowIdentity } from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\nimport TdWrapper from './td-wrapper.vue'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n  DefaultRow,\n  RenderRowData,\n  Table,\n  TableColumnCtx,\n  TableProps,\n  TreeNode,\n} from '../table/defaults'\nimport type { TreeData } from '../store/tree'\nimport type { TableOverflowTooltipOptions } from '../util'\n\nfunction useRender<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n  const {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  } = useEvents(props)\n  const {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  } = useStyles(props)\n\n  let displayIndex = -1\n\n  const firstDefaultColumnIndex = computed(() => {\n    return props.store?.states.columns.value.findIndex(\n      ({ type }) => type === 'default'\n    )\n  })\n  const getKeyOfRow = (row: T, index: number) => {\n    const rowKey = (parent?.props as Partial<TableProps<T>>)?.rowKey\n    if (rowKey) {\n      return getRowIdentity(row, rowKey)\n    }\n    return index\n  }\n  const rowRender = (\n    row: T,\n    $index: number,\n    treeRowData?: TreeNode,\n    expanded = false\n  ) => {\n    const { tooltipEffect, tooltipOptions, store } = props\n    const { indent, columns } = store!.states\n    const rowClasses: string[] = []\n    let display = true\n    if (treeRowData) {\n      rowClasses.push(ns.em('row', `level-${treeRowData.level}`))\n      display = !!treeRowData.display\n    }\n    if ($index === 0) {\n      displayIndex = -1\n    }\n    if (props.stripe && display) {\n      displayIndex++\n    }\n    rowClasses.push(...getRowClass(row, $index, displayIndex))\n    const displayStyle = display ? null : { display: 'none' }\n    return h(\n      'tr',\n      {\n        style: [displayStyle, getRowStyle(row, $index)],\n        class: rowClasses,\n        key: getKeyOfRow(row, $index),\n        onDblclick: ($event: MouseEvent) => handleDoubleClick($event, row),\n        onClick: ($event: PointerEvent) => handleClick($event, row),\n        onContextmenu: ($event: PointerEvent) => handleContextMenu($event, row),\n        onMouseenter: () => handleMouseEnter($index),\n        onMouseleave: handleMouseLeave,\n      },\n      columns.value.map((column, cellIndex) => {\n        const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n        if (!rowspan || !colspan) {\n          return null\n        }\n        const columnData = Object.assign({}, column)\n        columnData.realWidth = getColspanRealWidth(\n          columns.value,\n          colspan,\n          cellIndex\n        )\n        const data: RenderRowData<T> = {\n          store: store!,\n          _self: props.context || parent!,\n          column: columnData,\n          row,\n          $index,\n          cellIndex,\n          expanded,\n        }\n        if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n          data.treeNode = {\n            indent: treeRowData.level && treeRowData.level * indent.value,\n            level: treeRowData.level,\n          }\n          if (isBoolean(treeRowData.expanded)) {\n            data.treeNode.expanded = treeRowData.expanded\n            // 表明是懒加载\n            if ('loading' in treeRowData) {\n              data.treeNode.loading = treeRowData.loading\n            }\n            if ('noLazyChildren' in treeRowData) {\n              data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n            }\n          }\n        }\n        const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`\n        const patchKey = columnData.columnKey || columnData.rawColumnKey || ''\n        const mergedTooltipOptions =\n          column.showOverflowTooltip &&\n          merge(\n            {\n              effect: tooltipEffect,\n            },\n            tooltipOptions,\n            column.showOverflowTooltip\n          )\n        return h(\n          TdWrapper,\n          {\n            style: getCellStyle($index, cellIndex, row, column),\n            class: getCellClass($index, cellIndex, row, column, colspan - 1),\n            key: `${patchKey}${baseKey}`,\n            rowspan,\n            colspan,\n            onMouseenter: ($event: MouseEvent) =>\n              handleCellMouseEnter(\n                $event,\n                row,\n                mergedTooltipOptions as TableOverflowTooltipOptions\n              ),\n            onMouseleave: handleCellMouseLeave,\n          },\n          {\n            default: () => cellChildren(cellIndex, column, data),\n          }\n        )\n      })\n    )\n  }\n  const cellChildren = <T extends DefaultRow>(\n    _cellIndex: number,\n    column: TableColumnCtx<T>,\n    data: RenderRowData<T>\n  ) => {\n    return column.renderCell(data)\n  }\n\n  const wrappedRowRender = (row: T, $index: number) => {\n    const store = props.store!\n    const { isRowExpanded, assertRowKey } = store\n    const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n      store.states\n    const columns = store.states.columns.value\n    const hasExpandColumn = columns.some(({ type }) => type === 'expand')\n    if (hasExpandColumn) {\n      const expanded = isRowExpanded(row)\n      const tr = rowRender(row, $index, undefined, expanded)\n      const renderExpanded = parent?.renderExpanded\n      if (!renderExpanded) {\n        console.error('[Element Error]renderExpanded is required.')\n        return tr\n      }\n\n      // 在没设置时候避免 h 执行\n      // 非保留模式且未展开时，直接返回\n      // 使用二维数组包装，避免修改 $index\n      const rows = [[tr]]\n\n      // 仅在需要时创建展开行（保留模式或展开状态）\n      if (parent.props.preserveExpandedContent || expanded) {\n        rows[0].push(\n          h(\n            'tr',\n            {\n              key: `expanded-row__${tr.key as string}`,\n              style: { display: expanded ? '' : 'none' },\n            },\n            [\n              h(\n                'td',\n                {\n                  colspan: columns.length,\n                  class: `${ns.e('cell')} ${ns.e('expanded-cell')}`,\n                },\n                [renderExpanded({ row, $index, store, expanded })]\n              ),\n            ]\n          )\n        )\n      }\n\n      return rows\n    } else if (Object.keys(treeData.value).length) {\n      assertRowKey()\n      // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n      // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n      const key = getRowIdentity(row, rowKey.value)\n      let cur = treeData.value[key]\n      let treeRowData: TreeNode | null = null\n      if (cur) {\n        treeRowData = {\n          expanded: cur.expanded,\n          level: cur.level,\n          display: true,\n          noLazyChildren: undefined as boolean | undefined,\n          loading: undefined as boolean | undefined,\n        }\n        if (isBoolean(cur.lazy)) {\n          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {\n            treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n          }\n          treeRowData.loading = cur.loading\n        }\n      }\n      const tmp = [rowRender(row, $index, treeRowData ?? undefined)]\n      // 渲染嵌套数据\n      if (cur) {\n        // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n        let i = 0\n        const traverse = (children: T[], parent: TreeData) => {\n          if (!(children && children.length && parent)) return\n          children.forEach((node) => {\n            // 父节点的 display 状态影响子节点的显示状态\n            const innerTreeRowData: Partial<Record<string, any>> = {\n              display: parent.display && parent.expanded,\n              level: parent.level! + 1,\n              expanded: false,\n              noLazyChildren: false,\n              loading: false,\n            }\n            const childKey = getRowIdentity(node, rowKey.value)\n            if (isPropAbsent(childKey)) {\n              throw new Error('For nested data item, row-key is required.')\n            }\n            cur = { ...treeData.value[childKey] }\n            // 对于当前节点，分成有无子节点两种情况。\n            // 如果包含子节点的，设置 expanded 属性。\n            // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n            if (cur) {\n              innerTreeRowData.expanded = cur.expanded\n              // 懒加载的某些节点，level 未知\n              cur.level = cur.level || innerTreeRowData.level\n              cur.display = !!(cur.expanded && innerTreeRowData.display)\n              if (isBoolean(cur.lazy)) {\n                if (isBoolean(cur.loaded) && cur.loaded) {\n                  innerTreeRowData.noLazyChildren = !(\n                    cur.children && cur.children.length\n                  )\n                }\n                innerTreeRowData.loading = cur.loading\n              }\n            }\n            i++\n            tmp.push(rowRender(node, $index + i, innerTreeRowData))\n            if (cur) {\n              const nodes =\n                lazyTreeNodeMap.value[childKey] ||\n                node[childrenColumnName.value]\n              traverse(nodes, cur)\n            }\n          })\n        }\n        // 对于 root 节点，display 一定为 true\n        cur.display = true\n        const nodes =\n          lazyTreeNodeMap.value[key] || row[childrenColumnName.value]\n        traverse(nodes, cur)\n      }\n      return tmp\n    } else {\n      return rowRender(row, $index, undefined)\n    }\n  }\n\n  return {\n    wrappedRowRender,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useRender\n"],"mappings":"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"}

package/es/components/table/src/table-body/td-wrapper.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: number;
   };
 }>> & Readonly<{}>, {
-  rowspan: number;
   colspan: number;
+  rowspan: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/table/src/table-column/defaults.d.ts

@@ -231,14 +231,14 @@ declare const tableColumnProps: {
    * @description column width
    */
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
    * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
    */
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**