@creekjs/web-components 1.0.2 → 1.0.4

package/dist/creek-table/TableOptionRender.js

@@ -1,65 +1,74 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { ExportOutlined, ImportOutlined } from '@ant-design/icons';
-import { Space, Tooltip } from 'antd';
-import { createStyles } from 'antd-style';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var prefixCls = _ref.prefixCls,
-    token = _ref.token;
+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/TableOptionRender.tsx
+var TableOptionRender_exports = {};
+__export(TableOptionRender_exports, {
+  TableOptionRender: () => TableOptionRender
+});
+module.exports = __toCommonJS(TableOptionRender_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ prefixCls, token }) => {
   return {
-    'table-option-render-item': {
-      border: "1px solid ".concat(token.colorBorder),
+    "table-option-render-item": {
+      border: `1px solid ${token.colorBorder}`,
       borderRadius: token.borderRadius,
-      padding: '8px',
-      cursor: 'pointer'
+      padding: "8px",
+      cursor: "pointer"
     }
   };
 });
-export var TableOptionRender = function TableOptionRender(props) {
-  var defaultDom = props.defaultDom,
-    importConfig = props.importConfig,
-    exportConfig = props.exportConfig;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  var _ref2 = defaultDom || [],
-    _ref3 = _slicedToArray(_ref2, 3),
-    reload = _ref3[0],
-    dis = _ref3[1],
-    setting = _ref3[2];
-  return /*#__PURE__*/_jsxs(Space, {
-    size: 8,
-    children: [importConfig && /*#__PURE__*/_jsx("span", {
-      className: styles['table-option-render-item'],
-      onClick: function onClick() {
-        var _importConfig$onClick;
-        (_importConfig$onClick = importConfig.onClick) === null || _importConfig$onClick === void 0 || _importConfig$onClick.call(importConfig);
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
-        title: importConfig.text || '导入',
-        children: importConfig.icon || /*#__PURE__*/_jsx(ImportOutlined, {})
-      })
-    }), exportConfig && /*#__PURE__*/_jsx("span", {
-      className: styles['table-option-render-item'],
-      onClick: function onClick() {
-        var _exportConfig$onClick;
-        (_exportConfig$onClick = exportConfig.onClick) === null || _exportConfig$onClick === void 0 || _exportConfig$onClick.call(exportConfig);
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
-        title: exportConfig.text || '导出',
-        children: exportConfig.icon || /*#__PURE__*/_jsx(ExportOutlined, {})
-      })
-    }), /*#__PURE__*/_jsx("span", {
-      className: styles['table-option-render-item'],
-      children: reload
-    }), /*#__PURE__*/_jsx("span", {
-      className: styles['table-option-render-item'],
-      children: setting
-    })]
-  });
-};
+var TableOptionRender = (props) => {
+  const { defaultDom, importConfig, exportConfig } = props;
+  const { styles } = useStyles();
+  const [reload, dis, setting] = defaultDom || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 8, children: [
+    importConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: styles["table-option-render-item"],
+        onClick: () => {
+          var _a;
+          (_a = importConfig.onClick) == null ? void 0 : _a.call(importConfig);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: importConfig.text || "导入", children: importConfig.icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ImportOutlined, {}) })
+      }
+    ),
+    exportConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        className: styles["table-option-render-item"],
+        onClick: () => {
+          var _a;
+          (_a = exportConfig.onClick) == null ? void 0 : _a.call(exportConfig);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: exportConfig.text || "导出", children: exportConfig.icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExportOutlined, {}) })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles["table-option-render-item"], children: reload }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles["table-option-render-item"], children: setting })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableOptionRender
+});
+//# sourceMappingURL=TableOptionRender.js.map

