react-public-components 1.2.1 → 1.2.3

package/dist/chunk-VQKPZ4YE.cjs

@@ -0,0 +1,251 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// Masonry/index.tsx
+var BREAKPOINT_ORDER = ["xs", "sm", "md", "lg", "xl", "xxl"];
+function getBreakpoint(width) {
+  if (width >= 1600) return "xxl";
+  if (width >= 1200) return "xl";
+  if (width >= 992) return "lg";
+  if (width >= 768) return "md";
+  if (width >= 576) return "sm";
+  return "xs";
+}
+function resolveResponsiveValue(value, currentBp, defaultValue) {
+  if (value === void 0 || value === null) return defaultValue;
+  if (typeof value === "object") {
+    const obj = value;
+    if (obj[currentBp] !== void 0) return obj[currentBp];
+    const currentIdx = BREAKPOINT_ORDER.indexOf(currentBp);
+    for (let i = currentIdx - 1; i >= 0; i--) {
+      const bp = BREAKPOINT_ORDER[i];
+      if (obj[bp] !== void 0) return obj[bp];
+    }
+    for (let i = currentIdx + 1; i < BREAKPOINT_ORDER.length; i++) {
+      const bp = BREAKPOINT_ORDER[i];
+      if (obj[bp] !== void 0) return obj[bp];
+    }
+    return defaultValue;
+  }
+  return value;
+}
+function resolveGutter(gutter, currentBp) {
+  if (!gutter) return [0, 0];
+  if (Array.isArray(gutter)) {
+    const h = resolveResponsiveValue(gutter[0], currentBp, 0);
+    const v = resolveResponsiveValue(gutter[1], currentBp, 0);
+    return [h, v];
+  }
+  const g = resolveResponsiveValue(gutter, currentBp, 0);
+  return [g, g];
+}
+var Masonry = (props) => {
+  const {
+    classNames,
+    columns = 3,
+    fresh = false,
+    gutter = 0,
+    items,
+    itemRender,
+    styles,
+    onLayoutChange,
+    className,
+    style,
+    children
+  } = props;
+  const rootRef = React.useRef(null);
+  const [containerWidth, setContainerWidth] = React.useState(0);
+  const [measuredHeights, setMeasuredHeights] = React.useState({});
+  const itemRefs = React.useRef(/* @__PURE__ */ new Map());
+  const normalizedItems = React.useMemo(() => {
+    if (items) return items;
+    if (!children) return [];
+    return React__default.default.Children.toArray(children).map((child, index) => {
+      var _a;
+      if (React__default.default.isValidElement(child)) {
+        const key = (_a = child.key) != null ? _a : `masonry-item-${index}`;
+        return {
+          key,
+          children: child
+        };
+      }
+      return {
+        key: `masonry-item-${index}`,
+        children: child
+      };
+    });
+  }, [items, children]);
+  const currentBreakpoint = React.useMemo(() => getBreakpoint(containerWidth), [containerWidth]);
+  const resolvedColumns = React.useMemo(() => {
+    const count = resolveResponsiveValue(columns, currentBreakpoint, 3);
+    return Math.max(1, Math.floor(count));
+  }, [columns, currentBreakpoint]);
+  const [horizontalGap, verticalGap] = React.useMemo(
+    () => resolveGutter(gutter, currentBreakpoint),
+    [gutter, currentBreakpoint]
+  );
+  React.useEffect(() => {
+    if (!rootRef.current) return;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.contentRect.width;
+        if (width > 0) {
+          setContainerWidth(width);
+        }
+      }
+    });
+    observer.observe(rootRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const measureItems = React.useCallback(() => {
+    let hasChange = false;
+    const newHeights = {};
+    itemRefs.current.forEach((el, key) => {
+      if (el) {
+        const strKey = String(key);
+        const h = el.offsetHeight;
+        if (h > 0) {
+          newHeights[strKey] = h;
+          if (measuredHeights[strKey] !== h) {
+            hasChange = true;
+          }
+        }
+      }
+    });
+    if (hasChange) {
+      setMeasuredHeights((prev) => ({ ...prev, ...newHeights }));
+    }
+  }, [measuredHeights]);
+  React.useLayoutEffect(() => {
+    const handle = requestAnimationFrame(() => {
+      measureItems();
+    });
+    return () => cancelAnimationFrame(handle);
+  }, [measureItems]);
+  React.useEffect(() => {
+    if (!fresh) return;
+    const observer = new ResizeObserver(() => {
+      measureItems();
+    });
+    itemRefs.current.forEach((el) => {
+      if (el) observer.observe(el);
+    });
+    return () => observer.disconnect();
+  }, [fresh, measureItems, normalizedItems]);
+  const columnWidth = React.useMemo(() => {
+    if (containerWidth <= 0) return 0;
+    const totalGap = (resolvedColumns - 1) * horizontalGap;
+    return Math.max(0, (containerWidth - totalGap) / resolvedColumns);
+  }, [containerWidth, resolvedColumns, horizontalGap]);
+  const { layoutItems, containerHeight, layoutChangeData } = React.useMemo(() => {
+    const colHeights = new Array(resolvedColumns).fill(0);
+    const changeData = [];
+    const computedList = normalizedItems.map((item) => {
+      var _a, _b;
+      const h = (_b = (_a = item.height) != null ? _a : measuredHeights[String(item.key)]) != null ? _b : 0;
+      let targetCol = 0;
+      if (typeof item.column === "number" && item.column >= 0 && item.column < resolvedColumns) {
+        targetCol = Math.floor(item.column);
+      } else {
+        let minH = colHeights[0];
+        for (let i = 1; i < resolvedColumns; i++) {
+          if (colHeights[i] < minH) {
+            minH = colHeights[i];
+            targetCol = i;
+          }
+        }
+      }
+      const left = targetCol * (columnWidth + horizontalGap);
+      const top = colHeights[targetCol];
+      colHeights[targetCol] += h + (h > 0 ? verticalGap : 0);
+      changeData.push({ key: item.key, column: targetCol });
+      return {
+        item,
+        left,
+        top,
+        width: columnWidth,
+        height: h,
+        column: targetCol
+      };
+    });
+    const totalH = Math.max(0, ...colHeights);
+    return {
+      layoutItems: computedList,
+      containerHeight: totalH,
+      layoutChangeData: changeData
+    };
+  }, [normalizedItems, resolvedColumns, horizontalGap, verticalGap, columnWidth, measuredHeights]);
+  const prevLayoutRef = React.useRef("");
+  React.useEffect(() => {
+    const layoutKey = JSON.stringify(layoutChangeData);
+    if (layoutKey !== prevLayoutRef.current) {
+      prevLayoutRef.current = layoutKey;
+      onLayoutChange == null ? void 0 : onLayoutChange(layoutChangeData);
+    }
+  }, [layoutChangeData, onLayoutChange]);
+  const semanticClassNames = React.useMemo(() => {
+    var _a;
+    if (typeof classNames === "function") {
+      return (_a = classNames({ props })) != null ? _a : {};
+    }
+    return classNames != null ? classNames : {};
+  }, [classNames, props]);
+  const semanticStyles = React.useMemo(() => {
+    var _a;
+    if (typeof styles === "function") {
+      return (_a = styles({ props })) != null ? _a : {};
+    }
+    return styles != null ? styles : {};
+  }, [styles, props]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: rootRef,
+      className: ["masonry_root", semanticClassNames.root, className].filter(Boolean).join(" "),
+      style: {
+        minHeight: containerHeight > 0 ? containerHeight : void 0,
+        height: containerHeight > 0 ? containerHeight : void 0,
+        ...semanticStyles.root,
+        ...style
+      },
+      children: layoutItems.map(({ item, left, top, width, height }) => {
+        var _a;
+        const content = (_a = item.children) != null ? _a : itemRender == null ? void 0 : itemRender(item);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: (node) => {
+              if (node) {
+                itemRefs.current.set(item.key, node);
+              } else {
+                itemRefs.current.delete(item.key);
+              }
+            },
+            className: ["masonry_item", semanticClassNames.item].filter(Boolean).join(" "),
+            style: {
+              width: containerWidth > 0 ? width : "100%",
+              height: height > 0 ? height : void 0,
+              transform: containerWidth > 0 ? `translate3d(${left}px, ${top}px, 0)` : void 0,
+              opacity: containerWidth > 0 ? 1 : 0,
+              ...semanticStyles.item
+            },
+            onLoad: measureItems,
+            children: content
+          },
+          item.key
+        );
+      })
+    }
+  );
+};
+var Masonry_default = Masonry;
+
+exports.Masonry_default = Masonry_default;
+//# sourceMappingURL=chunk-VQKPZ4YE.cjs.map
+//# sourceMappingURL=chunk-VQKPZ4YE.cjs.map

