pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/hooks/useCellNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellNavigation.js","sources":["../../../../../../../packages/components/table/src/hooks/useCellNavigation.ts"],"sourcesContent":["import type { ComputedRef, Ref, ShallowRef } from 'vue'\nimport type { DefaultRecordType, FinallyColumnType, RenderedCell } from '../components/interface'\nimport type { RangeCell } from './RangeInterface'\n\nimport { computed } from 'vue'\nimport KeyCode from '../utils/KeyCode'\n\nexport const useCellNavigation = (params: {\n  getDisplayedColBefore: (\n    col: FinallyColumnType<DefaultRecordType>,\n  ) => FinallyColumnType<DefaultRecordType> | null\n  getDisplayedColAfter: (\n    col: FinallyColumnType<DefaultRecordType>,\n  ) => FinallyColumnType<DefaultRecordType> | null\n  allDisplayedColumns: ComputedRef<FinallyColumnType<DefaultRecordType>[]>\n  setRangeToCell: (cell: RangeCell, appendRange?: boolean) => void\n  focusCell: (cell: RangeCell) => void\n  ensureCellVisible: (cell: RangeCell) => void\n  allColumns: ShallowRef<FinallyColumnType<DefaultRecordType>[]>\n  flattenData: ShallowRef<DefaultRecordType[]>\n  prefixCls: ComputedRef<string>\n  rangeSelection: ComputedRef<boolean | 'single'>\n  getRowByFlattenIndex: (index: number) => DefaultRecordType\n  rootRef: Ref<HTMLDivElement | undefined>\n  allCellProps: Ref<Record<string, Record<string, RenderedCell>>>\n  tabGuardTopRef: Ref<HTMLDivElement>\n  tabGuardBottomRef: Ref<HTMLDivElement>\n}) => {\n  const {\n    getDisplayedColBefore,\n    getDisplayedColAfter,\n    allDisplayedColumns,\n    setRangeToCell,\n    focusCell,\n    flattenData,\n    getRowByFlattenIndex,\n    allCellProps,\n    tabGuardTopRef,\n    tabGuardBottomRef,\n  } = params\n  const endFlattenIndex = computed(\n    () => flattenData.value[flattenData.value.length - 1]?.flattenIndex,\n  )\n  const startFlattenIndex = computed(() => flattenData.value[0]?.flattenIndex)\n  const getNextCellToFocus = (\n    keyCode: number,\n    focusedCell: RangeCell,\n    ctrlPressed: boolean = false,\n  ) => (ctrlPressed ? h2(keyCode, focusedCell) : m(keyCode, focusedCell))\n  const h2 = (keyCode: number, focusedCell: RangeCell) => {\n    const isUp = keyCode === KeyCode.UP\n    const isDown = keyCode === KeyCode.DOWN\n    const isLeft = keyCode === KeyCode.LEFT\n    let column: any, rowIndex: any\n    if (isUp || isDown) {\n      rowIndex = isUp ? startFlattenIndex.value : endFlattenIndex.value\n      column = focusedCell.column\n    } else {\n      rowIndex = focusedCell.rowIndex\n      column =\n        isLeft !== false\n          ? allDisplayedColumns.value[0]\n          : allDisplayedColumns.value[allDisplayedColumns.value.length - 1]\n    }\n    return { rowIndex, rowPinned: null, column }\n  }\n  const m = (keyCode: number, focusedCell: RangeCell | null) => {\n      let cell = focusedCell\n      let o2 = false\n      for (; !o2; ) {\n        switch (keyCode) {\n          case KeyCode.UP:\n            cell = getCellAbove(cell)\n            break\n          case KeyCode.DOWN:\n          case KeyCode.ENTER:\n            cell = x(cell)\n            break\n          case KeyCode.RIGHT:\n            cell = w(cell)\n            break\n          case KeyCode.LEFT:\n            cell = g(cell)\n            break\n          default:\n            cell = null\n            console.warn('Table: unknown key for navigation ' + keyCode)\n        }\n        o2 = !cell || y(cell)\n      }\n      return cell\n    },\n    y = (e3) => {\n      let t2\n      switch (e3.rowPinned) {\n        case 'top':\n        case 'bottom':\n          break\n        default:\n          t2 = getRowByFlattenIndex(e3.rowIndex)\n      }\n      return !!t2\n    },\n    g = (e3) => {\n      if (!e3) return null\n      const n2 = getDisplayedColBefore(e3.column)\n      return n2 ? { rowIndex: e3.rowIndex, column: n2, rowPinned: e3.rowPinned } : null\n    },\n    w = (e3) => {\n      if (!e3) return null\n      const t2 = getDisplayedColAfter(e3.column)\n      return t2 ? { rowIndex: e3.rowIndex, column: t2, rowPinned: e3.rowPinned } : null\n    },\n    x = (e3) => {\n      if (!e3) return null\n      const t2 = getRowBelow(e3)\n      return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null\n    },\n    getRowBelow = (e3) => {\n      const t2 = e3.rowIndex,\n        n2 = e3.rowPinned\n      return C(e3) ? null : { rowIndex: t2 + 1, rowPinned: n2 }\n    },\n    C = (e3) => {\n      const t2 = e3.rowIndex\n      return endFlattenIndex.value <= t2\n    },\n    getRowAbove = (e3) => {\n      const t2 = e3.rowIndex,\n        n2 = e3.rowPinned\n      return (n2 ? 0 === t2 : t2 === startFlattenIndex.value)\n        ? null\n        : { rowIndex: t2 - 1, rowPinned: n2 }\n    },\n    getCellAbove = (e3) => {\n      if (!e3) return null\n      const t2 = getRowAbove({\n        rowIndex: e3.rowIndex,\n        rowPinned: e3.rowPinned,\n      })\n      return t2 ? { rowIndex: t2.rowIndex, column: e3.column, rowPinned: t2.rowPinned } : null\n    },\n    k = (e3) => e3.rowIndex >= startFlattenIndex.value && e3.rowIndex <= endFlattenIndex.value,\n    getNextTabbedCell = (e3, t2) => (t2 ? K(e3) : _(e3)),\n    _ = (e3) => {\n      const t2 = allDisplayedColumns.value\n      let l2 = e3.rowIndex,\n        r2 = e3.rowPinned,\n        a2 = getDisplayedColAfter(e3.column)\n      if (!a2) {\n        a2 = t2[0]!\n        const n2 = getRowBelow(e3)\n        if (!n2) return null\n        if (!n2.rowPinned && !k(n2)) return null\n        ;((l2 = n2 ? n2.rowIndex : null), (r2 = n2 ? n2.rowPinned : null))\n      }\n      return { rowIndex: l2, column: a2, rowPinned: r2 }\n    },\n    K = (e3) => {\n      const n2 = allDisplayedColumns.value\n      let l2 = e3.rowIndex,\n        r2 = e3.rowPinned,\n        a2 = getDisplayedColBefore(e3.column)\n      if (!a2) {\n        a2 = n2[n2.length - 1]!\n        const t2 = getRowAbove({\n          rowIndex: e3.rowIndex,\n          rowPinned: e3.rowPinned,\n        })\n        if (!t2) return null\n        if (!t2.rowPinned && !k(t2)) return null\n        ;((l2 = t2 ? t2.rowIndex : null), (r2 = t2 ? t2.rowPinned : null))\n      }\n      return { rowIndex: l2, column: a2, rowPinned: r2 }\n    },\n    O = (e3) => {\n      const t2 = ((e4) => {\n        let t3, n2\n        const l2 =\n            null === (t3 = getRowByFlattenIndex(e4.rowIndex)) || void 0 === t3 ? void 0 : t3.rowKey,\n          r2 = (\n            (\n              (null === (n2 = allCellProps.value[l2]) || void 0 === n2\n                ? void 0\n                : n2[e4.column.columnKey]) || {}\n            ).props || {}\n          ).colSpan,\n          a2: any = []\n        if (r2 > 1) {\n          const t4 = allDisplayedColumns.value.findIndex(\n            (t5) => t5.columnKey === e4.column.columnKey,\n          )\n          for (let e5 = 0; e5 < r2; e5++) a2.push(allDisplayedColumns.value[t4 + e5])\n        } else a2.push(e4.column)\n        return a2.filter((e5) => !!e5)\n      })(e3)\n      return 1 === t2.length\n        ? e3\n        : {\n            rowIndex: e3.rowIndex,\n            column: t2[t2.length - 1],\n            rowPinned: e3.rowPinned,\n          }\n    },\n    P = (e3) => {\n      let t2\n      const n2 = getRowByFlattenIndex(e3.rowIndex),\n        o2 = null == n2 ? void 0 : n2.rowKey,\n        l2 = (\n          (\n            (null === (t2 = allCellProps.value[o2]) || void 0 === t2\n              ? void 0\n              : t2[e3.column.columnKey]) || {}\n          ).props || {}\n        ).rowSpan\n      return !!n2 && 0 !== l2 && !n2.isExpandRow\n    },\n    tabToNextCellCommon = (e3, t2) => $(e3, t2),\n    $ = (e3, t2) => {\n      const n2 = T(e3, t2)\n      return (n2 && focusCell(n2), !!n2)\n    },\n    T = (t2, n2) => {\n      let o2 = t2\n      for (; o2 && (o2 === t2 || !P(o2)); ) (n2 || (o2 = O(o2)), (o2 = getNextTabbedCell(o2, n2)))\n      return o2\n        ? o2.rowIndex < 0\n          ? null\n          : (params.ensureCellVisible(o2), setRangeToCell(o2), o2)\n        : null\n    }\n  return {\n    getNextCellToFocus,\n    getNextTabbedCell,\n    getLastBodyCell: () => ({ rowIndex: endFlattenIndex.value, rowPinned: null }),\n    navigateToNextCell: (t2, n2) => {\n      const o2 = t2.keyCode\n      let r2 = n2,\n        a2 = false\n      for (; r2 && (r2 === n2 || !P(r2)); )\n        (o2 === KeyCode.RIGHT && (r2 = O(r2)), (r2 = getNextCellToFocus(o2, r2)), (a2 = !r2))\n      ;(a2 &&\n        t2 &&\n        o2 === KeyCode.UP &&\n        (r2 = { rowIndex: -1, rowPinned: null, column: n2.column }),\n        r2 && (r2.rowIndex < 0 || (params.ensureCellVisible(r2), setRangeToCell(r2))))\n    },\n    onTabKeyDown: (e3, t2) => {\n      let n2, o2\n      const l2 = t2.shiftKey\n      ;(tabToNextCellCommon(e3, l2) ||\n        (l2\n          ? null === (n2 = tabGuardTopRef.value) || void 0 === n2 || n2.focus()\n          : null === (o2 = tabGuardBottomRef.value) || void 0 === o2 || o2.focus()),\n        t2.preventDefault())\n    },\n    tabToNextCellCommon: tabToNextCellCommon,\n    getFirstCellToFocus: (t2) => {\n      const n2 = (() => {\n        const e3 = getRowByFlattenIndex(startFlattenIndex.value),\n          t3 = allDisplayedColumns.value[0]\n        return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null\n      })()\n      P(n2)\n        ? (params.ensureCellVisible(n2!), setRangeToCell(n2!))\n        : n2 && tabToNextCellCommon(n2, t2)\n    },\n    getLastCellToFocus: (t2) => {\n      const n2 = (() => {\n        const e3 = getRowByFlattenIndex(endFlattenIndex.value),\n          t3 = allDisplayedColumns.value[allDisplayedColumns.value.length - 1]\n        return e3 && t3 ? { rowIndex: e3.rowIndex, rowPinned: null, column: t3 } : null\n      })()\n      P(n2)\n        ? (params.ensureCellVisible(n2!), setRangeToCell(n2!))\n        : n2 && tabToNextCellCommon(n2, t2)\n    },\n    getRowAbove,\n    getCellAbove,\n    getRowBelow,\n  }\n}\n"],"names":["computed","KeyCode"],"mappings":"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"}

