pro-design-vue 0.0.1-beta.1

package/es/components/table/src/hooks/useCellProps.d.ts

@@ -0,0 +1,29 @@
+import type { Ref } from 'vue';
+import type { FinallyColumnType, FlatRecord, Key, RenderedCell, ProTableProps } from '../components/interface';
+interface UseCellProps {
+    leftColumns: Ref<FinallyColumnType[]>;
+    rightColumns: Ref<FinallyColumnType[]>;
+    visibleCenterColumns: Ref<FinallyColumnType[]>;
+    allColumns: Ref<FinallyColumnType[]>;
+    data: Ref<FlatRecord[]>;
+    mergedRowHeights: Ref<Record<Key, number>>;
+    startIndex: Ref<number>;
+    bodyWidth: Ref<number>;
+    leftWidth: Ref<number>;
+    centerWidth: Ref<number>;
+    getColumnPosition: (index: number, colSpan?: number) => {
+        width: number;
+        left: number;
+        minWidth: number;
+        maxWidth: number;
+    };
+    getRowHeight: (fromIndex: number, rowSpan?: number) => number;
+    customCell: Ref<ProTableProps['customCell']>;
+}
+export type UseCellPropsRes = {
+    allCellProps: Ref<Record<string, Record<string, RenderedCell>>>;
+    hasMultiRowSpanInfo: Ref<Record<string, boolean>>;
+    centerRowColumnsMap: Ref<Map<Key, FinallyColumnType[]>>;
+};
+declare const useCellProps: ({ leftColumns, rightColumns, visibleCenterColumns, allColumns, data, mergedRowHeights, getColumnPosition, bodyWidth, leftWidth, centerWidth, getRowHeight, customCell: contextCustomCell, }: UseCellProps) => UseCellPropsRes;
+export default useCellProps;

package/es/components/table/src/hooks/useCellProps.mjs