package/dist/creek-table/TableOptionRender.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/TableOptionRender.tsx"],
+  "sourcesContent": ["import { ExportOutlined, ImportOutlined } from '@ant-design/icons';\nimport { ParamsType } from '@ant-design/pro-components';\nimport { Space, Tooltip } from 'antd';\nimport { createStyles } from 'antd-style';\n\nimport { OptionRenderCustom } from './type';\n\nconst useStyles = createStyles(({ prefixCls, token }) => {\n  return {\n    'table-option-render-item': {\n      border: `1px solid ${token.colorBorder}`,\n      borderRadius: token.borderRadius,\n      padding: '8px',\n      cursor: 'pointer',\n    },\n  };\n});\n\nexport type TableOptionRenderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = {\n  defaultDom?: React.ReactNode[];\n  importConfig?: OptionRenderCustom;\n  exportConfig?: OptionRenderCustom;\n};\n\nexport const TableOptionRender = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: TableOptionRenderProps<T, U, ValueType>) => {\n  const { defaultDom, importConfig, exportConfig } = props;\n\n  const { styles } = useStyles();\n\n  const [reload, dis, setting] = defaultDom || [];\n  return (\n    <Space size={8}>\n      {importConfig && (\n        <span\n          className={styles['table-option-render-item']}\n          onClick={() => {\n            importConfig.onClick?.();\n          }}\n        >\n          <Tooltip title={importConfig.text || '导入'}>{importConfig.icon || <ImportOutlined />}</Tooltip>\n        </span>\n      )}\n      {exportConfig && (\n        <span\n          className={styles['table-option-render-item']}\n          onClick={() => {\n            exportConfig.onClick?.();\n          }}\n        >\n          <Tooltip title={exportConfig.text || '导出'}>{exportConfig.icon || <ExportOutlined />}</Tooltip>\n        </span>\n      )}\n      <span className={styles['table-option-render-item']}>{reload}</span>\n      <span className={styles['table-option-render-item']}>{setting}</span>\n    </Space>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAE/C,kBAA+B;AAC/B,wBAA6B;AA4BzB;AAxBJ,IAAM,gBAAY,gCAAa,CAAC,EAAE,WAAW,MAAM,MAAM;AACvD,SAAO;AAAA,IACL,4BAA4B;AAAA,MAC1B,QAAQ,aAAa,MAAM;AAAA,MAC3B,cAAc,MAAM;AAAA,MACpB,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;AAQM,IAAM,oBAAoB,CAAiE,UAAmD;AACnJ,QAAM,EAAE,YAAY,cAAc,aAAa,IAAI;AAEnD,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,CAAC,QAAQ,KAAK,OAAO,IAAI,cAAc,CAAC;AAC9C,SACE,6CAAC,qBAAM,MAAM,GACV;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO,0BAA0B;AAAA,QAC5C,SAAS,MAAM;AAnCzB;AAoCY,6BAAa,YAAb;AAAA,QACF;AAAA,QAEA,sDAAC,uBAAQ,OAAO,aAAa,QAAQ,MAAO,uBAAa,QAAQ,4CAAC,+BAAe,GAAG;AAAA;AAAA,IACtF;AAAA,IAED,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO,0BAA0B;AAAA,QAC5C,SAAS,MAAM;AA7CzB;AA8CY,6BAAa,YAAb;AAAA,QACF;AAAA,QAEA,sDAAC,uBAAQ,OAAO,aAAa,QAAQ,MAAO,uBAAa,QAAQ,4CAAC,+BAAe,GAAG;AAAA;AAAA,IACtF;AAAA,IAEF,4CAAC,UAAK,WAAW,OAAO,0BAA0B,GAAI,kBAAO;AAAA,IAC7D,4CAAC,UAAK,WAAW,OAAO,0BAA0B,GAAI,mBAAQ;AAAA,KAChE;AAEJ;",
+  "names": []
+}

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

@@ -1,3 +1,4 @@
 export * from './useAdaptiveToolBar';
-export * from './useAutoAddFilterToColumns';
+export * from './useAutoWidthColumns';
 export * from './useElementDistance';
+export * from './useTableScrollHeight';

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