package/dist/chunk-VQKPZ4YE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Masonry/index.tsx"],"names":["useRef","useState","useMemo","React","useEffect","useCallback","useLayoutEffect","jsx"],"mappings":"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","file":"chunk-VQKPZ4YE.cjs","sourcesContent":["import type { CSSProperties, ReactNode, Key } from 'react';\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport './index.less';\n\n/** 响应式断点名称 */\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n/** 间距配置项 */\nexport type Gap = undefined | number | Partial<Record<Breakpoint, number>>;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/** 瀑布流单项结构 */\nexport interface MasonryItem<T = any> {\n\t/** 自定义展示内容，相对 itemRender 具有更高优先级 */\n\tchildren?: ReactNode;\n\t/** 自定义所在列（0-indexed） */\n\tcolumn?: number;\n\t/** 自定义存储数据 */\n\tdata?: T;\n\t/** 高度（手指定时优先使用，否则通过测量动态计算） */\n\theight?: number;\n\t/** 唯一标识 */\n\tkey: Key;\n}\n\n/** 语义化 DOM 节点 */\nexport type MasonrySemanticDOM = 'root' | 'item';\n\nexport type MasonryClassNames =\n\t| Partial<Record<MasonrySemanticDOM, string>>\n\t| ((info: { props: MasonryProps<any> }) => Partial<Record<MasonrySemanticDOM, string>>);\n\nexport type MasonryStyles =\n\t| Partial<Record<MasonrySemanticDOM, CSSProperties>>\n\t| ((info: { props: MasonryProps<any> }) => Partial<Record<MasonrySemanticDOM, CSSProperties>>);\n\n/** Masonry 组件属性 */\nexport interface MasonryProps<T = any> {\n\t/** 用于自定义组件内部各语义化结构的 class，支持对象或函数 */\n\tclassNames?: MasonryClassNames;\n\t/** 列数，可以是固定值或响应式配置，默认 3 */\n\tcolumns?: number | Partial<Record<Breakpoint, number>>;\n\t/** 是否持续监听子项尺寸变化，默认 false */\n\tfresh?: boolean;\n\t/** 间距，可以是固定值、响应式配置或水平垂直间距配置 [horizontalGap, verticalGap]，默认 0 */\n\tgutter?: Gap | [Gap, Gap];\n\t/** 瀑布流项列表 */\n\titems?: MasonryItem<T>[];\n\t/** 自定义项渲染 */\n\titemRender?: (item: MasonryItem<T>) => ReactNode;\n\t/** 语义化结构 style，支持对象和函数形式 */\n\tstyles?: MasonryStyles;\n\t/** 列排序回调 */\n\tonLayoutChange?: (layout: { key: Key; column: number }[]) => void;\n\t/** 根节点自定义类名 */\n\tclassName?: string;\n\t/** 根节点自定义 CSS 样式 */\n\tstyle?: CSSProperties;\n\t/** JSX 子节点支持 */\n\tchildren?: ReactNode;\n}\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nconst BREAKPOINT_ORDER: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];\n\n/** 计算当前容器宽度对应的响应式断点 */\nfunction getBreakpoint(width: number): Breakpoint {\n\tif (width >= 1600) return 'xxl';\n\tif (width >= 1200) return 'xl';\n\tif (width >= 992) return 'lg';\n\tif (width >= 768) return 'md';\n\tif (width >= 576) return 'sm';\n\treturn 'xs';\n}\n\n/** 解析响应式配置值 */\nfunction resolveResponsiveValue<T>(\n\tvalue: T | Partial<Record<Breakpoint, T>> | undefined,\n\tcurrentBp: Breakpoint,\n\tdefaultValue: T,\n): T {\n\tif (value === undefined || value === null) return defaultValue;\n\tif (typeof value === 'object') {\n\t\tconst obj = value as Partial<Record<Breakpoint, T>>;\n\t\tif (obj[currentBp] !== undefined) return obj[currentBp]!;\n\t\tconst currentIdx = BREAKPOINT_ORDER.indexOf(currentBp);\n\t\tfor (let i = currentIdx - 1; i >= 0; i--) {\n\t\t\tconst bp = BREAKPOINT_ORDER[i];\n\t\t\tif (obj[bp] !== undefined) return obj[bp]!;\n\t\t}\n\t\tfor (let i = currentIdx + 1; i < BREAKPOINT_ORDER.length; i++) {\n\t\t\tconst bp = BREAKPOINT_ORDER[i];\n\t\t\tif (obj[bp] !== undefined) return obj[bp]!;\n\t\t}\n\t\treturn defaultValue;\n\t}\n\treturn value;\n}\n\n/** 解析水平和垂直 Gutter */\nfunction resolveGutter(\n\tgutter: Gap | [Gap, Gap] | undefined,\n\tcurrentBp: Breakpoint,\n): [number, number] {\n\tif (!gutter) return [0, 0];\n\tif (Array.isArray(gutter)) {\n\t\tconst h = resolveResponsiveValue(gutter[0], currentBp, 0);\n\t\tconst v = resolveResponsiveValue(gutter[1], currentBp, 0);\n\t\treturn [h, v];\n\t}\n\tconst g = resolveResponsiveValue(gutter, currentBp, 0);\n\treturn [g, g];\n}\n\nconst Masonry = <T = unknown,>(props: MasonryProps<T>) => {\n\tconst {\n\t\tclassNames,\n\t\tcolumns = 3,\n\t\tfresh = false,\n\t\tgutter = 0,\n\t\titems,\n\t\titemRender,\n\t\tstyles,\n\t\tonLayoutChange,\n\t\tclassName,\n\t\tstyle,\n\t\tchildren,\n\t} = props;\n\n\tconst rootRef = useRef<HTMLDivElement>(null);\n\tconst [containerWidth, setContainerWidth] = useState<number>(0);\n\tconst [measuredHeights, setMeasuredHeights] = useState<Record<string, number>>({});\n\tconst itemRefs = useRef<Map<Key, HTMLDivElement>>(new Map());\n\n\t// 规范化 items 列表（支持 items 属性或 JSX children）\n\tconst normalizedItems: MasonryItem<T>[] = useMemo(() => {\n\t\tif (items) return items;\n\t\tif (!children) return [];\n\t\treturn React.Children.toArray(children).map((child, index) => {\n\t\t\tif (React.isValidElement(child)) {\n\t\t\t\tconst key = child.key ?? `masonry-item-${index}`;\n\t\t\t\treturn {\n\t\t\t\t\tkey,\n\t\t\t\t\tchildren: child,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tkey: `masonry-item-${index}`,\n\t\t\t\tchildren: child,\n\t\t\t};\n\t\t});\n\t}, [items, children]);\n\n\t// 计算当前响应式断点\n\tconst currentBreakpoint = useMemo(() => getBreakpoint(containerWidth), [containerWidth]);\n\n\t// 解析实际列数与间隔\n\tconst resolvedColumns = useMemo(() => {\n\t\tconst count = resolveResponsiveValue(columns, currentBreakpoint, 3);\n\t\treturn Math.max(1, Math.floor(count));\n\t}, [columns, currentBreakpoint]);\n\n\tconst [horizontalGap, verticalGap] = useMemo(\n\t\t() => resolveGutter(gutter, currentBreakpoint),\n\t\t[gutter, currentBreakpoint],\n\t);\n\n\t// 监听容器宽度变化\n\tuseEffect(() => {\n\t\tif (!rootRef.current) return;\n\t\tconst observer = new ResizeObserver((entries) => {\n\t\t\tfor (const entry of entries) {\n\t\t\t\tconst width = entry.contentRect.width;\n\t\t\t\tif (width > 0) {\n\t\t\t\t\tsetContainerWidth(width);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tobserver.observe(rootRef.current);\n\t\treturn () => observer.disconnect();\n\t}, []);\n\n\t// 测量每个 item DOM 的实际高度\n\tconst measureItems = useCallback(() => {\n\t\tlet hasChange = false;\n\t\tconst newHeights: Record<string, number> = {};\n\n\t\titemRefs.current.forEach((el, key) => {\n\t\t\tif (el) {\n\t\t\t\tconst strKey = String(key);\n\t\t\t\tconst h = el.offsetHeight;\n\t\t\t\tif (h > 0) {\n\t\t\t\t\tnewHeights[strKey] = h;\n\t\t\t\t\tif (measuredHeights[strKey] !== h) {\n\t\t\t\t\t\thasChange = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tif (hasChange) {\n\t\t\tsetMeasuredHeights((prev) => ({ ...prev, ...newHeights }));\n\t\t}\n\t}, [measuredHeights]);\n\n\tuseLayoutEffect(() => {\n\t\tconst handle = requestAnimationFrame(() => {\n\t\t\tmeasureItems();\n\t\t});\n\t\treturn () => cancelAnimationFrame(handle);\n\t}, [measureItems]);\n\n\t// 监听 fresh 配置：持续监听每个 item 的 DOM 尺寸变动（例如图片加载、文本折叠）\n\tuseEffect(() => {\n\t\tif (!fresh) return;\n\t\tconst observer = new ResizeObserver(() => {\n\t\t\tmeasureItems();\n\t\t});\n\n\t\titemRefs.current.forEach((el) => {\n\t\t\tif (el) observer.observe(el);\n\t\t});\n\n\t\treturn () => observer.disconnect();\n\t}, [fresh, measureItems, normalizedItems]);\n\n\t// 计算单个列宽\n\tconst columnWidth = useMemo(() => {\n\t\tif (containerWidth <= 0) return 0;\n\t\tconst totalGap = (resolvedColumns - 1) * horizontalGap;\n\t\treturn Math.max(0, (containerWidth - totalGap) / resolvedColumns);\n\t}, [containerWidth, resolvedColumns, horizontalGap]);\n\n\t// 瀑布流核心布局算法计算\n\tconst { layoutItems, containerHeight, layoutChangeData } = useMemo(() => {\n\t\tconst colHeights = new Array(resolvedColumns).fill(0);\n\t\tconst changeData: { key: Key; column: number }[] = [];\n\n\t\tconst computedList = normalizedItems.map((item) => {\n\t\t\t// 如果显式指定了 height，优先使用；否则使用 DOM 测量的 height\n\t\t\tconst h = item.height ?? measuredHeights[String(item.key)] ?? 0;\n\n\t\t\t// 判断目标放置列（指定列数或者找当前高度最小的列）\n\t\t\tlet targetCol = 0;\n\t\t\tif (typeof item.column === 'number' && item.column >= 0 && item.column < resolvedColumns) {\n\t\t\t\ttargetCol = Math.floor(item.column);\n\t\t\t} else {\n\t\t\t\tlet minH = colHeights[0];\n\t\t\t\tfor (let i = 1; i < resolvedColumns; i++) {\n\t\t\t\t\tif (colHeights[i] < minH) {\n\t\t\t\t\t\tminH = colHeights[i];\n\t\t\t\t\t\ttargetCol = i;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst left = targetCol * (columnWidth + horizontalGap);\n\t\t\tconst top = colHeights[targetCol];\n\n\t\t\t// 更新该列高度\n\t\t\tcolHeights[targetCol] += h + (h > 0 ? verticalGap : 0);\n\n\t\t\tchangeData.push({ key: item.key, column: targetCol });\n\n\t\t\treturn {\n\t\t\t\titem,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\twidth: columnWidth,\n\t\t\t\theight: h,\n\t\t\t\tcolumn: targetCol,\n\t\t\t};\n\t\t});\n\n\t\tconst totalH = Math.max(0, ...colHeights);\n\n\t\treturn {\n\t\t\tlayoutItems: computedList,\n\t\t\tcontainerHeight: totalH,\n\t\t\tlayoutChangeData: changeData,\n\t\t};\n\t}, [normalizedItems, resolvedColumns, horizontalGap, verticalGap, columnWidth, measuredHeights]);\n\n\t// 触发 onLayoutChange 回调\n\tconst prevLayoutRef = useRef<string>('');\n\tuseEffect(() => {\n\t\tconst layoutKey = JSON.stringify(layoutChangeData);\n\t\tif (layoutKey !== prevLayoutRef.current) {\n\t\t\tprevLayoutRef.current = layoutKey;\n\t\t\tonLayoutChange?.(layoutChangeData);\n\t\t}\n\t}, [layoutChangeData, onLayoutChange]);\n\n\t// 解析语义化 className 和 styles\n\tconst semanticClassNames = useMemo(() => {\n\t\tif (typeof classNames === 'function') {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\treturn classNames({ props: props as MasonryProps<any> }) ?? {};\n\t\t}\n\t\treturn classNames ?? {};\n\t}, [classNames, props]);\n\n\tconst semanticStyles = useMemo(() => {\n\t\tif (typeof styles === 'function') {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\treturn styles({ props: props as MasonryProps<any> }) ?? {};\n\t\t}\n\t\treturn styles ?? {};\n\t}, [styles, props]);\n\n\treturn (\n\t\t<div\n\t\t\tref={rootRef}\n\t\t\tclassName={['masonry_root', semanticClassNames.root, className].filter(Boolean).join(' ')}\n\t\t\tstyle={{\n\t\t\t\tminHeight: containerHeight > 0 ? containerHeight : undefined,\n\t\t\t\theight: containerHeight > 0 ? containerHeight : undefined,\n\t\t\t\t...semanticStyles.root,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{layoutItems.map(({ item, left, top, width, height }) => {\n\t\t\t\tconst content = item.children ?? itemRender?.(item);\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\t\tif (node) {\n\t\t\t\t\t\t\t\titemRefs.current.set(item.key, node);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\titemRefs.current.delete(item.key);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName={['masonry_item', semanticClassNames.item].filter(Boolean).join(' ')}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: containerWidth > 0 ? width : '100%',\n\t\t\t\t\t\t\theight: height > 0 ? height : undefined,\n\t\t\t\t\t\t\ttransform: containerWidth > 0 ? `translate3d(${left}px, ${top}px, 0)` : undefined,\n\t\t\t\t\t\t\topacity: containerWidth > 0 ? 1 : 0,\n\t\t\t\t\t\t\t...semanticStyles.item,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonLoad={measureItems}\n\t\t\t\t\t>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Masonry;\n"]}

package/dist/chunk-VS2YVJOB.cjs

@@ -0,0 +1,129 @@
+'use strict';
+
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function formatTime(seconds) {
+  if (isNaN(seconds) || seconds < 0) return "00:00";
+  const m = Math.floor(seconds / 60);
+  const s = Math.floor(seconds % 60);
+  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+var speedOptions = [1, 1.25, 1.5, 2];
+var AudioPlayer = ({
+  src,
+  title,
+  defaultPlaybackRate = 1,
+  showDownload = true,
+  className = "",
+  style
+}) => {
+  const audioRef = react.useRef(null);
+  const progressRef = react.useRef(null);
+  const [isPlaying, setIsPlaying] = react.useState(false);
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const [duration, setDuration] = react.useState(0);
+  const [speedIndex, setSpeedIndex] = react.useState(
+    Math.max(0, speedOptions.indexOf(defaultPlaybackRate))
+  );
+  const currentSpeed = speedOptions[speedIndex] || 1;
+  const togglePlay = () => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    if (isPlaying) {
+      audio.pause();
+      setIsPlaying(false);
+    } else {
+      audio.play();
+      setIsPlaying(true);
+    }
+  };
+  const handleTimeUpdate = () => {
+    if (audioRef.current) {
+      setCurrentTime(audioRef.current.currentTime);
+    }
+  };
+  const handleLoadedMetadata = () => {
+    if (audioRef.current) {
+      setDuration(audioRef.current.duration);
+    }
+  };
+  const handleSpeedCycle = () => {
+    const nextIndex = (speedIndex + 1) % speedOptions.length;
+    setSpeedIndex(nextIndex);
+    if (audioRef.current) {
+      audioRef.current.playbackRate = speedOptions[nextIndex];
+    }
+  };
+  const handleSeek = (e) => {
+    if (!progressRef.current || !audioRef.current || !duration) return;
+    const rect = progressRef.current.getBoundingClientRect();
+    const percent = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));
+    const targetTime = percent * duration;
+    audioRef.current.currentTime = targetTime;
+    setCurrentTime(targetTime);
+  };
+  const progressPercent = duration > 0 ? currentTime / duration * 100 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_audio_player ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "audio",
+      {
+        ref: audioRef,
+        src,
+        onTimeUpdate: handleTimeUpdate,
+        onLoadedMetadata: handleLoadedMetadata,
+        onEnded: () => setIsPlaying(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_audio_player_play_btn", onClick: togglePlay, children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.PauseCircleOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.PlayCircleOutlined, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_info", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_title_row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_audio_player_title", children: title || "\u97F3\u9891\u64AD\u653E" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_audio_player_time", children: [
+          formatTime(currentTime),
+          " / ",
+          formatTime(duration)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: progressRef, className: "rpc_audio_player_progress_bar", onClick: handleSeek, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rpc_audio_player_progress_fill",
+          style: { width: `${progressPercent}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_audio_player_extra", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "rpc_audio_player_speed_btn",
+          onClick: handleSpeedCycle,
+          title: "\u70B9\u51FB\u5207\u6362\u64AD\u653E\u500D\u901F",
+          children: [
+            currentSpeed,
+            "x"
+          ]
+        }
+      ),
+      showDownload && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: src,
+          download: true,
+          className: "rpc_audio_player_download_btn",
+          title: "\u4E0B\u8F7D\u97F3\u9891\u6587\u4EF6",
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.DownloadOutlined, {})
+        }
+      )
+    ] })
+  ] });
+};
+var AudioPlayer_default = AudioPlayer;
+
+exports.AudioPlayer_default = AudioPlayer_default;
+//# sourceMappingURL=chunk-VS2YVJOB.cjs.map
+//# sourceMappingURL=chunk-VS2YVJOB.cjs.map

package/dist/chunk-VS2YVJOB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../AudioPlayer/index.tsx"],"names":["useRef","useState","jsx","PauseCircleOutlined","PlayCircleOutlined","jsxs","DownloadOutlined"],"mappings":"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","file":"chunk-VS2YVJOB.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { PlayCircleOutlined, PauseCircleOutlined, DownloadOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface AudioPlayerProps {\n\t/** 音频资源地址 */\n\tsrc: string;\n\t/** 音频标题或文件名 */\n\ttitle?: ReactNode;\n\t/** 默认倍速，默认为 1 */\n\tdefaultPlaybackRate?: number;\n\t/** 是否显示下载按钮，默认为 true */\n\tshowDownload?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction formatTime(seconds: number): string {\n\tif (isNaN(seconds) || seconds < 0) return '00:00';\n\tconst m = Math.floor(seconds / 60);\n\tconst s = Math.floor(seconds % 60);\n\treturn `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;\n}\n\nconst speedOptions = [1.0, 1.25, 1.5, 2.0];\n\nconst AudioPlayer: React.FC<AudioPlayerProps> = ({\n\tsrc,\n\ttitle,\n\tdefaultPlaybackRate = 1.0,\n\tshowDownload = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst audioRef = useRef<HTMLAudioElement>(null);\n\tconst progressRef = useRef<HTMLDivElement>(null);\n\n\tconst [isPlaying, setIsPlaying] = useState<boolean>(false);\n\tconst [currentTime, setCurrentTime] = useState<number>(0);\n\tconst [duration, setDuration] = useState<number>(0);\n\tconst [speedIndex, setSpeedIndex] = useState<number>(\n\t\tMath.max(0, speedOptions.indexOf(defaultPlaybackRate)),\n\t);\n\n\tconst currentSpeed = speedOptions[speedIndex] || 1.0;\n\n\t// 播放 / 暂停切换\n\tconst togglePlay = () => {\n\t\tconst audio = audioRef.current;\n\t\tif (!audio) return;\n\t\tif (isPlaying) {\n\t\t\taudio.pause();\n\t\t\tsetIsPlaying(false);\n\t\t} else {\n\t\t\taudio.play();\n\t\t\tsetIsPlaying(true);\n\t\t}\n\t};\n\n\t// 监听时间更新\n\tconst handleTimeUpdate = () => {\n\t\tif (audioRef.current) {\n\t\t\tsetCurrentTime(audioRef.current.currentTime);\n\t\t}\n\t};\n\n\t// 监听时长加载\n\tconst handleLoadedMetadata = () => {\n\t\tif (audioRef.current) {\n\t\t\tsetDuration(audioRef.current.duration);\n\t\t}\n\t};\n\n\t// 切换倍速\n\tconst handleSpeedCycle = () => {\n\t\tconst nextIndex = (speedIndex + 1) % speedOptions.length;\n\t\tsetSpeedIndex(nextIndex);\n\t\tif (audioRef.current) {\n\t\t\taudioRef.current.playbackRate = speedOptions[nextIndex];\n\t\t}\n\t};\n\n\t// 拖拽进度条 Seek\n\tconst handleSeek = (e: React.MouseEvent<HTMLDivElement>) => {\n\t\tif (!progressRef.current || !audioRef.current || !duration) return;\n\t\tconst rect = progressRef.current.getBoundingClientRect();\n\t\tconst percent = Math.min(1, Math.max(0, (e.clientX - rect.left) / rect.width));\n\t\tconst targetTime = percent * duration;\n\t\taudioRef.current.currentTime = targetTime;\n\t\tsetCurrentTime(targetTime);\n\t};\n\n\tconst progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;\n\n\treturn (\n\t\t<div className={`rpc_audio_player ${className}`} style={style}>\n\t\t\t<audio\n\t\t\t\tref={audioRef}\n\t\t\t\tsrc={src}\n\t\t\t\tonTimeUpdate={handleTimeUpdate}\n\t\t\t\tonLoadedMetadata={handleLoadedMetadata}\n\t\t\t\tonEnded={() => setIsPlaying(false)}\n\t\t\t/>\n\n\t\t\t{/* 播放 / 暂停按钮 */}\n\t\t\t<div className=\"rpc_audio_player_play_btn\" onClick={togglePlay}>\n\t\t\t\t{isPlaying ? <PauseCircleOutlined /> : <PlayCircleOutlined />}\n\t\t\t</div>\n\n\t\t\t{/* 信息与进度条 */}\n\t\t\t<div className=\"rpc_audio_player_info\">\n\t\t\t\t<div className=\"rpc_audio_player_title_row\">\n\t\t\t\t\t<span className=\"rpc_audio_player_title\">{title || '音频播放'}</span>\n\t\t\t\t\t<span className=\"rpc_audio_player_time\">\n\t\t\t\t\t\t{formatTime(currentTime)} / {formatTime(duration)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<div ref={progressRef} className=\"rpc_audio_player_progress_bar\" onClick={handleSeek}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"rpc_audio_player_progress_fill\"\n\t\t\t\t\t\tstyle={{ width: `${progressPercent}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* 倍速与下载 */}\n\t\t\t<div className=\"rpc_audio_player_extra\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_audio_player_speed_btn\"\n\t\t\t\t\tonClick={handleSpeedCycle}\n\t\t\t\t\ttitle=\"点击切换播放倍速\"\n\t\t\t\t>\n\t\t\t\t\t{currentSpeed}x\n\t\t\t\t</button>\n\n\t\t\t\t{showDownload && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={src}\n\t\t\t\t\t\tdownload\n\t\t\t\t\t\tclassName=\"rpc_audio_player_download_btn\"\n\t\t\t\t\t\ttitle=\"下载音频文件\"\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DownloadOutlined />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default AudioPlayer;\n"]}

package/dist/chunk-WDHU3BSM.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// SegmentedProgress/index.tsx
+var SegmentedProgress = ({
+  segments = [],
+  total: customTotal,
+  height = 10,
+  showLegend = true,
+  className = "",
+  style
+}) => {
+  const sumValue = react.useMemo(() => {
+    return segments.reduce((acc, cur) => acc + (cur.value || 0), 0);
+  }, [segments]);
+  const baseTotal = customTotal !== void 0 ? customTotal : sumValue || 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_seg_progress ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_seg_progress_bar", style: { height }, children: segments.map((seg, idx) => {
+      const pct = (seg.value / baseTotal * 100).toFixed(1);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rpc_seg_progress_segment",
+          style: {
+            width: `${pct}%`,
+            backgroundColor: seg.color
+          },
+          title: `${seg.label}: ${seg.value}${seg.suffix || ""} (${pct}%)`
+        },
+        idx
+      );
+    }) }),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_seg_progress_legend", children: segments.map((seg, idx) => {
+      const pct = (seg.value / baseTotal * 100).toFixed(1);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_seg_progress_legend_item", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_seg_progress_dot", style: { backgroundColor: seg.color } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: seg.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("b", { style: { color: "#262626" }, children: [
+          seg.value,
+          seg.suffix || "",
+          " (",
+          pct,
+          "%)"
+        ] })
+      ] }, idx);
+    }) })
+  ] });
+};
+var SegmentedProgress_default = SegmentedProgress;
+
+exports.SegmentedProgress_default = SegmentedProgress_default;
+//# sourceMappingURL=chunk-WDHU3BSM.cjs.map
+//# sourceMappingURL=chunk-WDHU3BSM.cjs.map

