react-public-components 1.2.0 → 1.2.2

package/dist/chunk-ES3KKDLM.js

@@ -0,0 +1,245 @@
+import React, { useRef, useState, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// 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 = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [measuredHeights, setMeasuredHeights] = useState({});
+  const itemRefs = useRef(/* @__PURE__ */ new Map());
+  const normalizedItems = useMemo(() => {
+    if (items) return items;
+    if (!children) return [];
+    return React.Children.toArray(children).map((child, index) => {
+      var _a;
+      if (React.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 = useMemo(() => getBreakpoint(containerWidth), [containerWidth]);
+  const resolvedColumns = useMemo(() => {
+    const count = resolveResponsiveValue(columns, currentBreakpoint, 3);
+    return Math.max(1, Math.floor(count));
+  }, [columns, currentBreakpoint]);
+  const [horizontalGap, verticalGap] = useMemo(
+    () => resolveGutter(gutter, currentBreakpoint),
+    [gutter, currentBreakpoint]
+  );
+  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 = 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]);
+  useLayoutEffect(() => {
+    const handle = requestAnimationFrame(() => {
+      measureItems();
+    });
+    return () => cancelAnimationFrame(handle);
+  }, [measureItems]);
+  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 = 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 } = 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 = useRef("");
+  useEffect(() => {
+    const layoutKey = JSON.stringify(layoutChangeData);
+    if (layoutKey !== prevLayoutRef.current) {
+      prevLayoutRef.current = layoutKey;
+      onLayoutChange == null ? void 0 : onLayoutChange(layoutChangeData);
+    }
+  }, [layoutChangeData, onLayoutChange]);
+  const semanticClassNames = useMemo(() => {
+    var _a;
+    if (typeof classNames === "function") {
+      return (_a = classNames({ props })) != null ? _a : {};
+    }
+    return classNames != null ? classNames : {};
+  }, [classNames, props]);
+  const semanticStyles = useMemo(() => {
+    var _a;
+    if (typeof styles === "function") {
+      return (_a = styles({ props })) != null ? _a : {};
+    }
+    return styles != null ? styles : {};
+  }, [styles, props]);
+  return /* @__PURE__ */ 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__ */ 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;
+
+export { Masonry_default };
+//# sourceMappingURL=chunk-ES3KKDLM.js.map
+//# sourceMappingURL=chunk-ES3KKDLM.js.map

package/dist/chunk-ES3KKDLM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Masonry/index.tsx"],"names":[],"mappings":"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","file":"chunk-ES3KKDLM.js","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-F36V2QTN.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// BadgeRibbon/index.tsx
+var BadgeRibbon = ({
+  text,
+  color = "#ff4d4f",
+  placement = "end",
+  children,
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_badge_ribbon_wrapper ${className}`, style, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `rpc_badge_ribbon rpc_badge_ribbon_${placement}`,
+        style: { background: color },
+        children: text
+      }
+    )
+  ] });
+};
+var BadgeRibbon_default = BadgeRibbon;
+
+export { BadgeRibbon_default };
+//# sourceMappingURL=chunk-F36V2QTN.js.map
+//# sourceMappingURL=chunk-F36V2QTN.js.map

package/dist/chunk-F36V2QTN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../BadgeRibbon/index.tsx"],"names":[],"mappings":";;;AAoBA,IAAM,cAA0C,CAAC;AAAA,EAChD,IAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,4BACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,yBAAA,EAA4B,SAAS,IAAI,KAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACA,SAAA,EAAW,qCAAqC,SAAS,CAAA,CAAA;AAAA,QACzD,KAAA,EAAO,EAAE,UAAA,EAAY,KAAA,EAAM;AAAA,QAE1B,QAAA,EAAA;AAAA;AAAA;AACF,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-F36V2QTN.js","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type RibbonPlacement = 'start' | 'end';\n\nexport interface BadgeRibbonProps {\n\t/** 缎带文字内容 */\n\ttext: ReactNode;\n\t/** 缎带背景颜色，默认为 '#ff4d4f' */\n\tcolor?: string;\n\t/** 挂载位置：'start' 左上角，'end' 右上角，默认为 'end' */\n\tplacement?: RibbonPlacement;\n\t/** 被包裹的卡片子元素 */\n\tchildren: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst BadgeRibbon: React.FC<BadgeRibbonProps> = ({\n\ttext,\n\tcolor = '#ff4d4f',\n\tplacement = 'end',\n\tchildren,\n\tclassName = '',\n\tstyle,\n}) => {\n\treturn (\n\t\t<div className={`rpc_badge_ribbon_wrapper ${className}`} style={style}>\n\t\t\t{children}\n\t\t\t<div\n\t\t\t\tclassName={`rpc_badge_ribbon rpc_badge_ribbon_${placement}`}\n\t\t\t\tstyle={{ background: color }}\n\t\t\t>\n\t\t\t\t{text}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default BadgeRibbon;\n"]}

package/dist/chunk-F42Z33L7.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('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] = react.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__ */ jsxRuntime.jsx("div", { className: `rpc_quick_date_range ${className}`, style, children: defaultShortcuts.map((item) => {
+    const isActive = currentKey === item.key;
+    return /* @__PURE__ */ jsxRuntime.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;
+
+exports.QuickDateRange_default = QuickDateRange_default;
+//# sourceMappingURL=chunk-F42Z33L7.cjs.map
+//# sourceMappingURL=chunk-F42Z33L7.cjs.map

package/dist/chunk-F42Z33L7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../QuickDateRange/index.tsx"],"names":["useState","jsx"],"mappings":"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","file":"chunk-F42Z33L7.cjs","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport './index.less';\n\nexport type DateShortcutKey = '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"]}

package/dist/chunk-F5X3V6A3.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// HoverCard/index.tsx
+var HoverCard = ({
+  children,
+  content,
+  openDelay = 200,
+  closeDelay = 200,
+  className = "",
+  style
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const timerRef = react.useRef(null);
+  const handleMouseEnter = () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      setIsOpen(true);
+    }, openDelay);
+  };
+  const handleMouseLeave = () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      setIsOpen(false);
+    }, closeDelay);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rpc_hover_card ${className}`,
+      style,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        children,
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "rpc_hover_card_popover",
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            children: content
+          }
+        )
+      ]
+    }
+  );
+};
+var HoverCard_default = HoverCard;
+
+exports.HoverCard_default = HoverCard_default;
+//# sourceMappingURL=chunk-F5X3V6A3.cjs.map
+//# sourceMappingURL=chunk-F5X3V6A3.cjs.map