@@ -1,3 +1,30 @@
-export * from "./useAdaptiveToolBar";
-export * from "./useAutoAddFilterToColumns";
-export * from "./useElementDistance";
+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/hooks/index.ts
+var hooks_exports = {};
+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("./useTableScrollHeight"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./useAdaptiveToolBar"),
+  ...require("./useAutoWidthColumns"),
+  ...require("./useElementDistance"),
+  ...require("./useTableScrollHeight")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -1,48 +1,60 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useEffect, useRef, useState } from 'react';
-import { useElementDistance } from "./useElementDistance";
-export var useAdaptiveToolBar = function useAdaptiveToolBar(options) {
-  var element1Ref = useRef(null);
-  var element2Ref = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    shouldCollapse = _useState2[0],
-    setShouldCollapse = _useState2[1];
-  var containerRef = options.containerRef,
-    prefixCls = options.prefixCls,
-    _options$minLeftDista = options.minLeftDistance,
-    minLeftDistance = _options$minLeftDista === void 0 ? 48 : _options$minLeftDista,
-    _options$hysteresis = options.hysteresis,
-    hysteresis = _options$hysteresis === void 0 ? 36 : _options$hysteresis;
-  useEffect(function () {
-    var _containerRef$current, _containerRef$current2;
-    element1Ref.current = (containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector(".".concat(prefixCls, "-pro-table-list-toolbar-left"))) || null;
-    element2Ref.current = (containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || (_containerRef$current2 = _containerRef$current2.querySelector(".".concat(prefixCls, "-pro-table-list-toolbar-right"))) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.querySelector('div')) || null;
-  });
-  var distance = useElementDistance(element1Ref, element2Ref);
+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);
 