@@ -0,0 +1,157 @@
+import { shallowRef, watchEffect, isVNode } from 'vue';
+import { ExpandColumnKey } from './useColumns.mjs';
+import { parseStyleText, getPathValue } from '../utils/util.mjs';
+import { isObject, isArray } from '../../../../utils/validate.mjs';
+
+const useCellProps = ({
+  leftColumns,
+  rightColumns,
+  visibleCenterColumns,
+  allColumns,
+  data,
+  mergedRowHeights,
+  getColumnPosition,
+  bodyWidth,
+  leftWidth,
+  centerWidth,
+  getRowHeight,
+  customCell: contextCustomCell
+}) => {
+  const allCellProps = shallowRef({});
+  const hasMultiRowSpanInfo = shallowRef({});
+  const centerRowColumnsMap = shallowRef(/* @__PURE__ */ new Map());
+  const computedCellProps = (offsetLeft, column, rowIndex, record, overflow) => {
+    var _a, _b, _c, _d;
+    const { customRender, originColumn, dataIndex, columnIndex, left, customCell } = column;
+    const cellProps = {};
+    const customCellProps = (_b = (_a = customCell || contextCustomCell.value) == null ? void 0 : _a({ record, rowIndex, column })) != null ? _b : {};
+    const mergeCellStyles = Object.assign(
+      { overflow },
+      parseStyleText(customCellProps.style || {})
+    );
+    const copyCustomCellProps = Object.assign({}, customCellProps);
+    if (customRender) {
+      const value = getPathValue(record, dataIndex);
+      const customCellRender = customRender({
+        text: value,
+        value,
+        record,
+        index: rowIndex,
+        column: originColumn
+      });
+      if (customCellRender && isObject(customCellRender) && !isArray(customCellRender) && !isVNode(customCellRender)) {
+        Object.assign(copyCustomCellProps, customCellRender.props || {});
+        cellProps.children = customCellRender.children;
+      } else {
+        cellProps.children = customCellRender;
+      }
+    }
+    copyCustomCellProps.colSpan = (_c = copyCustomCellProps.colSpan) != null ? _c : 1;
+    copyCustomCellProps.rowSpan = (_d = copyCustomCellProps.rowSpan) != null ? _d : 1;
+    const { width } = getColumnPosition(columnIndex, copyCustomCellProps.colSpan);
+    Object.assign(mergeCellStyles, { width: `${width}px`, left: left - offsetLeft + "px" });
+    if (width === 0) {
+      mergeCellStyles.display = "none";
+    }
+    if (copyCustomCellProps.colSpan > 1) {
+      mergeCellStyles.zIndex = 1;
+    }
+    if (copyCustomCellProps.rowSpan > 1) {
+      mergeCellStyles.height = `${getRowHeight(rowIndex, copyCustomCellProps.rowSpan) - 1}px`;
+    }
+    cellProps.props = Object.assign({}, copyCustomCellProps, { style: mergeCellStyles });
+    return cellProps;
+  };
+  watchEffect(() => {
+    const rawAllCellProps = {};
+    const rawRowSpanInfo = {};
+    const genAllCellProps = (index, offsetLeft, finallyColumns, rowKey, rowIndex, record, overflow, rowColumnsMap2) => {
+      var _a, _b, _c, _d;
+      const collen = finallyColumns.length;
+      let currentColumn = null;
+      let currentColumnIndex = 0;
+      for (let i = 0; i < collen; i++) {
+        const { columnIndex, columnKey } = finallyColumns[i];
+        const cellProps = computedCellProps(
+          offsetLeft,
+          finallyColumns[i],
+          rowIndex,
+          record,
+          overflow
+        );
+        rawAllCellProps[rowKey][columnKey] = cellProps;
+        if (((_a = cellProps.props) == null ? void 0 : _a.rowSpan) || 0 > 1) {
+          rawRowSpanInfo[rowKey] = true;
+        }
+        if (i === 0 && ((_b = cellProps.props) == null ? void 0 : _b.colSpan) === 0) {
+          currentColumnIndex = columnIndex;
+        }
+      }
+      if (currentColumnIndex !== 0) {
+        for (let i = currentColumnIndex - 1; i > 0; i--) {
+          const column = allColumns.value[i];
+          if (column.fixed) break;
+          const cellProps = computedCellProps(offsetLeft, column, rowIndex, record, overflow);
+          if (((_c = cellProps.props) == null ? void 0 : _c.colSpan) !== 0) {
+            currentColumn = column;
+            rawAllCellProps[rowKey][column.columnKey] = cellProps;
+            if (((_d = cellProps.props) == null ? void 0 : _d.rowSpan) || 0 > 1) {
+              rawRowSpanInfo[rowKey] = true;
+            }
+            break;
+          }
+        }
+      }
+      if (currentColumn) {
+        const columns = finallyColumns.slice();
+        columns.push(currentColumn);
+        rowColumnsMap2 == null ? void 0 : rowColumnsMap2.set(rowKey, columns);
+      } else {
+        rowColumnsMap2 == null ? void 0 : rowColumnsMap2.set(rowKey, finallyColumns);
+      }
+    };
+    const rowColumnsMap = /* @__PURE__ */ new Map();
+    const len = data.value.length;
+    for (let i = 0; i < len; i++) {
+      if (!data.value[i]) continue;
+      const { record, isExpandRow, rowKey, rowIndex } = data.value[i];
+      rawAllCellProps[rowKey] = {};
+      const overflow = mergedRowHeights.value[rowKey] ? "hidden" : "initial";
+      if (isExpandRow) {
+        rawAllCellProps[rowKey][ExpandColumnKey] = {
+          props: {
+            style: { left: "0px", width: `${bodyWidth.value}px`, zIndex: 1 }
+          }
+        };
+      } else {
+        genAllCellProps(0, 0, leftColumns.value, rowKey, rowIndex, record, overflow);
+        genAllCellProps(
+          0,
+          leftWidth.value,
+          visibleCenterColumns.value,
+          rowKey,
+          rowIndex,
+          record,
+          overflow,
+          rowColumnsMap
+        );
+        genAllCellProps(
+          0,
+          leftWidth.value + centerWidth.value,
+          rightColumns.value,
+          rowKey,
+          rowIndex,
+          record,
+          overflow
+        );
+      }
+    }
+    allCellProps.value = rawAllCellProps;
+    hasMultiRowSpanInfo.value = rawRowSpanInfo;
+    centerRowColumnsMap.value = rowColumnsMap;
+  });
+  return { allCellProps, hasMultiRowSpanInfo, centerRowColumnsMap };
+};
+
+export { useCellProps as default };
+//# sourceMappingURL=useCellProps.mjs.map