package/lib/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/lib/components/table/src/hooks/useCellProps.js

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useColumns = require('./useColumns.js');
+var util = require('../utils/util.js');
+var validate = require('../../../../utils/validate.js');
+
+const useCellProps = ({
+  leftColumns,
+  rightColumns,
+  visibleCenterColumns,
+  allColumns,
+  data,
+  mergedRowHeights,
+  getColumnPosition,
+  bodyWidth,
+  leftWidth,
+  centerWidth,
+  getRowHeight,
+  customCell: contextCustomCell
+}) => {
+  const allCellProps = vue.shallowRef({});
+  const hasMultiRowSpanInfo = vue.shallowRef({});
+  const centerRowColumnsMap = vue.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 },
+      util.parseStyleText(customCellProps.style || {})
+    );
+    const copyCustomCellProps = Object.assign({}, customCellProps);
+    if (customRender) {
+      const value = util.getPathValue(record, dataIndex);
+      const customCellRender = customRender({
+        text: value,
+        value,
+        record,
+        index: rowIndex,
+        column: originColumn
+      });
+      if (customCellRender && validate.isObject(customCellRender) && !validate.isArray(customCellRender) && !vue.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;
+  };
+  vue.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][useColumns.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 };
+};
+
+exports.default = useCellProps;
+//# sourceMappingURL=useCellProps.js.map