-  // 方案一：使用滞回逻辑防止震荡
-  useEffect(function () {
-    if (!(distance !== null && distance !== void 0 && distance.x)) return;
-    var currentDistance = distance.x;
+// src/creek-table/hooks/useAdaptiveToolBar.tsx
+var useAdaptiveToolBar_exports = {};
+__export(useAdaptiveToolBar_exports, {
+  useAdaptiveToolBar: () => useAdaptiveToolBar
+});
+module.exports = __toCommonJS(useAdaptiveToolBar_exports);
+var import_react = require("react");
+var import_useElementDistance = require("./useElementDistance");
+var useAdaptiveToolBar = (options) => {
+  const element1Ref = (0, import_react.useRef)(null);
+  const element2Ref = (0, import_react.useRef)(null);
+  const [shouldCollapse, setShouldCollapse] = (0, import_react.useState)(false);
+  const { containerRef, prefixCls, minLeftDistance = 48, hysteresis = 36 } = options;
+  (0, import_react.useEffect)(() => {
+    var _a, _b, _c;
+    element1Ref.current = ((_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.querySelector(`.${prefixCls}-pro-table-list-toolbar-left`)) || null;
+    element2Ref.current = ((_c = (_b = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _b.querySelector(`.${prefixCls}-pro-table-list-toolbar-right`)) == null ? void 0 : _c.querySelector("div")) || null;
+  });
+  const distance = (0, import_useElementDistance.useElementDistance)(element1Ref, element2Ref);
+  (0, import_react.useEffect)(() => {
+    if (!(distance == null ? void 0 : distance.x))
+      return;
+    const currentDistance = distance.x;
     if (shouldCollapse) {
-      // 当前是折叠状态，需要距离足够大才展开
       if (currentDistance > minLeftDistance + hysteresis) {
         setShouldCollapse(false);
       }
     } else {
-      // 当前是展开状态，距离小于阈值时折叠
       if (currentDistance < minLeftDistance) {
         setShouldCollapse(true);
       }
     }
-  }, [distance === null || distance === void 0 ? void 0 : distance.x, minLeftDistance, hysteresis, shouldCollapse]);
+  }, [distance == null ? void 0 : distance.x, minLeftDistance, hysteresis, shouldCollapse]);
   return {
-    shouldCollapse: shouldCollapse
+    shouldCollapse
   };
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAdaptiveToolBar
+});
+//# sourceMappingURL=useAdaptiveToolBar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/hooks/useAdaptiveToolBar.tsx"],
+  "sourcesContent": ["import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { useElementDistance } from './useElementDistance';\n\nexport const useAdaptiveToolBar = (options: {\n  containerRef: MutableRefObject<HTMLElement | null>;\n  prefixCls: string;\n  minLeftDistance?: number;\n  hysteresis?: number; // 滞回差值\n}) => {\n  const element1Ref = useRef<HTMLElement>(null) as MutableRefObject<HTMLElement | null>;\n  const element2Ref = useRef<HTMLElement>(null) as MutableRefObject<HTMLElement | null>;\n  const [shouldCollapse, setShouldCollapse] = useState(false);\n\n  const { containerRef, prefixCls, minLeftDistance = 48, hysteresis = 36 } = options;\n\n  useEffect(() => {\n    element1Ref.current = containerRef?.current?.querySelector(`.${prefixCls}-pro-table-list-toolbar-left`) || null;\n    element2Ref.current = containerRef?.current?.querySelector(`.${prefixCls}-pro-table-list-toolbar-right`)?.querySelector('div') || null;\n  });\n\n  const distance = useElementDistance(element1Ref, element2Ref);\n\n  // 方案一：使用滞回逻辑防止震荡\n  useEffect(() => {\n    if (!distance?.x) return;\n\n    const currentDistance = distance.x;\n\n    if (shouldCollapse) {\n      // 当前是折叠状态，需要距离足够大才展开\n      if (currentDistance > minLeftDistance + hysteresis) {\n        setShouldCollapse(false);\n      }\n    } else {\n      // 当前是展开状态，距离小于阈值时折叠\n      if (currentDistance < minLeftDistance) {\n        setShouldCollapse(true);\n      }\n    }\n  }, [distance?.x, minLeftDistance, hysteresis, shouldCollapse]);\n\n  return {\n    shouldCollapse,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8D;AAC9D,gCAAmC;AAE5B,IAAM,qBAAqB,CAAC,YAK7B;AACJ,QAAM,kBAAc,qBAAoB,IAAI;AAC5C,QAAM,kBAAc,qBAAoB,IAAI;AAC5C,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,QAAM,EAAE,cAAc,WAAW,kBAAkB,IAAI,aAAa,GAAG,IAAI;AAE3E,8BAAU,MAAM;AAflB;AAgBI,gBAAY,YAAU,kDAAc,YAAd,mBAAuB,cAAc,IAAI,6CAA4C;AAC3G,gBAAY,YAAU,wDAAc,YAAd,mBAAuB,cAAc,IAAI,8CAAzC,mBAAoF,cAAc,WAAU;AAAA,EACpI,CAAC;AAED,QAAM,eAAW,8CAAmB,aAAa,WAAW;AAG5D,8BAAU,MAAM;AACd,QAAI,EAAC,qCAAU;AAAG;AAElB,UAAM,kBAAkB,SAAS;AAEjC,QAAI,gBAAgB;AAElB,UAAI,kBAAkB,kBAAkB,YAAY;AAClD,0BAAkB,KAAK;AAAA,MACzB;AAAA,IACF,OAAO;AAEL,UAAI,kBAAkB,iBAAiB;AACrC,0BAAkB,IAAI;AAAA,MACxB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,qCAAU,GAAG,iBAAiB,YAAY,cAAc,CAAC;AAE7D,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
+}

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

@@ -0,0 +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>) => {
+    columns: ProColumns<T, ValueType>[] | undefined;
+    totalWidth: number | undefined;
+};

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