package/es/components/table/src/hooks/useCellProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellProps.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useCellProps.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-05 14:16:25\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:12:40\n * @Description:\n */\nimport type { Ref, CSSProperties } from 'vue'\nimport type {\n  FinallyColumnType,\n  FlatRecord,\n  Key,\n  RenderedCell,\n  ProTableProps,\n} from '../components/interface'\n\nimport { shallowRef, watchEffect, isVNode } from 'vue'\nimport { ExpandColumnKey } from './useColumns'\nimport { getPathValue, parseStyleText } from '../utils/util'\nimport { isArray, isObject } from '@pro-design-vue/utils'\n\ninterface UseCellProps {\n  leftColumns: Ref<FinallyColumnType[]>\n  rightColumns: Ref<FinallyColumnType[]>\n  visibleCenterColumns: Ref<FinallyColumnType[]>\n  allColumns: Ref<FinallyColumnType[]>\n  data: Ref<FlatRecord[]>\n  mergedRowHeights: Ref<Record<Key, number>>\n  startIndex: Ref<number>\n  bodyWidth: Ref<number>\n  leftWidth: Ref<number>\n  centerWidth: Ref<number>\n  getColumnPosition: (\n    index: number,\n    colSpan?: number,\n  ) => {\n    width: number\n    left: number\n    minWidth: number\n    maxWidth: number\n  }\n  getRowHeight: (fromIndex: number, rowSpan?: number) => number\n  customCell: Ref<ProTableProps['customCell']>\n}\nexport type UseCellPropsRes = {\n  allCellProps: Ref<Record<string, Record<string, RenderedCell>>>\n  hasMultiRowSpanInfo: Ref<Record<string, boolean>>\n  centerRowColumnsMap: Ref<Map<Key, FinallyColumnType[]>>\n}\nconst useCellProps = ({\n  leftColumns,\n  rightColumns,\n  visibleCenterColumns,\n  allColumns,\n  data,\n  mergedRowHeights,\n  getColumnPosition,\n  bodyWidth,\n  leftWidth,\n  centerWidth,\n  getRowHeight,\n  customCell: contextCustomCell,\n}: UseCellProps): UseCellPropsRes => {\n  const allCellProps = shallowRef<Record<string, Record<string, RenderedCell>>>({})\n  const hasMultiRowSpanInfo = shallowRef<Record<string, boolean>>({})\n  const centerRowColumnsMap = shallowRef<Map<Key, FinallyColumnType[]>>(new Map())\n\n  const computedCellProps = (\n    offsetLeft: number,\n    column: FinallyColumnType,\n    rowIndex: number,\n    record: any,\n    overflow: string,\n  ) => {\n    const { customRender, originColumn, dataIndex, columnIndex, left, customCell } = column\n    const cellProps: RenderedCell = {}\n    const customCellProps: Record<string, any> =\n      (customCell || contextCustomCell.value)?.({ record, rowIndex, column }) ?? {}\n    const mergeCellStyles: CSSProperties = Object.assign(\n      { overflow },\n      parseStyleText(customCellProps.style || {}),\n    )\n    const copyCustomCellProps = Object.assign({}, customCellProps)\n\n    if (customRender) {\n      const value = getPathValue(record, dataIndex!)\n      const customCellRender: any = customRender({\n        text: value,\n        value,\n        record,\n        index: rowIndex,\n        column: originColumn as FinallyColumnType,\n      })\n      if (\n        customCellRender &&\n        isObject(customCellRender) &&\n        !isArray(customCellRender) &&\n        !isVNode(customCellRender)\n      ) {\n        Object.assign(copyCustomCellProps, (customCellRender as any).props || {})\n        cellProps.children = (customCellRender as any).children\n      } else {\n        cellProps.children = customCellRender\n      }\n    }\n\n    copyCustomCellProps.colSpan = copyCustomCellProps.colSpan ?? 1\n    copyCustomCellProps.rowSpan = copyCustomCellProps.rowSpan ?? 1\n    const { width } = getColumnPosition(columnIndex, copyCustomCellProps.colSpan)\n    Object.assign(mergeCellStyles, { width: `${width}px`, left: left! - offsetLeft + 'px' })\n    if (width === 0) {\n      mergeCellStyles.display = 'none'\n    }\n    if (copyCustomCellProps.colSpan > 1) {\n      mergeCellStyles.zIndex = 1\n    }\n\n    if (copyCustomCellProps.rowSpan > 1) {\n      mergeCellStyles.height = `${getRowHeight(rowIndex, copyCustomCellProps.rowSpan) - 1}px`\n    }\n    cellProps.props = Object.assign({}, copyCustomCellProps, { style: mergeCellStyles })\n    return cellProps\n  }\n\n  watchEffect(() => {\n    const rawAllCellProps: Record<string, Record<string, RenderedCell>> = {}\n    const rawRowSpanInfo: Record<string, boolean> = {}\n    const genAllCellProps = (\n      index: number,\n      offsetLeft: number,\n      finallyColumns: FinallyColumnType[],\n      rowKey: Key,\n      rowIndex: number,\n      record: any,\n      overflow: string,\n      rowColumnsMap?: Map<Key, FinallyColumnType[]>,\n    ) => {\n      const collen = finallyColumns.length\n      let currentColumn: FinallyColumnType | null = null\n      let currentColumnIndex = 0\n      for (let i = 0; i < collen; i++) {\n        const { columnIndex, columnKey } = finallyColumns[i]!\n        const cellProps = computedCellProps(\n          offsetLeft,\n          finallyColumns[i]!,\n          rowIndex,\n          record,\n          overflow,\n        )\n        rawAllCellProps[rowKey]![columnKey] = cellProps\n        if (cellProps.props?.rowSpan || 0 > 1) {\n          rawRowSpanInfo[rowKey] = true\n        }\n        if (i === 0 && cellProps.props?.colSpan === 0) {\n          currentColumnIndex = columnIndex\n        }\n      }\n\n      if (currentColumnIndex !== 0) {\n        for (let i = currentColumnIndex - 1; i > 0; i--) {\n          const column = allColumns.value[i]!\n          if (column.fixed) break\n          const cellProps = computedCellProps(offsetLeft, column, rowIndex, record, overflow)\n          if (cellProps.props?.colSpan !== 0) {\n            currentColumn = column\n            rawAllCellProps[rowKey]![column.columnKey] = cellProps\n            if (cellProps.props?.rowSpan || 0 > 1) {\n              rawRowSpanInfo[rowKey] = true\n            }\n            break\n          }\n        }\n      }\n\n      if (currentColumn) {\n        const columns = finallyColumns.slice()\n        columns.push(currentColumn)\n        rowColumnsMap?.set(rowKey, columns)\n      } else {\n        rowColumnsMap?.set(rowKey, finallyColumns)\n      }\n    }\n    const rowColumnsMap = new Map()\n    const len = data.value.length\n    for (let i = 0; i < len; i++) {\n      if (!data.value[i]) continue\n      const { record, isExpandRow, rowKey, rowIndex } = data.value[i]!\n      rawAllCellProps[rowKey] = {}\n      const overflow: string = mergedRowHeights.value[rowKey] ? 'hidden' : 'initial'\n      if (isExpandRow) {\n        rawAllCellProps[rowKey][ExpandColumnKey] = {\n          props: {\n            style: { left: '0px', width: `${bodyWidth.value}px`, zIndex: 1 },\n          },\n        }\n      } else {\n        genAllCellProps(0, 0, leftColumns.value, rowKey, rowIndex, record, overflow)\n        genAllCellProps(\n          0,\n          leftWidth.value,\n          visibleCenterColumns.value,\n          rowKey,\n          rowIndex,\n          record,\n          overflow,\n          rowColumnsMap,\n        )\n        genAllCellProps(\n          0,\n          leftWidth.value + centerWidth.value,\n          rightColumns.value,\n          rowKey,\n          rowIndex,\n          record,\n          overflow,\n        )\n      }\n    }\n    allCellProps.value = rawAllCellProps\n    hasMultiRowSpanInfo.value = rawRowSpanInfo\n    centerRowColumnsMap.value = rowColumnsMap\n  })\n\n  return { allCellProps, hasMultiRowSpanInfo, centerRowColumnsMap }\n}\nexport default useCellProps\n"],"names":["rowColumnsMap"],"mappings":"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"}

