@creekjs/web-components 1.0.1 → 1.0.3

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": []
+}

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

@@ -1,58 +1,70 @@
-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 { useDebounceFn, useEventListener, useLatest } from 'ahooks';
-import { useEffect, useState } from 'react';
-var getElementCenter = function getElementCenter(element) {
-  var rect = element.getBoundingClientRect();
+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/useElementDistance.tsx
+var useElementDistance_exports = {};
+__export(useElementDistance_exports, {
+  useElementDistance: () => useElementDistance
+});
+module.exports = __toCommonJS(useElementDistance_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var getElementCenter = (element) => {
+  const rect = element.getBoundingClientRect();
   return {
     left: rect.left,
     width: rect.width
   };
 };
-var calculateDistance = function calculateDistance(pos1, pos2) {
-  var x = Math.abs(pos2.left - pos1.left - pos1.width);
-  return {
-    x: x
-  };
+var calculateDistance = (pos1, pos2) => {
+  const x = Math.abs(pos2.left - pos1.left - pos1.width);
+  return { x };
 };
-export var useElementDistance = function useElementDistance(element1Ref, element2Ref) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    distance = _useState2[0],
-    setDistance = _useState2[1];
-  var distanceRef = useLatest(distance);
-  var _useDebounceFn = useDebounceFn(function () {
+var useElementDistance = (element1Ref, element2Ref) => {
+  const [distance, setDistance] = (0, import_react.useState)(null);
+  const distanceRef = (0, import_ahooks.useLatest)(distance);
+  const { run: calculateAndUpdateDistance } = (0, import_ahooks.useDebounceFn)(
+    () => {
       if (!element1Ref.current || !element2Ref.current) {
         if (distanceRef.current !== null) {
           setDistance(null);
         }
         return;
       }
-      var pos1 = getElementCenter(element1Ref.current);
-      var pos2 = getElementCenter(element2Ref.current);
-      var newDistance = calculateDistance(pos1, pos2);
-
-      // 只有当距离发生变化时才更新，避免不必要的重渲染
+      const pos1 = getElementCenter(element1Ref.current);
+      const pos2 = getElementCenter(element2Ref.current);
+      const newDistance = calculateDistance(pos1, pos2);
       if (!distanceRef.current || distanceRef.current.x !== newDistance.x) {
         setDistance(newDistance);
       }
-    }, {
+    },
+    {
       wait: 100
-    }),
-    calculateAndUpdateDistance = _useDebounceFn.run;
-
-  // 初始计算
-  useEffect(function () {
+    }
+  );
+  (0, import_react.useEffect)(() => {
     calculateAndUpdateDistance();
   }, [element1Ref, element2Ref]);
-
-  // 监听 window 的 resize 和 scroll 事件
-  useEventListener('resize', calculateAndUpdateDistance, {
-    target: window
-  });
+  (0, import_ahooks.useEventListener)("resize", calculateAndUpdateDistance, { target: window });
   return distance;
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useElementDistance
+});
+//# sourceMappingURL=useElementDistance.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/hooks/useElementDistance.tsx"],
+  "sourcesContent": ["import { useDebounceFn, useEventListener, useLatest } from 'ahooks';\nimport { useEffect, useState } from 'react';\n\ntype ElementRef = React.RefObject<HTMLElement>;\n\ninterface Position {\n  left: number;\n  width: number;\n}\n\ninterface Distance {\n  x: number;\n}\n\nconst getElementCenter = (element: HTMLElement): Position => {\n  const rect = element.getBoundingClientRect();\n  return {\n    left: rect.left,\n    width: rect.width,\n  };\n};\n\nconst calculateDistance = (pos1: Position, pos2: Position): Distance => {\n  const x = Math.abs(pos2.left - pos1.left - pos1.width);\n  return { x };\n};\n\nexport const useElementDistance = (element1Ref: ElementRef, element2Ref: ElementRef): Distance | null => {\n  const [distance, setDistance] = useState<Distance | null>(null);\n  const distanceRef = useLatest(distance);\n\n  const { run: calculateAndUpdateDistance } = useDebounceFn(\n    () => {\n      if (!element1Ref.current || !element2Ref.current) {\n        if (distanceRef.current !== null) {\n          setDistance(null);\n        }\n        return;\n      }\n\n      const pos1 = getElementCenter(element1Ref.current);\n      const pos2 = getElementCenter(element2Ref.current);\n      const newDistance = calculateDistance(pos1, pos2);\n\n      // 只有当距离发生变化时才更新，避免不必要的重渲染\n      if (!distanceRef.current || distanceRef.current.x !== newDistance.x) {\n        setDistance(newDistance);\n      }\n    },\n    {\n      wait: 100,\n    },\n  );\n\n  // 初始计算\n  useEffect(() => {\n    calculateAndUpdateDistance();\n  }, [element1Ref, element2Ref]);\n\n  // 监听 window 的 resize 和 scroll 事件\n  useEventListener('resize', calculateAndUpdateDistance, { target: window });\n\n  return distance;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2D;AAC3D,mBAAoC;AAapC,IAAM,mBAAmB,CAAC,YAAmC;AAC3D,QAAM,OAAO,QAAQ,sBAAsB;AAC3C,SAAO;AAAA,IACL,MAAM,KAAK;AAAA,IACX,OAAO,KAAK;AAAA,EACd;AACF;AAEA,IAAM,oBAAoB,CAAC,MAAgB,SAA6B;AACtE,QAAM,IAAI,KAAK,IAAI,KAAK,OAAO,KAAK,OAAO,KAAK,KAAK;AACrD,SAAO,EAAE,EAAE;AACb;AAEO,IAAM,qBAAqB,CAAC,aAAyB,gBAA6C;AACvG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA0B,IAAI;AAC9D,QAAM,kBAAc,yBAAU,QAAQ;AAEtC,QAAM,EAAE,KAAK,2BAA2B,QAAI;AAAA,IAC1C,MAAM;AACJ,UAAI,CAAC,YAAY,WAAW,CAAC,YAAY,SAAS;AAChD,YAAI,YAAY,YAAY,MAAM;AAChC,sBAAY,IAAI;AAAA,QAClB;AACA;AAAA,MACF;AAEA,YAAM,OAAO,iBAAiB,YAAY,OAAO;AACjD,YAAM,OAAO,iBAAiB,YAAY,OAAO;AACjD,YAAM,cAAc,kBAAkB,MAAM,IAAI;AAGhD,UAAI,CAAC,YAAY,WAAW,YAAY,QAAQ,MAAM,YAAY,GAAG;AACnE,oBAAY,WAAW;AAAA,MACzB;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,EACF;AAGA,8BAAU,MAAM;AACd,+BAA2B;AAAA,EAC7B,GAAG,CAAC,aAAa,WAAW,CAAC;AAG7B,sCAAiB,UAAU,4BAA4B,EAAE,QAAQ,OAAO,CAAC;AAEzE,SAAO;AACT;",
+  "names": []
+}

package/dist/creek-table/index.js

@@ -1,25 +1,35 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["columns", "onSubmit"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { CreekSearchProvider } from "../creek-search";
-import { SearchProTable } from "./SearchTable";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var CreekTable = function CreekTable(props) {
-  var _props$columns = props.columns,
-    columns = _props$columns === void 0 ? [] : _props$columns,
-    onSubmit = props.onSubmit,
-    restProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsx(CreekSearchProvider, {
-    columns: columns,
-    onSubmit: onSubmit,
-    children: /*#__PURE__*/_jsx(SearchProTable, _objectSpread({
-      columns: columns
-    }, restProps))
-  });
-};
+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/index.tsx
+var creek_table_exports = {};
+__export(creek_table_exports, {
+  CreekTable: () => CreekTable
+});
+module.exports = __toCommonJS(creek_table_exports);
+var import_SearchTable = require("./SearchTable");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CreekTable = (props) => {
+  const { columns = [], onSubmit, ...restProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SearchTable.SearchProTable, { columns, ...restProps });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekTable
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/index.tsx"],
+  "sourcesContent": ["import { ParamsType } from '@ant-design/pro-components';\n\nimport { SearchProTable } from './SearchTable';\nimport { CreekTableProps } from './type';\n\nexport const CreekTable = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: CreekTableProps<T, U, ValueType>) => {\n  const { columns = [],  onSubmit, ...restProps } = props;\n\n  return (\n     <SearchProTable columns={columns} {...restProps} />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA+B;AAO1B;AAJE,IAAM,aAAa,CAAiE,UAA4C;AACrI,QAAM,EAAE,UAAU,CAAC,GAAI,UAAU,GAAG,UAAU,IAAI;AAElD,SACG,4CAAC,qCAAe,SAAmB,GAAG,WAAW;AAEtD;",
+  "names": []
+}

package/dist/creek-table/toolBarRender.js

@@ -1,36 +1,58 @@
-function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { DownOutlined } from '@ant-design/icons';
-import { Button, Dropdown } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var toolBarRender = function toolBarRender(options) {
-  var _restProps$toolBarRen;
-  var shouldCollapse = options.shouldCollapse,
-    restProps = options.restProps;
-  var baseActions = ((_restProps$toolBarRen = restProps.toolBarRender) === null || _restProps$toolBarRen === void 0 ? void 0 : _restProps$toolBarRen.call(restProps)) || [];
+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/toolBarRender.tsx
+var toolBarRender_exports = {};
+__export(toolBarRender_exports, {
+  toolBarRender: () => toolBarRender
+});
+module.exports = __toCommonJS(toolBarRender_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+var toolBarRender = (options) => {
+  var _a;
+  const { shouldCollapse, restProps } = options;
+  const baseActions = ((_a = restProps.toolBarRender) == null ? void 0 : _a.call(restProps)) || [];
   if (!shouldCollapse || baseActions.length <= 1) {
     return baseActions;
   }
-  var _baseActions = _toArray(baseActions),
-    first = _baseActions[0],
-    rest = _baseActions.slice(1);
-  return [first, /*#__PURE__*/_jsx(Dropdown, {
-    menu: {
-      items: rest.map(function (item, index) {
-        return {
-          key: index,
-          label: item
-        };
-      })
-    },
-    trigger: ['click'],
-    children: /*#__PURE__*/_jsxs(Button, {
-      children: ["\u66F4\u591A ", /*#__PURE__*/_jsx(DownOutlined, {})]
-    })
-  }, "more")];
-};
+  const [first, ...rest] = baseActions;
+  return [
+    first,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Dropdown,
+      {
+        menu: {
+          items: rest.map((item, index) => ({ key: index, label: item }))
+        },
+        trigger: ["click"],
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Button, { children: [
+          "更多 ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {})
+        ] })
+      },
+      "more"
+    )
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toolBarRender
+});
+//# sourceMappingURL=toolBarRender.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/toolBarRender.tsx"],
+  "sourcesContent": ["import { DownOutlined } from '@ant-design/icons';\nimport { Button, Dropdown } from 'antd';\n\nexport const toolBarRender = (options: { shouldCollapse: boolean; restProps: any }) => {\n  const { shouldCollapse, restProps } = options;\n\n  const baseActions = restProps.toolBarRender?.() || [];\n  if (!shouldCollapse || baseActions.length <= 1) {\n    return baseActions;\n  }\n\n  const [first, ...rest] = baseActions;\n\n  return [\n    first,\n    <Dropdown\n      key=\"more\"\n      menu={{\n        items: rest.map((item: React.ReactDOM, index: number) => ({ key: index, label: item })),\n      }}\n      trigger={['click']}\n    >\n      <Button>\n        更多 <DownOutlined />\n      </Button>\n    </Dropdown>,\n  ];\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAC7B,kBAAiC;AAqB3B;AAnBC,IAAM,gBAAgB,CAAC,YAAyD;AAHvF;AAIE,QAAM,EAAE,gBAAgB,UAAU,IAAI;AAEtC,QAAM,gBAAc,eAAU,kBAAV,uCAA+B,CAAC;AACpD,MAAI,CAAC,kBAAkB,YAAY,UAAU,GAAG;AAC9C,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,OAAO,GAAG,IAAI,IAAI;AAEzB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,UACJ,OAAO,KAAK,IAAI,CAAC,MAAsB,WAAmB,EAAE,KAAK,OAAO,OAAO,KAAK,EAAE;AAAA,QACxF;AAAA,QACA,SAAS,CAAC,OAAO;AAAA,QAEjB,uDAAC,sBAAO;AAAA;AAAA,UACH,4CAAC,6BAAa;AAAA,WACnB;AAAA;AAAA,MARI;AAAA,IASN;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/creek-table/type.d.ts

@@ -5,7 +5,7 @@ export type OptionRenderCustom = {
     icon?: React.ReactNode;
     onClick?: () => void;
 };
-export type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = Omit<ProTableProps<T, U, ValueType>, 'search' | 'options'> & {
+export type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = Omit<ProTableProps<T, U, ValueType>, 'options'> & {
     pageFixedBottom?: boolean;
     pageFixedBottomConfig?: {
         /** 底部保留空间（如固定在底部的元素高度），默认 0 */

package/dist/creek-table/type.js

@@ -1 +1,18 @@
-export {};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/type.ts"],
+  "sourcesContent": ["import { ParamsType, ProTableProps } from '@ant-design/pro-components';\n\nexport type OptionRenderCustom = {\n  text?: string;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n};\n\nexport type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = Omit<ProTableProps<T, U, ValueType>,  'options'> & {\n  pageFixedBottom?: boolean; // 是否固定分页在底部\n  pageFixedBottomConfig?: {\n    /** 底部保留空间（如固定在底部的元素高度），默认 0 */\n    bottomFix?: number;\n  };\n  options?: ProTableProps<T, U, ValueType>['options'] & {\n    importConfig?: OptionRenderCustom;\n    exportConfig?: OptionRenderCustom;\n  };\n  // 是否自动为列添加筛选功能，默认 true\n  autoAddFilterForColumn?: boolean;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-export * from './bg-center';
 export * from './creek-config-provider';
+export * from './creek-hooks';
 export * from './creek-icon';
 export * from './creek-layout';
 export * from './creek-loading';
-export * from './creek-search';
 export * from './creek-table';

package/dist/index.js

@@ -1,7 +1,34 @@
-export * from "./bg-center";
-export * from "./creek-config-provider";
-export * from "./creek-icon";
-export * from "./creek-layout";
-export * from "./creek-loading";
-export * from "./creek-search";
-export * from "./creek-table";
+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/index.tsx
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./creek-config-provider"), module.exports);
+__reExport(src_exports, require("./creek-hooks"), module.exports);
+__reExport(src_exports, require("./creek-icon"), module.exports);
+__reExport(src_exports, require("./creek-layout"), module.exports);
+__reExport(src_exports, require("./creek-loading"), module.exports);
+__reExport(src_exports, require("./creek-table"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./creek-config-provider"),
+  ...require("./creek-hooks"),
+  ...require("./creek-icon"),
+  ...require("./creek-layout"),
+  ...require("./creek-loading"),
+  ...require("./creek-table")
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["\nexport * from './creek-config-provider';\nexport * from './creek-hooks';\nexport * from './creek-icon';\nexport * from './creek-layout';\nexport * from './creek-loading';\nexport * from './creek-table';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AACA,wBAAc,oCADd;AAEA,wBAAc,0BAFd;AAGA,wBAAc,yBAHd;AAIA,wBAAc,2BAJd;AAKA,wBAAc,4BALd;AAMA,wBAAc,0BANd;",
+  "names": []
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@creekjs/web-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
     "father:build": "father build",
-    "father:dev": "father dev"
+    "father:dev": "father dev --no-clean"
   },
   "keywords": [],
   "author": "",

package/src/creek-hooks/index.ts

@@ -1 +1,3 @@
+export * from './useApp';
 export * from './useViewportHeight';
+

package/src/creek-hooks/useApp/DrawerHelper.tsx

@@ -0,0 +1,43 @@
+import { DrawerForm } from '@ant-design/pro-components';
+import { Drawer } from 'antd';
+import { omit } from 'lodash';
+import React from 'react';
+import { DrawerConfig, FormDrawerConfig, NormalDrawerConfig } from './types';
+
+interface DrawerHelperProps {
+  open: boolean;
+  config: DrawerConfig;
+  onClose: () => void;
+}
+
+export const DrawerHelper: React.FC<DrawerHelperProps> = ({ open, config, onClose }) => {
+  const { content, type, ...restConfig } = config;
+
+  if (type === 'form') {
+    return (
+      <DrawerForm
+        open={open}
+        onOpenChange={(visible) => !visible && onClose()}
+        drawerProps={{
+          destroyOnClose: true,
+          onClose,
+          ...((config as FormDrawerConfig).drawerProps || {}),
+        }}
+        {...(omit(restConfig, 'drawerProps') as any)}
+      >
+        {content}
+      </DrawerForm>
+    );
+  }
+
+  return (
+    <Drawer
+      open={open}
+      onClose={onClose}
+      destroyOnClose
+      {...(restConfig as NormalDrawerConfig)}
+    >
+      {content}
+    </Drawer>
+  );
+};

package/src/creek-hooks/useApp/ModalHelper.tsx

@@ -0,0 +1,43 @@
+import { ModalForm } from '@ant-design/pro-components';
+import { Modal } from 'antd';
+import { omit } from 'lodash';
+import React from 'react';
+import { FormModalConfig, ModalConfig, NormalModalConfig } from './types';
+
+interface ModalHelperProps {
+  open: boolean;
+  config: ModalConfig;
+  onClose: () => void;
+}
+
+export const ModalHelper: React.FC<ModalHelperProps> = ({ open, config, onClose }) => {
+  const { content, type, ...restConfig } = config;
+
+  if (type === 'form') {
+    return (
+      <ModalForm
+        open={open}
+        onOpenChange={(visible) => !visible && onClose()}
+        modalProps={{
+          destroyOnClose: true,
+          onCancel: onClose,
+          ...((config as FormModalConfig).modalProps || {}),
+        }}
+        {...(omit(restConfig, 'modalProps') as any)}
+      >
+        {content}
+      </ModalForm>
+    );
+  }
+
+  return (
+    <Modal
+      open={open}
+      onCancel={onClose}
+      destroyOnClose
+      {...(restConfig as NormalModalConfig)}
+    >
+      {content}
+    </Modal>
+  );
+};