@creekjs/web-components 1.0.2 → 1.0.4

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/hooks/useTableScrollHeight.d.ts

@@ -0,0 +1 @@
+export declare const useTableScrollHeight: (prefixCls: string, tableRef: React.RefObject<HTMLDivElement>, pageFixedBottom?: boolean, contentPadding?: number, offsetBottom?: number) => number | undefined;

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

@@ -0,0 +1,72 @@
+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/useTableScrollHeight.tsx
+var useTableScrollHeight_exports = {};
+__export(useTableScrollHeight_exports, {
+  useTableScrollHeight: () => useTableScrollHeight
+});
+module.exports = __toCommonJS(useTableScrollHeight_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var useTableScrollHeight = (prefixCls, tableRef, pageFixedBottom = true, contentPadding = 16, offsetBottom = 16) => {
+  const [scrollY, setScrollY] = (0, import_react.useState)(void 0);
+  const { run: calcHeight } = (0, import_ahooks.useDebounceFn)(
+    () => {
+      if (!pageFixedBottom || !tableRef.current)
+        return;
+      const tableEl = tableRef.current;
+      const tableHeader = tableEl.querySelector(`.${prefixCls}-table-thead`);
+      const tableBody = tableEl.querySelector(`.${prefixCls}-table-body`);
+      let top = 0;
+      if (tableHeader) {
+        top = tableHeader.getBoundingClientRect().bottom;
+      } else if (tableBody) {
+        top = tableBody.getBoundingClientRect().top;
+      }
+      const windowHeight = window.innerHeight;
+      let height = windowHeight - top - contentPadding - offsetBottom;
+      const pagination = tableEl.querySelector(`.${prefixCls}-pagination`);
+      if (pagination) {
+        const paginationHeight = pagination.clientHeight;
+        const styles = window.getComputedStyle(pagination);
+        const totalPaginationMargin = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+        height = height - paginationHeight - totalPaginationMargin;
+      } else {
+        height = height - 40;
+      }
+      setScrollY(height);
+    },
+    { wait: 100 }
+  );
+  (0, import_react.useEffect)(() => {
+    calcHeight();
+    const observer = new MutationObserver(calcHeight);
+    if (tableRef.current) {
+      observer.observe(tableRef.current, { childList: true, subtree: true });
+    }
+    return () => observer.disconnect();
+  }, [tableRef, pageFixedBottom, prefixCls]);
+  (0, import_ahooks.useEventListener)("resize", calcHeight);
+  return scrollY;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTableScrollHeight
+});
+//# sourceMappingURL=useTableScrollHeight.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/creek-table/hooks/useTableScrollHeight.tsx"],
+  "sourcesContent": ["import { useDebounceFn, useEventListener } from 'ahooks';\nimport { useEffect, useState } from 'react';\n\nexport const useTableScrollHeight = (prefixCls: string, tableRef: React.RefObject<HTMLDivElement>, pageFixedBottom: boolean = true, contentPadding: number = 16, offsetBottom: number = 16) => {\n  const [scrollY, setScrollY] = useState<number | undefined>(undefined);\n\n  const { run: calcHeight } = useDebounceFn(\n    () => {\n      if (!pageFixedBottom || !tableRef.current) return;\n\n      const tableEl = tableRef.current;\n\n      const tableHeader = tableEl.querySelector(`.${prefixCls}-table-thead`);\n      const tableBody = tableEl.querySelector(`.${prefixCls}-table-body`);\n\n      let top = 0;\n      if (tableHeader) {\n        top = tableHeader.getBoundingClientRect().bottom;\n      } else if (tableBody) {\n        top = tableBody.getBoundingClientRect().top;\n      }\n\n      const windowHeight = window.innerHeight;\n  \n      let height = windowHeight - top -  contentPadding - offsetBottom;\n\n      const pagination = tableEl.querySelector(`.${prefixCls}-pagination`);\n\n      if (pagination) {\n        const paginationHeight = pagination.clientHeight;\n\n        const styles = window.getComputedStyle(pagination);\n        const totalPaginationMargin = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);\n\n        height = height - paginationHeight - totalPaginationMargin;\n      } else {\n        // 如果没有找到分页，预留一个高度（假设分页高度为 24px + margin 16px = 40px）\n        // 这样可以避免初始加载时高度过大，导致出现滚动条，然后分页出现后高度又变小\n        height = height - 40;\n      }\n\n      // Minimum height to avoid crashes or ugly rendering\n      setScrollY(height);\n    },\n    { wait: 100 },\n  );\n\n  useEffect(() => {\n    // Initial calculation\n    calcHeight();\n\n    // Observer for DOM changes that might affect position\n    const observer = new MutationObserver(calcHeight);\n    if (tableRef.current) {\n      observer.observe(tableRef.current, { childList: true, subtree: true });\n    }\n    return () => observer.disconnect();\n  }, [tableRef, pageFixedBottom, prefixCls]);\n\n  useEventListener('resize', calcHeight);\n\n  return scrollY;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAgD;AAChD,mBAAoC;AAE7B,IAAM,uBAAuB,CAAC,WAAmB,UAA2C,kBAA2B,MAAM,iBAAyB,IAAI,eAAuB,OAAO;AAC7L,QAAM,CAAC,SAAS,UAAU,QAAI,uBAA6B,MAAS;AAEpE,QAAM,EAAE,KAAK,WAAW,QAAI;AAAA,IAC1B,MAAM;AACJ,UAAI,CAAC,mBAAmB,CAAC,SAAS;AAAS;AAE3C,YAAM,UAAU,SAAS;AAEzB,YAAM,cAAc,QAAQ,cAAc,IAAI,uBAAuB;AACrE,YAAM,YAAY,QAAQ,cAAc,IAAI,sBAAsB;AAElE,UAAI,MAAM;AACV,UAAI,aAAa;AACf,cAAM,YAAY,sBAAsB,EAAE;AAAA,MAC5C,WAAW,WAAW;AACpB,cAAM,UAAU,sBAAsB,EAAE;AAAA,MAC1C;AAEA,YAAM,eAAe,OAAO;AAE5B,UAAI,SAAS,eAAe,MAAO,iBAAiB;AAEpD,YAAM,aAAa,QAAQ,cAAc,IAAI,sBAAsB;AAEnE,UAAI,YAAY;AACd,cAAM,mBAAmB,WAAW;AAEpC,cAAM,SAAS,OAAO,iBAAiB,UAAU;AACjD,cAAM,wBAAwB,WAAW,OAAO,SAAS,IAAI,WAAW,OAAO,YAAY;AAE3F,iBAAS,SAAS,mBAAmB;AAAA,MACvC,OAAO;AAGL,iBAAS,SAAS;AAAA,MACpB;AAGA,iBAAW,MAAM;AAAA,IACnB;AAAA,IACA,EAAE,MAAM,IAAI;AAAA,EACd;AAEA,8BAAU,MAAM;AAEd,eAAW;AAGX,UAAM,WAAW,IAAI,iBAAiB,UAAU;AAChD,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,SAAS,SAAS,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAAA,IACvE;AACA,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,UAAU,iBAAiB,SAAS,CAAC;AAEzC,sCAAiB,UAAU,UAAU;AAErC,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 = [], ...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 = [],  ...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,GAAG,UAAU,IAAI;AAExC,SACG,4CAAC,qCAAe,SAAmB,GAAG,WAAW;AAEtD;",
+  "names": []
+}

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