package/dist/chunk-F5X3V6A3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../HoverCard/index.tsx"],"names":["useState","useRef","jsxs","jsx"],"mappings":";;;;;;AAkBA,IAAM,YAAsC,CAAC;AAAA,EAC5C,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,UAAA,GAAa,GAAA;AAAA,EACb,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAkB,KAAK,CAAA;AACnD,EAAA,MAAM,QAAA,GAAWC,aAA6C,IAAI,CAAA;AAElE,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,QAAA,CAAS,OAAA,EAAS,YAAA,CAAa,QAAA,CAAS,OAAO,CAAA;AACnD,IAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AACnC,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IACf,GAAG,SAAS,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC9B,IAAA,IAAI,QAAA,CAAS,OAAA,EAAS,YAAA,CAAa,QAAA,CAAS,OAAO,CAAA;AACnD,IAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AACnC,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IAChB,GAAG,UAAU,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MAEb,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QAEA,MAAA,oBACAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,SAAA,EAAU,wBAAA;AAAA,YACV,YAAA,EAAc,gBAAA;AAAA,YACd,YAAA,EAAc,gBAAA;AAAA,YAEb,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,iBAAA,GAAQ","file":"chunk-F5X3V6A3.cjs","sourcesContent":["import React, { useState, useRef, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface HoverCardProps {\n\t/** 触发宿主元素 */\n\tchildren: ReactNode;\n\t/** 悬浮弹出的卡片内容 */\n\tcontent: ReactNode;\n\t/** 鼠标移入展开延迟（毫秒），默认为 200 */\n\topenDelay?: number;\n\t/** 鼠标移出关闭延迟（毫秒），默认为 200 */\n\tcloseDelay?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst HoverCard: React.FC<HoverCardProps> = ({\n\tchildren,\n\tcontent,\n\topenDelay = 200,\n\tcloseDelay = 200,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\n\tconst timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n\tconst handleMouseEnter = () => {\n\t\tif (timerRef.current) clearTimeout(timerRef.current);\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tsetIsOpen(true);\n\t\t}, openDelay);\n\t};\n\n\tconst handleMouseLeave = () => {\n\t\tif (timerRef.current) clearTimeout(timerRef.current);\n\t\ttimerRef.current = setTimeout(() => {\n\t\t\tsetIsOpen(false);\n\t\t}, closeDelay);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_hover_card ${className}`}\n\t\t\tstyle={style}\n\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\tonMouseLeave={handleMouseLeave}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{isOpen && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"rpc_hover_card_popover\"\n\t\t\t\t\tonMouseEnter={handleMouseEnter}\n\t\t\t\t\tonMouseLeave={handleMouseLeave}\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default HoverCard;\n"]}

package/dist/chunk-FBOTWA6O.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+var chunk5WHBZH44_cjs = require('./chunk-5WHBZH44.cjs');
+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);
+
+var TextEllipsis = ({
+  children,
+  lines = 1,
+  expandable = false,
+  tooltip = "auto",
+  copyable = false,
+  prefix,
+  suffix,
+  className = "",
+  style
+}) => {
+  var _a, _b, _c;
+  const expandConfig = typeof expandable === "object" ? expandable : {};
+  const [expanded, setExpanded] = React.useState(
+    (_a = expandConfig.defaultExpanded) != null ? _a : false
+  );
+  const [isOverflow, setIsOverflow] = React.useState(false);
+  const [isHovered, setIsHovered] = React.useState(false);
+  const textRef = React.useRef(null);
+  const checkOverflow = () => {
+    const el = textRef.current;
+    if (!el) return;
+    if (lines === 1) {
+      setIsOverflow(el.scrollWidth > el.clientWidth);
+    } else {
+      setIsOverflow(el.scrollHeight > el.clientHeight);
+    }
+  };
+  React.useEffect(() => {
+    checkOverflow();
+    window.addEventListener("resize", checkOverflow);
+    return () => {
+      window.removeEventListener("resize", checkOverflow);
+    };
+  }, [children, lines, expanded]);
+  const handleToggleExpand = (e) => {
+    var _a2;
+    e.stopPropagation();
+    const nextState = !expanded;
+    setExpanded(nextState);
+    (_a2 = expandConfig.onExpandChange) == null ? void 0 : _a2.call(expandConfig, nextState);
+  };
+  const rawText = typeof children === "string" || typeof children === "number" ? String(children) : "";
+  const shouldShowTooltip = !expanded && (tooltip === true || tooltip === "auto" && isOverflow || typeof tooltip === "string" && tooltip.length > 0);
+  const tooltipText = typeof tooltip === "string" || React__default.default.isValidElement(tooltip) ? tooltip : rawText;
+  const collapsedBtnText = (_b = expandConfig.collapsedText) != null ? _b : "\u5C55\u5F00";
+  const expandedBtnText = (_c = expandConfig.expandedText) != null ? _c : "\u6536\u8D77";
+  const isSingleLine = lines <= 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rpc_text_ellipsis ${className}`,
+      style,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_prefix", children: prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: textRef,
+            className: `rpc_text_ellipsis_content_wrap ${expanded ? "rpc_text_ellipsis_expanded" : isSingleLine ? "rpc_text_ellipsis_single_line" : "rpc_text_ellipsis_multi_line"}`,
+            style: {
+              WebkitLineClamp: expanded ? void 0 : lines > 1 ? lines : void 0
+            },
+            children
+          }
+        ),
+        expandable && (isOverflow || expanded) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_action_btn", onClick: handleToggleExpand, children: expanded ? expandedBtnText : collapsedBtnText }),
+        copyable && rawText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_suffix", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5WHBZH44_cjs.CopyButton_default, { mode: "icon", text: rawText, tooltip: false }) }),
+        suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_text_ellipsis_suffix", children: suffix }),
+        shouldShowTooltip && tooltipText && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `rpc_text_ellipsis_tooltip ${isHovered ? "rpc_text_ellipsis_tooltip_visible" : ""}`,
+            children: tooltipText
+          }
+        )
+      ]
+    }
+  );
+};
+var TextEllipsis_default = TextEllipsis;
+
+exports.TextEllipsis_default = TextEllipsis_default;
+//# sourceMappingURL=chunk-FBOTWA6O.cjs.map
+//# sourceMappingURL=chunk-FBOTWA6O.cjs.map

