react-public-components 1.2.1 → 1.2.3

package/dist/VirtualList/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunkZVSN7ADO_cjs = require('../chunk-ZVSN7ADO.cjs');
+
+
+
+module.exports = chunkZVSN7ADO_cjs.VirtualList_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/VirtualList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/VirtualList/index.css

@@ -0,0 +1,26 @@
+/* VirtualList/index.less */
+.rpc_virtual_list {
+  position: relative;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  background: #ffffff;
+}
+.rpc_virtual_list_content {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+.rpc_virtual_list_item {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #f9f9f9;
+  padding: 0 16px;
+}
+.rpc_virtual_list_item:hover {
+  background: #fafafa;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/VirtualList/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../VirtualList/index.less"],"sourcesContent":[".rpc_virtual_list {\n  position: relative;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  box-sizing: border-box;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #ffffff;\n}\n.rpc_virtual_list_content {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n.rpc_virtual_list_item {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #f9f9f9;\n  padding: 0 16px;\n}\n.rpc_virtual_list_item:hover {\n  background: #fafafa;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,8BAA4B;AAC5B,cAAY;AACZ,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,eAAa;AACb,iBAAe,IAAI,MAAM;AACzB,WAAS,EAAE;AACb;AACA,CAPC,qBAOqB;AACpB,cAAY;AACd;","names":[]}

package/dist/VirtualList/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface VirtualListProps<T> {
+    /** 数据源数组 */
+    items: T[];
+    /** 单个列表项固定高度（像素），默认为 48 */
+    itemHeight?: number;
+    /** 滚动容器可视高度（像素），默认为 360 */
+    height?: number;
+    /** 自定义渲染单个列表项 */
+    renderItem: (item: T, index: number) => ReactNode;
+    /** 提取唯一 Key */
+    keyExtractor?: (item: T, index: number) => string | number;
+    /** 上下视口外额外渲染的缓冲项数量，默认为 5 */
+    buffer?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare function VirtualList<T>({ items, itemHeight, height, renderItem, keyExtractor, buffer, className, style, }: VirtualListProps<T>): React.JSX.Element;
+export default VirtualList;

package/dist/VirtualList/index.js

@@ -0,0 +1,3 @@
+export { VirtualList_default as default } from '../chunk-2O2A5XYF.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/VirtualList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/Watermark/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var chunkCPQLXDBR_cjs = require('../chunk-CPQLXDBR.cjs');
+
+
+
+module.exports = chunkCPQLXDBR_cjs.Watermark_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/Watermark/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/Watermark/index.css

@@ -0,0 +1,24 @@
+/* Watermark/index.less */
+.rpc_watermark_wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 100px;
+  box-sizing: border-box;
+}
+.rpc_watermark_wrapper .rpc_watermark_layer {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  pointer-events: none !important;
+  z-index: 9999 !important;
+  background-repeat: repeat !important;
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/Watermark/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../Watermark/index.less"],"sourcesContent":[".rpc_watermark_wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 100px;\n  box-sizing: border-box;\n}\n.rpc_watermark_wrapper .rpc_watermark_layer {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  pointer-events: none !important;\n  z-index: 9999 !important;\n  background-repeat: repeat !important;\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,cAAY;AACd;AACA,CAPC,sBAOsB,CAAC;AACtB,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,WAAS;AACT,qBAAmB;AACnB,WAAS;AACT,cAAY;AACZ,WAAS;AACX;","names":[]}

package/dist/Watermark/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface WatermarkProps {
+    /** 水印文本内容或多行文本数组 */
+    content: string | string[];
+    /** 子元素内容 */
+    children?: ReactNode;
+    /** 水印旋转角度，默认为 -22 */
+    rotate?: number;
+    /** 字体大小（像素），默认为 14 */
+    fontSize?: number;
+    /** 水印颜色，默认为 'rgba(0, 0, 0, 0.12)' */
+    color?: string;
+    /** 单个水印单元宽度，默认为 240 */
+    width?: number;
+    /** 单个水印单元高度，默认为 160 */
+    height?: number;
+    /** 水印层级 zIndex，默认为 9999 */
+    zIndex?: number;
+    /** 是否开启 MutationObserver 与心跳巡检防审查元素篡改，默认为 true */
+    antiTamper?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const Watermark: React.FC<WatermarkProps>;
+export default Watermark;

package/dist/Watermark/index.js

@@ -0,0 +1,3 @@
+export { Watermark_default as default } from '../chunk-5GLC2HU6.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/Watermark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/chunk-2DIU347W.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TagInput = ({
+  value: controlledValue,
+  defaultValue = [],
+  onChange,
+  maxCount,
+  maxLength,
+  allowDuplicates = false,
+  separators = ["Enter", ",", "\uFF0C"],
+  validate,
+  placeholder = "\u8F93\u5165\u6807\u7B7E\u540E\u6309\u56DE\u8F66...",
+  disabled = false,
+  renderTag,
+  className = "",
+  style
+}) => {
+  const [internalTags, setInternalTags] = react.useState(defaultValue);
+  const tags = controlledValue !== void 0 ? controlledValue : internalTags;
+  const [inputValue, setInputValue] = react.useState("");
+  const [isFocused, setIsFocused] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState("");
+  const inputRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const addTag = (text) => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    if (maxCount !== void 0 && tags.length >= maxCount) {
+      setErrorMessage(`\u6700\u591A\u53EA\u80FD\u6DFB\u52A0 ${maxCount} \u4E2A\u6807\u7B7E`);
+      return;
+    }
+    if (!allowDuplicates && tags.includes(trimmed)) {
+      setErrorMessage(`\u6807\u7B7E "${trimmed}" \u5DF2\u5B58\u5728`);
+      return;
+    }
+    if (validate) {
+      const res = validate(trimmed);
+      if (typeof res === "string") {
+        setErrorMessage(res);
+        return;
+      }
+      if (res === false) {
+        setErrorMessage(`\u6807\u7B7E "${trimmed}" \u683C\u5F0F\u4E0D\u5408\u6CD5`);
+        return;
+      }
+    }
+    const nextTags = [...tags, trimmed];
+    if (controlledValue === void 0) {
+      setInternalTags(nextTags);
+    }
+    onChange == null ? void 0 : onChange(nextTags);
+    setInputValue("");
+    setErrorMessage("");
+  };
+  const removeTag = (index) => {
+    if (disabled) return;
+    const nextTags = tags.filter((_, i) => i !== index);
+    if (controlledValue === void 0) {
+      setInternalTags(nextTags);
+    }
+    onChange == null ? void 0 : onChange(nextTags);
+    setErrorMessage("");
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (separators.includes(e.key)) {
+      e.preventDefault();
+      addTag(inputValue);
+      return;
+    }
+    if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+      e.preventDefault();
+      removeTag(tags.length - 1);
+    }
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    if (inputValue.trim()) {
+      addTag(inputValue);
+    }
+  };
+  const handleDoubleClick = (index, tag) => {
+    var _a;
+    if (disabled) return;
+    removeTag(index);
+    setInputValue(tag);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_tag_input ${isFocused ? "rpc_tag_input_focused" : ""} ${disabled ? "rpc_tag_input_disabled" : ""} ${errorMessage ? "rpc_tag_input_error" : ""} ${className}`,
+      style,
+      onClick: () => {
+        var _a;
+        if (!disabled) (_a = inputRef.current) == null ? void 0 : _a.focus();
+      },
+      children: [
+        tags.map((tag, idx) => {
+          if (renderTag) {
+            return renderTag(tag, idx, () => removeTag(idx));
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "rpc_tag_input_tag",
+              onDoubleClick: () => handleDoubleClick(idx, tag),
+              title: "\u53CC\u51FB\u53EF\u91CD\u65B0\u7F16\u8F91",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: tag }),
+                !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkMBOWSS4B_cjs.CloseOutlined,
+                  {
+                    className: "rpc_tag_input_tag_close",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      removeTag(idx);
+                    }
+                  }
+                )
+              ]
+            },
+            idx
+          );
+        }),
+        (!maxCount || tags.length < maxCount) && /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            value: inputValue,
+            maxLength,
+            disabled,
+            className: "rpc_tag_input_input",
+            placeholder: tags.length === 0 ? placeholder : "",
+            onChange: (e) => {
+              setInputValue(e.target.value);
+              if (errorMessage) setErrorMessage("");
+            },
+            onKeyDown: handleKeyDown,
+            onFocus: () => setIsFocused(true),
+            onBlur: handleBlur
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tag_input_error_tip", children: errorMessage })
+      ]
+    }
+  );
+};
+var TagInput_default = TagInput;
+
+exports.TagInput_default = TagInput_default;
+//# sourceMappingURL=chunk-2DIU347W.cjs.map
+//# sourceMappingURL=chunk-2DIU347W.cjs.map

package/dist/chunk-2DIU347W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TagInput/index.tsx"],"names":["useState","useRef","jsxs","jsx","CloseOutlined"],"mappings":"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","file":"chunk-2DIU347W.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport { CloseOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface TagInputProps {\n\t/** 标签列表（受控） */\n\tvalue?: string[];\n\t/** 默认标签列表 */\n\tdefaultValue?: string[];\n\t/** 标签列表改变回调 */\n\tonChange?: (tags: string[]) => void;\n\t/** 最大允许输入的标签数量 */\n\tmaxCount?: number;\n\t/** 单个标签的最大字符长度 */\n\tmaxLength?: number;\n\t/** 是否允许重复标签，默认为 false */\n\tallowDuplicates?: boolean;\n\t/** 触发添加标签的按键/分隔符，默认为 ['Enter', ',', '，'] */\n\tseparators?: string[];\n\t/** 标签自定义校验函数（返回 true 通过，返回 false 或 string 报错） */\n\tvalidate?: (tag: string) => boolean | string;\n\t/** 占位提示文案 */\n\tplaceholder?: string;\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 自定义渲染单个 Tag */\n\trenderTag?: (tag: string, index: number, onClose: () => void) => ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TagInput: React.FC<TagInputProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = [],\n\tonChange,\n\tmaxCount,\n\tmaxLength,\n\tallowDuplicates = false,\n\tseparators = ['Enter', ',', '，'],\n\tvalidate,\n\tplaceholder = '输入标签后按回车...',\n\tdisabled = false,\n\trenderTag,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n\tconst tags = controlledValue !== undefined ? controlledValue : internalTags;\n\n\tconst [inputValue, setInputValue] = useState<string>('');\n\tconst [isFocused, setIsFocused] = useState<boolean>(false);\n\tconst [errorMessage, setErrorMessage] = useState<string>('');\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t// 添加 Tag\n\tconst addTag = (text: string) => {\n\t\tconst trimmed = text.trim();\n\t\tif (!trimmed) return;\n\n\t\tif (maxCount !== undefined && tags.length >= maxCount) {\n\t\t\tsetErrorMessage(`最多只能添加 ${maxCount} 个标签`);\n\t\t\treturn;\n\t\t}\n\n\t\tif (!allowDuplicates && tags.includes(trimmed)) {\n\t\t\tsetErrorMessage(`标签 \"${trimmed}\" 已存在`);\n\t\t\treturn;\n\t\t}\n\n\t\tif (validate) {\n\t\t\tconst res = validate(trimmed);\n\t\t\tif (typeof res === 'string') {\n\t\t\t\tsetErrorMessage(res);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (res === false) {\n\t\t\t\tsetErrorMessage(`标签 \"${trimmed}\" 格式不合法`);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst nextTags = [...tags, trimmed];\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalTags(nextTags);\n\t\t}\n\t\tonChange?.(nextTags);\n\t\tsetInputValue('');\n\t\tsetErrorMessage('');\n\t};\n\n\t// 删除 Tag\n\tconst removeTag = (index: number) => {\n\t\tif (disabled) return;\n\t\tconst nextTags = tags.filter((_, i) => i !== index);\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalTags(nextTags);\n\t\t}\n\t\tonChange?.(nextTags);\n\t\tsetErrorMessage('');\n\t};\n\n\t// 键盘事件处理\n\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (disabled) return;\n\n\t\t// 分隔符触发添加\n\t\tif (separators.includes(e.key)) {\n\t\t\te.preventDefault();\n\t\t\taddTag(inputValue);\n\t\t\treturn;\n\t\t}\n\n\t\t// 退格键删除最后一个 Tag\n\t\tif (e.key === 'Backspace' && !inputValue && tags.length > 0) {\n\t\t\te.preventDefault();\n\t\t\tremoveTag(tags.length - 1);\n\t\t}\n\t};\n\n\t// 失去焦点时添加\n\tconst handleBlur = () => {\n\t\tsetIsFocused(false);\n\t\tif (inputValue.trim()) {\n\t\t\taddTag(inputValue);\n\t\t}\n\t};\n\n\t// 双击编辑 Tag\n\tconst handleDoubleClick = (index: number, tag: string) => {\n\t\tif (disabled) return;\n\t\tremoveTag(index);\n\t\tsetInputValue(tag);\n\t\tinputRef.current?.focus();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_tag_input ${isFocused ? 'rpc_tag_input_focused' : ''} ${\n\t\t\t\tdisabled ? 'rpc_tag_input_disabled' : ''\n\t\t\t} ${errorMessage ? 'rpc_tag_input_error' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t\tonClick={() => {\n\t\t\t\tif (!disabled) inputRef.current?.focus();\n\t\t\t}}\n\t\t>\n\t\t\t{tags.map((tag, idx) => {\n\t\t\t\tif (renderTag) {\n\t\t\t\t\treturn renderTag(tag, idx, () => removeTag(idx));\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\tclassName=\"rpc_tag_input_tag\"\n\t\t\t\t\t\tonDoubleClick={() => handleDoubleClick(idx, tag)}\n\t\t\t\t\t\ttitle=\"双击可重新编辑\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span>{tag}</span>\n\t\t\t\t\t\t{!disabled && (\n\t\t\t\t\t\t\t<CloseOutlined\n\t\t\t\t\t\t\t\tclassName=\"rpc_tag_input_tag_close\"\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\tremoveTag(idx);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{(!maxCount || tags.length < maxCount) && (\n\t\t\t\t<input\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName=\"rpc_tag_input_input\"\n\t\t\t\t\tplaceholder={tags.length === 0 ? placeholder : ''}\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tsetInputValue(e.target.value);\n\t\t\t\t\t\tif (errorMessage) setErrorMessage('');\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{errorMessage && <div className=\"rpc_tag_input_error_tip\">{errorMessage}</div>}\n\t\t</div>\n\t);\n};\n\nexport default TagInput;\n"]}

