@creekjs/web-components 1.0.5 → 1.0.7

package/dist/creek-table/components/DensityIcon.js

@@ -0,0 +1,77 @@
+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/components/DensityIcon.tsx
+var DensityIcon_exports = {};
+__export(DensityIcon_exports, {
+  DensityIcon: () => DensityIcon
+});
+module.exports = __toCommonJS(DensityIcon_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_i18n = require("../../utils/i18n");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DensityIcon = ({ tableSize, setTableSize }) => {
+  const t = (0, import_i18n.useT)();
+  const items = [
+    {
+      key: "large",
+      label: t("creek-table.components.DensityIcon.kuanSong", "宽松"),
+      onClick: () => setTableSize("large")
+    },
+    {
+      key: "middle",
+      label: t("creek-table.components.DensityIcon.zhongDeng", "中等"),
+      onClick: () => setTableSize("middle")
+    },
+    {
+      key: "small",
+      label: t("creek-table.components.DensityIcon.jinCou", "紧凑"),
+      onClick: () => setTableSize("small")
+    }
+  ];
+  const getTitle = () => {
+    switch (tableSize) {
+      case "large":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)", "表格密度 (宽松)");
+      case "middle":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)", "表格密度 (中等)");
+      case "small":
+        return t("creek-table.components.DensityIcon.biaoGeMiDu(JinCou)", "表格密度 (紧凑)");
+      default:
+        return t("creek-table.components.DensityIcon.biaoGeMiDu", "表格密度");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Dropdown,
+    {
+      menu: {
+        items,
+        selectedKeys: [tableSize || "large"],
+        selectable: true
+      },
+      trigger: ["click"],
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: getTitle(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ColumnHeightOutlined, { style: { fontSize: 16, cursor: "pointer" } }) })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DensityIcon
+});
+//# sourceMappingURL=DensityIcon.js.map