package/es/components/table/src/hooks/useCellSelection.d.ts

@@ -0,0 +1,6 @@
+import type { CustomMouseEvent, RangeCell } from './RangeInterface';
+export declare const useCellSelection: () => {
+    onCellMousedown: (mouseEvent: CustomMouseEvent, cellPosition: RangeCell) => void;
+    onCellMousemove: (mouseEvent: CustomMouseEvent, cellPosition: RangeCell) => void;
+    onCellClick: (mouseEvent: MouseEvent, cellPosition: RangeCell) => void;
+};

package/es/components/table/src/hooks/useCellSelection.mjs

@@ -0,0 +1,48 @@
+import { useInjectRangeStore } from './useRangeStore.mjs';
+
+const useCellSelection = () => {
+  const {
+    isCellInAnyRange,
+    cellRanges,
+    extendLatestRangeToCell,
+    setRangeToCell,
+    enableRangeSelection,
+    getCellRangeCount,
+    intersectLastRange,
+    level
+  } = useInjectRangeStore();
+  return {
+    onCellMousedown: (mouseEvent, cellPosition) => {
+      const { ctrlKey, metaKey, shiftKey } = mouseEvent;
+      if (!(!isCellInAnyRange(cellPosition) || 2 !== mouseEvent.button)) return;
+      const isRanges = !cellRanges.value.length;
+      if (shiftKey && isRanges) {
+        mouseEvent.preventDefault();
+      }
+      if (shiftKey) {
+        extendLatestRangeToCell(cellPosition);
+      } else {
+        setRangeToCell(cellPosition, ctrlKey || metaKey);
+      }
+      mouseEvent.cellInfo = {
+        cellPosition,
+        cellTarget: mouseEvent.currentTarget,
+        level
+      };
+    },
+    onCellMousemove: (mouseEvent, cellPosition) => {
+      mouseEvent.cellInfo = {
+        cellPosition,
+        cellTarget: mouseEvent.currentTarget,
+        level
+      };
+    },
+    onCellClick: (mouseEvent, cellPosition) => {
+      const mouseKey = mouseEvent.ctrlKey || mouseEvent.metaKey;
+      enableRangeSelection.value && mouseKey && getCellRangeCount(cellPosition) > 1 && intersectLastRange(true);
+    }
+  };
+};
+
+export { useCellSelection };
+//# sourceMappingURL=useCellSelection.mjs.map