package/dist/chunk-2MDYHFLH.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var chunkMBOWSS4B_cjs = require('./chunk-MBOWSS4B.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var InfiniteScrollList = ({
+  children,
+  hasMore,
+  loading,
+  onLoadMore,
+  threshold = 40,
+  endMessage = "\u5DF2\u7ECF\u5230\u5E95\u5566 ~",
+  loadingIndicator,
+  height,
+  scrollableTarget,
+  className = "",
+  style
+}) => {
+  const containerRef = react.useRef(null);
+  const sentinelRef = react.useRef(null);
+  const handleLoadMore = react.useCallback(() => {
+    if (!loading && hasMore) {
+      onLoadMore();
+    }
+  }, [loading, hasMore, onLoadMore]);
+  react.useEffect(() => {
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const targetEl = typeof scrollableTarget === "function" ? scrollableTarget() : scrollableTarget || (height ? containerRef.current : null);
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          handleLoadMore();
+        }
+      },
+      {
+        root: targetEl || null,
+        rootMargin: `0px 0px ${threshold}px 0px`,
+        threshold: 0
+      }
+    );
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, [height, scrollableTarget, threshold, handleLoadMore]);
+  const defaultLoadingIndicator = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_infinite_scroll_list_footer", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMBOWSS4B_cjs.LoadingOutlined, { style: { fontSize: 16, color: "#1677ff" } }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u6570\u636E..." })
+  ] });
+  const isLocalScroll = Boolean(height);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_infinite_scroll_list ${isLocalScroll ? "rpc_infinite_scroll_list_container" : ""} ${className}`,
+      style: {
+        height,
+        ...style
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sentinelRef, style: { height: 1, margin: 0, padding: 0 } }),
+        loading && (loadingIndicator || defaultLoadingIndicator),
+        !hasMore && endMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end", children: endMessage })
+      ]
+    }
+  );
+};
+var InfiniteScrollList_default = InfiniteScrollList;
+
+exports.InfiniteScrollList_default = InfiniteScrollList_default;
+//# sourceMappingURL=chunk-2MDYHFLH.cjs.map
+//# sourceMappingURL=chunk-2MDYHFLH.cjs.map

package/dist/chunk-2MDYHFLH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../InfiniteScrollList/index.tsx"],"names":["useRef","useCallback","useEffect","jsxs","jsx","LoadingOutlined"],"mappings":";;;;;;AA6BA,IAAM,qBAAwD,CAAC;AAAA,EAC9D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,UAAA,GAAa,kCAAA;AAAA,EACb,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,YAAA,GAAeA,aAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,WAAA,GAAcA,aAAuB,IAAI,CAAA;AAE/C,EAAA,MAAM,cAAA,GAAiBC,kBAAY,MAAM;AACxC,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACxB,MAAA,UAAA,EAAW;AAAA,IACZ;AAAA,EACD,CAAA,EAAG,CAAC,OAAA,EAAS,OAAA,EAAS,UAAU,CAAC,CAAA;AAGjC,EAAAC,eAAA,CAAU,MAAM;AACf,IAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,MAAM,QAAA,GACL,OAAO,gBAAA,KAAqB,UAAA,GACzB,kBAAiB,GACjB,gBAAA,KAAqB,MAAA,GAAS,YAAA,CAAa,OAAA,GAAU,IAAA,CAAA;AAEzD,IAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,MACpB,CAAC,CAAC,KAAK,CAAA,KAAM;AACZ,QAAA,IAAI,MAAM,cAAA,EAAgB;AACzB,UAAA,cAAA,EAAe;AAAA,QAChB;AAAA,MACD,CAAA;AAAA,MACA;AAAA,QACC,MAAM,QAAA,IAAY,IAAA;AAAA,QAClB,UAAA,EAAY,WAAW,SAAS,CAAA,MAAA,CAAA;AAAA,QAChC,SAAA,EAAW;AAAA;AACZ,KACD;AAEA,IAAA,QAAA,CAAS,QAAQ,QAAQ,CAAA;AACzB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EAClC,GAAG,CAAC,MAAA,EAAQ,gBAAA,EAAkB,SAAA,EAAW,cAAc,CAAC,CAAA;AAExD,EAAA,MAAM,uBAAA,mBACLC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACd,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,qCAAgB,KAAA,EAAO,EAAE,UAAU,EAAA,EAAI,KAAA,EAAO,WAAU,EAAG,CAAA;AAAA,oBAC5DD,cAAA,CAAC,UAAK,QAAA,EAAA,qDAAA,EAAW;AAAA,GAAA,EAClB,CAAA;AAGD,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM,CAAA;AAEpC,EAAA,uBACCD,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,YAAA;AAAA,MACL,WAAW,CAAA,yBAAA,EACV,aAAA,GAAgB,oCAAA,GAAuC,EACxD,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACN,MAAA;AAAA,QACA,GAAG;AAAA,OACJ;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAGDC,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAA,EAAa,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,OAAA,EAAS,CAAA,EAAE,EAAG,CAAA;AAAA,QAGnE,YAAY,gBAAA,IAAoB,uBAAA,CAAA;AAAA,QAChC,CAAC,OAAA,IAAW,UAAA,mCACX,KAAA,EAAA,EAAI,SAAA,EAAU,gEACb,QAAA,EAAA,UAAA,EACF;AAAA;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,0BAAA,GAAQ","file":"chunk-2MDYHFLH.cjs","sourcesContent":["import React, { useRef, useEffect, useCallback, ReactNode, CSSProperties } from 'react';\nimport { LoadingOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface InfiniteScrollListProps {\n\t/** 列表项子内容 */\n\tchildren: ReactNode;\n\t/** 是否还有更多数据可供加载 */\n\thasMore: boolean;\n\t/** 当前是否正在加载下一页 */\n\tloading: boolean;\n\t/** 触底加载下一页回调 */\n\tonLoadMore: () => void | Promise<void>;\n\t/** 触发加载的触底距离阈值（像素），默认为 40 */\n\tthreshold?: number;\n\t/** 没有更多数据时的底部提示内容，默认为 '已经到底啦 ~' */\n\tendMessage?: ReactNode;\n\t/** 加载中指示器组件，默认为 Spin 图标与 '正在加载更多...' */\n\tloadingIndicator?: ReactNode;\n\t/** 容器固定高度（传值时为局部滚动容器，不传时监听 window 全局滚动） */\n\theight?: number | string;\n\t/** 滚动容器 ref 或自定义对象 */\n\tscrollableTarget?: HTMLElement | (() => HTMLElement | null) | null;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst InfiniteScrollList: React.FC<InfiniteScrollListProps> = ({\n\tchildren,\n\thasMore,\n\tloading,\n\tonLoadMore,\n\tthreshold = 40,\n\tendMessage = '已经到底啦 ~',\n\tloadingIndicator,\n\theight,\n\tscrollableTarget,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst sentinelRef = useRef<HTMLDivElement>(null);\n\n\tconst handleLoadMore = useCallback(() => {\n\t\tif (!loading && hasMore) {\n\t\t\tonLoadMore();\n\t\t}\n\t}, [loading, hasMore, onLoadMore]);\n\n\t// 使用 IntersectionObserver 监听底部哨兵元素\n\tuseEffect(() => {\n\t\tconst sentinel = sentinelRef.current;\n\t\tif (!sentinel) return;\n\n\t\tconst targetEl =\n\t\t\ttypeof scrollableTarget === 'function'\n\t\t\t\t? scrollableTarget()\n\t\t\t\t: scrollableTarget || (height ? containerRef.current : null);\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t([entry]) => {\n\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\thandleLoadMore();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: targetEl || null,\n\t\t\t\trootMargin: `0px 0px ${threshold}px 0px`,\n\t\t\t\tthreshold: 0,\n\t\t\t},\n\t\t);\n\n\t\tobserver.observe(sentinel);\n\t\treturn () => observer.disconnect();\n\t}, [height, scrollableTarget, threshold, handleLoadMore]);\n\n\tconst defaultLoadingIndicator = (\n\t\t<div className=\"rpc_infinite_scroll_list_footer\">\n\t\t\t<LoadingOutlined style={{ fontSize: 16, color: '#1677ff' }} />\n\t\t\t<span>正在加载更多数据...</span>\n\t\t</div>\n\t);\n\n\tconst isLocalScroll = Boolean(height);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_infinite_scroll_list ${\n\t\t\t\tisLocalScroll ? 'rpc_infinite_scroll_list_container' : ''\n\t\t\t} ${className}`}\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\n\t\t\t{/* 底部哨兵元素 */}\n\t\t\t<div ref={sentinelRef} style={{ height: 1, margin: 0, padding: 0 }} />\n\n\t\t\t{/* 底部状态提示 */}\n\t\t\t{loading && (loadingIndicator || defaultLoadingIndicator)}\n\t\t\t{!hasMore && endMessage && (\n\t\t\t\t<div className=\"rpc_infinite_scroll_list_footer rpc_infinite_scroll_list_end\">\n\t\t\t\t\t{endMessage}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default InfiniteScrollList;\n"]}

