@creekjs/web-components 1.0.4 → 1.0.6

package/dist/creek-table/hooks/useAutoWidthColumns.d.ts

@@ -1,6 +1,6 @@
 import { ProColumns } from '@ant-design/pro-components';
 import { RefObject } from 'react';
-export declare const useAutoWidthColumns: <T, ValueType>(columns: ProColumns<T, ValueType>[] | undefined, tableRef: RefObject<HTMLDivElement>) => {
+export declare const useAutoWidthColumns: <T, ValueType>(columns: ProColumns<T, ValueType>[] | undefined, tableRef: RefObject<HTMLDivElement>, resizedWidths?: Record<string, number>, bordered?: boolean, size?: 'large' | 'middle' | 'small' | 'medium') => {
     columns: ProColumns<T, ValueType>[] | undefined;
     totalWidth: number | undefined;
 };

package/dist/creek-table/hooks/useAutoWidthColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoWidthColumns.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useAutoWidthColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AA4FxE,eAAO,MAAM,mBAAmB,0BACrB,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,YACrC,UAAU,cAAc,CAAC,kBACnB,OAAO,MAAM,EAAE,MAAM,CAAC,aAC3B,OAAO,SACX,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ;aAClC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS;gBAAc,MAAM,GAAG,SAAS;CAwLnF,CAAC"}

package/dist/creek-table/hooks/useAutoWidthColumns.js

@@ -26,8 +26,9 @@ var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_PADDING_WIDTH = 16;
-var estimateWidth = (text) => {
+var DEFAULT_PADDING_WIDTH_SMALL = 16;
+var DEFAULT_PADDING_WIDTH_LARGE = 24;
+var estimateWidth = (text, padding) => {
   let width = 0;
   for (const char of text) {
     if (/[\u4e00-\u9fa5]/.test(char)) {
@@ -36,7 +37,7 @@ var estimateWidth = (text) => {
       width += 8;
     }
   }
-  return width + DEFAULT_PADDING_WIDTH;
+  return width + padding;
 };
 var getValueTypeWidth = (valueType) => {
   switch (valueType) {
@@ -70,7 +71,8 @@ var MeasureWrapper = ({ children, onResize }) => {
     onResize(ref.current.offsetWidth);
     const observer = new ResizeObserver((entries) => {
       for (const entry of entries) {
-        onResize(entry.target.offsetWidth);
+        const width = entry.target.scrollWidth;
+        onResize(width);
       }
     });
     observer.observe(ref.current);
@@ -78,18 +80,40 @@ var MeasureWrapper = ({ children, onResize }) => {
       observer.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { ref, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      style: {
+        display: "inline-block",
+        whiteSpace: "nowrap",
+        width: "max-content",
+        // 确保宽度由内容决定
+        minWidth: "min-content"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { children })
+    }
+  );
 };
-var useAutoWidthColumns = (columns, tableRef) => {
+var useAutoWidthColumns = (columns, tableRef, resizedWidths, bordered, size) => {
   const [columnWidths, setColumnWidths] = (0, import_react.useState)({});
-  const [tableWidth, setTableWidth] = (0, import_react.useState)(0);
+  const [tableWidth, setTableWidth] = (0, import_react.useState)(() => {
+    if (tableRef.current) {
+      return tableRef.current.offsetWidth;
+    }
+    return 0;
+  });
   (0, import_react.useEffect)(() => {
     if (!tableRef.current)
       return;
-    setTableWidth(tableRef.current.offsetWidth);
+    if (tableWidth === 0) {
+      setTableWidth(tableRef.current.offsetWidth);
+    }
     let rafId;
     let timerId;
     const updateWidth = (width) => {
+      if (width === 0)
+        return;
       cancelAnimationFrame(rafId);
       clearTimeout(timerId);
       rafId = requestAnimationFrame(() => {
@@ -130,26 +154,39 @@ var useAutoWidthColumns = (columns, tableRef) => {
     if (!columns)
       return { columns: void 0, totalWidth: void 0 };
     const calculatedColumns = columns.map((col, index) => {
-      const colKey = col.dataIndex || col.key || `col-${index}`;
+      const colKey = col.key || col.dataIndex || `col-${index}`;
       const measuredWidth = columnWidths[colKey];
-      let width;
+      let padding = DEFAULT_PADDING_WIDTH_SMALL;
+      if (size === "large") {
+        padding = DEFAULT_PADDING_WIDTH_LARGE;
+      }
+      let baseWidth;
       if (col.width) {
-        width = typeof col.width === "number" ? col.width : 100;
+        baseWidth = typeof col.width === "number" ? col.width : 100;
       } else if (col.valueType === "option" && measuredWidth) {
-        width = measuredWidth + DEFAULT_PADDING_WIDTH;
+        const extraPadding = bordered ? 4 : 0;
+        baseWidth = measuredWidth + padding + extraPadding;
       } else {
-        width = Math.max(estimateWidth(col.title), getValueTypeWidth(col.valueType));
+        baseWidth = Math.max(estimateWidth(col.title, padding), getValueTypeWidth(col.valueType));
+      }
+      let width = baseWidth;
+      if (resizedWidths && resizedWidths[colKey]) {
+        width = resizedWidths[colKey];
       }
       return {
         ...col,
         _calculatedWidth: width,
+        _baseWidth: baseWidth,
+        // 新增 _baseWidth 用于后续 minWidth 限制
         _colKey: colKey
       };
     });
     const totalCalculatedWidth = calculatedColumns.reduce((acc, col) => acc + col._calculatedWidth, 0);
-    const isOverflow = totalCalculatedWidth > tableWidth;
+    const hasResized = resizedWidths && Object.keys(resizedWidths).length > 0;
+    const isOverflow = totalCalculatedWidth > tableWidth || hasResized;
+    const shouldForceWidth = totalCalculatedWidth > tableWidth;
     const processedColumns = calculatedColumns.map((col) => {
-      const { _calculatedWidth, _colKey, ...originalCol } = col;
+      const { _calculatedWidth, _baseWidth, _colKey, ...originalCol } = col;
       if (col.valueType === "option") {
         const originalRender = col.render;
         return {
@@ -167,14 +204,36 @@ var useAutoWidthColumns = (columns, tableRef) => {
         ...originalCol,
         // 只有当内容溢出（需要滚动）或者手动设置了宽度时，才应用计算出的宽度
         // 否则不设置 width，让 Antd Table 自动布局占满剩余空间
-        width: isOverflow || col.width ? _calculatedWidth : void 0
+        width: shouldForceWidth || col.width || resizedWidths && resizedWidths[_colKey] ? _calculatedWidth : void 0,
+        // 添加 calculatedWidth 以供后续 useResizableColumns 使用，这里使用 _baseWidth (即不受 resize 影响的宽度)
+        calculatedWidth: _baseWidth,
+        onHeaderCell: (column) => {
+          const originalProps = originalCol.onHeaderCell ? originalCol.onHeaderCell(column) : {};
+          return {
+            ...originalProps,
+            style: {
+              ...originalProps.style,
+              minWidth: _calculatedWidth
+            }
+          };
+        },
+        onCell: (record, index) => {
+          const originalProps = originalCol.onCell ? originalCol.onCell(record, index) : {};
+          return {
+            ...originalProps,
+            style: {
+              ...originalProps.style,
+              minWidth: _calculatedWidth
+            }
+          };
+        }
       };
     });
     return {
       columns: processedColumns,
       totalWidth: isOverflow ? totalCalculatedWidth : void 0
     };
-  }, [columns, columnWidths, tableWidth]);
+  }, [columns, columnWidths, tableWidth, resizedWidths]);
   return {
     columns: finalColumns,
     totalWidth

package/dist/creek-table/hooks/useAutoWidthColumns.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-table/hooks/useAutoWidthColumns.tsx"],
-  "sourcesContent": ["import { ProColumns } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { Space } from 'antd';\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\nconst DEFAULT_PADDING_WIDTH = 16;\n\n/**\n * 估算字符串宽度（简单估算：汉字 14px，非汉字 8px，左右 padding 16px）\n */\nconst estimateWidth = (text: string) => {\n  let width = 0;\n  for (const char of text) {\n    if (/[\\u4e00-\\u9fa5]/.test(char)) {\n      width += 14;\n    } else {\n      width += 8;\n    }\n  }\n  return width + DEFAULT_PADDING_WIDTH; // padding\n};\n\n/**\n * 根据 valueType 获取默认宽度\n */\nconst getValueTypeWidth = (valueType: string | undefined): number => {\n  switch (valueType) {\n    case 'date':\n    case 'dateRange':\n      return 120;\n    case 'dateTime':\n    case 'dateTimeRange':\n      return 180;\n    case 'time':\n    case 'timeRange':\n      return 100;\n    case 'index':\n    case 'indexBorder':\n      return 60;\n    case 'money':\n      return 100;\n    case 'digit':\n      return 100;\n    case 'select':\n      return 120;\n    default:\n      return 80; // 默认给 80\n  }\n};\n\n/**\n * 一个用于测量的包裹组件\n */\nconst MeasureWrapper = ({ children, onResize }: { children: React.ReactNode; onResize: (width: number) => void }) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!ref.current) return;\n\n    // 初次测量\n    onResize(ref.current.offsetWidth);\n\n    // 监听变化\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        onResize((entry.target as HTMLElement).offsetWidth);\n      }\n    });\n\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []); // 依赖为空，只在挂载时设置监听\n\n  return <Space ref={ref}>{children}</Space>;\n};\n\nexport const useAutoWidthColumns = <T, ValueType>(\n  columns: ProColumns<T, ValueType>[] | undefined,\n  tableRef: RefObject<HTMLDivElement>,\n): { columns: ProColumns<T, ValueType>[] | undefined; totalWidth: number | undefined } => {\n  // 存储每个列的最大宽度：key 是 dataIndex 或 title，value 是最大宽度\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});\n  const [tableWidth, setTableWidth] = useState<number>(0);\n\n  // 监听 table 容器宽度变化\n  useEffect(() => {\n    if (!tableRef.current) return;\n\n    // 立即获取一次宽度\n    setTableWidth(tableRef.current.offsetWidth);\n\n    // 使用 requestAnimationFrame + setTimeout 防抖\n    let rafId: number;\n    let timerId: NodeJS.Timeout;\n\n    const updateWidth = (width: number) => {\n      cancelAnimationFrame(rafId);\n      clearTimeout(timerId);\n\n      rafId = requestAnimationFrame(() => {\n        timerId = setTimeout(() => {\n          setTableWidth(width);\n        }, 500);\n      });\n    };\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        updateWidth(entry.contentRect.width);\n      }\n    });\n\n    observer.observe(tableRef.current);\n\n    // 监听 window resize 作为后备\n    const handleWindowResize = () => {\n      if (tableRef.current) {\n        updateWidth(tableRef.current.offsetWidth);\n      }\n    };\n    window.addEventListener('resize', handleWindowResize);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', handleWindowResize);\n      cancelAnimationFrame(rafId);\n      clearTimeout(timerId);\n    };\n  }, [tableRef]);\n\n  const handleResize = useMemoizedFn((key: string, width: number) => {\n    setColumnWidths((prev) => {\n      const currentMax = prev[key] || 0;\n      if (width > currentMax) {\n        return { ...prev, [key]: width };\n      }\n      return prev;\n    });\n  });\n\n  const { columns: finalColumns, totalWidth } = useMemo(() => {\n    if (!columns) return { columns: undefined, totalWidth: undefined };\n\n    // 1. 先计算所有列的理想宽度（不考虑 table 宽度）\n    const calculatedColumns = columns.map((col, index) => {\n      const colKey = (col.dataIndex as string) || (col.key as string) || `col-${index}`;\n      const measuredWidth = columnWidths[colKey];\n      let width: number;\n      if (col.width) {\n        width = typeof col.width === 'number' ? col.width : 100; // 暂时给个默认值如果手动设了 string width\n      } else if (col.valueType === 'option' && measuredWidth) {\n        width = measuredWidth + DEFAULT_PADDING_WIDTH;\n      } else {\n        width = Math.max(estimateWidth(col.title as string), getValueTypeWidth(col.valueType as string));\n      }\n\n      return {\n        ...col,\n        _calculatedWidth: width,\n        _colKey: colKey,\n      };\n    });\n\n    // 2. 计算所有列的总宽度\n    const totalCalculatedWidth = calculatedColumns.reduce((acc, col) => acc + col._calculatedWidth, 0);\n\n    // 3. 判断是否需要自适应\n    // 如果总宽度小于 table 宽度，说明空间足够，除了 option 列，其他列可以不设宽度让 table 自动撑开\n    const isOverflow = totalCalculatedWidth > tableWidth;\n\n    const processedColumns = calculatedColumns.map((col) => {\n      // 提取内部使用的字段\n      const { _calculatedWidth, _colKey, ...originalCol } = col;\n\n      // 针对 valueType === 'option' (操作列)，始终需要特殊处理（包裹测量组件）\n      if (col.valueType === 'option') {\n        const originalRender = col.render;\n        return {\n          ...originalCol,\n          // 始终设置 option 列宽度\n          width: _calculatedWidth,\n          fixed: col.fixed ?? 'right',\n          render: (dom: any, entity: any, index: any, action: any, schema: any) => {\n            const originalRenderResult = originalRender ? (originalRender(dom, entity, index, action, schema) as React.ReactNode) : dom;\n            return <MeasureWrapper onResize={(width) => handleResize(_colKey, width)}>{originalRenderResult}</MeasureWrapper>;\n          },\n        } as ProColumns<T, ValueType>;\n      }\n\n      // 非 option 列\n      return {\n        ...originalCol,\n        // 只有当内容溢出（需要滚动）或者手动设置了宽度时，才应用计算出的宽度\n        // 否则不设置 width，让 Antd Table 自动布局占满剩余空间\n        width: isOverflow || col.width ? _calculatedWidth : undefined,\n      };\n    });\n\n    return {\n      columns: processedColumns,\n      totalWidth: isOverflow ? totalCalculatedWidth : undefined,\n    };\n  }, [columns, columnWidths, tableWidth]);\n\n  return {\n    columns: finalColumns,\n    totalWidth,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ProColumns } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { Space } from 'antd';\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\n\nconst DEFAULT_PADDING_WIDTH_SMALL = 16; // small size (compact)\nconst DEFAULT_PADDING_WIDTH_LARGE = 24; // large size (default)\n\n/**\n * 估算字符串宽度（简单估算：汉字 14px，非汉字 8px）\n */\nconst estimateWidth = (text: string, padding: number) => {\n  let width = 0;\n  for (const char of text) {\n    if (/[\\u4e00-\\u9fa5]/.test(char)) {\n      width += 14;\n    } else {\n      width += 8;\n    }\n  }\n  return width + padding;\n};\n\n/**\n * 根据 valueType 获取默认宽度\n */\nconst getValueTypeWidth = (valueType: string | undefined): number => {\n  switch (valueType) {\n    case 'date':\n    case 'dateRange':\n      return 120;\n    case 'dateTime':\n    case 'dateTimeRange':\n      return 180;\n    case 'time':\n    case 'timeRange':\n      return 100;\n    case 'index':\n    case 'indexBorder':\n      return 60;\n    case 'money':\n      return 100;\n    case 'digit':\n      return 100;\n    case 'select':\n      return 120;\n    default:\n      return 80; // 默认给 80\n  }\n};\n\n/**\n * 一个用于测量的包裹组件\n */\nconst MeasureWrapper = ({ children, onResize }: { children: React.ReactNode; onResize: (width: number) => void }) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!ref.current) return;\n\n    // 初次测量\n    onResize(ref.current.offsetWidth);\n\n    // 监听变化\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // 使用 scrollWidth 来获取完整内容宽度，防止被截断时的测量误差\n        const width = (entry.target as HTMLElement).scrollWidth;\n        onResize(width);\n      }\n    });\n\n    observer.observe(ref.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []); // 依赖为空，只在挂载时设置监听\n\n  // 使用 inline-block 和 nowrap 防止内容被父容器宽度挤压导致测量不准\n  return (\n    <div\n      ref={ref}\n      style={{\n        display: 'inline-block',\n        whiteSpace: 'nowrap',\n        width: 'max-content', // 确保宽度由内容决定\n        minWidth: 'min-content',\n      }}\n    >\n      <Space>{children}</Space>\n    </div>\n  );\n};\n\nexport const useAutoWidthColumns = <T, ValueType>(\n  columns: ProColumns<T, ValueType>[] | undefined,\n  tableRef: RefObject<HTMLDivElement>,\n  resizedWidths?: Record<string, number>,\n  bordered?: boolean,\n  size?: 'large' | 'middle' | 'small' | 'medium',\n): { columns: ProColumns<T, ValueType>[] | undefined; totalWidth: number | undefined } => {\n  // 存储每个列的最大宽度：key 是 dataIndex 或 title，value 是最大宽度\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});\n  // 初始时尝试直接获取宽度，如果 tableRef 已经有值\n  const [tableWidth, setTableWidth] = useState<number>(() => {\n      if (tableRef.current) {\n          return tableRef.current.offsetWidth;\n      }\n      return 0;\n  });\n\n  // 监听 table 容器宽度变化\n  useEffect(() => {\n    if (!tableRef.current) return;\n    \n    // 如果初始状态是0（因为ref.current可能在render时为null），这里补救一下\n    if (tableWidth === 0) {\n        setTableWidth(tableRef.current.offsetWidth);\n    }\n\n    // 使用 requestAnimationFrame + setTimeout 防抖\n    let rafId: number;\n    let timerId: NodeJS.Timeout;\n\n    const updateWidth = (width: number) => {\n      // 忽略 0 宽度的更新（通常是由于 display: none 引起的）\n      if (width === 0) return;\n\n      cancelAnimationFrame(rafId);\n      clearTimeout(timerId);\n\n      rafId = requestAnimationFrame(() => {\n        timerId = setTimeout(() => {\n          setTableWidth(width);\n        }, 500);\n      });\n    };\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        updateWidth(entry.contentRect.width);\n      }\n    });\n\n    observer.observe(tableRef.current);\n\n    // 监听 window resize 作为后备\n    const handleWindowResize = () => {\n      if (tableRef.current) {\n        updateWidth(tableRef.current.offsetWidth);\n      }\n    };\n    window.addEventListener('resize', handleWindowResize);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', handleWindowResize);\n      cancelAnimationFrame(rafId);\n      clearTimeout(timerId);\n    };\n  }, [tableRef]);\n\n  const handleResize = useMemoizedFn((key: string, width: number) => {\n    setColumnWidths((prev) => {\n      const currentMax = prev[key] || 0;\n      if (width > currentMax) {\n        return { ...prev, [key]: width };\n      }\n      return prev;\n    });\n  });\n\n  const { columns: finalColumns, totalWidth } = useMemo(() => {\n    if (!columns) return { columns: undefined, totalWidth: undefined };\n\n    // 1. 先计算所有列的理想宽度（不考虑 table 宽度）\n    const calculatedColumns = columns.map((col, index) => {\n      const colKey = (col.key as string) || (col.dataIndex as string) || `col-${index}`;\n      const measuredWidth = columnWidths[colKey];\n      \n      // 根据 size 确定 padding\n      let padding = DEFAULT_PADDING_WIDTH_SMALL;\n       if (size === 'large') {\n        padding = DEFAULT_PADDING_WIDTH_LARGE;\n      }\n      \n      let baseWidth: number;\n      if (col.width) {\n        baseWidth = typeof col.width === 'number' ? col.width : 100; // 暂时给个默认值如果手动设了 string width\n      } else if (col.valueType === 'option' && measuredWidth) {\n        // bordered 模式下，需要额外的宽度来容纳边框和视觉间距，避免换行\n        const extraPadding = bordered ? 4: 0;\n        baseWidth = measuredWidth + padding + extraPadding;\n      } else {\n        baseWidth = Math.max(estimateWidth(col.title as string, padding), getValueTypeWidth(col.valueType as string));\n      }\n\n      let width = baseWidth;\n      if (resizedWidths && resizedWidths[colKey]) {\n        width = resizedWidths[colKey];\n      }\n\n      return {\n        ...col,\n        _calculatedWidth: width,\n        _baseWidth: baseWidth, // 新增 _baseWidth 用于后续 minWidth 限制\n        _colKey: colKey,\n      };\n    });\n\n    // 2. 计算所有列的总宽度\n    const totalCalculatedWidth = calculatedColumns.reduce((acc, col) => acc + col._calculatedWidth, 0);\n\n    // 3. 判断是否需要自适应\n    // 如果总宽度小于 table 宽度，说明空间足够，除了 option 列，其他列可以不设宽度让 table 自动撑开\n    // 但如果有任何列被用户手动 resize 了，我们认为用户希望精确控制，此时也应该返回 totalWidth\n    const hasResized = resizedWidths && Object.keys(resizedWidths).length > 0;\n    const isOverflow = totalCalculatedWidth > tableWidth || hasResized;\n\n    // 只有在内容真实溢出（即总宽度 > 容器宽度）时，才强制给未设置宽度的列设置最小估算宽度。\n    // 如果仅仅是用户调整了某列宽度但总宽度仍小于容器宽度，此时不应该限制其他列的宽度，\n    // 而是利用 table 的自动布局特性让它们填充剩余空间。\n    const shouldForceWidth = totalCalculatedWidth > tableWidth;\n\n    const processedColumns = calculatedColumns.map((col) => {\n      // 提取内部使用的字段\n      const { _calculatedWidth, _baseWidth, _colKey, ...originalCol } = col;\n\n      // 针对 valueType === 'option' (操作列)，始终需要特殊处理（包裹测量组件）\n      if (col.valueType === 'option') {\n        const originalRender = col.render;\n        return {\n          ...originalCol,\n          // 始终设置 option 列宽度\n          width: _calculatedWidth,\n          fixed: col.fixed ?? 'right',\n          render: (dom: any, entity: any, index: any, action: any, schema: any) => {\n            const originalRenderResult = originalRender ? (originalRender(dom, entity, index, action, schema) as React.ReactNode) : dom;\n            return <MeasureWrapper onResize={(width) => handleResize(_colKey, width)}>{originalRenderResult}</MeasureWrapper>;\n          },\n        } as ProColumns<T, ValueType>;\n      }\n\n      // 非 option 列\n      return {\n        ...originalCol,\n        // 只有当内容溢出（需要滚动）或者手动设置了宽度时，才应用计算出的宽度\n        // 否则不设置 width，让 Antd Table 自动布局占满剩余空间\n        width: shouldForceWidth || col.width || (resizedWidths && resizedWidths[_colKey]) ? _calculatedWidth : undefined,\n        // 添加 calculatedWidth 以供后续 useResizableColumns 使用，这里使用 _baseWidth (即不受 resize 影响的宽度)\n        calculatedWidth: _baseWidth,\n        onHeaderCell: (column: any) => {\n          const originalProps = originalCol.onHeaderCell ? originalCol.onHeaderCell(column) : {};\n          return {\n            ...originalProps,\n            style: {\n              ...originalProps.style,\n              minWidth: _calculatedWidth,\n            },\n          };\n        },\n        onCell: (record: any, index: any) => {\n          const originalProps = originalCol.onCell ? originalCol.onCell(record, index) : {};\n          return {\n            ...originalProps,\n            style: {\n              ...originalProps.style,\n              minWidth: _calculatedWidth,\n            },\n          };\n        },\n      };\n    });\n\n    return {\n      columns: processedColumns,\n      totalWidth: isOverflow ? totalCalculatedWidth : undefined,\n    };\n  }, [columns, columnWidths, tableWidth, resizedWidths]);\n\n  return {\n    columns: finalColumns,\n    totalWidth,\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/creek-table/hooks/useElementDistance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementDistance.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useElementDistance.tsx"],"names":[],"mappings":";AAGA,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AAO/C,UAAU,QAAQ;IAChB,CAAC,EAAE,MAAM,CAAC;CACX;AAeD,eAAO,MAAM,kBAAkB,wDAAuD,QAAQ,GAAG,IAoChG,CAAC"}

package/dist/creek-table/hooks/useEllipsisColumns.d.ts

@@ -0,0 +1,8 @@
+import type { ParamsType, ProColumns } from '@ant-design/pro-components';
+/**
+ * 默认开启 ellipsis 的 Hook
+ * 1. 如果用户未配置 ellipsis，默认开启，并使用 Tooltip 显示完整内容
+ * 2. 如果是 option 列，默认不开启
+ * 3. 尊重用户配置
+ */
+export declare const useEllipsisColumns: <T extends ParamsType, ValueType = "text">(columns: ProColumns<T, ValueType>[] | undefined) => ProColumns<T, ValueType>[] | undefined;

package/dist/creek-table/hooks/useEllipsisColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEllipsisColumns.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useEllipsisColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIzE;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,sDACpB,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,2CAmChD,CAAC"}

package/dist/creek-table/hooks/useEllipsisColumns.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/hooks/useEllipsisColumns.tsx
+var useEllipsisColumns_exports = {};
+__export(useEllipsisColumns_exports, {
+  useEllipsisColumns: () => useEllipsisColumns
+});
+module.exports = __toCommonJS(useEllipsisColumns_exports);
+var import_react = require("react");
+var import_components = require("../components");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useEllipsisColumns = (columns) => {
+  const processedColumns = (0, import_react.useMemo)(() => {
+    return columns == null ? void 0 : columns.map((col) => {
+      if (col.valueType === "option") {
+        return col;
+      }
+      return {
+        ...col,
+        // 关闭 Table 自带的 ellipsis title，因为我们要用自己的 Tooltip
+        // 但保留 ellipsis 属性以确保 Table 传递正确的样式给 cell（虽然我们的 EllipsisTooltip 也有样式）
+        // 实际上，为了让 EllipsisTooltip 占据 100% 宽度并生效，最好让 Table cell 也保持一定的约束
+        ellipsis: {
+          showTitle: false
+        },
+        render: (dom, entity, index, action, schema) => {
+          const originalRenderResult = col.render ? col.render(dom, entity, index, action, schema) : dom;
+          if (originalRenderResult === null || originalRenderResult === void 0 || originalRenderResult === "") {
+            return originalRenderResult;
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.EllipsisTooltip, { children: originalRenderResult });
+        }
+      };
+    });
+  }, [columns]);
+  return processedColumns;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEllipsisColumns
+});
+//# sourceMappingURL=useEllipsisColumns.js.map

package/dist/creek-table/hooks/useEllipsisColumns.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/hooks/useEllipsisColumns.tsx"],
+  "sourcesContent": ["import type { ParamsType, ProColumns } from '@ant-design/pro-components';\nimport React, { useMemo } from 'react';\nimport { EllipsisTooltip } from '../components';\n\n/**\n * 默认开启 ellipsis 的 Hook\n * 1. 如果用户未配置 ellipsis，默认开启，并使用 Tooltip 显示完整内容\n * 2. 如果是 option 列，默认不开启\n * 3. 尊重用户配置\n */\nexport const useEllipsisColumns = <T extends ParamsType, ValueType = 'text'>(\n  columns: ProColumns<T, ValueType>[] | undefined,\n) => {\n  const processedColumns = useMemo(() => {\n    return columns?.map((col) => {\n      // 对于操作列，默认不开启 ellipsis\n      if (col.valueType === 'option') {\n        return col;\n      }\n      // 其他列默认开启 ellipsis，并使用自定义渲染\n      return {\n        ...col,\n        // 关闭 Table 自带的 ellipsis title，因为我们要用自己的 Tooltip\n        // 但保留 ellipsis 属性以确保 Table 传递正确的样式给 cell（虽然我们的 EllipsisTooltip 也有样式）\n        // 实际上，为了让 EllipsisTooltip 占据 100% 宽度并生效，最好让 Table cell 也保持一定的约束\n        ellipsis: {\n          showTitle: false,\n        },\n        render: (dom: React.ReactNode, entity: T, index: number, action: any, schema: any) => {\n          const originalRenderResult = col.render ? (col.render(dom, entity, index, action, schema) as React.ReactNode) : dom;\n          \n          // 如果内容为空，直接返回\n          if (originalRenderResult === null || originalRenderResult === undefined || originalRenderResult === '') {\n            return originalRenderResult;\n          }\n\n          // 如果是简单的文本或数字，使用 EllipsisTooltip 包裹\n          return (\n            <EllipsisTooltip>{originalRenderResult}</EllipsisTooltip>\n          );\n        },\n      } as ProColumns<T, ValueType>;\n    });\n  }, [columns]);\n\n  return processedColumns;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+B;AAC/B,wBAAgC;AAoCpB;AA5BL,IAAM,qBAAqB,CAChC,YACG;AACH,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,WAAO,mCAAS,IAAI,CAAC,QAAQ;AAE3B,UAAI,IAAI,cAAc,UAAU;AAC9B,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,QACL,GAAG;AAAA;AAAA;AAAA;AAAA,QAIH,UAAU;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,QAAQ,CAAC,KAAsB,QAAW,OAAe,QAAa,WAAgB;AACpF,gBAAM,uBAAuB,IAAI,SAAU,IAAI,OAAO,KAAK,QAAQ,OAAO,QAAQ,MAAM,IAAwB;AAGhH,cAAI,yBAAyB,QAAQ,yBAAyB,UAAa,yBAAyB,IAAI;AACtG,mBAAO;AAAA,UACT;AAGA,iBACE,4CAAC,qCAAiB,gCAAqB;AAAA,QAE3C;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO;AACT;",
+  "names": []
+}

package/dist/creek-table/hooks/useIndexColumn.d.ts

@@ -0,0 +1,2 @@
+import { ProColumns } from '@ant-design/pro-components';
+export declare const useIndexColumn: <T = any, ValueType = "text">(columns?: ProColumns<T, ValueType>[], showIndex?: boolean) => ProColumns<T, ValueType>[];

package/dist/creek-table/hooks/useIndexColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndexColumn.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useIndexColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAKxD,eAAO,MAAM,cAAc,0CAA0C,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,cAAkB,OAAO,+BAqBvH,CAAC"}

package/dist/creek-table/hooks/useIndexColumn.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/hooks/useIndexColumn.tsx
+var useIndexColumn_exports = {};
+__export(useIndexColumn_exports, {
+  useIndexColumn: () => useIndexColumn
+});
+module.exports = __toCommonJS(useIndexColumn_exports);
+var import_react = require("react");
+var import_i18n = require("../../utils/i18n");
+var useIndexColumn = (columns = [], showIndex = true) => {
+  const t = (0, import_i18n.useT)();
+  return (0, import_react.useMemo)(() => {
+    if (!showIndex) {
+      return columns;
+    }
+    const indexColumn = {
+      title: t("creek-table.hooks.useIndexColumn.xuHao", "序号"),
+      dataIndex: "index",
+      width: 48,
+      fixed: "left",
+      disable: true,
+      hideInSearch: true,
+      render: (dom, entity, index, action, schema) => {
+        const { current = 1, pageSize = 20 } = (action == null ? void 0 : action.pageInfo) || {};
+        return (current - 1) * pageSize + index + 1;
+      }
+    };
+    return [indexColumn, ...columns];
+  }, [columns, showIndex, t]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIndexColumn
+});
+//# sourceMappingURL=useIndexColumn.js.map

package/dist/creek-table/hooks/useIndexColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/hooks/useIndexColumn.tsx"],
+  "sourcesContent": ["import { ProColumns } from '@ant-design/pro-components';\nimport { useMemo } from 'react';\n\nimport { useT } from '@/utils/i18n';\n\nexport const useIndexColumn = <T = any, ValueType = 'text'>(columns: ProColumns<T, ValueType>[] = [], showIndex: boolean = true) => {\n  const t = useT();\n\n  return useMemo(() => {\n    if (!showIndex) {\n      return columns;\n    }\n    const indexColumn: ProColumns<T, ValueType> = {\n      title: t('creek-table.hooks.useIndexColumn.xuHao', '序号'),\n      dataIndex: 'index',\n      width: 48,\n      fixed: 'left',\n      disable: true,\n      hideInSearch: true,\n      render: (dom, entity, index, action, schema) => {\n        const { current = 1, pageSize = 20 } = action?.pageInfo || {};\n        return (current - 1) * pageSize + index + 1;\n      },\n    };\n    return [indexColumn, ...columns];\n  }, [columns, showIndex, t]);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAwB;AAExB,kBAAqB;AAEd,IAAM,iBAAiB,CAA8B,UAAsC,CAAC,GAAG,YAAqB,SAAS;AAClI,QAAM,QAAI,kBAAK;AAEf,aAAO,sBAAQ,MAAM;AACnB,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AACA,UAAM,cAAwC;AAAA,MAC5C,OAAO,EAAE,0CAA0C,IAAI;AAAA,MACvD,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,QAAQ,CAAC,KAAK,QAAQ,OAAO,QAAQ,WAAW;AAC9C,cAAM,EAAE,UAAU,GAAG,WAAW,GAAG,KAAI,iCAAQ,aAAY,CAAC;AAC5D,gBAAQ,UAAU,KAAK,WAAW,QAAQ;AAAA,MAC5C;AAAA,IACF;AACA,WAAO,CAAC,aAAa,GAAG,OAAO;AAAA,EACjC,GAAG,CAAC,SAAS,WAAW,CAAC,CAAC;AAC5B;",
+  "names": []
+}

package/dist/creek-table/hooks/useResizableColumns.d.ts

@@ -0,0 +1,20 @@
+import { ProColumns } from '@ant-design/pro-components';
+import React from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+interface ResizableTitleProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    onResize?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    onResizeStart?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    onResizeStop?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    width?: number | string;
+    minWidth?: number;
+}
+export declare const useResizableColumns: <T, ValueType>(columns: ProColumns<T, ValueType>[] | undefined, resizable?: boolean, resizedWidthsProp?: Record<string, number>, setResizedWidthsProp?: React.Dispatch<React.SetStateAction<Record<string, number>>>, tableRef?: React.RefObject<HTMLDivElement>) => {
+    columns: ProColumns<T, ValueType>[] | undefined;
+    components: {
+        header: {
+            cell: React.ComponentType<ResizableTitleProps>;
+        };
+    } | undefined;
+    resizedWidths: Record<string, number>;
+};
+export {};

package/dist/creek-table/hooks/useResizableColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizableColumns.d.ts","sourceRoot":"","sources":["../../../src/creek-table/hooks/useResizableColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAIxD,OAAO,KAAgE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC9E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgLD,eAAO,MAAM,mBAAmB,0BACrB,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS,cACpC,OAAO,sBACE,OAAO,MAAM,EAAE,MAAM,CAAC,yBACnB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,aACxE,MAAM,SAAS,CAAC,cAAc,CAAC;aAEjC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,SAAS;gBACnC;QAAE,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,aAAa,CAAC,mBAAmB,CAAC,CAAA;SAAE,CAAA;KAAE,GAAG,SAAS;mBACvE,OAAO,MAAM,EAAE,MAAM,CAAC;CA4HtC,CAAC"}