package/es/components/table/src/hooks/useCellSelection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellSelection.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useCellSelection.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-09 13:07:07\n * @LastEditors: shen\n * @LastEditTime: 2023-11-09 13:19:49\n * @Description:\n */\nimport { useInjectRangeStore } from './useRangeStore'\nimport type { CustomMouseEvent, RangeCell } from './RangeInterface'\n\nexport const useCellSelection = () => {\n  const {\n    isCellInAnyRange,\n    cellRanges,\n    extendLatestRangeToCell,\n    setRangeToCell,\n    enableRangeSelection,\n    getCellRangeCount,\n    intersectLastRange,\n    level,\n  } = useInjectRangeStore()\n  return {\n    onCellMousedown: (mouseEvent: CustomMouseEvent, cellPosition: RangeCell) => {\n      const { ctrlKey, metaKey, shiftKey } = mouseEvent\n      if (!(!isCellInAnyRange(cellPosition) || 2 !== mouseEvent.button)) return\n      const isRanges = !cellRanges.value.length\n      if (shiftKey && isRanges) {\n        mouseEvent.preventDefault()\n      }\n      if (shiftKey) {\n        extendLatestRangeToCell(cellPosition)\n      } else {\n        setRangeToCell(cellPosition, ctrlKey || metaKey)\n      }\n      mouseEvent.cellInfo = {\n        cellPosition: cellPosition,\n        cellTarget: mouseEvent.currentTarget!,\n        level,\n      }\n    },\n    onCellMousemove: (mouseEvent: CustomMouseEvent, cellPosition: RangeCell) => {\n      mouseEvent.cellInfo = {\n        cellPosition: cellPosition,\n        cellTarget: mouseEvent.currentTarget!,\n        level,\n      }\n    },\n    onCellClick: (mouseEvent: MouseEvent, cellPosition: RangeCell) => {\n      const mouseKey = mouseEvent.ctrlKey || mouseEvent.metaKey\n      enableRangeSelection.value &&\n        mouseKey &&\n        getCellRangeCount(cellPosition) > 1 &&\n        intersectLastRange(true)\n    },\n  }\n}\n"],"names":[],"mappings":";;AAUO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM;AAAA,IACJ,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,uBAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,iBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACE,mBAAA,EAAoB;AACxB,EAAA,OAAO;AAAA,IACL,eAAA,EAAiB,CAAC,UAAA,EAA8B,YAAA,KAA4B;AAC1E,MAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAS,GAAI,UAAA;AACvC,MAAA,IAAI,EAAE,CAAC,gBAAA,CAAiB,YAAY,CAAA,IAAK,CAAA,KAAM,WAAW,MAAA,CAAA,EAAS;AACnE,MAAA,MAAM,QAAA,GAAW,CAAC,UAAA,CAAW,KAAA,CAAM,MAAA;AACnC,MAAA,IAAI,YAAY,QAAA,EAAU;AACxB,QAAA,UAAA,CAAW,cAAA,EAAe;AAAA,MAC5B;AACA,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,uBAAA,CAAwB,YAAY,CAAA;AAAA,MACtC,CAAA,MAAO;AACL,QAAA,cAAA,CAAe,YAAA,EAAc,WAAW,OAAO,CAAA;AAAA,MACjD;AACA,MAAA,UAAA,CAAW,QAAA,GAAW;AAAA,QACpB,YAAA;AAAA,QACA,YAAY,UAAA,CAAW,aAAA;AAAA,QACvB;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,CAAC,UAAA,EAA8B,YAAA,KAA4B;AAC1E,MAAA,UAAA,CAAW,QAAA,GAAW;AAAA,QACpB,YAAA;AAAA,QACA,YAAY,UAAA,CAAW,aAAA;AAAA,QACvB;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA,WAAA,EAAa,CAAC,UAAA,EAAwB,YAAA,KAA4B;AAChE,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,OAAA,IAAW,UAAA,CAAW,OAAA;AAClD,MAAA,oBAAA,CAAqB,SACnB,QAAA,IACA,iBAAA,CAAkB,YAAY,CAAA,GAAI,CAAA,IAClC,mBAAmB,IAAI,CAAA;AAAA,IAC3B;AAAA,GACF;AACF;;;;"}

