ele-admin-plus 1.4.1-beta.1 → 1.5.0-beta.1

package/es/ele-virtual-table/index.js

@@ -1,9 +1,10 @@
 import { defineComponent, ref, reactive, computed, onActivated, onDeactivated, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createVNode, mergeProps, createSlots, withCtx, renderSlot, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { useLocale, ElTableV2, ElEmpty } from "element-plus";
 import { eachTree, queryChild, findTree, getValue } from "../utils/common";
+import { useResizeObserver } from "../utils/hook";
 import EleTooltip from "../ele-tooltip/index";
 import { useEmits, useStickyHeader, isReserveChecked, valueIsChanged, arrayIsChanged, getRowKeys, mergeTooltipProps, getGlobalTooltipProps } from "../ele-data-table/util";
-import { useAutoResize, getDefaultSort, getDefaultFiltered, getTreeProps, getRowHeight, isAutoRowHeight, getTableHeight, analyseColumns, getColKey, transformTableData, getSelectableFunction, getSortBy, getOrderValue, getRowByKey, getKeysAndList, computeColSizes, colSizesIsChanged, getTableColumns, getColumnByKey, getSortOrder, cellIsOverflow } from "./util";
+import { getDefaultSorter, getDefaultSort, getDefaultFiltered, getTreeProps, getRowHeight, isAutoRowHeight, getTableHeight, analyseColumns, getColKey, transformTableData, getSelectableFunction, getSortBy, getOrderValue, getRowByKey, getKeysAndList, computeColSizes, colSizesIsChanged, getTableColumns, getColumnByKey, getSortOrder, cellIsOverflow, getSortCompareValue } from "./util";
 import HeaderRow from "./components/header-row";
 import BodyRow from "./components/body-row";
 import ExpandRow from "./components/expand-row";
@@ -24,14 +25,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { t } = useLocale();
     const events = useEmits(emit);
-    const { wrapWidth, wrapHeight, updateWrapSize } = useAutoResize(
-      () => rootRef.value
-    );
+    const [wrapWidth, wrapHeight, updateWrapSize] = useResizeObserver({
+      getEl: () => rootRef.value
+    });
     const { isLayoutFixedHead, isLayoutMaximized } = useStickyHeader();
     const tableState = {
       checked: /* @__PURE__ */ new Map(),
       reserveChecked: false,
-      scrollTop: 0
+      scrollTop: 0,
+      sorter: getDefaultSorter(props.defaultSort, props.columns)
     };
     const rootRef = ref(null);
     const tableRef = ref(null);
@@ -44,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableWidth = ref(0);
     const tableHeight = ref(0);
     const tableData = ref([]);
+    const tableCurrentData = ref([]);
     const tableColumns = ref([]);
     const tableScrollLeft = ref(0);
     const selectedRowKey = ref(props.currentRowKey ?? null);
@@ -80,10 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isTreeData = computed(() => {
       return tableData.value.some(
-        (d) => {
-          var _a;
-          return ((_a = d.children) == null ? void 0 : _a.length) || props.lazy && d.hasChildren;
-        }
+        (d) => d.children?.length || props.lazy && d.hasChildren
       );
     });
     const tableExpandCol = computed(() => {
@@ -124,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.showHeader ? headerRows.value.length : 0;
     });
     const hasFooter = computed(() => {
-      return !!(props.showSummary && tableData.value.length);
+      return !!(props.showSummary && tableCurrentData.value.length);
     });
     const tableProps = computed(() => {
       const rowHeight = tableRowHeight.value;
@@ -132,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const opt = {
         cache: 2,
         estimatedRowHeight: autoRowHeight.value ? rowHeight : void 0,
-        headerClass: (params) => {
+        headerClass: ((params) => {
           const rowClass = props.headerRowClassName;
           const classes = ["ele-table-head-tr"];
           if (typeof rowClass === "function") {
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             classes.push(rowClass);
           }
           return classes.join(" ");
-        },
+        }),
         headerProps: (params) => {
           const opt2 = { rowIndex: params.headerIndex };
           const style = props.headerRowStyle;
@@ -153,7 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         //headerCellProps: void 0,
         headerHeight: headerNums.value ? headerHeight : 0,
         footerHeight: hasFooter.value ? rowHeight : void 0,
-        rowClass: (params) => {
+        rowClass: ((params) => {
           const classes = ["ele-table-tr"];
           const row = params.rowData;
           const rowIndex = row.rowIndex;
@@ -177,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
           }
           return classes.join(" ");
-        },
+        }),
         rowKey: "rowId",
         rowProps: (params) => {
           const row = params.rowData;
@@ -188,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowHeight: autoRowHeight.value ? void 0 : rowHeight,
         //cellProps: void 0,
         columns: tableColumns.value,
-        data: tableData.value,
+        data: tableCurrentData.value,
         //dataGetter: void 0,
         //fixedData: void 0,
         expandColumnKey: tableExpandColumnKey.value,
@@ -223,6 +223,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableEmptyText = computed(() => {
       return props.errorText || props.emptyText || t("el.table.emptyText");
     });
+    const hideTooltip = () => {
+      tableTooltipProps.visible = false;
+      tableTooltipProps.disabled = true;
+    };
     const triggerTooltip = (cell, col) => {
       const cellText = cell.innerText;
       const tooltip = mergeTooltipProps(
@@ -255,14 +259,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         hideTooltip();
       }
     };
-    const hideTooltip = () => {
-      tableTooltipProps.visible = false;
-      tableTooltipProps.disabled = true;
+    const sortAndFilterTableData = (sorter) => {
+      if (sorter && tableState.sorter !== sorter) {
+        tableState.sorter = sorter;
+      }
+      let data = [...tableData.value];
+      if (tableState.sorter) {
+        const { prop, order, column: col } = tableState.sorter;
+        if (col?.sortable === true) {
+          const reverse = order === "descending" ? -1 : 1;
+          data.sort((a, b) => {
+            if (!order) {
+              return a.rowIndex - b.rowIndex;
+            }
+            const v = getSortCompareValue(col.sortMethod, a, b, prop);
+            return v * reverse;
+          });
+        }
+      }
+      Object.keys(filtered).forEach((key) => {
+        const col = getColumnByKey(props.columns, key);
+        const filterMethod = col?.filterMethod;
+        const values = filtered[key];
+        if (!values?.length || !filterMethod) {
+          return;
+        }
+        data = data.filter((d) => {
+          const row = d.rowData;
+          return values.some((value) => filterMethod(value, row, col));
+        });
+      });
+      tableCurrentData.value = data;
     };
     const handleTableFilterChange = (params) => {
       const key = getColKey(params.column);
       if (key) {
         filtered[key] = params.value;
+        sortAndFilterTableData();
         events.onFilterChange(filtered);
       }
     };
@@ -322,7 +355,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           events.onSelectionChange(getSelectionRows());
         }
       }
-      events.onRowClick(rowData, col, e);
+      events.onRowClick(rowData, col, e, row.isDisabled, getSelectionRows());
     };
     const handleCellDblclick = (row, col, e) => {
       const cell = e.currentTarget;
@@ -346,13 +379,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleHeaderCellClick = (col, e) => {
       if (col && (col.sortable === true || col.sortable === "custom")) {
         sortBy.value = getSortBy(sortBy.value, col);
-        events.onSortChange({
-          prop: col.property || col.prop,
-          order: getOrderValue(
-            sortBy.value ? sortBy.value.order : void 0
-          ),
-          column: col
-        });
+        const prop = col.property || col.prop;
+        const order = getOrderValue(
+          sortBy.value ? sortBy.value.order : void 0
+        );
+        const sorter = { prop, order, column: col };
+        sortAndFilterTableData(sorter);
+        events.onSortChange(sorter);
       }
       events.onHeaderClick(col, e);
     };
@@ -400,6 +433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         props.rowKey,
         getSelectableFunction(bodyCols.value)
       );
+      sortAndFilterTableData();
       if (props.defaultExpandAll) {
         toggleRowExpansionAll(true);
       } else if (props.expandRowKeys && props.expandRowKeys.length) {
@@ -420,7 +454,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const row = getRowByKey(key, tableData.value);
         if (row != null || props.reserveCurrent) {
           tableState.oldRow = tableState.row;
-          tableState.row = (row == null ? void 0 : row.rowData) || item || void 0;
+          tableState.row = row?.rowData || item || void 0;
           if (tableState.row == null && props.cacheData != null) {
             tableState.row = getRowByKey(
               key,
@@ -709,6 +743,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const clearSort = () => {
       if (sortBy.value != null) {
         sortBy.value = void 0;
+        tableState.sorter = void 0;
+        sortAndFilterTableData();
       }
     };
     const clearFilter = (columnKeys) => {
@@ -719,6 +755,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           filtered[key] = [];
         }
       });
+      sortAndFilterTableData();
     };
     const doLayout = (force) => {
       const { width, sumWidth, rowSizes, colSizes } = computeColSizes(
@@ -748,7 +785,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: getColKey(col),
         order: getSortOrder(order)
       };
-      events.onSortChange({ prop, order, column: col });
+      const sorter = { prop, order, column: col };
+      sortAndFilterTableData(sorter);
+      events.onSortChange(sorter);
     };
     const scrollTo = (options, yCoord) => {
       if (!tableRef.value) {
@@ -925,8 +964,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "rootRef",
         ref: rootRef,
-        class: normalizeClass([
-          "ele-virtual-table",
+        class: normalizeClass(["ele-virtual-table", [
           { "is-border": _ctx.border || headerRows.value.length > 1 },
           { "is-stripe": _ctx.stripe },
           { "is-sticky": _ctx.sticky },
@@ -940,7 +978,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           { "is-auto-width": unref(wrapWidth) === tableWidth.value },
           { "is-small": _ctx.size === "small" },
           { "is-large": _ctx.size === "large" }
-        ]),
+        ]]),
         onMouseleave: handleTableMouseleave
       }, [
         tableProps.value.width ? (openBlock(), createBlock(unref(ElTableV2), mergeProps({ key: 0 }, tableProps.value, {
@@ -985,70 +1023,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]), 1032, ["headerCols", "headerColSizes", "headerIndex", "sortBy", "filtered", "isCheckAll", "isIndeterminate", "disabledCheckbox", "tableSize", "headerCellClass", "headerCellStyle", "rowHeight"])) : createCommentVNode("", true)
           ]),
-          row: withCtx((rowProps) => {
-            var _a;
-            return [
-              rowProps && rowProps.rowData && rowProps.rowData.isExpandRow ? (openBlock(), createBlock(ExpandRow, {
-                key: 0,
-                column: (_a = tableExpandCol.value) == null ? void 0 : _a.originalCol,
-                rowIndex: rowProps.rowData.rowIndex,
-                rowData: rowProps.rowData.rowData,
-                onMouseenter: handleExpandCellMouseenter
-              }, createSlots({ _: 2 }, [
-                renderList(Object.keys(_ctx.$slots).filter(
-                  (k) => !ownSlots.includes(k)
-                ), (name) => {
-                  return {
-                    name,
-                    fn: withCtx((slotProps) => [
-                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["column", "rowIndex", "rowData"])) : rowProps && rowProps.rowData && rowProps.rowData.rowData ? (openBlock(), createBlock(BodyRow, {
-                key: 1,
-                bodyCols: bodyCols.value,
-                colSizes: bodyColSizes.value,
-                rowIndex: rowProps.rowData.rowIndex,
-                rowItem: rowProps.rowData,
-                rowId: rowProps.rowData.rowId,
-                checkedRowKeys: checkedRowKeys.value,
-                bodyCellClass: _ctx.cellClassName,
-                bodyCellStyle: _ctx.cellStyle,
-                spanMethod: _ctx.spanMethod,
-                tableTooltipProps: _ctx.showOverflowTooltip,
-                pageIndex: _ctx.pageIndex,
-                rowHeight: tableRowHeight.value,
-                tableSize: _ctx.size,
-                expandColumnKey: tableExpandColumnKey.value,
-                expandedRowKeys: expandedRowKeys.value,
-                lazy: _ctx.lazy,
-                load: _ctx.load,
-                level: rowProps.depth,
-                indent: _ctx.indent,
-                fixedCellHeight: hasExpandCol.value,
-                autoRowHeight: autoRowHeight.value,
-                onCellCheckedChange: handleCellCheckedChange,
-                onCellExpandChange: handleCellExpandChange,
-                onCellClick: handleCellClick,
-                onCellDblclick: handleCellDblclick,
-                onCellContextmenu: handleCellContextmenu,
-                onCellMouseenter: handleCellMouseenter,
-                onCellMouseleave: handleCellMouseleave
-              }, createSlots({ _: 2 }, [
-                renderList(Object.keys(_ctx.$slots).filter(
-                  (k) => !ownSlots.includes(k)
-                ), (name) => {
-                  return {
-                    name,
-                    fn: withCtx((slotProps) => [
-                      renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1032, ["bodyCols", "colSizes", "rowIndex", "rowItem", "rowId", "checkedRowKeys", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "tableSize", "expandColumnKey", "expandedRowKeys", "lazy", "load", "level", "indent", "fixedCellHeight", "autoRowHeight"])) : createCommentVNode("", true)
-            ];
-          }),
+          row: withCtx((rowProps) => [
+            rowProps && rowProps.rowData && rowProps.rowData.isExpandRow ? (openBlock(), createBlock(ExpandRow, {
+              key: 0,
+              column: tableExpandCol.value?.originalCol,
+              rowIndex: rowProps.rowData.rowIndex,
+              rowData: rowProps.rowData.rowData,
+              onMouseenter: handleExpandCellMouseenter
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["column", "rowIndex", "rowData"])) : rowProps && rowProps.rowData && rowProps.rowData.rowData ? (openBlock(), createBlock(BodyRow, {
+              key: 1,
+              bodyCols: bodyCols.value,
+              colSizes: bodyColSizes.value,
+              rowIndex: rowProps.rowData.rowIndex,
+              rowItem: rowProps.rowData,
+              rowId: rowProps.rowData.rowId,
+              checkedRowKeys: checkedRowKeys.value,
+              bodyCellClass: _ctx.cellClassName,
+              bodyCellStyle: _ctx.cellStyle,
+              spanMethod: _ctx.spanMethod,
+              tableTooltipProps: _ctx.showOverflowTooltip,
+              pageIndex: _ctx.pageIndex,
+              rowHeight: tableRowHeight.value,
+              tableSize: _ctx.size,
+              expandColumnKey: tableExpandColumnKey.value,
+              expandedRowKeys: expandedRowKeys.value,
+              lazy: _ctx.lazy,
+              load: _ctx.load,
+              level: rowProps.depth,
+              indent: _ctx.indent,
+              fixedCellHeight: hasExpandCol.value,
+              autoRowHeight: autoRowHeight.value,
+              onCellCheckedChange: handleCellCheckedChange,
+              onCellExpandChange: handleCellExpandChange,
+              onCellClick: handleCellClick,
+              onCellDblclick: handleCellDblclick,
+              onCellContextmenu: handleCellContextmenu,
+              onCellMouseenter: handleCellMouseenter,
+              onCellMouseleave: handleCellMouseleave
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !ownSlots.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["bodyCols", "colSizes", "rowIndex", "rowItem", "rowId", "checkedRowKeys", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "tableSize", "expandColumnKey", "expandedRowKeys", "lazy", "load", "level", "indent", "fixedCellHeight", "autoRowHeight"])) : createCommentVNode("", true)
+          ]),
           empty: withCtx(() => [
             renderSlot(_ctx.$slots, "empty", {
               text: _ctx.emptyText,
@@ -1072,7 +1107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 bodyCols: bodyCols.value,
                 colSizes: bodyColSizes.value,
                 sumWidth: colsSumWidth.value,
-                tableData: tableData.value,
+                tableData: tableCurrentData.value,
                 rowHeight: tableRowHeight.value,
                 sumText: tableSumText.value,
                 summaryMethod: _ctx.summaryMethod,

package/es/ele-virtual-table/props.d.ts

@@ -50,8 +50,13 @@ export declare const virtualTableProps: {
         type: import('vue').PropType<any[]>;
         default: () => never[];
     };
-    width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    tableLayout: {
+        type: import('vue').PropType<"fixed" | "auto">;
+        default: string;
+    };
+    width: (NumberConstructor | StringConstructor)[];
     size: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
@@ -62,7 +67,6 @@ export declare const virtualTableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
@@ -109,10 +113,6 @@ export declare const virtualTableProps: {
         };
     };
     load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["load"]>;
-    tableLayout: {
-        type: import('vue').PropType<"fixed" | "auto">;
-        default: string;
-    };
     scrollbarAlwaysOn: BooleanConstructor;
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<any>["showOverflowTooltip"]>;
@@ -127,6 +127,7 @@ export declare const virtualTableProps: {
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
+    nativeScrollbar: BooleanConstructor;
 };
 export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
 /**
@@ -146,7 +147,7 @@ export declare const virtualTableEmits: {
     cellClick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellDblclick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
     cellContextmenu: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
-    rowClick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    rowClick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent, _disabled?: boolean, _selection?: import('../ele-data-table/types').DataItem[]) => boolean;
     rowContextmenu: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
     headerClick: (_column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;

package/es/ele-virtual-table/style/index.scss

@@ -9,6 +9,7 @@
 .ele-virtual-table {
   position: relative;
   box-sizing: border-box;
+  overflow: hidden;
 
   /* 原始样式重写 */
   @include virtual-table-wrap {
@@ -529,13 +530,13 @@
 
   &::before {
     border-bottom-color: eleVar('table', 'icon-color');
-    margin-top: calc(0px - #{eleVar('table', 'sort-size')});
+    margin-top: calc(#{eleVar('table', 'sort-size')} * -1);
     margin-bottom: calc(#{eleVar('table', 'sort-space')} / 2);
   }
 
   &::after {
     border-top-color: eleVar('table', 'icon-color');
-    margin-bottom: calc(0px - #{eleVar('table', 'sort-size')});
+    margin-bottom: calc(#{eleVar('table', 'sort-size')} * -1);
     margin-top: calc(#{eleVar('table', 'sort-space')} / 2);
   }
 }

package/es/ele-virtual-table/types.d.ts

@@ -16,7 +16,8 @@ import type {
   DataKey,
   DataItem,
   Column,
-  FilterValue
+  FilterValue,
+  Sorter
 } from '../ele-data-table/types';
 export { RowExpandHandler, ScrollStrategy, SortBy, ScrollPos };
 
@@ -202,6 +203,8 @@ export interface TableState {
   reserveChecked: boolean;
   /** 表格垂直滚动位置 */
   scrollTop: number;
+  /** 表格排序状态 */
+  sorter?: Sorter;
 }
 
 /**

package/es/ele-virtual-table/util.d.ts

@@ -147,6 +147,12 @@ export declare function getOrderValue(sort?: TableV2SortOrder): OrderValue | und
  * @param defaultSort 默认排序值
  */
 export declare function getDefaultSort(defaultSort?: Sorter): SortBy | undefined;
+/**
+ * 获取默认排序状态
+ * @param defaultSort 默认排序值
+ * @param columns 列配置
+ */
+export declare function getDefaultSorter(defaultSort?: Sorter, columns?: Columns): Sorter | undefined;
 /**
  * 获取默认筛选
  * @param columns 列配置
@@ -217,11 +223,10 @@ export declare function floorSize(size: number): number;
  */
 export declare function cellIsOverflow(cell: HTMLElement): boolean;
 /**
- * 表格自适应容器宽高
- * @param getEl 获取根节点的方法
+ * 获取排序对比值
+ * @param sortMethod 自定义的排序方法
+ * @param a 排序数据
+ * @param b 排序比较数据
+ * @param prop 排序字段名
  */
-export declare function useAutoResize(getEl: () => HTMLElement | null): {
-    wrapWidth: import('vue').Ref<number, number>;
-    wrapHeight: import('vue').Ref<number, number>;
-    updateWrapSize: () => void;
-};
+export declare function getSortCompareValue(sortMethod: Column['sortMethod'], a: DataItem, b: DataItem, prop?: string): number;