package/dist/chunk-2O2A5XYF.js

@@ -0,0 +1,59 @@
+import { useState, useRef, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// VirtualList/index.tsx
+function VirtualList({
+  items = [],
+  itemHeight = 48,
+  height = 360,
+  renderItem,
+  keyExtractor,
+  buffer = 5,
+  className = "",
+  style
+}) {
+  const [scrollTop, setScrollTop] = useState(0);
+  const containerRef = useRef(null);
+  const totalCount = items.length;
+  const totalHeight = totalCount * itemHeight;
+  const { startIndex, endIndex, offsetY } = useMemo(() => {
+    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - buffer);
+    const visibleCount = Math.ceil(height / itemHeight);
+    const end = Math.min(totalCount, start + visibleCount + buffer * 2);
+    const offset = start * itemHeight;
+    return { startIndex: start, endIndex: end, offsetY: offset };
+  }, [scrollTop, itemHeight, height, buffer, totalCount]);
+  const visibleItems = items.slice(startIndex, endIndex);
+  const handleScroll = (e) => {
+    setScrollTop(e.currentTarget.scrollTop);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      onScroll: handleScroll,
+      className: `rpc_virtual_list ${className}`,
+      style: { height, ...style },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "rpc_virtual_list_content",
+          style: {
+            height: totalHeight,
+            paddingTop: offsetY
+          },
+          children: visibleItems.map((item, idx) => {
+            const actualIndex = startIndex + idx;
+            const key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;
+            return /* @__PURE__ */ jsx("div", { className: "rpc_virtual_list_item", style: { height: itemHeight }, children: renderItem(item, actualIndex) }, key);
+          })
+        }
+      )
+    }
+  );
+}
+var VirtualList_default = VirtualList;
+
+export { VirtualList_default };
+//# sourceMappingURL=chunk-2O2A5XYF.js.map
+//# sourceMappingURL=chunk-2O2A5XYF.js.map