package/es/components/table/src/hooks/useColumnWidthByString.d.ts

@@ -0,0 +1 @@
+export default function useColumnWidthByString(): (container: HTMLDivElement, bodyScrollWidth: number, width?: string | number) => number;

package/es/components/table/src/hooks/useColumnWidthByString.mjs

@@ -0,0 +1,33 @@
+function useColumnWidthByString() {
+  const cacheWidthMap = {};
+  return (container, bodyScrollWidth, width) => {
+    var _a;
+    if (width === void 0 || container === void 0) {
+      return 0;
+    }
+    const dom = container.$el || container;
+    if (typeof width == "number") {
+      return width;
+    }
+    if ((_a = cacheWidthMap[bodyScrollWidth]) == null ? void 0 : _a[width]) {
+      return cacheWidthMap[bodyScrollWidth][width];
+    }
+    const widthMatch = width.match(/^(.*)px$/);
+    let parseWidth = Number(widthMatch === null ? void 0 : widthMatch[1]);
+    cacheWidthMap[bodyScrollWidth] = cacheWidthMap[bodyScrollWidth] || {};
+    if (Number.isNaN(parseWidth)) {
+      const divEl = document.createElement("div");
+      divEl.style.width = width;
+      divEl.style.height = "0px";
+      dom.style.width = `${bodyScrollWidth}px`;
+      dom.appendChild(divEl);
+      parseWidth = Math.floor(divEl.offsetWidth);
+      dom.removeChild(divEl);
+    }
+    cacheWidthMap[bodyScrollWidth][width] = parseWidth;
+    return cacheWidthMap[bodyScrollWidth][width];
+  };
+}
+
+export { useColumnWidthByString as default };
+//# sourceMappingURL=useColumnWidthByString.mjs.map

