@creekjs/web-components 1.0.2 → 1.0.3

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

@@ -1,47 +1,66 @@
-import { useDebounceFn, useDeepCompareEffect } from 'ahooks';
-import { useViewportHeight } from "../creek-hooks";
-import { CreekFilterDisplay } from "../creek-search";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-// 独立的 TableViewWrapper 组件 - 包含所有表格视图相关逻辑
-export var TableViewContent = function TableViewContent(props) {
-  var prefixCls = props.prefixCls,
-    pageFixedBottomConfig = props.pageFixedBottomConfig,
-    pageFixedBottom = props.pageFixedBottom,
-    children = props.children;
-  var _useViewportHeight = useViewportHeight({
-      isObserverParent: true
-    }),
-    containerRef = _useViewportHeight.containerRef,
-    viewPortHeight = _useViewportHeight.viewPortHeight;
+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);
 
-  // 设置antd内容区的高度，使得分页永远在底部
-  var _useDebounceFn = useDebounceFn(function (mainHeight) {
-      var _containerRef$current, _containerRef$current2;
-      var antdTableContentElement = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelector(".".concat(prefixCls, "-table"));
-      var antdPaginationElement = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.querySelector(".".concat(prefixCls, "-pagination"));
+// src/creek-table/TableViewContent.tsx
+var TableViewContent_exports = {};
+__export(TableViewContent_exports, {
+  TableViewContent: () => TableViewContent
+});
+module.exports = __toCommonJS(TableViewContent_exports);
+var import_ahooks = require("ahooks");
+var import_creek_hooks = require("../creek-hooks");
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableViewContent = (props) => {
+  const { prefixCls, pageFixedBottomConfig, pageFixedBottom, children } = props;
+  const { containerRef, viewPortHeight } = (0, import_creek_hooks.useViewportHeight)({
+    isObserverParent: true
+  });
+  const { run: setAntdTableContentHeight } = (0, import_ahooks.useDebounceFn)(
+    (mainHeight) => {
+      var _a, _b, _c;
+      const antdTableContentElement = (_a = containerRef.current) == null ? void 0 : _a.querySelector(`.${prefixCls}-table`);
+      const antdPaginationElement = (_b = containerRef.current) == null ? void 0 : _b.querySelector(`.${prefixCls}-pagination`);
       if (antdTableContentElement) {
-        var paginationHeight = (antdPaginationElement === null || antdPaginationElement === void 0 ? void 0 : antdPaginationElement.clientHeight) || 0;
-        var bottomFix = (pageFixedBottomConfig === null || pageFixedBottomConfig === void 0 ? void 0 : pageFixedBottomConfig.bottomFix) || 20;
-        var tableContentHeight = mainHeight - paginationHeight - 32 - bottomFix;
-        antdTableContentElement.setAttribute('style', "height: ".concat(tableContentHeight, "px"));
+        const paginationHeight = (antdPaginationElement == null ? void 0 : antdPaginationElement.clientHeight) || 0;
+        const bottomFix = (pageFixedBottomConfig == null ? void 0 : pageFixedBottomConfig.bottomFix) || 20;
+        const parentElement = (_c = containerRef.current) == null ? void 0 : _c.parentElement;
+        let parentPaddingBottom = 0;
+        if (parentElement) {
+          const style = window.getComputedStyle(parentElement);
+          parentPaddingBottom = parseFloat(style.paddingBottom) || 0;
+        }
+        const tableContentHeight = mainHeight - paginationHeight - parentPaddingBottom - bottomFix - parentPaddingBottom;
+        antdTableContentElement.setAttribute("style", `height: ${tableContentHeight}px`);
       }
-    }, {
+    },
+    {
       wait: 16
-    }),
-    setAntdTableContentHeight = _useDebounceFn.run;
-  useDeepCompareEffect(function () {
+    }
+  );
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (pageFixedBottom) {
-      setAntdTableContentHeight(viewPortHeight !== null && viewPortHeight !== void 0 ? viewPortHeight : 0);
+      setAntdTableContentHeight(viewPortHeight ?? 0);
     }
   }, [viewPortHeight, pageFixedBottom, setAntdTableContentHeight]);
-
-  // 默认渲染逻辑
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(CreekFilterDisplay, {}), /*#__PURE__*/_jsx("div", {
-      ref: containerRef,
-      children: children
-    })]
-  });
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, children }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableViewContent
+});
+//# sourceMappingURL=TableViewContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/TableViewContent.tsx"],
+  "sourcesContent": ["import { ParamsType } from '@ant-design/pro-components';\n\nimport { useDebounceFn, useDeepCompareEffect } from 'ahooks';\n\nimport { useViewportHeight } from '../creek-hooks';\nimport { CreekTableProps } from './type';\n\nexport type CreekTableViewRender<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = CreekTableProps<T, U, ValueType>['tableViewRender'];\n\n// 独立的 TableViewWrapper 组件 - 包含所有表格视图相关逻辑\nexport const TableViewContent = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: CreekTableProps<T, U, ValueType>) => {\n  const { prefixCls, pageFixedBottomConfig, pageFixedBottom, children } = props;\n\n  const { containerRef, viewPortHeight } = useViewportHeight({\n    isObserverParent: true,\n  });\n\n  // 设置antd内容区的高度，使得分页永远在底部\n  const { run: setAntdTableContentHeight } = useDebounceFn(\n    (mainHeight: number) => {\n      const antdTableContentElement = containerRef.current?.querySelector(`.${prefixCls}-table`);\n      const antdPaginationElement = containerRef.current?.querySelector(`.${prefixCls}-pagination`);\n      if (antdTableContentElement) {\n        const paginationHeight = antdPaginationElement?.clientHeight || 0;\n        const bottomFix = pageFixedBottomConfig?.bottomFix || 20;\n        const parentElement = containerRef.current?.parentElement;\n        let parentPaddingBottom = 0;\n        if (parentElement) {\n          const style = window.getComputedStyle(parentElement);\n          parentPaddingBottom = parseFloat(style.paddingBottom) || 0;\n        }\n        const tableContentHeight = mainHeight - paginationHeight - parentPaddingBottom - bottomFix - parentPaddingBottom;\n        antdTableContentElement.setAttribute('style', `height: ${tableContentHeight}px`);\n      }\n    },\n    {\n      wait: 16,\n    },\n  );\n\n  useDeepCompareEffect(() => {\n    if (pageFixedBottom) {\n      setAntdTableContentHeight(viewPortHeight ?? 0);\n    }\n  }, [viewPortHeight, pageFixedBottom, setAntdTableContentHeight]);\n\n  // 默认渲染逻辑\n  return (\n    <>\n      <div ref={containerRef}>{children}</div>\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAAoD;AAEpD,yBAAkC;AA4C9B;AAtCG,IAAM,mBAAmB,CAAiE,UAA4C;AAC3I,QAAM,EAAE,WAAW,uBAAuB,iBAAiB,SAAS,IAAI;AAExE,QAAM,EAAE,cAAc,eAAe,QAAI,sCAAkB;AAAA,IACzD,kBAAkB;AAAA,EACpB,CAAC;AAGD,QAAM,EAAE,KAAK,0BAA0B,QAAI;AAAA,IACzC,CAAC,eAAuB;AAnB5B;AAoBM,YAAM,2BAA0B,kBAAa,YAAb,mBAAsB,cAAc,IAAI;AACxE,YAAM,yBAAwB,kBAAa,YAAb,mBAAsB,cAAc,IAAI;AACtE,UAAI,yBAAyB;AAC3B,cAAM,oBAAmB,+DAAuB,iBAAgB;AAChE,cAAM,aAAY,+DAAuB,cAAa;AACtD,cAAM,iBAAgB,kBAAa,YAAb,mBAAsB;AAC5C,YAAI,sBAAsB;AAC1B,YAAI,eAAe;AACjB,gBAAM,QAAQ,OAAO,iBAAiB,aAAa;AACnD,gCAAsB,WAAW,MAAM,aAAa,KAAK;AAAA,QAC3D;AACA,cAAM,qBAAqB,aAAa,mBAAmB,sBAAsB,YAAY;AAC7F,gCAAwB,aAAa,SAAS,WAAW,sBAAsB;AAAA,MACjF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,EACF;AAEA,0CAAqB,MAAM;AACzB,QAAI,iBAAiB;AACnB,gCAA0B,kBAAkB,CAAC;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,gBAAgB,iBAAiB,yBAAyB,CAAC;AAG/D,SACE,2EACE,sDAAC,SAAI,KAAK,cAAe,UAAS,GACpC;AAEJ;",
+  "names": []
+}

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

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

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

@@ -1,3 +1,28 @@
-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);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./useAdaptiveToolBar"),
+  ...require("./useAutoWidthColumns"),
+  ...require("./useElementDistance")
+});
+//# 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';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,iCAAd;AACA,0BAAc,kCADd;AAEA,0BAAc,iCAFd;",
+  "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