@creekjs/web-components 1.0.2 → 1.0.4

package/dist/creek-hooks/useViewportHeight.js

@@ -1,54 +1,44 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 { useDebounceEffect, useDeepCompareEffect, useEventListener, useMemoizedFn, useMount, useUnmount } from 'ahooks';
-import { useRef, useState } from 'react';
-export var useViewportHeight = function useViewportHeight() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$bottomOffset = options.bottomOffset,
-    bottomOffset = _options$bottomOffset === void 0 ? 0 : _options$bottomOffset,
-    topOffset = options.topOffset,
-    _options$margin = options.margin,
-    margin = _options$margin === void 0 ? 0 : _options$margin,
-    _options$minHeight = options.minHeight,
-    minHeight = _options$minHeight === void 0 ? 0 : _options$minHeight,
-    maxHeight = options.maxHeight,
-    _options$debug = options.debug,
-    debug = _options$debug === void 0 ? false : _options$debug,
-    _options$debounceDela = options.debounceDelay,
-    debounceDelay = _options$debounceDela === void 0 ? 200 : _options$debounceDela,
-    _options$deps = options.deps,
-    deps = _options$deps === void 0 ? [] : _options$deps,
-    isObserverParent = options.isObserverParent;
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    viewPortHeight = _useState2[0],
-    setHeight = _useState2[1];
-  var containerRef = useRef(null);
-  var resizeObserverRef = useRef(null);
-  var mutationObserverRef = useRef(null);
+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);
 