package/es/components/table/src/hooks/useColumnWidthByString.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnWidthByString.mjs","sources":["../../../../../../../packages/components/table/src/hooks/useColumnWidthByString.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-04 19:59:32\n * @LastEditors: shen\n * @LastEditTime: 2023-11-03 15:50:53\n * @Description:\n */\n\nexport default function useColumnWidthByString() {\n  const cacheWidthMap = {}\n  return (container: HTMLDivElement, bodyScrollWidth: number, width?: string | number) => {\n    if (width === undefined || container === undefined) {\n      return 0\n    }\n    const dom = ((container as any).$el || container) as HTMLDivElement\n\n    if (typeof width == 'number') {\n      return width as number\n    }\n\n    if (cacheWidthMap[bodyScrollWidth]?.[width]) {\n      return cacheWidthMap[bodyScrollWidth][width] as number\n    }\n    const widthMatch = width.match(/^(.*)px$/)\n    let parseWidth = Number(widthMatch === null ? undefined : widthMatch[1])\n    cacheWidthMap[bodyScrollWidth] = cacheWidthMap[bodyScrollWidth] || {}\n    if (Number.isNaN(parseWidth)) {\n      const divEl = document.createElement('div')\n      divEl.style.width = width\n      divEl.style.height = '0px'\n      dom.style.width = `${bodyScrollWidth}px`\n      dom.appendChild(divEl)\n      parseWidth = Math.floor(divEl.offsetWidth)\n      dom.removeChild(divEl)\n    }\n    cacheWidthMap[bodyScrollWidth][width] = parseWidth\n    return cacheWidthMap[bodyScrollWidth][width] as number\n  }\n}\n"],"names":[],"mappings":"AAQA,SAAwB,sBAAA,GAAyB;AAC/C,EAAA,MAAM,gBAAgB,EAAC;AACvB,EAAA,OAAO,CAAC,SAAA,EAA2B,eAAA,EAAyB,KAAA,KAA4B;AAV1F,IAAA,IAAA,EAAA;AAWI,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,SAAA,KAAc,MAAA,EAAW;AAClD,MAAA,OAAO,CAAA;AAAA,IACT;AACA,IAAA,MAAM,GAAA,GAAQ,UAAkB,GAAA,IAAO,SAAA;AAEvC,IAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,IAAA,CAAI,EAAA,GAAA,aAAA,CAAc,eAAe,CAAA,KAA7B,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiC,KAAA,CAAA,EAAQ;AAC3C,MAAA,OAAO,aAAA,CAAc,eAAe,CAAA,CAAE,KAAK,CAAA;AAAA,IAC7C;AACA,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,KAAA,CAAM,UAAU,CAAA;AACzC,IAAA,IAAI,aAAa,MAAA,CAAO,UAAA,KAAe,OAAO,MAAA,GAAY,UAAA,CAAW,CAAC,CAAC,CAAA;AACvE,IAAA,aAAA,CAAc,eAAe,CAAA,GAAI,aAAA,CAAc,eAAe,KAAK,EAAC;AACpE,IAAA,IAAI,MAAA,CAAO,KAAA,CAAM,UAAU,CAAA,EAAG;AAC5B,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC1C,MAAA,KAAA,CAAM,MAAM,KAAA,GAAQ,KAAA;AACpB,MAAA,KAAA,CAAM,MAAM,MAAA,GAAS,KAAA;AACrB,MAAA,GAAA,CAAI,KAAA,CAAM,KAAA,GAAQ,CAAA,EAAG,eAAe,CAAA,EAAA,CAAA;AACpC,MAAA,GAAA,CAAI,YAAY,KAAK,CAAA;AACrB,MAAA,UAAA,GAAa,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,WAAW,CAAA;AACzC,MAAA,GAAA,CAAI,YAAY,KAAK,CAAA;AAAA,IACvB;AACA,IAAA,aAAA,CAAc,eAAe,CAAA,CAAE,KAAK,CAAA,GAAI,UAAA;AACxC,IAAA,OAAO,aAAA,CAAc,eAAe,CAAA,CAAE,KAAK,CAAA;AAAA,EAC7C,CAAA;AACF;;;;"}