package/dist/chunk-WDHU3BSM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../SegmentedProgress/index.tsx"],"names":["useMemo","jsx","jsxs"],"mappings":";;;;;;AAyBA,IAAM,oBAAsD,CAAC;AAAA,EAC5D,WAAW,EAAC;AAAA,EACZ,KAAA,EAAO,WAAA;AAAA,EACP,MAAA,GAAS,EAAA;AAAA,EACT,UAAA,GAAa,IAAA;AAAA,EACb,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,QAAA,GAAWA,cAAQ,MAAM;AAC9B,IAAA,OAAO,QAAA,CAAS,OAAO,CAAC,GAAA,EAAK,QAAQ,GAAA,IAAO,GAAA,CAAI,KAAA,IAAS,CAAA,CAAA,EAAI,CAAC,CAAA;AAAA,EAC/D,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,MAAA,GAAY,WAAA,GAAc,QAAA,IAAY,CAAA;AAExE,EAAA,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,iBAAA,EAAoB,SAAS,IAAI,KAAA,EAEhD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAuB,KAAA,EAAO,EAAE,MAAA,EAAO,EACpD,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3B,MAAA,MAAM,OAAQ,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAa,GAAA,EAAK,QAAQ,CAAC,CAAA;AAErD,MAAA,uBACCA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEA,SAAA,EAAU,0BAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,CAAA;AAAA,YACb,iBAAiB,GAAA,CAAI;AAAA,WACtB;AAAA,UACA,KAAA,EAAO,CAAA,EAAG,GAAA,CAAI,KAAK,CAAA,EAAA,EAAK,GAAA,CAAI,KAAK,CAAA,EAAG,GAAA,CAAI,MAAA,IAAU,EAAE,CAAA,EAAA,EAAK,GAAG,CAAA,EAAA;AAAA,SAAA;AAAA,QANvD;AAAA,OAON;AAAA,IAEF,CAAC,CAAA,EACF,CAAA;AAAA,IAGC,UAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,2BACb,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3B,MAAA,MAAM,OAAQ,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAa,GAAA,EAAK,QAAQ,CAAC,CAAA;AAErD,MAAA,uBACCC,eAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,8BAAA,EACxB,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,sBAAA,EAAuB,KAAA,EAAO,EAAE,eAAA,EAAiB,GAAA,CAAI,OAAM,EAAG,CAAA;AAAA,wBAC9EA,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,GAAA,CAAI,KAAA,EAAM,CAAA;AAAA,wCAChB,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,WAAU,EAC3B,QAAA,EAAA;AAAA,UAAA,GAAA,CAAI,KAAA;AAAA,UACJ,IAAI,MAAA,IAAU,EAAA;AAAA,UAAG,IAAA;AAAA,UAAG,GAAA;AAAA,UAAI;AAAA,SAAA,EAC1B;AAAA,OAAA,EAAA,EANS,GAOV,CAAA;AAAA,IAEF,CAAC,CAAA,EACF;AAAA,GAAA,EAEF,CAAA;AAEF,CAAA;AAEA,IAAO,yBAAA,GAAQ","file":"chunk-WDHU3BSM.cjs","sourcesContent":["import React, { useMemo, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface ProgressSegment {\n\tlabel: string;\n\tvalue: number;\n\tcolor: string;\n\tsuffix?: string;\n}\n\nexport interface SegmentedProgressProps {\n\t/** 分段数据列表 */\n\tsegments: ProgressSegment[];\n\t/** 总量基准（不传则自动对各分段 value 求和） */\n\ttotal?: number;\n\t/** 进度条高度（像素），默认为 10 */\n\theight?: number;\n\t/** 是否显示底部图例 Legend，默认为 true */\n\tshowLegend?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst SegmentedProgress: React.FC<SegmentedProgressProps> = ({\n\tsegments = [],\n\ttotal: customTotal,\n\theight = 10,\n\tshowLegend = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst sumValue = useMemo(() => {\n\t\treturn segments.reduce((acc, cur) => acc + (cur.value || 0), 0);\n\t}, [segments]);\n\n\tconst baseTotal = customTotal !== undefined ? customTotal : sumValue || 1;\n\n\treturn (\n\t\t<div className={`rpc_seg_progress ${className}`} style={style}>\n\t\t\t{/* 分段进度条主体 */}\n\t\t\t<div className=\"rpc_seg_progress_bar\" style={{ height }}>\n\t\t\t\t{segments.map((seg, idx) => {\n\t\t\t\t\tconst pct = ((seg.value / baseTotal) * 100).toFixed(1);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName=\"rpc_seg_progress_segment\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${pct}%`,\n\t\t\t\t\t\t\t\tbackgroundColor: seg.color,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttitle={`${seg.label}: ${seg.value}${seg.suffix || ''} (${pct}%)`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\n\t\t\t{/* 底部图例 */}\n\t\t\t{showLegend && (\n\t\t\t\t<div className=\"rpc_seg_progress_legend\">\n\t\t\t\t\t{segments.map((seg, idx) => {\n\t\t\t\t\t\tconst pct = ((seg.value / baseTotal) * 100).toFixed(1);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={idx} className=\"rpc_seg_progress_legend_item\">\n\t\t\t\t\t\t\t\t<span className=\"rpc_seg_progress_dot\" style={{ backgroundColor: seg.color }} />\n\t\t\t\t\t\t\t\t<span>{seg.label}</span>\n\t\t\t\t\t\t\t\t<b style={{ color: '#262626' }}>\n\t\t\t\t\t\t\t\t\t{seg.value}\n\t\t\t\t\t\t\t\t\t{seg.suffix || ''} ({pct}%)\n\t\t\t\t\t\t\t\t</b>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default SegmentedProgress;\n"]}

package/dist/chunk-WEGDIRDB.js

@@ -0,0 +1,101 @@
+import { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// QuickDateRange/index.tsx
+function formatDate(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+var defaultShortcuts = [
+  {
+    key: "today",
+    label: "\u4ECA\u65E5",
+    calc: () => {
+      const now = formatDate(/* @__PURE__ */ new Date());
+      return [now, now];
+    }
+  },
+  {
+    key: "yesterday",
+    label: "\u6628\u65E5",
+    calc: () => {
+      const d = /* @__PURE__ */ new Date();
+      d.setDate(d.getDate() - 1);
+      const yStr = formatDate(d);
+      return [yStr, yStr];
+    }
+  },
+  {
+    key: "7days",
+    label: "\u8FD17\u5929",
+    calc: () => {
+      const end = /* @__PURE__ */ new Date();
+      const start = /* @__PURE__ */ new Date();
+      start.setDate(start.getDate() - 6);
+      return [formatDate(start), formatDate(end)];
+    }
+  },
+  {
+    key: "30days",
+    label: "\u8FD130\u5929",
+    calc: () => {
+      const end = /* @__PURE__ */ new Date();
+      const start = /* @__PURE__ */ new Date();
+      start.setDate(start.getDate() - 29);
+      return [formatDate(start), formatDate(end)];
+    }
+  },
+  {
+    key: "thisMonth",
+    label: "\u672C\u6708",
+    calc: () => {
+      const now = /* @__PURE__ */ new Date();
+      const start = new Date(now.getFullYear(), now.getMonth(), 1);
+      return [formatDate(start), formatDate(now)];
+    }
+  },
+  {
+    key: "lastMonth",
+    label: "\u4E0A\u6708",
+    calc: () => {
+      const now = /* @__PURE__ */ new Date();
+      const start = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+      const end = new Date(now.getFullYear(), now.getMonth(), 0);
+      return [formatDate(start), formatDate(end)];
+    }
+  }
+];
+var QuickDateRange = ({
+  activeKey: controlledKey,
+  defaultKey = "7days",
+  onChange,
+  className = "",
+  style
+}) => {
+  const [internalKey, setInternalKey] = useState(defaultKey);
+  const currentKey = controlledKey !== void 0 ? controlledKey : internalKey;
+  const handleClick = (item) => {
+    if (controlledKey === void 0) setInternalKey(item.key);
+    const range = item.calc();
+    onChange == null ? void 0 : onChange(range, item.key);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `rpc_quick_date_range ${className}`, style, children: defaultShortcuts.map((item) => {
+    const isActive = currentKey === item.key;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `rpc_quick_date_range_pill ${isActive ? "rpc_quick_date_range_pill_active" : ""}`,
+        onClick: () => handleClick(item),
+        children: item.label
+      },
+      item.key
+    );
+  }) });
+};
+var QuickDateRange_default = QuickDateRange;
+
+export { QuickDateRange_default };
+//# sourceMappingURL=chunk-WEGDIRDB.js.map
+//# sourceMappingURL=chunk-WEGDIRDB.js.map

package/dist/chunk-WEGDIRDB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../QuickDateRange/index.tsx"],"names":[],"mappings":"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","file":"chunk-WEGDIRDB.js","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport './index.less';\n\nexport type DateShortcutKey =\n\t'today' | 'yesterday' | '7days' | '30days' | 'thisMonth' | 'lastMonth';\n\nexport interface ShortcutItem {\n\tkey: string;\n\tlabel: string;\n\tcalc: () => [string, string];\n}\n\nexport interface QuickDateRangeProps {\n\t/** 当前选中项的 key（受控） */\n\tactiveKey?: string;\n\t/** 默认选中的 key，默认为 '7days' */\n\tdefaultKey?: string;\n\t/** 切换回调 */\n\tonChange?: (dateRange: [string, string], key: string) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction formatDate(d: Date): string {\n\tconst y = d.getFullYear();\n\tconst m = String(d.getMonth() + 1).padStart(2, '0');\n\tconst day = String(d.getDate()).padStart(2, '0');\n\treturn `${y}-${m}-${day}`;\n}\n\nconst defaultShortcuts: ShortcutItem[] = [\n\t{\n\t\tkey: 'today',\n\t\tlabel: '今日',\n\t\tcalc: () => {\n\t\t\tconst now = formatDate(new Date());\n\t\t\treturn [now, now];\n\t\t},\n\t},\n\t{\n\t\tkey: 'yesterday',\n\t\tlabel: '昨日',\n\t\tcalc: () => {\n\t\t\tconst d = new Date();\n\t\t\td.setDate(d.getDate() - 1);\n\t\t\tconst yStr = formatDate(d);\n\t\t\treturn [yStr, yStr];\n\t\t},\n\t},\n\t{\n\t\tkey: '7days',\n\t\tlabel: '近7天',\n\t\tcalc: () => {\n\t\t\tconst end = new Date();\n\t\t\tconst start = new Date();\n\t\t\tstart.setDate(start.getDate() - 6);\n\t\t\treturn [formatDate(start), formatDate(end)];\n\t\t},\n\t},\n\t{\n\t\tkey: '30days',\n\t\tlabel: '近30天',\n\t\tcalc: () => {\n\t\t\tconst end = new Date();\n\t\t\tconst start = new Date();\n\t\t\tstart.setDate(start.getDate() - 29);\n\t\t\treturn [formatDate(start), formatDate(end)];\n\t\t},\n\t},\n\t{\n\t\tkey: 'thisMonth',\n\t\tlabel: '本月',\n\t\tcalc: () => {\n\t\t\tconst now = new Date();\n\t\t\tconst start = new Date(now.getFullYear(), now.getMonth(), 1);\n\t\t\treturn [formatDate(start), formatDate(now)];\n\t\t},\n\t},\n\t{\n\t\tkey: 'lastMonth',\n\t\tlabel: '上月',\n\t\tcalc: () => {\n\t\t\tconst now = new Date();\n\t\t\tconst start = new Date(now.getFullYear(), now.getMonth() - 1, 1);\n\t\t\tconst end = new Date(now.getFullYear(), now.getMonth(), 0);\n\t\t\treturn [formatDate(start), formatDate(end)];\n\t\t},\n\t},\n];\n\nconst QuickDateRange: React.FC<QuickDateRangeProps> = ({\n\tactiveKey: controlledKey,\n\tdefaultKey = '7days',\n\tonChange,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalKey, setInternalKey] = useState<string>(defaultKey);\n\tconst currentKey = controlledKey !== undefined ? controlledKey : internalKey;\n\n\tconst handleClick = (item: ShortcutItem) => {\n\t\tif (controlledKey === undefined) setInternalKey(item.key);\n\t\tconst range = item.calc();\n\t\tonChange?.(range, item.key);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_quick_date_range ${className}`} style={style}>\n\t\t\t{defaultShortcuts.map((item) => {\n\t\t\t\tconst isActive = currentKey === item.key;\n\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={item.key}\n\t\t\t\t\t\tclassName={`rpc_quick_date_range_pill ${\n\t\t\t\t\t\t\tisActive ? 'rpc_quick_date_range_pill_active' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonClick={() => handleClick(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default QuickDateRange;\n"]}