-  // 使用 useMemoizedFn 缓存计算函数，避免不必要的重新创建
-  var calculateHeight = useMemoizedFn(function () {
-    if (!containerRef.current) return;
-    var container = containerRef.current;
-    var rect = container.getBoundingClientRect();
-
-    // 计算顶部偏移量
-    var calculatedTopOffset = topOffset !== null && topOffset !== void 0 ? topOffset : rect.top;
-
-    // 计算可用高度
-    var viewportHeight = window.innerHeight;
-    var availableHeight = viewportHeight - calculatedTopOffset - bottomOffset - margin;
-
-    // 应用最小/最大高度限制
+// src/creek-hooks/useViewportHeight.tsx
+var useViewportHeight_exports = {};
+__export(useViewportHeight_exports, {
+  useViewportHeight: () => useViewportHeight
+});
+module.exports = __toCommonJS(useViewportHeight_exports);
+var import_ahooks = require("ahooks");
+var import_react = require("react");
+var useViewportHeight = (options = {}) => {
+  const { bottomOffset = 0, topOffset, margin = 0, minHeight = 0, maxHeight, debug = false, debounceDelay = 500, deps = [], isObserverParent } = options;
+  const [viewPortHeight, setHeight] = (0, import_react.useState)(void 0);
+  let containerRef = (0, import_react.useRef)(null);
+  const resizeObserverRef = (0, import_react.useRef)(null);
+  const mutationObserverRef = (0, import_react.useRef)(null);
+  const lastHeightRef = (0, import_react.useRef)(window.innerHeight);
+  const calculateHeight = (0, import_ahooks.useMemoizedFn)(() => {
+    if (!containerRef.current)
+      return;
+    const container = containerRef.current;
+    const rect = container.getBoundingClientRect();
+    const calculatedTopOffset = topOffset ?? rect.top;
+    const viewportHeight = window.innerHeight;
+    let availableHeight = viewportHeight - calculatedTopOffset - bottomOffset - margin;
     if (minHeight > 0) {
       availableHeight = Math.max(availableHeight, minHeight);
     }
@@ -56,53 +46,65 @@ export var useViewportHeight = function useViewportHeight() {
       availableHeight = Math.min(availableHeight, maxHeight);
     }
     if (debug) {
-      console.log('计算可视区域高度:', {
-        viewportHeight: viewportHeight,
-        calculatedTopOffset: calculatedTopOffset,
-        bottomOffset: bottomOffset,
-        margin: margin,
-        minHeight: minHeight,
-        maxHeight: maxHeight,
-        availableHeight: availableHeight,
+      console.log("计算可视区域高度:", {
+        viewportHeight,
+        calculatedTopOffset,
+        bottomOffset,
+        margin,
+        minHeight,
+        maxHeight,
+        availableHeight,
         containerRect: rect
       });
     }
     setHeight(availableHeight);
   });
-
-  // 使用 ahooks 的 useEventListener 监听窗口 resize 事件
-  useEventListener('resize', calculateHeight, {
-    target: function target() {
-      return window;
-    }
-  });
-
-  // 使用 useDebounceEffect 处理依赖项变化时的防抖计算
-  useDebounceEffect(function () {
-    if (containerRef.current) {
+  const { run: debouncedCalculateHeight } = (0, import_ahooks.useDebounceFn)(
+    () => {
       calculateHeight();
-    }
-  }, [].concat(_toConsumableArray(deps), [topOffset, bottomOffset, margin, minHeight, maxHeight]), {
-    wait: debounceDelay
-  });
-
-  // 初始化计算
-  useMount(function () {
+    },
+    { wait: debounceDelay }
+  );
+  (0, import_ahooks.useEventListener)(
+    "resize",
+    () => {
+      const currentHeight = window.innerHeight;
+      if (Math.abs(currentHeight - lastHeightRef.current) > 1) {
+        lastHeightRef.current = currentHeight;
+        if (debounceDelay > 0) {
+          debouncedCalculateHeight();
+        } else {
+          calculateHeight();
+        }
+      }
+    },
+    { target: () => window }
+  );
+  (0, import_ahooks.useDebounceEffect)(
+    () => {
+      if (containerRef.current) {
+        calculateHeight();
+      }
+    },
+    [...deps, topOffset, bottomOffset, margin, minHeight, maxHeight],
+    { wait: debounceDelay }
+  );
+  (0, import_ahooks.useMount)(() => {
     calculateHeight();
   });
-
-  // 设置观察器
-  var setupObservers = useMemoizedFn(function () {
-    if (!containerRef.current) return;
-    var container = containerRef.current;
-    var observerParent = isObserverParent ? container.parentElement : container;
-    if (!observerParent) return;
+  const setupObservers = (0, import_ahooks.useMemoizedFn)(() => {
+    if (!containerRef.current)
+      return;
+    const container = containerRef.current;
+    const observerParent = isObserverParent ? container.parentElement : container;
+    if (!observerParent)
+      return;
     cleanupObservers();
-    resizeObserverRef.current = new ResizeObserver(function () {
+    resizeObserverRef.current = new ResizeObserver(() => {
       calculateHeight();
     });
     resizeObserverRef.current.observe(container);
-    mutationObserverRef.current = new MutationObserver(function () {
+    mutationObserverRef.current = new MutationObserver(() => {
       setTimeout(calculateHeight, 0);
     });
     mutationObserverRef.current.observe(observerParent, {
@@ -112,9 +114,7 @@ export var useViewportHeight = function useViewportHeight() {
       attributes: false
     });
   });
-
-  // 清理观察器
-  var cleanupObservers = useMemoizedFn(function () {
+  const cleanupObservers = (0, import_ahooks.useMemoizedFn)(() => {
     if (resizeObserverRef.current) {
       resizeObserverRef.current.disconnect();
       resizeObserverRef.current = null;
@@ -124,25 +124,27 @@ export var useViewportHeight = function useViewportHeight() {
       mutationObserverRef.current = null;
     }
   });
-
-  // 组件卸载时清理
-  useUnmount(function () {
+  (0, import_ahooks.useUnmount)(() => {
     cleanupObservers();
   });
-  useDeepCompareEffect(function () {
+  (0, import_ahooks.useDeepCompareEffect)(() => {
     if (containerRef.current) {
       setupObservers();
     }
   }, [containerRef.current]);
-  console.log(viewPortHeight, 'viewPortHeight');
   return {
     /** 容器引用，需要绑定到目标元素的容器 */
-    containerRef: containerRef,
+    containerRef,
     /** 计算得出的可视区域高度 */
-    viewPortHeight: viewPortHeight,
+    viewPortHeight,
     /** 手动重新计算高度的方法 */
     recalculate: calculateHeight,
     /** 是否已完成高度计算 */
-    isCalculated: viewPortHeight !== undefined
+    isCalculated: viewPortHeight !== void 0
   };
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useViewportHeight
+});
+//# sourceMappingURL=useViewportHeight.js.map

package/dist/creek-hooks/useViewportHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-hooks/useViewportHeight.tsx"],
+  "sourcesContent": ["import { useDebounceEffect, useDebounceFn, useDeepCompareEffect, useEventListener, useMemoizedFn, useMount, useUnmount } from 'ahooks';\nimport { useRef, useState } from 'react';\n\ninterface UseViewportHeightOptions {\n  /** 底部保留空间（如固定在底部的元素高度），默认 0 */\n  bottomOffset?: number;\n  /** 顶部保留空间，默认自动计算到容器顶部的距离 */\n  topOffset?: number;\n  /** 额外的边距，默认 0 */\n  margin?: number;\n  /** 最小高度，默认 0 */\n  minHeight?: number;\n  /** 最大高度，不设置则无限制 */\n  maxHeight?: number;\n  /** 是否启用调试模式，会在控制台输出计算信息 */\n  debug?: boolean;\n  /** 防抖延迟时间（毫秒），默认 16ms */\n  debounceDelay?: number;\n  /** 依赖项数组，当这些值变化时会重新计算高度（比如搜索条件） */\n  deps?: React.DependencyList;\n\n  isObserverParent?: boolean;\n}\n\nexport const useViewportHeight = (options: UseViewportHeightOptions = {}) => {\n  const { bottomOffset = 0, topOffset, margin = 0, minHeight = 0, maxHeight, debug = false, debounceDelay = 500, deps = [], isObserverParent } = options;\n\n  const [viewPortHeight, setHeight] = useState<number | undefined>(undefined);\n  let containerRef = useRef<HTMLDivElement| null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const mutationObserverRef = useRef<MutationObserver | null>(null);\n  const lastHeightRef = useRef<number>(window.innerHeight);\n\n  // 使用 useMemoizedFn 缓存计算函数，避免不必要的重新创建\n  const calculateHeight = useMemoizedFn(() => {\n    if (!containerRef.current) return;\n\n    const container = containerRef.current;\n    const rect = container.getBoundingClientRect();\n\n    // 计算顶部偏移量\n    const calculatedTopOffset = topOffset ?? rect.top;\n\n    // 计算可用高度\n    const viewportHeight = window.innerHeight;\n    let availableHeight = viewportHeight - calculatedTopOffset - bottomOffset - margin;\n\n    // 应用最小/最大高度限制\n    if (minHeight > 0) {\n      availableHeight = Math.max(availableHeight, minHeight);\n    }\n\n    if (maxHeight && maxHeight > 0) {\n      availableHeight = Math.min(availableHeight, maxHeight);\n    }\n\n    if (debug) {\n      console.log('计算可视区域高度:', {\n        viewportHeight,\n        calculatedTopOffset,\n        bottomOffset,\n        margin,\n        minHeight,\n        maxHeight,\n        availableHeight,\n        containerRect: rect,\n      });\n    }\n\n    setHeight(availableHeight);\n  });\n\n  const { run: debouncedCalculateHeight } = useDebounceFn(\n    () => {\n      calculateHeight();\n    },\n    { wait: debounceDelay },\n  );\n\n  // 使用 ahooks 的 useEventListener 监听窗口 resize 事件\n  useEventListener(\n    'resize',\n    () => {\n      const currentHeight = window.innerHeight;\n      // 只有高度发生变化时才重新计算\n      if (Math.abs(currentHeight - lastHeightRef.current) > 1) {\n        lastHeightRef.current = currentHeight;\n        // 防抖调用 calculateHeight\n        if (debounceDelay > 0) {\n          // 清除之前的定时器（如果有）\n          // 注意：这里需要一个 ref 来存储 timer，但为了简化，我们依赖 useDebounceEffect 的重新触发\n          // 或者更直接地，我们可以在这里直接调用 debouncedCalculateHeight\n          // 但由于 calculateHeight 本身是同步的，我们可以利用 ahooks 的 run 方法如果它是 useDebounceFn 返回的\n          \n          // 简单起见，我们在这里直接触发一个状态更新或者调用防抖函数\n          // 由于 calculateHeight 被用在多个地方，我们给它包一层 debounce\n          debouncedCalculateHeight();\n        } else {\n          calculateHeight();\n        }\n      }\n    },\n    { target: () => window },\n  );\n\n  // 使用 useDebounceEffect 处理依赖项变化时的防抖计算\n  useDebounceEffect(\n    () => {\n      if (containerRef.current) {\n        calculateHeight();\n      }\n    },\n    [...deps, topOffset, bottomOffset, margin, minHeight, maxHeight],\n    { wait: debounceDelay },\n  );\n\n  // 初始化计算\n  useMount(() => {\n    calculateHeight();\n  });\n\n  // 设置观察器\n  const setupObservers = useMemoizedFn(() => {\n    if (!containerRef.current) return;\n\n    const container = containerRef.current;\n    const observerParent = isObserverParent ? container.parentElement : container;\n\n    if(!observerParent) return;\n\n    cleanupObservers();\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      calculateHeight();\n    });\n    \n    resizeObserverRef.current.observe(container);\n\n    mutationObserverRef.current = new MutationObserver(() => {\n      setTimeout(calculateHeight, 0);\n    });\n\n    mutationObserverRef.current.observe(observerParent, {\n      childList: true,\n      subtree: false, // 只监听直接子节点变化\n      attributes: false,\n    });\n  });\n\n  // 清理观察器\n  const cleanupObservers = useMemoizedFn(() => {\n    if (resizeObserverRef.current) {\n      resizeObserverRef.current.disconnect();\n      resizeObserverRef.current = null;\n    }\n\n    if (mutationObserverRef.current) {\n      mutationObserverRef.current.disconnect();\n      mutationObserverRef.current = null;\n    }\n  });\n\n\n  // 组件卸载时清理\n  useUnmount(() => {\n    cleanupObservers();\n  });\n\n  useDeepCompareEffect(() => {\n    if(containerRef.current) {\n      setupObservers();\n    }\n  }, [containerRef.current])\n\n  return {\n    /** 容器引用，需要绑定到目标元素的容器 */\n    containerRef,\n    /** 计算得出的可视区域高度 */\n    viewPortHeight,\n    /** 手动重新计算高度的方法 */\n    recalculate: calculateHeight,\n    /** 是否已完成高度计算 */\n    isCalculated: viewPortHeight !== undefined,\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/creek-icon/index.js

@@ -1,37 +1,59 @@
-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 = ["component", "type", "iconFontCNs"];
-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 Icon, { createFromIconfontCN } from '@ant-design/icons';
-import { isEmpty } from 'lodash';
-import { useContext } from 'react';
-import { CreekConfigProvider } from "../creek-config-provider";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var CreekIcon = function CreekIcon(props) {
-  var _useContext = useContext(CreekConfigProvider.CreekConfigContext),
-    iconFontCNsContext = _useContext.iconFontCNs;
-  var component = props.component,
-    type = props.type,
-    iconFontCNs = props.iconFontCNs,
-    more = _objectWithoutProperties(props, _excluded);
-  var _iconFontCNs = iconFontCNs || iconFontCNsContext;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-icon/index.tsx
+var creek_icon_exports = {};
+__export(creek_icon_exports, {
+  CreekIcon: () => CreekIcon
+});
+module.exports = __toCommonJS(creek_icon_exports);
+var import_icons = __toESM(require("@ant-design/icons"));
+var import_lodash = require("lodash");
+var import_react = require("react");
+var import_creek_config_provider = require("../creek-config-provider");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CreekIcon = (props) => {
+  const { iconFontCNs: iconFontCNsContext } = (0, import_react.useContext)(import_creek_config_provider.CreekConfigProvider.CreekConfigContext);
+  const { component, type, iconFontCNs, ...more } = props;
+  const _iconFontCNs = iconFontCNs || iconFontCNsContext;
   if (component) {
-    return /*#__PURE__*/_jsx(Icon, _objectSpread({
-      component: component
-    }, more));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.default, { component, ...more });
   }
-  if (type && !isEmpty(_iconFontCNs)) {
-    var IconFont = createFromIconfontCN({
+  if (type && !(0, import_lodash.isEmpty)(_iconFontCNs)) {
+    const IconFont = (0, import_icons.createFromIconfontCN)({
       scriptUrl: _iconFontCNs
     });
-    return /*#__PURE__*/_jsx(IconFont, _objectSpread({
-      type: type
-    }, more));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconFont, { type, ...more });
   }
   return null;
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-icon/index.tsx"],
+  "sourcesContent": ["import Icon, { createFromIconfontCN } from '@ant-design/icons';\nimport type { GetProps } from 'antd';\nimport { isEmpty } from 'lodash';\nimport { useContext } from 'react';\n\nimport { CreekConfigProvider, CreekConfigProviderProps } from '../creek-config-provider';\n\ntype CustomIconComponentProps = GetProps<typeof Icon>;\n\nexport type CreekIconProps = CustomIconComponentProps & {\n  iconFontCNs?: CreekConfigProviderProps['iconFontCNs'];\n  type?: string;\n  component?: CustomIconComponentProps['component'];\n};\n\nexport const CreekIcon = (props: CreekIconProps) => {\n  const { iconFontCNs: iconFontCNsContext } = useContext(CreekConfigProvider.CreekConfigContext);\n  const { component, type, iconFontCNs, ...more } = props;\n\n  const _iconFontCNs = iconFontCNs || iconFontCNsContext;\n\n  if (component) {\n    return <Icon component={component} {...more} />;\n  }\n\n  if (type && !isEmpty(_iconFontCNs)) {\n    const IconFont = createFromIconfontCN({\n      scriptUrl: _iconFontCNs,\n    });\n    return <IconFont type={type} {...more} />;\n  }\n\n  return null;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2C;AAE3C,oBAAwB;AACxB,mBAA2B;AAE3B,mCAA8D;AAiBnD;AAPJ,IAAM,YAAY,CAAC,UAA0B;AAClD,QAAM,EAAE,aAAa,mBAAmB,QAAI,yBAAW,iDAAoB,kBAAkB;AAC7F,QAAM,EAAE,WAAW,MAAM,aAAa,GAAG,KAAK,IAAI;AAElD,QAAM,eAAe,eAAe;AAEpC,MAAI,WAAW;AACb,WAAO,4CAAC,aAAAA,SAAA,EAAK,WAAuB,GAAG,MAAM;AAAA,EAC/C;AAEA,MAAI,QAAQ,KAAC,uBAAQ,YAAY,GAAG;AAClC,UAAM,eAAW,mCAAqB;AAAA,MACpC,WAAW;AAAA,IACb,CAAC;AACD,WAAO,4CAAC,YAAS,MAAa,GAAG,MAAM;AAAA,EACzC;AAEA,SAAO;AACT;",
+  "names": ["Icon"]
+}

package/dist/creek-keep-alive/index.js

@@ -1,20 +1,38 @@
-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, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var CreekKeepAlive = function CreekKeepAlive() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMounted = _useState2[0],
-    setIsMounted = _useState2[1];
-  useEffect(function () {
+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-keep-alive/index.tsx
+var creek_keep_alive_exports = {};
+__export(creek_keep_alive_exports, {
+  CreekKeepAlive: () => CreekKeepAlive
+});
+module.exports = __toCommonJS(creek_keep_alive_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CreekKeepAlive = () => {
+  const [isMounted, setIsMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  return /*#__PURE__*/_jsx("div", {
-    children: "KeepAlive"
-  });
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "KeepAlive" });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekKeepAlive
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-keep-alive/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-keep-alive/index.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport const CreekKeepAlive = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return <div>KeepAlive</div>;\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAS3B;AAPF,IAAM,iBAAiB,MAAM;AAClC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SAAO,4CAAC,SAAI,uBAAS;AACvB;",
+  "names": []
+}

package/dist/creek-layout/CollapseButton.js

@@ -1,59 +1,81 @@
-import { ArrowLeftOutlined, ArrowRightOutlined } from "@ant-design/icons";
-import { createStyles } from "antd-style";
-import { useEffect } from "react";
-import { create } from "zustand";
-import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var token = _ref.token;
-  return {
-    buttonContainer: {
-      padding: token.padding
-    },
-    iconContainer: {
-      width: "24px",
-      height: "24px",
-      background: "#f3f3f3",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      cursor: "pointer"
-    }
-  };
+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-layout/CollapseButton.tsx
+var CollapseButton_exports = {};
+__export(CollapseButton_exports, {
+  CollapsedButton: () => CollapsedButton,
+  useCollapsedStore: () => useCollapsedStore
 });
-export var useCollapsedStore = create(function (set, get) {
+module.exports = __toCommonJS(CollapseButton_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd_style = require("antd-style");
+var import_react = require("react");
+var import_zustand = require("zustand");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ token }) => ({
+  buttonContainer: {
+    padding: token.padding
+  },
+  iconContainer: {
+    width: "24px",
+    height: "24px",
+    background: "#f3f3f3",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer"
+  }
+}));
+var useCollapsedStore = (0, import_zustand.create)((set, get) => {
   return {
     collapsed: false,
-    changeCollapsed: function changeCollapsed() {
-      var _collapsed = get().collapsed;
+    changeCollapsed: () => {
+      const _collapsed = get().collapsed;
       set({
         collapsed: !_collapsed
       });
     }
   };
 });
-export var CollapsedButton = function CollapsedButton(props) {
-  var _props$collapsed = props.collapsed,
-    defaultCollapsed = _props$collapsed === void 0 ? false : _props$collapsed;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
-  var _useCollapsedStore$ge = useCollapsedStore.getState(),
-    collapsed = _useCollapsedStore$ge.collapsed,
-    changeCollapsed = _useCollapsedStore$ge.changeCollapsed;
-  useEffect(function () {
+var CollapsedButton = (props) => {
+  const { collapsed: defaultCollapsed = false } = props;
+  const { styles } = useStyles();
+  const { collapsed, changeCollapsed } = useCollapsedStore.getState();
+  (0, import_react.useEffect)(() => {
     if (defaultCollapsed !== collapsed) {
-      useCollapsedStore.setState({
-        collapsed: defaultCollapsed
-      });
+      useCollapsedStore.setState({ collapsed: defaultCollapsed });
     }
   }, [defaultCollapsed]);
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.buttonContainer,
-    onClick: function onClick() {
-      changeCollapsed();
-    },
-    children: /*#__PURE__*/_jsx("div", {
-      className: styles.iconContainer,
-      children: collapsed ? /*#__PURE__*/_jsx(ArrowRightOutlined, {}) : /*#__PURE__*/_jsx(ArrowLeftOutlined, {})
-    })
-  });
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: styles.buttonContainer,
+      onClick: () => {
+        changeCollapsed();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.iconContainer, children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowRightOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowLeftOutlined, {}) })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsedButton,
+  useCollapsedStore
+});
+//# sourceMappingURL=CollapseButton.js.map

package/dist/creek-layout/CollapseButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-layout/CollapseButton.tsx"],
+  "sourcesContent": ["import { ArrowLeftOutlined, ArrowRightOutlined } from \"@ant-design/icons\";\nimport { createStyles } from \"antd-style\";\nimport { useEffect } from \"react\";\nimport { create } from \"zustand\";\n\nexport type CollapsedButtonProps = {\n  collapsed?: boolean;\n};\n\nexport type CollapsedButtonStore = {\n  collapsed: boolean;\n  changeCollapsed: () => void;\n};\n\nconst useStyles = createStyles(({ token }) => ({\n  buttonContainer: {\n    padding: token.padding,\n  },\n  iconContainer: {\n    width: \"24px\",\n    height: \"24px\",\n    background: \"#f3f3f3\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n  },\n}));\n\nexport const useCollapsedStore = create<CollapsedButtonStore>((set, get) => {\n  return {\n    collapsed: false,\n    changeCollapsed: () => {\n      const _collapsed = get().collapsed;\n      set({\n        collapsed: !_collapsed,\n      });\n    },\n  };\n});\n\nexport const CollapsedButton = (props: CollapsedButtonProps) => {\n  const { collapsed: defaultCollapsed = false } = props;\n  const { styles } = useStyles();\n\n  const { collapsed, changeCollapsed } = useCollapsedStore.getState();\n\n  useEffect(() => {\n    if (defaultCollapsed !== collapsed) {\n      useCollapsedStore.setState({ collapsed: defaultCollapsed });\n    }\n  }, [defaultCollapsed]);\n\n  return (\n    <div\n      className={styles.buttonContainer}\n      onClick={() => {\n        changeCollapsed();\n      }}\n    >\n      <div className={styles.iconContainer}>\n        {collapsed ? <ArrowRightOutlined /> : <ArrowLeftOutlined />}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,wBAA6B;AAC7B,mBAA0B;AAC1B,qBAAuB;AA0DF;AA/CrB,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,QAAQ;AAAA,EACV;AACF,EAAE;AAEK,IAAM,wBAAoB,uBAA6B,CAAC,KAAK,QAAQ;AAC1E,SAAO;AAAA,IACL,WAAW;AAAA,IACX,iBAAiB,MAAM;AACrB,YAAM,aAAa,IAAI,EAAE;AACzB,UAAI;AAAA,QACF,WAAW,CAAC;AAAA,MACd,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEM,IAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,WAAW,mBAAmB,MAAM,IAAI;AAChD,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,EAAE,WAAW,gBAAgB,IAAI,kBAAkB,SAAS;AAElE,8BAAU,MAAM;AACd,QAAI,qBAAqB,WAAW;AAClC,wBAAkB,SAAS,EAAE,WAAW,iBAAiB,CAAC;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,SAAS,MAAM;AACb,wBAAgB;AAAA,MAClB;AAAA,MAEA,sDAAC,SAAI,WAAW,OAAO,eACpB,sBAAY,4CAAC,mCAAmB,IAAK,4CAAC,kCAAkB,GAC3D;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}