package/es/components/table/src/hooks/useColumns.d.ts

@@ -0,0 +1,56 @@
+import type { ColumnsType, ProTableProps, ExpandType, FinallyColumnType, Key, HeaderCellType, StickyOffsets } from '../components/interface';
+import type { RangeCell } from './RangeInterface';
+import type { ComputedRef, Ref, ShallowRef } from 'vue';
+export declare const CheckboxColumnKey = "__Internal__Checkbox__Columnkey";
+export declare const ExpandColumnKey = "__Internal__Expand__Columnkey";
+export interface UseColumnsType {
+    leftColumns: ShallowRef<FinallyColumnType[]>;
+    rightColumns: ShallowRef<FinallyColumnType[]>;
+    centerColumns: ShallowRef<FinallyColumnType[]>;
+    allColumns: ShallowRef<FinallyColumnType[]>;
+    visibleCenterColumns: ShallowRef<FinallyColumnType[]>;
+    visibleCenterHeaderColumns: ShallowRef<FinallyColumnType[]>;
+    leftWidth: Ref<number>;
+    rightWidth: Ref<number>;
+    centerWidth: Ref<number>;
+    bodyMaxWidth: ComputedRef<number>;
+    leftHeaderColumns: ShallowRef<FinallyColumnType[]>;
+    rightHeaderColumns: ShallowRef<FinallyColumnType[]>;
+    centerHeaderColumns: ShallowRef<FinallyColumnType[]>;
+    maxRowSpan: Ref<number>;
+    headerHeight: ShallowRef<number[]>;
+    maxHeaderHeight: Ref<number>;
+    getColumnPosition: (_index: number, _colSpan?: number) => {
+        width: number;
+        left: number;
+        minWidth: number;
+        maxWidth: number;
+    };
+    getColumnPositionByKey: (_key: Key) => {
+        width: number;
+        left: number;
+        minWidth: number;
+        maxWidth: number;
+    } | undefined;
+    columnKeyIndexMap: ShallowRef<Record<string, number>>;
+    expandIconColumnIndex: Ref<number>;
+    columnRowsForAutoHeaderHeight: ShallowRef<HeaderCellType[][]>;
+    stickyOffsets: ShallowRef<StickyOffsets>;
+}
+export declare const defaultMinWidth = 50;
+export default function useColumns({ props, rawColumns, bodyScrollWidth, baseHeight, measureWidthRef, expandType, expandable, scrollLeft, bodyWidth, xVirtual, draggingColumnKey, latestRangeStartCell, }: {
+    props: ProTableProps;
+    rawColumns: Ref<ColumnsType>;
+    bodyScrollWidth: Ref<number>;
+    baseHeight: Ref<number>;
+    measureWidthRef: Ref<any>;
+    expandable: Ref<boolean>;
+    rowExpandable?: Ref<(_record: any) => boolean>;
+    direction?: Ref<'ltr' | 'rtl'>;
+    expandType: Ref<ExpandType>;
+    scrollLeft: Ref<number>;
+    bodyWidth: Ref<number>;
+    xVirtual: Ref<boolean>;
+    draggingColumnKey: Ref<Key>;
+    latestRangeStartCell: ShallowRef<RangeCell | null>;
+}): UseColumnsType;