package/lib/components/table/src/hooks/useCellProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellProps.js","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":["shallowRef","parseStyleText","getPathValue","isObject","isArray","isVNode","watchEffect","rowColumnsMap","ExpandColumnKey"],"mappings":";;;;;;;;;AAiDA,MAAM,eAAe,CAAC;AAAA,EACpB,WAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,KAAqC;AACnC,EAAA,MAAM,YAAA,GAAeA,cAAA,CAAyD,EAAE,CAAA;AAChF,EAAA,MAAM,mBAAA,GAAsBA,cAAA,CAAoC,EAAE,CAAA;AAClE,EAAA,MAAM,mBAAA,GAAsBA,cAAA,iBAA0C,IAAI,GAAA,EAAK,CAAA;AAE/E,EAAA,MAAM,oBAAoB,CACxB,UAAA,EACA,MAAA,EACA,QAAA,EACA,QACA,QAAA,KACG;AAzEP,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA0EI,IAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,WAAW,WAAA,EAAa,IAAA,EAAM,YAAW,GAAI,MAAA;AACjF,IAAA,MAAM,YAA0B,EAAC;AACjC,IAAA,MAAM,eAAA,GAAA,CACH,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,IAAc,iBAAA,CAAkB,KAAA,KAAhC,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyC,EAAE,MAAA,EAAQ,QAAA,EAAU,MAAA,EAAO,CAAA,KAApE,IAAA,GAAA,EAAA,GAA0E,EAAC;AAC9E,IAAA,MAAM,kBAAiC,MAAA,CAAO,MAAA;AAAA,MAC5C,EAAE,QAAA,EAAS;AAAA,MACXC,mBAAA,CAAe,eAAA,CAAgB,KAAA,IAAS,EAAE;AAAA,KAC5C;AACA,IAAA,MAAM,mBAAA,GAAsB,MAAA,CAAO,MAAA,CAAO,IAAI,eAAe,CAAA;AAE7D,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,MAAM,KAAA,GAAQC,iBAAA,CAAa,MAAA,EAAQ,SAAU,CAAA;AAC7C,MAAA,MAAM,mBAAwB,YAAA,CAAa;AAAA,QACzC,IAAA,EAAM,KAAA;AAAA,QACN,KAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAA,EAAO,QAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACT,CAAA;AACD,MAAA,IACE,gBAAA,IACAC,iBAAA,CAAS,gBAAgB,CAAA,IACzB,CAACC,gBAAA,CAAQ,gBAAgB,CAAA,IACzB,CAACC,WAAA,CAAQ,gBAAgB,CAAA,EACzB;AACA,QAAA,MAAA,CAAO,MAAA,CAAO,mBAAA,EAAsB,gBAAA,CAAyB,KAAA,IAAS,EAAE,CAAA;AACxE,QAAA,SAAA,CAAU,WAAY,gBAAA,CAAyB,QAAA;AAAA,MACjD,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,QAAA,GAAW,gBAAA;AAAA,MACvB;AAAA,IACF;AAEA,IAAA,mBAAA,CAAoB,OAAA,GAAA,CAAU,EAAA,GAAA,mBAAA,CAAoB,OAAA,KAApB,IAAA,GAAA,EAAA,GAA+B,CAAA;AAC7D,IAAA,mBAAA,CAAoB,OAAA,GAAA,CAAU,EAAA,GAAA,mBAAA,CAAoB,OAAA,KAApB,IAAA,GAAA,EAAA,GAA+B,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,iBAAA,CAAkB,WAAA,EAAa,oBAAoB,OAAO,CAAA;AAC5E,IAAA,MAAA,CAAO,MAAA,CAAO,eAAA,EAAiB,EAAE,KAAA,EAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,EAAM,IAAA,EAAM,IAAA,GAAQ,UAAA,GAAa,IAAA,EAAM,CAAA;AACvF,IAAA,IAAI,UAAU,CAAA,EAAG;AACf,MAAA,eAAA,CAAgB,OAAA,GAAU,MAAA;AAAA,IAC5B;AACA,IAAA,IAAI,mBAAA,CAAoB,UAAU,CAAA,EAAG;AACnC,MAAA,eAAA,CAAgB,MAAA,GAAS,CAAA;AAAA,IAC3B;AAEA,IAAA,IAAI,mBAAA,CAAoB,UAAU,CAAA,EAAG;AACnC,MAAA,eAAA,CAAgB,SAAS,CAAA,EAAG,YAAA,CAAa,UAAU,mBAAA,CAAoB,OAAO,IAAI,CAAC,CAAA,EAAA,CAAA;AAAA,IACrF;AACA,IAAA,SAAA,CAAU,KAAA,GAAQ,OAAO,MAAA,CAAO,IAAI,mBAAA,EAAqB,EAAE,KAAA,EAAO,eAAA,EAAiB,CAAA;AACnF,IAAA,OAAO,SAAA;AAAA,EACT,CAAA;AAEA,EAAAC,eAAA,CAAY,MAAM;AAChB,IAAA,MAAM,kBAAgE,EAAC;AACvE,IAAA,MAAM,iBAA0C,EAAC;AACjD,IAAA,MAAM,eAAA,GAAkB,CACtB,KAAA,EACA,UAAA,EACA,gBACA,MAAA,EACA,QAAA,EACA,MAAA,EACA,QAAA,EACAC,cAAAA,KACG;AAxIT,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAyIM,MAAA,MAAM,SAAS,cAAA,CAAe,MAAA;AAC9B,MAAA,IAAI,aAAA,GAA0C,IAAA;AAC9C,MAAA,IAAI,kBAAA,GAAqB,CAAA;AACzB,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,MAAA,EAAQ,CAAA,EAAA,EAAK;AAC/B,QAAA,MAAM,EAAE,WAAA,EAAa,SAAA,EAAU,GAAI,eAAe,CAAC,CAAA;AACnD,QAAA,MAAM,SAAA,GAAY,iBAAA;AAAA,UAChB,UAAA;AAAA,UACA,eAAe,CAAC,CAAA;AAAA,UAChB,QAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,eAAA,CAAgB,MAAM,CAAA,CAAG,SAAS,CAAA,GAAI,SAAA;AACtC,QAAA,IAAA,CAAA,CAAI,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,OAAA,KAAW,IAAI,CAAA,EAAG;AACrC,UAAA,cAAA,CAAe,MAAM,CAAA,GAAI,IAAA;AAAA,QAC3B;AACA,QAAA,IAAI,MAAM,CAAA,IAAA,CAAA,CAAK,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,aAAY,CAAA,EAAG;AAC7C,UAAA,kBAAA,GAAqB,WAAA;AAAA,QACvB;AAAA,MACF;AAEA,MAAA,IAAI,uBAAuB,CAAA,EAAG;AAC5B,QAAA,KAAA,IAAS,CAAA,GAAI,kBAAA,GAAqB,CAAA,EAAG,CAAA,GAAI,GAAG,CAAA,EAAA,EAAK;AAC/C,UAAA,MAAM,MAAA,GAAS,UAAA,CAAW,KAAA,CAAM,CAAC,CAAA;AACjC,UAAA,IAAI,OAAO,KAAA,EAAO;AAClB,UAAA,MAAM,YAAY,iBAAA,CAAkB,UAAA,EAAY,MAAA,EAAQ,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAClF,UAAA,IAAA,CAAA,CAAI,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,OAAA,MAAY,CAAA,EAAG;AAClC,YAAA,aAAA,GAAgB,MAAA;AAChB,YAAA,eAAA,CAAgB,MAAM,CAAA,CAAG,MAAA,CAAO,SAAS,CAAA,GAAI,SAAA;AAC7C,YAAA,IAAA,CAAA,CAAI,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,OAAA,KAAW,IAAI,CAAA,EAAG;AACrC,cAAA,cAAA,CAAe,MAAM,CAAA,GAAI,IAAA;AAAA,YAC3B;AACA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,MAAA,IAAI,aAAA,EAAe;AACjB,QAAA,MAAM,OAAA,GAAU,eAAe,KAAA,EAAM;AACrC,QAAA,OAAA,CAAQ,KAAK,aAAa,CAAA;AAC1B,QAAAA,cAAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,cAAAA,CAAe,GAAA,CAAI,MAAA,EAAQ,OAAA,CAAA;AAAA,MAC7B,CAAA,MAAO;AACL,QAAAA,cAAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,cAAAA,CAAe,GAAA,CAAI,MAAA,EAAQ,cAAA,CAAA;AAAA,MAC7B;AAAA,IACF,CAAA;AACA,IAAA,MAAM,aAAA,uBAAoB,GAAA,EAAI;AAC9B,IAAA,MAAM,GAAA,GAAM,KAAK,KAAA,CAAM,MAAA;AACvB,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,GAAA,EAAK,CAAA,EAAA,EAAK;AAC5B,MAAA,IAAI,CAAC,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,EAAG;AACpB,MAAA,MAAM,EAAE,QAAQ,WAAA,EAAa,MAAA,EAAQ,UAAS,GAAI,IAAA,CAAK,MAAM,CAAC,CAAA;AAC9D,MAAA,eAAA,CAAgB,MAAM,IAAI,EAAC;AAC3B,MAAA,MAAM,QAAA,GAAmB,gBAAA,CAAiB,KAAA,CAAM,MAAM,IAAI,QAAA,GAAW,SAAA;AACrE,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,eAAA,CAAgB,MAAM,CAAA,CAAEC,0BAAe,CAAA,GAAI;AAAA,UACzC,KAAA,EAAO;AAAA,YACL,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,EAAO,KAAA,EAAO,GAAG,SAAA,CAAU,KAAK,CAAA,EAAA,CAAA,EAAM,MAAA,EAAQ,CAAA;AAAE;AACjE,SACF;AAAA,MACF,CAAA,MAAO;AACL,QAAA,eAAA,CAAgB,GAAG,CAAA,EAAG,WAAA,CAAY,OAAO,MAAA,EAAQ,QAAA,EAAU,QAAQ,QAAQ,CAAA;AAC3E,QAAA,eAAA;AAAA,UACE,CAAA;AAAA,UACA,SAAA,CAAU,KAAA;AAAA,UACV,oBAAA,CAAqB,KAAA;AAAA,UACrB,MAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,eAAA;AAAA,UACE,CAAA;AAAA,UACA,SAAA,CAAU,QAAQ,WAAA,CAAY,KAAA;AAAA,UAC9B,YAAA,CAAa,KAAA;AAAA,UACb,MAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,IACF;AACA,IAAA,YAAA,CAAa,KAAA,GAAQ,eAAA;AACrB,IAAA,mBAAA,CAAoB,KAAA,GAAQ,cAAA;AAC5B,IAAA,mBAAA,CAAoB,KAAA,GAAQ,aAAA;AAAA,EAC9B,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,YAAA,EAAc,mBAAA,EAAqB,mBAAA,EAAoB;AAClE;;;;"}

package/lib/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/lib/components/table/src/hooks/useCellSelection.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var useRangeStore = require('./useRangeStore.js');
+
+const useCellSelection = () => {
+  const {
+    isCellInAnyRange,
+    cellRanges,
+    extendLatestRangeToCell,
+    setRangeToCell,
+    enableRangeSelection,
+    getCellRangeCount,
+    intersectLastRange,
+    level
+  } = useRangeStore.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);
+    }
+  };
+};
+
+exports.useCellSelection = useCellSelection;
+//# sourceMappingURL=useCellSelection.js.map

package/lib/components/table/src/hooks/useCellSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellSelection.js","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":["useInjectRangeStore"],"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,MACEA,iCAAA,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/lib/components/table/src/hooks/useColumnWidthByString.d.ts

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

package/lib/components/table/src/hooks/useColumnWidthByString.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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];
+  };
+}
+
+exports.default = useColumnWidthByString;
+//# sourceMappingURL=useColumnWidthByString.js.map

package/lib/components/table/src/hooks/useColumnWidthByString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnWidthByString.js","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/lib/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;