react-public-components 1.2.1 → 1.2.3

package/dist/chunk-EQ7S5SYM.js

@@ -0,0 +1,67 @@
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// DragSortList/index.tsx
+function DragSortList({
+  items,
+  onReorder,
+  keyExtractor,
+  renderItem,
+  className = "",
+  style
+}) {
+  const [draggingIndex, setDraggingIndex] = useState(null);
+  const [dragOverIndex, setDragOverIndex] = useState(null);
+  const handleDragStart = (index) => {
+    setDraggingIndex(index);
+  };
+  const handleDragOver = (e, index) => {
+    e.preventDefault();
+    if (dragOverIndex !== index) {
+      setDragOverIndex(index);
+    }
+  };
+  const handleDrop = (index) => {
+    if (draggingIndex === null || draggingIndex === index) {
+      setDraggingIndex(null);
+      setDragOverIndex(null);
+      return;
+    }
+    const newItems = [...items];
+    const [draggedItem] = newItems.splice(draggingIndex, 1);
+    newItems.splice(index, 0, draggedItem);
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+    onReorder(newItems);
+  };
+  const handleDragEnd = () => {
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+  };
+  return /* @__PURE__ */ jsx("div", { className: `rpc_drag_sort_list ${className}`, style, children: items.map((item, idx) => {
+    const key = keyExtractor(item, idx);
+    const isDragging = draggingIndex === idx;
+    const isOver = dragOverIndex === idx && draggingIndex !== idx;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        draggable: true,
+        onDragStart: () => handleDragStart(idx),
+        onDragOver: (e) => handleDragOver(e, idx),
+        onDrop: () => handleDrop(idx),
+        onDragEnd: handleDragEnd,
+        className: `rpc_drag_sort_list_item ${isDragging ? "rpc_drag_sort_list_item_dragging" : ""} ${isOver ? "rpc_drag_sort_list_item_over" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
+        ]
+      },
+      key
+    );
+  }) });
+}
+var DragSortList_default = DragSortList;
+
+export { DragSortList_default };
+//# sourceMappingURL=chunk-EQ7S5SYM.js.map
+//# sourceMappingURL=chunk-EQ7S5SYM.js.map

package/dist/chunk-EQ7S5SYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DragSortList/index.tsx"],"names":[],"mappings":"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","file":"chunk-EQ7S5SYM.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface DragSortListProps<T> {\n\t/** 数据列表 */\n\titems: T[];\n\t/** 拖拽排序完成后的新列表回调 */\n\tonReorder: (newItems: T[]) => void;\n\t/** 提取唯一 Key */\n\tkeyExtractor: (item: T, index: number) => string | number;\n\t/** 自定义渲染单个列表项内容 */\n\trenderItem: (item: T, index: number, isDragging: boolean) => ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction DragSortList<T>({\n\titems,\n\tonReorder,\n\tkeyExtractor,\n\trenderItem,\n\tclassName = '',\n\tstyle,\n}: DragSortListProps<T>) {\n\tconst [draggingIndex, setDraggingIndex] = useState<number | null>(null);\n\tconst [dragOverIndex, setDragOverIndex] = useState<number | null>(null);\n\n\tconst handleDragStart = (index: number) => {\n\t\tsetDraggingIndex(index);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent, index: number) => {\n\t\te.preventDefault();\n\t\tif (dragOverIndex !== index) {\n\t\t\tsetDragOverIndex(index);\n\t\t}\n\t};\n\n\tconst handleDrop = (index: number) => {\n\t\tif (draggingIndex === null || draggingIndex === index) {\n\t\t\tsetDraggingIndex(null);\n\t\t\tsetDragOverIndex(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newItems = [...items];\n\t\tconst [draggedItem] = newItems.splice(draggingIndex, 1);\n\t\tnewItems.splice(index, 0, draggedItem);\n\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t\tonReorder(newItems);\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_drag_sort_list ${className}`} style={style}>\n\t\t\t{items.map((item, idx) => {\n\t\t\t\tconst key = keyExtractor(item, idx);\n\t\t\t\tconst isDragging = draggingIndex === idx;\n\t\t\t\tconst isOver = dragOverIndex === idx && draggingIndex !== idx;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tdraggable\n\t\t\t\t\t\tonDragStart={() => handleDragStart(idx)}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOver(e, idx)}\n\t\t\t\t\t\tonDrop={() => handleDrop(idx)}\n\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\tclassName={`rpc_drag_sort_list_item ${\n\t\t\t\t\t\t\tisDragging ? 'rpc_drag_sort_list_item_dragging' : ''\n\t\t\t\t\t\t} ${isOver ? 'rpc_drag_sort_list_item_over' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"rpc_drag_sort_list_handle\">⋮⋮</span>\n\t\t\t\t\t\t<div style={{ flex: 1 }}>{renderItem(item, idx, isDragging)}</div>\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 DragSortList;\n"]}

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-EUOBMHFF.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// StatusTimeline/index.tsx
+var statusIcons = {
+  finish: "\u2713",
+  process: "\u25CF",
+  error: "\u2715",
+  wait: "\u25CB"
+};
+var StatusTimeline = ({ items = [], className = "", style }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_status_timeline ${className}`, style, children: items.map((item, idx) => {
+    const status = item.status || "finish";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_status_timeline_item", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_status_timeline_axis", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_status_timeline_dot rpc_status_timeline_dot_${status}`, children: statusIcons[status] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_status_timeline_line" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_status_timeline_content", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_status_timeline_header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_status_timeline_title", children: item.title }),
+          item.time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_status_timeline_time", children: item.time })
+        ] }),
+        item.operator && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_status_timeline_operator", children: [
+          item.operator.avatar && /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.operator.avatar }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "\u7ECF\u529E\u4EBA\uFF1A",
+            item.operator.name
+          ] })
+        ] }),
+        item.duration && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rpc_status_timeline_duration", children: [
+          "\u8017\u65F6\uFF1A",
+          item.duration
+        ] }) }),
+        item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_status_timeline_desc", children: item.description })
+      ] })
+    ] }, idx);
+  }) });
+};
+var StatusTimeline_default = StatusTimeline;
+
+exports.StatusTimeline_default = StatusTimeline_default;
+//# sourceMappingURL=chunk-EUOBMHFF.cjs.map
+//# sourceMappingURL=chunk-EUOBMHFF.cjs.map

package/dist/chunk-EUOBMHFF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../StatusTimeline/index.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;AA4BA,IAAM,WAAA,GAA8C;AAAA,EACnD,MAAA,EAAQ,QAAA;AAAA,EACR,OAAA,EAAS,QAAA;AAAA,EACT,KAAA,EAAO,QAAA;AAAA,EACP,IAAA,EAAM;AACP,CAAA;AAEA,IAAM,cAAA,GAAgD,CAAC,EAAE,KAAA,GAAQ,EAAC,EAAG,SAAA,GAAY,EAAA,EAAI,KAAA,EAAM,KAAM;AAChG,EAAA,uBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,oBAAA,EAAuB,SAAS,CAAA,CAAA,EAAI,KAAA,EAClD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AACzB,IAAA,MAAM,MAAA,GAAS,KAAK,MAAA,IAAU,QAAA;AAE9B,IAAA,uBACCC,eAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,0BAAA,EAExB,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,SAAI,SAAA,EAAW,CAAA,gDAAA,EAAmD,MAAM,CAAA,CAAA,EACvE,QAAA,EAAA,WAAA,CAAY,MAAM,CAAA,EACpB,CAAA;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EAA2B;AAAA,OAAA,EAC3C,CAAA;AAAA,sBAGAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACd,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4BAAA,EACd,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACvD,KAAK,IAAA,oBAAQA,cAAA,CAAC,UAAK,SAAA,EAAU,0BAAA,EAA4B,eAAK,IAAA,EAAK;AAAA,SAAA,EACrE,CAAA;AAAA,QAEC,IAAA,CAAK,QAAA,oBACLC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,SAAS,MAAA,oBAAUD,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,SAAS,MAAA,EAAO,CAAA;AAAA,0CACpD,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,YAAA,0BAAA;AAAA,YAAK,KAAK,QAAA,CAAS;AAAA,WAAA,EAAK;AAAA,SAAA,EAC/B,CAAA;AAAA,QAGA,KAAK,QAAA,oBACLA,cAAA,CAAC,SACA,QAAA,kBAAAC,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8BAAA,EAA+B,QAAA,EAAA;AAAA,UAAA,oBAAA;AAAA,UAAI,IAAA,CAAK;AAAA,SAAA,EAAS,CAAA,EAClE,CAAA;AAAA,QAGA,KAAK,WAAA,oBACLD,cAAA,CAAC,SAAI,SAAA,EAAU,0BAAA,EAA4B,eAAK,WAAA,EAAY;AAAA,OAAA,EAE9D;AAAA,KAAA,EAAA,EAhCS,GAiCV,CAAA;AAAA,EAEF,CAAC,CAAA,EACF,CAAA;AAEF,CAAA;AAEA,IAAO,sBAAA,GAAQ","file":"chunk-EUOBMHFF.cjs","sourcesContent":["import React, { ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type TimelineStatus = 'finish' | 'process' | 'error' | 'wait';\n\nexport interface TimelineOperator {\n\tname: string;\n\tavatar?: ReactNode;\n}\n\nexport interface StatusTimelineItem {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttime?: string;\n\tduration?: string;\n\tstatus?: TimelineStatus;\n\toperator?: TimelineOperator;\n}\n\nexport interface StatusTimelineProps {\n\t/** 时间轴节点列表 */\n\titems: StatusTimelineItem[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst statusIcons: Record<TimelineStatus, string> = {\n\tfinish: '✓',\n\tprocess: '●',\n\terror: '✕',\n\twait: '○',\n};\n\nconst StatusTimeline: React.FC<StatusTimelineProps> = ({ items = [], className = '', style }) => {\n\treturn (\n\t\t<div className={`rpc_status_timeline ${className}`} style={style}>\n\t\t\t{items.map((item, idx) => {\n\t\t\t\tconst status = item.status || 'finish';\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={idx} className=\"rpc_status_timeline_item\">\n\t\t\t\t\t\t{/* 轴线与节点 */}\n\t\t\t\t\t\t<div className=\"rpc_status_timeline_axis\">\n\t\t\t\t\t\t\t<div className={`rpc_status_timeline_dot rpc_status_timeline_dot_${status}`}>\n\t\t\t\t\t\t\t\t{statusIcons[status]}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_line\" />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* 节点内容 */}\n\t\t\t\t\t\t<div className=\"rpc_status_timeline_content\">\n\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_header\">\n\t\t\t\t\t\t\t\t<span className=\"rpc_status_timeline_title\">{item.title}</span>\n\t\t\t\t\t\t\t\t{item.time && <span className=\"rpc_status_timeline_time\">{item.time}</span>}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{item.operator && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_operator\">\n\t\t\t\t\t\t\t\t\t{item.operator.avatar && <span>{item.operator.avatar}</span>}\n\t\t\t\t\t\t\t\t\t<span>经办人：{item.operator.name}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{item.duration && (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span className=\"rpc_status_timeline_duration\">耗时：{item.duration}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{item.description && (\n\t\t\t\t\t\t\t\t<div className=\"rpc_status_timeline_desc\">{item.description}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\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 StatusTimeline;\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-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-FYFL4PFD.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// DragSortList/index.tsx
+function DragSortList({
+  items,
+  onReorder,
+  keyExtractor,
+  renderItem,
+  className = "",
+  style
+}) {
+  const [draggingIndex, setDraggingIndex] = react.useState(null);
+  const [dragOverIndex, setDragOverIndex] = react.useState(null);
+  const handleDragStart = (index) => {
+    setDraggingIndex(index);
+  };
+  const handleDragOver = (e, index) => {
+    e.preventDefault();
+    if (dragOverIndex !== index) {
+      setDragOverIndex(index);
+    }
+  };
+  const handleDrop = (index) => {
+    if (draggingIndex === null || draggingIndex === index) {
+      setDraggingIndex(null);
+      setDragOverIndex(null);
+      return;
+    }
+    const newItems = [...items];
+    const [draggedItem] = newItems.splice(draggingIndex, 1);
+    newItems.splice(index, 0, draggedItem);
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+    onReorder(newItems);
+  };
+  const handleDragEnd = () => {
+    setDraggingIndex(null);
+    setDragOverIndex(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_drag_sort_list ${className}`, style, children: items.map((item, idx) => {
+    const key = keyExtractor(item, idx);
+    const isDragging = draggingIndex === idx;
+    const isOver = dragOverIndex === idx && draggingIndex !== idx;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        draggable: true,
+        onDragStart: () => handleDragStart(idx),
+        onDragOver: (e) => handleDragOver(e, idx),
+        onDrop: () => handleDrop(idx),
+        onDragEnd: handleDragEnd,
+        className: `rpc_drag_sort_list_item ${isDragging ? "rpc_drag_sort_list_item_dragging" : ""} ${isOver ? "rpc_drag_sort_list_item_over" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_drag_sort_list_handle", children: "\u22EE\u22EE" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: renderItem(item, idx, isDragging) })
+        ]
+      },
+      key
+    );
+  }) });
+}
+var DragSortList_default = DragSortList;
+
+exports.DragSortList_default = DragSortList_default;
+//# sourceMappingURL=chunk-FYFL4PFD.cjs.map
+//# sourceMappingURL=chunk-FYFL4PFD.cjs.map

package/dist/chunk-FYFL4PFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DragSortList/index.tsx"],"names":["useState","jsx","jsxs"],"mappings":";;;;;;AAkBA,SAAS,YAAA,CAAgB;AAAA,EACxB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,EAAyB;AACxB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAwB,IAAI,CAAA;AACtE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAwB,IAAI,CAAA;AAEtE,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkB;AAC1C,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,EAAoB,KAAA,KAAkB;AAC7D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,IAAI,kBAAkB,KAAA,EAAO;AAC5B,MAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,IACvB;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAkB;AACrC,IAAA,IAAI,aAAA,KAAkB,IAAA,IAAQ,aAAA,KAAkB,KAAA,EAAO;AACtD,MAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,MAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,MAAA;AAAA,IACD;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,GAAG,KAAK,CAAA;AAC1B,IAAA,MAAM,CAAC,WAAW,CAAA,GAAI,QAAA,CAAS,MAAA,CAAO,eAAe,CAAC,CAAA;AACtD,IAAA,QAAA,CAAS,MAAA,CAAO,KAAA,EAAO,CAAA,EAAG,WAAW,CAAA;AAErC,IAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,IAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,IAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC3B,IAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,uBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,mBAAA,EAAsB,SAAS,CAAA,CAAA,EAAI,KAAA,EACjD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AACzB,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,IAAA,EAAM,GAAG,CAAA;AAClC,IAAA,MAAM,aAAa,aAAA,KAAkB,GAAA;AACrC,IAAA,MAAM,MAAA,GAAS,aAAA,KAAkB,GAAA,IAAO,aAAA,KAAkB,GAAA;AAE1D,IAAA,uBACCC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEA,SAAA,EAAS,IAAA;AAAA,QACT,WAAA,EAAa,MAAM,eAAA,CAAgB,GAAG,CAAA;AAAA,QACtC,UAAA,EAAY,CAAC,CAAA,KAAM,cAAA,CAAe,GAAG,GAAG,CAAA;AAAA,QACxC,MAAA,EAAQ,MAAM,UAAA,CAAW,GAAG,CAAA;AAAA,QAC5B,SAAA,EAAW,aAAA;AAAA,QACX,SAAA,EAAW,2BACV,UAAA,GAAa,kCAAA,GAAqC,EACnD,CAAA,CAAA,EAAI,MAAA,GAAS,iCAAiC,EAAE,CAAA,CAAA;AAAA,QAEhD,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA4B,QAAA,EAAA,cAAA,EAAE,CAAA;AAAA,0BAC9CA,cAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAAI,QAAA,EAAA,UAAA,CAAW,IAAA,EAAM,GAAA,EAAK,UAAU,CAAA,EAAE;AAAA;AAAA,OAAA;AAAA,MAXvD;AAAA,KAYN;AAAA,EAEF,CAAC,CAAA,EACF,CAAA;AAEF;AAEA,IAAO,oBAAA,GAAQ","file":"chunk-FYFL4PFD.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface DragSortListProps<T> {\n\t/** 数据列表 */\n\titems: T[];\n\t/** 拖拽排序完成后的新列表回调 */\n\tonReorder: (newItems: T[]) => void;\n\t/** 提取唯一 Key */\n\tkeyExtractor: (item: T, index: number) => string | number;\n\t/** 自定义渲染单个列表项内容 */\n\trenderItem: (item: T, index: number, isDragging: boolean) => ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction DragSortList<T>({\n\titems,\n\tonReorder,\n\tkeyExtractor,\n\trenderItem,\n\tclassName = '',\n\tstyle,\n}: DragSortListProps<T>) {\n\tconst [draggingIndex, setDraggingIndex] = useState<number | null>(null);\n\tconst [dragOverIndex, setDragOverIndex] = useState<number | null>(null);\n\n\tconst handleDragStart = (index: number) => {\n\t\tsetDraggingIndex(index);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent, index: number) => {\n\t\te.preventDefault();\n\t\tif (dragOverIndex !== index) {\n\t\t\tsetDragOverIndex(index);\n\t\t}\n\t};\n\n\tconst handleDrop = (index: number) => {\n\t\tif (draggingIndex === null || draggingIndex === index) {\n\t\t\tsetDraggingIndex(null);\n\t\t\tsetDragOverIndex(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newItems = [...items];\n\t\tconst [draggedItem] = newItems.splice(draggingIndex, 1);\n\t\tnewItems.splice(index, 0, draggedItem);\n\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t\tonReorder(newItems);\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingIndex(null);\n\t\tsetDragOverIndex(null);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_drag_sort_list ${className}`} style={style}>\n\t\t\t{items.map((item, idx) => {\n\t\t\t\tconst key = keyExtractor(item, idx);\n\t\t\t\tconst isDragging = draggingIndex === idx;\n\t\t\t\tconst isOver = dragOverIndex === idx && draggingIndex !== idx;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\tdraggable\n\t\t\t\t\t\tonDragStart={() => handleDragStart(idx)}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOver(e, idx)}\n\t\t\t\t\t\tonDrop={() => handleDrop(idx)}\n\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\tclassName={`rpc_drag_sort_list_item ${\n\t\t\t\t\t\t\tisDragging ? 'rpc_drag_sort_list_item_dragging' : ''\n\t\t\t\t\t\t} ${isOver ? 'rpc_drag_sort_list_item_over' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"rpc_drag_sort_list_handle\">⋮⋮</span>\n\t\t\t\t\t\t<div style={{ flex: 1 }}>{renderItem(item, idx, isDragging)}</div>\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 DragSortList;\n"]}