@@ -1,4 +1,5 @@
 export declare const toolBarRender: (options: {
     shouldCollapse: boolean;
     restProps: any;
+    args?: any[];
 }) => any;

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, args = [] } = options;
+  const baseActions = ((_a = restProps.toolBarRender) == null ? void 0 : _a.call(restProps, ...args)) || [];
   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; args?: any[] }) => {\n  const { shouldCollapse, restProps, args = [] } = options;\n\n  const baseActions = restProps.toolBarRender?.(...args) || [];\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,YAAuE;AAHrG;AAIE,QAAM,EAAE,gBAAgB,WAAW,OAAO,CAAC,EAAE,IAAI;AAEjD,QAAM,gBAAc,eAAU,kBAAV,mCAA0B,GAAG,UAAS,CAAC;AAC3D,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.2",
+  "version": "1.0.4",
   "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={{
+          destroyOnHidden: true,
+          onClose,
+          ...((config as FormDrawerConfig).drawerProps || {}),
+        }}
+        {...(omit(restConfig, 'drawerProps') as any)}
+      >
+        {content}
+      </DrawerForm>
+    );
+  }
+
+  return (
+    <Drawer
+      open={open}
+      onClose={onClose}
+      destroyOnHidden
+      {...(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={{
+          destroyOnHidden: true,
+          onCancel: onClose,
+          ...((config as FormModalConfig).modalProps || {}),
+        }}
+        {...(omit(restConfig, 'modalProps') as any)}
+      >
+        {content}
+      </ModalForm>
+    );
+  }
+
+  return (
+    <Modal
+      open={open}
+      onCancel={onClose}
+      destroyOnHidden
+      {...(restConfig as NormalModalConfig)}
+    >
+      {content}
+    </Modal>
+  );
+};