package/dist/creek-table/components/DensityIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/DensityIcon.tsx"],
+  "sourcesContent": ["import { ColumnHeightOutlined } from '@ant-design/icons';\nimport { ProTableProps } from '@ant-design/pro-components';\nimport { Dropdown, MenuProps, Tooltip } from 'antd';\nimport React from 'react';\n\nimport { useT } from '@/utils/i18n';\n\nexport type SizeType = ProTableProps<any, any>['size'];\n\ninterface DensityIconProps {\n  tableSize: SizeType;\n  setTableSize: (size: SizeType) => void;\n}\n\nexport const DensityIcon: React.FC<DensityIconProps> = ({ tableSize, setTableSize }) => {\n  const t = useT();\n\n  const items: MenuProps['items'] = [\n    {\n      key: 'large',\n      label: t('creek-table.components.DensityIcon.kuanSong', '宽松'),\n      onClick: () => setTableSize('large'),\n    },\n    {\n      key: 'middle',\n      label: t('creek-table.components.DensityIcon.zhongDeng', '中等'),\n      onClick: () => setTableSize('middle'),\n    },\n    {\n      key: 'small',\n      label: t('creek-table.components.DensityIcon.jinCou', '紧凑'),\n      onClick: () => setTableSize('small'),\n    },\n  ];\n\n  const getTitle = () => {\n    switch (tableSize) {\n      case 'large':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(KuanSong)', '表格密度 (宽松)');\n      case 'middle':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(ZhongDeng)', '表格密度 (中等)');\n      case 'small':\n        return t('creek-table.components.DensityIcon.biaoGeMiDu(JinCou)', '表格密度 (紧凑)');\n      default:\n        return t('creek-table.components.DensityIcon.biaoGeMiDu', '表格密度');\n    }\n  };\n\n  return (\n    <Dropdown\n      menu={{\n        items,\n        selectedKeys: [tableSize || 'large'],\n        selectable: true,\n      }}\n      trigger={['click']}\n    >\n      <Tooltip title={getTitle()}>\n        <ColumnHeightOutlined style={{ fontSize: 16, cursor: 'pointer' }} />\n      </Tooltip>\n    </Dropdown>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAErC,kBAA6C;AAG7C,kBAAqB;AAqDb;AA5CD,IAAM,cAA0C,CAAC,EAAE,WAAW,aAAa,MAAM;AACtF,QAAM,QAAI,kBAAK;AAEf,QAAM,QAA4B;AAAA,IAChC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,+CAA+C,IAAI;AAAA,MAC5D,SAAS,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,gDAAgD,IAAI;AAAA,MAC7D,SAAS,MAAM,aAAa,QAAQ;AAAA,IACtC;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,6CAA6C,IAAI;AAAA,MAC1D,SAAS,MAAM,aAAa,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,YAAQ,WAAW;AAAA,MACjB,KAAK;AACH,eAAO,EAAE,2DAA2D,WAAW;AAAA,MACjF,KAAK;AACH,eAAO,EAAE,4DAA4D,WAAW;AAAA,MAClF,KAAK;AACH,eAAO,EAAE,yDAAyD,WAAW;AAAA,MAC/E;AACE,eAAO,EAAE,iDAAiD,MAAM;AAAA,IACpE;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ;AAAA,QACA,cAAc,CAAC,aAAa,OAAO;AAAA,QACnC,YAAY;AAAA,MACd;AAAA,MACA,SAAS,CAAC,OAAO;AAAA,MAEjB,sDAAC,uBAAQ,OAAO,SAAS,GACvB,sDAAC,qCAAqB,OAAO,EAAE,UAAU,IAAI,QAAQ,UAAU,GAAG,GACpE;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/creek-table/components/EllipsisTooltip.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * 使用 Antd Typography 组件实现省略提示
+ * 修复了 findDOMNode 警告问题：通过显式使用 Tooltip 包裹 div 容器
+ * 实现了智能提示：只有内容实际溢出时才显示 Tooltip
+ */
+export declare const EllipsisTooltip: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/components/EllipsisTooltip.js

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/components/EllipsisTooltip.tsx
+var EllipsisTooltip_exports = {};
+__export(EllipsisTooltip_exports, {
+  EllipsisTooltip: () => EllipsisTooltip
+});
+module.exports = __toCommonJS(EllipsisTooltip_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_react = __toESM(require("react"));
+var import_i18n = require("../../utils/i18n");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => {
+  return {
+    text: css`
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      // Ensure the wrapper behaves like a block/inline-block that can have width
+      display: block;
+      overflow: hidden;
+    `,
+    tooltipContent: css`
+      max-width: 500px;
+      max-height: 300px;
+      overflow-y: auto;
+    `,
+    tooltipText: css`
+      word-break: break-all;
+      white-space: pre-wrap;
+    `,
+    copyIcon: css`
+      cursor: pointer;
+      color: inherit;
+      transition: color 0.2s;
+
+      &:hover {
+        color: ${token.colorPrimary};
+      }
+    `
+  };
+});
+var EllipsisTooltip = ({ children }) => {
+  const t = (0, import_i18n.useT)();
+  const { styles } = useStyles();
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const textRef = (0, import_react.useRef)(null);
+  const [isEllipsis, setIsEllipsis] = (0, import_react.useState)(false);
+  const isSimpleContent = typeof children === "string" || typeof children === "number";
+  (0, import_react.useEffect)(() => {
+    const checkEllipsis = () => {
+      if (textRef.current) {
+        const prefixCls = getPrefixCls("typography");
+        const typographyEl = textRef.current.querySelector(`.${prefixCls}`);
+        if (typographyEl) {
+          setIsEllipsis(typographyEl.scrollWidth > typographyEl.clientWidth + 1);
+        }
+      }
+    };
+    checkEllipsis();
+    const observer = new ResizeObserver(checkEllipsis);
+    if (textRef.current) {
+      observer.observe(textRef.current);
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [children]);
+  const text = String(children);
+  const handleCopy = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    navigator.clipboard.writeText(text).then(() => {
+      import_antd.message.success(t("creek-table.components.EllipsisTooltip.fuZhiChengGong", "复制成功"));
+    }).catch(() => {
+      import_antd.message.error(t("creek-table.components.EllipsisTooltip.fuZhiShiBai", "复制失败"));
+    });
+  };
+  const tooltipTitle = import_react.default.useMemo(() => {
+    if (!isSimpleContent) {
+      return children;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", gap: 8, className: styles.tooltipContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.tooltipText, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CopyOutlined, { onClick: handleCopy, className: styles.copyIcon, title: t("creek-table.components.EllipsisTooltip.fuZhi", "复制") })
+    ] });
+  }, [children, isSimpleContent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: isEllipsis ? tooltipTitle : void 0, placement: "topLeft", mouseLeaveDelay: 0.2, getPopupContainer: () => document.body, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: textRef, className: styles.text, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Typography.Text, { ellipsis: true, children }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EllipsisTooltip
+});
+//# sourceMappingURL=EllipsisTooltip.js.map

package/dist/creek-table/components/EllipsisTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/EllipsisTooltip.tsx"],
+  "sourcesContent": ["import { CopyOutlined } from '@ant-design/icons';\nimport { ConfigProvider, Flex, Tooltip, Typography, message } from 'antd';\nimport { createStyles } from 'antd-style';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport { useT } from '@/utils/i18n';\n\nconst useStyles = createStyles(({ css, token }) => {\n  return {\n    text: css`\n      width: 100%;\n      margin: 0;\n      padding: 0;\n      // Ensure the wrapper behaves like a block/inline-block that can have width\n      display: block;\n      overflow: hidden;\n    `,\n    tooltipContent: css`\n      max-width: 500px;\n      max-height: 300px;\n      overflow-y: auto;\n    `,\n    tooltipText: css`\n      word-break: break-all;\n      white-space: pre-wrap;\n    `,\n    copyIcon: css`\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.2s;\n\n      &:hover {\n        color: ${token.colorPrimary};\n      }\n    `,\n  };\n});\n\n/**\n * 使用 Antd Typography 组件实现省略提示\n * 修复了 findDOMNode 警告问题：通过显式使用 Tooltip 包裹 div 容器\n * 实现了智能提示：只有内容实际溢出时才显示 Tooltip\n */\nexport const EllipsisTooltip = ({ children }: { children: React.ReactNode }) => {\n  const t = useT();\n\n  const { styles } = useStyles();\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const textRef = useRef<HTMLDivElement>(null);\n  const [isEllipsis, setIsEllipsis] = useState(false);\n  const isSimpleContent = typeof children === 'string' || typeof children === 'number';\n\n  useEffect(() => {\n    const checkEllipsis = () => {\n      if (textRef.current) {\n        const prefixCls = getPrefixCls('typography');\n        // Typography.Text renders a span or div with .ant-typography\n        const typographyEl = textRef.current.querySelector(`.${prefixCls}`);\n        if (typographyEl) {\n          // For simple ellipsis={true}, Antd uses CSS ellipsis.\n          // We can detect if it's truncated by comparing scrollWidth and clientWidth\n          // We add a small buffer (1px) for browser sub-pixel rendering differences\n          setIsEllipsis(typographyEl.scrollWidth > typographyEl.clientWidth + 1);\n        }\n      }\n    };\n\n    // Initial check\n    checkEllipsis();\n    // Use ResizeObserver for more robust size change detection\n    const observer = new ResizeObserver(checkEllipsis);\n    if (textRef.current) {\n      observer.observe(textRef.current);\n    }\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [children]);\n\n  const text = String(children);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        message.success(t('creek-table.components.EllipsisTooltip.fuZhiChengGong', '复制成功'));\n      })\n      .catch(() => {\n        message.error(t('creek-table.components.EllipsisTooltip.fuZhiShiBai', '复制失败'));\n      });\n  };\n\n  // Memoize tooltip title content\n  const tooltipTitle = React.useMemo(() => {\n    if (!isSimpleContent) {\n      return children;\n    }\n    return (\n      <Flex align=\"center\" gap={8} className={styles.tooltipContent}>\n        <span className={styles.tooltipText}>{children}</span>\n        <CopyOutlined onClick={handleCopy} className={styles.copyIcon} title={t('creek-table.components.EllipsisTooltip.fuZhi', '复制')} />\n      </Flex>\n    );\n  }, [children, isSimpleContent]);\n\n  return (\n    <Tooltip title={isEllipsis ? tooltipTitle : undefined} placement=\"topLeft\" mouseLeaveDelay={0.2} getPopupContainer={() => document.body}>\n      <div ref={textRef} className={styles.text}>\n        <Typography.Text ellipsis={true}>{children}</Typography.Text>\n      </div>\n    </Tooltip>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,kBAAmE;AACnE,wBAA6B;AAC7B,mBAA+D;AAE/D,kBAAqB;AAgGf;AA9FN,IAAM,gBAAY,gCAAa,CAAC,EAAE,KAAK,MAAM,MAAM;AACjD,SAAO;AAAA,IACL,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhB,aAAa;AAAA;AAAA;AAAA;AAAA,IAIb,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMG,MAAM;AAAA;AAAA;AAAA,EAGrB;AACF,CAAC;AAOM,IAAM,kBAAkB,CAAC,EAAE,SAAS,MAAqC;AAC9E,QAAM,QAAI,kBAAK;AAEf,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,aAAa,QAAI,yBAAW,2BAAe,aAAa;AAChE,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,kBAAkB,OAAO,aAAa,YAAY,OAAO,aAAa;AAE5E,8BAAU,MAAM;AACd,UAAM,gBAAgB,MAAM;AAC1B,UAAI,QAAQ,SAAS;AACnB,cAAM,YAAY,aAAa,YAAY;AAE3C,cAAM,eAAe,QAAQ,QAAQ,cAAc,IAAI,WAAW;AAClE,YAAI,cAAc;AAIhB,wBAAc,aAAa,cAAc,aAAa,cAAc,CAAC;AAAA,QACvE;AAAA,MACF;AAAA,IACF;AAGA,kBAAc;AAEd,UAAM,WAAW,IAAI,eAAe,aAAa;AACjD,QAAI,QAAQ,SAAS;AACnB,eAAS,QAAQ,QAAQ,OAAO;AAAA,IAClC;AAEA,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,OAAO,QAAQ;AAE5B,QAAM,aAAa,CAAC,MAAwB;AAC1C,MAAE,gBAAgB;AAClB,MAAE,eAAe;AACjB,cAAU,UACP,UAAU,IAAI,EACd,KAAK,MAAM;AACV,0BAAQ,QAAQ,EAAE,yDAAyD,MAAM,CAAC;AAAA,IACpF,CAAC,EACA,MAAM,MAAM;AACX,0BAAQ,MAAM,EAAE,sDAAsD,MAAM,CAAC;AAAA,IAC/E,CAAC;AAAA,EACL;AAGA,QAAM,eAAe,aAAAA,QAAM,QAAQ,MAAM;AACvC,QAAI,CAAC,iBAAiB;AACpB,aAAO;AAAA,IACT;AACA,WACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,WAAW,OAAO,gBAC7C;AAAA,kDAAC,UAAK,WAAW,OAAO,aAAc,UAAS;AAAA,MAC/C,4CAAC,6BAAa,SAAS,YAAY,WAAW,OAAO,UAAU,OAAO,EAAE,gDAAgD,IAAI,GAAG;AAAA,OACjI;AAAA,EAEJ,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,SACE,4CAAC,uBAAQ,OAAO,aAAa,eAAe,QAAW,WAAU,WAAU,iBAAiB,KAAK,mBAAmB,MAAM,SAAS,MACjI,sDAAC,SAAI,KAAK,SAAS,WAAW,OAAO,MACnC,sDAAC,uBAAW,MAAX,EAAgB,UAAU,MAAO,UAAS,GAC7C,GACF;AAEJ;",
+  "names": ["React"]
+}

package/dist/creek-table/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DensityIcon';
+export * from './EllipsisTooltip';

package/dist/creek-table/components/index.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/components/index.tsx
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./DensityIcon"), module.exports);
+__reExport(components_exports, require("./EllipsisTooltip"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./DensityIcon"),
+  ...require("./EllipsisTooltip")
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-table/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/components/index.tsx"],
+  "sourcesContent": ["export * from './DensityIcon';\nexport * from './EllipsisTooltip';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,0BAAd;AACA,+BAAc,8BADd;",
+  "names": []
+}

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

@@ -1,4 +1,9 @@
 export * from './useAdaptiveToolBar';
 export * from './useAutoWidthColumns';
 export * from './useElementDistance';
+export * from './useEllipsisColumns';
+export * from './useIndexColumn';
+export * from './useResizableColumns';
+export * from './useStatusColumns';
+export * from './useTableOptions';
 export * from './useTableScrollHeight';

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

@@ -19,12 +19,22 @@ module.exports = __toCommonJS(hooks_exports);
 __reExport(hooks_exports, require("./useAdaptiveToolBar"), module.exports);
 __reExport(hooks_exports, require("./useAutoWidthColumns"), module.exports);
 __reExport(hooks_exports, require("./useElementDistance"), module.exports);
+__reExport(hooks_exports, require("./useEllipsisColumns"), module.exports);
+__reExport(hooks_exports, require("./useIndexColumn"), module.exports);
+__reExport(hooks_exports, require("./useResizableColumns"), module.exports);
+__reExport(hooks_exports, require("./useStatusColumns"), module.exports);
+__reExport(hooks_exports, require("./useTableOptions"), module.exports);
 __reExport(hooks_exports, require("./useTableScrollHeight"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./useAdaptiveToolBar"),
   ...require("./useAutoWidthColumns"),
   ...require("./useElementDistance"),
+  ...require("./useEllipsisColumns"),
+  ...require("./useIndexColumn"),
+  ...require("./useResizableColumns"),
+  ...require("./useStatusColumns"),
+  ...require("./useTableOptions"),
   ...require("./useTableScrollHeight")
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-table/hooks/index.ts"],
-  "sourcesContent": ["export * from './useAdaptiveToolBar';\nexport * from './useAutoWidthColumns';\nexport * from './useElementDistance';\nexport * from './useTableScrollHeight';\n\n\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,iCAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,iCAFd;AAGA,0BAAc,mCAHd;",
+  "sourcesContent": ["export * from './useAdaptiveToolBar';\nexport * from './useAutoWidthColumns';\nexport * from './useElementDistance';\nexport * from './useEllipsisColumns';\nexport * from './useIndexColumn';\nexport * from './useResizableColumns';\nexport * from './useStatusColumns';\nexport * from './useTableOptions';\nexport * from './useTableScrollHeight';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,iCAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,iCAFd;AAGA,0BAAc,iCAHd;AAIA,0BAAc,6BAJd;AAKA,0BAAc,kCALd;AAMA,0BAAc,+BANd;AAOA,0BAAc,8BAPd;AAQA,0BAAc,mCARd;",
   "names": []
 }

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.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/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.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