@@ -0,0 +1,187 @@
+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/useAutoWidthColumns.tsx
+var useAutoWidthColumns_exports = {};
+__export(useAutoWidthColumns_exports, {
+  useAutoWidthColumns: () => useAutoWidthColumns
+});
+module.exports = __toCommonJS(useAutoWidthColumns_exports);
+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) => {
+  let width = 0;
+  for (const char of text) {
+    if (/[\u4e00-\u9fa5]/.test(char)) {
+      width += 14;
+    } else {
+      width += 8;
+    }
+  }
+  return width + DEFAULT_PADDING_WIDTH;
+};
+var getValueTypeWidth = (valueType) => {
+  switch (valueType) {
+    case "date":
+    case "dateRange":
+      return 120;
+    case "dateTime":
+    case "dateTimeRange":
+      return 180;
+    case "time":
+    case "timeRange":
+      return 100;
+    case "index":
+    case "indexBorder":
+      return 60;
+    case "money":
+      return 100;
+    case "digit":
+      return 100;
+    case "select":
+      return 120;
+    default:
+      return 80;
+  }
+};
+var MeasureWrapper = ({ children, onResize }) => {
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!ref.current)
+      return;
+    onResize(ref.current.offsetWidth);
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        onResize(entry.target.offsetWidth);
+      }
+    });
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { ref, children });
+};
+var useAutoWidthColumns = (columns, tableRef) => {
+  const [columnWidths, setColumnWidths] = (0, import_react.useState)({});
+  const [tableWidth, setTableWidth] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (!tableRef.current)
+      return;
+    setTableWidth(tableRef.current.offsetWidth);
+    let rafId;
+    let timerId;
+    const updateWidth = (width) => {
+      cancelAnimationFrame(rafId);
+      clearTimeout(timerId);
+      rafId = requestAnimationFrame(() => {
+        timerId = setTimeout(() => {
+          setTableWidth(width);
+        }, 500);
+      });
+    };
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        updateWidth(entry.contentRect.width);
+      }
+    });
+    observer.observe(tableRef.current);
+    const handleWindowResize = () => {
+      if (tableRef.current) {
+        updateWidth(tableRef.current.offsetWidth);
+      }
+    };
+    window.addEventListener("resize", handleWindowResize);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", handleWindowResize);
+      cancelAnimationFrame(rafId);
+      clearTimeout(timerId);
+    };
+  }, [tableRef]);
+  const handleResize = (0, import_ahooks.useMemoizedFn)((key, width) => {
+    setColumnWidths((prev) => {
+      const currentMax = prev[key] || 0;
+      if (width > currentMax) {
+        return { ...prev, [key]: width };
+      }
+      return prev;
+    });
+  });
+  const { columns: finalColumns, totalWidth } = (0, import_react.useMemo)(() => {
+    if (!columns)
+      return { columns: void 0, totalWidth: void 0 };
+    const calculatedColumns = columns.map((col, index) => {
+      const colKey = col.dataIndex || col.key || `col-${index}`;
+      const measuredWidth = columnWidths[colKey];
+      let width;
+      if (col.width) {
+        width = typeof col.width === "number" ? col.width : 100;
+      } else if (col.valueType === "option" && measuredWidth) {
+        width = measuredWidth + DEFAULT_PADDING_WIDTH;
+      } else {
+        width = Math.max(estimateWidth(col.title), getValueTypeWidth(col.valueType));
+      }
+      return {
+        ...col,
+        _calculatedWidth: width,
+        _colKey: colKey
+      };
+    });
+    const totalCalculatedWidth = calculatedColumns.reduce((acc, col) => acc + col._calculatedWidth, 0);
+    const isOverflow = totalCalculatedWidth > tableWidth;
+    const processedColumns = calculatedColumns.map((col) => {
+      const { _calculatedWidth, _colKey, ...originalCol } = col;
+      if (col.valueType === "option") {
+        const originalRender = col.render;
+        return {
+          ...originalCol,
+          // 始终设置 option 列宽度
+          width: _calculatedWidth,
+          fixed: col.fixed ?? "right",
+          render: (dom, entity, index, action, schema) => {
+            const originalRenderResult = originalRender ? originalRender(dom, entity, index, action, schema) : dom;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MeasureWrapper, { onResize: (width) => handleResize(_colKey, width), children: originalRenderResult });
+          }
+        };
+      }
+      return {
+        ...originalCol,
+        // 只有当内容溢出（需要滚动）或者手动设置了宽度时，才应用计算出的宽度
+        // 否则不设置 width，让 Antd Table 自动布局占满剩余空间
+        width: isOverflow || col.width ? _calculatedWidth : void 0
+      };
+    });
+    return {
+      columns: processedColumns,
+      totalWidth: isOverflow ? totalCalculatedWidth : void 0
+    };
+  }, [columns, columnWidths, tableWidth]);
+  return {
+    columns: finalColumns,
+    totalWidth
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAutoWidthColumns
+});
+//# sourceMappingURL=useAutoWidthColumns.js.map

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

@@ -0,0 +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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",
+  "names": []
+}