package/dist/chunk-FBOTWA6O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TextEllipsis/index.tsx"],"names":["useState","useRef","useEffect","_a","React","jsxs","jsx","CopyButton_default"],"mappings":"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","file":"chunk-FBOTWA6O.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport CopyButton from '../CopyButton';\nimport './index.less';\n\nexport interface TextEllipsisExpandConfig {\n\t/** 展开按钮文案，默认为 '展开' */\n\tcollapsedText?: ReactNode;\n\t/** 收起按钮文案，默认为 '收起' */\n\texpandedText?: ReactNode;\n\t/** 默认是否展开 */\n\tdefaultExpanded?: boolean;\n\t/** 展开状态改变回调 */\n\tonExpandChange?: (expanded: boolean) => void;\n}\n\nexport interface TextEllipsisProps {\n\t/** 显示的文本或节点 */\n\tchildren: ReactNode;\n\t/** 最大显示行数，超过则截断，默认为 1 */\n\tlines?: number;\n\t/** 是否支持展开/收起，可传 boolean 或配置对象 */\n\texpandable?: boolean | TextEllipsisExpandConfig;\n\t/** Tooltip 浮层展示配置：'auto' 仅在溢出截断时展示、true 始终在 hover 时展示、false 禁用 */\n\ttooltip?: 'auto' | boolean | ReactNode;\n\t/** 是否显示复制按钮 */\n\tcopyable?: boolean;\n\t/** 前缀节点 */\n\tprefix?: ReactNode;\n\t/** 后缀节点 */\n\tsuffix?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TextEllipsis: React.FC<TextEllipsisProps> = ({\n\tchildren,\n\tlines = 1,\n\texpandable = false,\n\ttooltip = 'auto',\n\tcopyable = false,\n\tprefix,\n\tsuffix,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst expandConfig = typeof expandable === 'object' ? expandable : {};\n\tconst [expanded, setExpanded] = useState<boolean>(\n\t\texpandConfig.defaultExpanded ?? false,\n\t);\n\tconst [isOverflow, setIsOverflow] = useState<boolean>(false);\n\tconst [isHovered, setIsHovered] = useState<boolean>(false);\n\tconst textRef = useRef<HTMLDivElement>(null);\n\n\t// 检测文本是否发生溢出截断\n\tconst checkOverflow = () => {\n\t\tconst el = textRef.current;\n\t\tif (!el) return;\n\t\tif (lines === 1) {\n\t\t\tsetIsOverflow(el.scrollWidth > el.clientWidth);\n\t\t} else {\n\t\t\tsetIsOverflow(el.scrollHeight > el.clientHeight);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tcheckOverflow();\n\t\twindow.addEventListener('resize', checkOverflow);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', checkOverflow);\n\t\t};\n\t}, [children, lines, expanded]);\n\n\tconst handleToggleExpand = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tconst nextState = !expanded;\n\t\tsetExpanded(nextState);\n\t\texpandConfig.onExpandChange?.(nextState);\n\t};\n\n\t// 提取纯文本用于复制和默认 Tooltip\n\tconst rawText = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n\n\t// 判断是否展示 Tooltip\n\tconst shouldShowTooltip =\n\t\t!expanded &&\n\t\t(tooltip === true || (tooltip === 'auto' && isOverflow) || (typeof tooltip === 'string' && tooltip.length > 0));\n\n\tconst tooltipText = typeof tooltip === 'string' || React.isValidElement(tooltip) ? tooltip : rawText;\n\n\tconst collapsedBtnText = expandConfig.collapsedText ?? '展开';\n\tconst expandedBtnText = expandConfig.expandedText ?? '收起';\n\n\tconst isSingleLine = lines <= 1;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_text_ellipsis ${className}`}\n\t\t\tstyle={style}\n\t\t\tonMouseEnter={() => setIsHovered(true)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t>\n\t\t\t{prefix && <span className=\"rpc_text_ellipsis_prefix\">{prefix}</span>}\n\n\t\t\t<div\n\t\t\t\tref={textRef}\n\t\t\t\tclassName={`rpc_text_ellipsis_content_wrap ${\n\t\t\t\t\texpanded\n\t\t\t\t\t\t? 'rpc_text_ellipsis_expanded'\n\t\t\t\t\t\t: isSingleLine\n\t\t\t\t\t\t\t? 'rpc_text_ellipsis_single_line'\n\t\t\t\t\t\t\t: 'rpc_text_ellipsis_multi_line'\n\t\t\t\t}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tWebkitLineClamp: expanded ? undefined : lines > 1 ? lines : undefined,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\n\t\t\t{expandable && (isOverflow || expanded) && (\n\t\t\t\t<span className=\"rpc_text_ellipsis_action_btn\" onClick={handleToggleExpand}>\n\t\t\t\t\t{expanded ? expandedBtnText : collapsedBtnText}\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{copyable && rawText && (\n\t\t\t\t<span className=\"rpc_text_ellipsis_suffix\">\n\t\t\t\t\t<CopyButton mode=\"icon\" text={rawText} tooltip={false} />\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t{suffix && <span className=\"rpc_text_ellipsis_suffix\">{suffix}</span>}\n\n\t\t\t{shouldShowTooltip && tooltipText && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={`rpc_text_ellipsis_tooltip ${\n\t\t\t\t\t\tisHovered ? 'rpc_text_ellipsis_tooltip_visible' : ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{tooltipText}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default TextEllipsis;\n"]}