package/dist/chunk-2O2A5XYF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../VirtualList/index.tsx"],"names":[],"mappings":";;;;AAsBA,SAAS,WAAA,CAAe;AAAA,EACvB,QAAQ,EAAC;AAAA,EACT,UAAA,GAAa,EAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,UAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA,GAAS,CAAA;AAAA,EACT,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,EAAwB;AACvB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAiB,CAAC,CAAA;AACpD,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAEhD,EAAA,MAAM,aAAa,KAAA,CAAM,MAAA;AACzB,EAAA,MAAM,cAAc,UAAA,GAAa,UAAA;AAGjC,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAQ,MAAM;AACvD,IAAA,MAAM,KAAA,GAAQ,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,KAAA,CAAM,SAAA,GAAY,UAAU,CAAA,GAAI,MAAM,CAAA;AACrE,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,IAAA,CAAK,MAAA,GAAS,UAAU,CAAA;AAClD,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA,CAAI,YAAY,KAAA,GAAQ,YAAA,GAAe,SAAS,CAAC,CAAA;AAClE,IAAA,MAAM,SAAS,KAAA,GAAQ,UAAA;AAEvB,IAAA,OAAO,EAAE,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,GAAA,EAAK,SAAS,MAAA,EAAO;AAAA,EAC5D,GAAG,CAAC,SAAA,EAAW,YAAY,MAAA,EAAQ,MAAA,EAAQ,UAAU,CAAC,CAAA;AAEtD,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,KAAA,CAAM,UAAA,EAAY,QAAQ,CAAA;AAErD,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAAqC;AAC1D,IAAA,YAAA,CAAa,CAAA,CAAE,cAAc,SAAS,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,uBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,GAAA,EAAK,YAAA;AAAA,MACL,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,oBAAoB,SAAS,CAAA,CAAA;AAAA,MACxC,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAG,KAAA,EAAM;AAAA,MAE1B,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAU,0BAAA;AAAA,UACV,KAAA,EAAO;AAAA,YACN,MAAA,EAAQ,WAAA;AAAA,YACR,UAAA,EAAY;AAAA,WACb;AAAA,UAEC,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AAChC,YAAA,MAAM,cAAc,UAAA,GAAa,GAAA;AACjC,YAAA,MAAM,GAAA,GAAM,YAAA,GAAe,YAAA,CAAa,IAAA,EAAM,WAAW,CAAA,GAAI,WAAA;AAE7D,YAAA,uBACC,GAAA,CAAC,KAAA,EAAA,EAAc,SAAA,EAAU,uBAAA,EAAwB,KAAA,EAAO,EAAE,MAAA,EAAQ,UAAA,EAAW,EAC3E,QAAA,EAAA,UAAA,CAAW,IAAA,EAAM,WAAW,KADpB,GAEV,CAAA;AAAA,UAEF,CAAC;AAAA;AAAA;AACF;AAAA,GACD;AAEF;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-2O2A5XYF.js","sourcesContent":["import React, { useState, useRef, useMemo, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface VirtualListProps<T> {\n\t/** 数据源数组 */\n\titems: T[];\n\t/** 单个列表项固定高度（像素），默认为 48 */\n\titemHeight?: number;\n\t/** 滚动容器可视高度（像素），默认为 360 */\n\theight?: number;\n\t/** 自定义渲染单个列表项 */\n\trenderItem: (item: T, index: number) => ReactNode;\n\t/** 提取唯一 Key */\n\tkeyExtractor?: (item: T, index: number) => string | number;\n\t/** 上下视口外额外渲染的缓冲项数量，默认为 5 */\n\tbuffer?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction VirtualList<T>({\n\titems = [],\n\titemHeight = 48,\n\theight = 360,\n\trenderItem,\n\tkeyExtractor,\n\tbuffer = 5,\n\tclassName = '',\n\tstyle,\n}: VirtualListProps<T>) {\n\tconst [scrollTop, setScrollTop] = useState<number>(0);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\tconst totalCount = items.length;\n\tconst totalHeight = totalCount * itemHeight;\n\n\t// 计算当前可视区域的起止索引\n\tconst { startIndex, endIndex, offsetY } = useMemo(() => {\n\t\tconst start = Math.max(0, Math.floor(scrollTop / itemHeight) - buffer);\n\t\tconst visibleCount = Math.ceil(height / itemHeight);\n\t\tconst end = Math.min(totalCount, start + visibleCount + buffer * 2);\n\t\tconst offset = start * itemHeight;\n\n\t\treturn { startIndex: start, endIndex: end, offsetY: offset };\n\t}, [scrollTop, itemHeight, height, buffer, totalCount]);\n\n\tconst visibleItems = items.slice(startIndex, endIndex);\n\n\tconst handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n\t\tsetScrollTop(e.currentTarget.scrollTop);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tonScroll={handleScroll}\n\t\t\tclassName={`rpc_virtual_list ${className}`}\n\t\t\tstyle={{ height, ...style }}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_virtual_list_content\"\n\t\t\t\tstyle={{\n\t\t\t\t\theight: totalHeight,\n\t\t\t\t\tpaddingTop: offsetY,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{visibleItems.map((item, idx) => {\n\t\t\t\t\tconst actualIndex = startIndex + idx;\n\t\t\t\t\tconst key = keyExtractor ? keyExtractor(item, actualIndex) : actualIndex;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={key} className=\"rpc_virtual_list_item\" style={{ height: itemHeight }}>\n\t\t\t\t\t\t\t{renderItem(item, actualIndex)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default VirtualList;\n"]}