react-public-components 1.2.1 → 1.2.3

package/dist/chunk-5HIRDMZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../JsonTree/index.tsx"],"names":[],"mappings":"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","file":"chunk-5HIRDMZH.js","sourcesContent":["import React, { useState, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface JsonTreeProps {\n\t/** JSON 数据源 */\n\tdata: unknown;\n\t/** 默认展开层级深度，默认为 2 */\n\tdefaultExpandedLevel?: number;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface TreeNodeProps {\n\tkeyName?: string;\n\tvalue: unknown;\n\tdepth: number;\n\tmaxDepth: number;\n}\n\nconst TreeNode: React.FC<TreeNodeProps> = ({ keyName, value, depth, maxDepth }) => {\n\tconst [collapsed, setCollapsed] = useState<boolean>(depth >= maxDepth);\n\n\tconst isObject = value !== null && typeof value === 'object';\n\tconst isArray = Array.isArray(value);\n\n\tif (!isObject) {\n\t\tlet valClass = 'rpc_json_tree_string';\n\t\tlet valStr = `\"${value}\"`;\n\n\t\tif (typeof value === 'number') {\n\t\t\tvalClass = 'rpc_json_tree_number';\n\t\t\tvalStr = String(value);\n\t\t} else if (typeof value === 'boolean') {\n\t\t\tvalClass = 'rpc_json_tree_boolean';\n\t\t\tvalStr = String(value);\n\t\t} else if (value === null) {\n\t\t\tvalClass = 'rpc_json_tree_null';\n\t\t\tvalStr = 'null';\n\t\t}\n\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{keyName !== undefined && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span className=\"rpc_json_tree_key\">\"{keyName}\"</span>\n\t\t\t\t\t\t<span className=\"rpc_json_tree_colon\">:</span>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<span className={valClass}>{valStr}</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst keys = Object.keys(value);\n\tconst openBracket = isArray ? '[' : '{';\n\tconst closeBracket = isArray ? ']' : '}';\n\n\treturn (\n\t\t<div>\n\t\t\t<span\n\t\t\t\tclassName={`rpc_json_tree_toggle ${collapsed ? 'rpc_json_tree_toggle_collapsed' : ''}`}\n\t\t\t\tonClick={() => setCollapsed(!collapsed)}\n\t\t\t>\n\t\t\t\t▼\n\t\t\t</span>\n\n\t\t\t{keyName !== undefined && (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"rpc_json_tree_key\">\"{keyName}\"</span>\n\t\t\t\t\t<span className=\"rpc_json_tree_colon\">:</span>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<span className=\"rpc_json_tree_bracket\">{openBracket}</span>\n\n\t\t\t{collapsed ? (\n\t\t\t\t<>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName=\"rpc_json_tree_count\"\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tonClick={() => setCollapsed(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{keys.length} items...\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"rpc_json_tree_bracket\">{closeBracket}</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"rpc_json_tree_node\">\n\t\t\t\t\t\t{keys.map((k) => (\n\t\t\t\t\t\t\t<TreeNode\n\t\t\t\t\t\t\t\tkey={k}\n\t\t\t\t\t\t\t\tkeyName={isArray ? undefined : k}\n\t\t\t\t\t\t\t\tvalue={(value as Record<string, unknown>)[k]}\n\t\t\t\t\t\t\t\tdepth={depth + 1}\n\t\t\t\t\t\t\t\tmaxDepth={maxDepth}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span className=\"rpc_json_tree_bracket\">{closeBracket}</span>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst JsonTree: React.FC<JsonTreeProps> = ({\n\tdata,\n\tdefaultExpandedLevel = 2,\n\tclassName = '',\n\tstyle,\n}) => {\n\treturn (\n\t\t<div className={`rpc_json_tree ${className}`} style={style}>\n\t\t\t<TreeNode value={data} depth={0} maxDepth={defaultExpandedLevel} />\n\t\t</div>\n\t);\n};\n\nexport default JsonTree;\n"]}

package/dist/chunk-5LA2NPLG.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// FileDropZone/index.tsx
+var FileDropZone = ({
+  onDropFiles,
+  accept,
+  multiple = true,
+  title = "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\u5904\u4E0A\u4F20",
+  hint = "\u652F\u6301\u62D6\u62FD\u6587\u4EF6\u6216\u76F4\u63A5\u6309 Ctrl+V / Cmd+V \u7C98\u8D34\u622A\u56FE",
+  className = "",
+  style
+}) => {
+  const [isDragOver, setIsDragOver] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const handleFiles = (fileList) => {
+    if (!fileList || fileList.length === 0) return;
+    const files = Array.from(fileList);
+    onDropFiles(files);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  };
+  const handleDragLeave = () => {
+    setIsDragOver(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    handleFiles(e.dataTransfer.files);
+  };
+  react.useEffect(() => {
+    const handlePaste = (e) => {
+      if (e.clipboardData && e.clipboardData.files.length > 0) {
+        handleFiles(e.clipboardData.files);
+      }
+    };
+    window.addEventListener("paste", handlePaste);
+    return () => window.removeEventListener("paste", handlePaste);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_file_dropzone ${isDragOver ? "rpc_file_dropzone_active" : ""} ${className}`,
+      style,
+      onClick: () => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            style: { display: "none" },
+            onChange: (e) => handleFiles(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_icon", children: "\u{1F4E5}" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_title", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_file_dropzone_hint", children: hint })
+      ]
+    }
+  );
+};
+var FileDropZone_default = FileDropZone;
+
+exports.FileDropZone_default = FileDropZone_default;
+//# sourceMappingURL=chunk-5LA2NPLG.cjs.map
+//# sourceMappingURL=chunk-5LA2NPLG.cjs.map

package/dist/chunk-5LA2NPLG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../FileDropZone/index.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx"],"mappings":"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","file":"chunk-5LA2NPLG.cjs","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface FileDropZoneProps {\n\t/** 文件选择/拖拽/粘贴回调 */\n\tonDropFiles: (files: File[]) => void;\n\t/** 允许的文件类型，例如 'image/*' 或 '.pdf,.png' */\n\taccept?: string;\n\t/** 是否支持多选，默认为 true */\n\tmultiple?: boolean;\n\t/** 提示标题，默认为 '点击或将文件拖拽至此处上传' */\n\ttitle?: ReactNode;\n\t/** 提示副标题，默认为 '支持拖拽文件或直接按 Ctrl+V 粘贴截图' */\n\thint?: ReactNode;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst FileDropZone: React.FC<FileDropZoneProps> = ({\n\tonDropFiles,\n\taccept,\n\tmultiple = true,\n\ttitle = '点击或将文件拖拽至此处上传',\n\thint = '支持拖拽文件或直接按 Ctrl+V / Cmd+V 粘贴截图',\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [isDragOver, setIsDragOver] = useState<boolean>(false);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleFiles = (fileList: FileList | null) => {\n\t\tif (!fileList || fileList.length === 0) return;\n\t\tconst files = Array.from(fileList);\n\t\tonDropFiles(files);\n\t};\n\n\tconst handleDragOver = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(true);\n\t};\n\n\tconst handleDragLeave = () => {\n\t\tsetIsDragOver(false);\n\t};\n\n\tconst handleDrop = (e: React.DragEvent) => {\n\t\te.preventDefault();\n\t\tsetIsDragOver(false);\n\t\thandleFiles(e.dataTransfer.files);\n\t};\n\n\t// 监听剪贴板粘贴事件\n\tuseEffect(() => {\n\t\tconst handlePaste = (e: ClipboardEvent) => {\n\t\t\tif (e.clipboardData && e.clipboardData.files.length > 0) {\n\t\t\t\thandleFiles(e.clipboardData.files);\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener('paste', handlePaste);\n\t\treturn () => window.removeEventListener('paste', handlePaste);\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_file_dropzone ${isDragOver ? 'rpc_file_dropzone_active' : ''} ${className}`}\n\t\t\tstyle={style}\n\t\t\tonClick={() => inputRef.current?.click()}\n\t\t\tonDragOver={handleDragOver}\n\t\t\tonDragLeave={handleDragLeave}\n\t\t\tonDrop={handleDrop}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\ttype=\"file\"\n\t\t\t\taccept={accept}\n\t\t\t\tmultiple={multiple}\n\t\t\t\tstyle={{ display: 'none' }}\n\t\t\t\tonChange={(e) => handleFiles(e.target.files)}\n\t\t\t/>\n\n\t\t\t<div className=\"rpc_file_dropzone_icon\">📥</div>\n\t\t\t<div className=\"rpc_file_dropzone_title\">{title}</div>\n\t\t\t<div className=\"rpc_file_dropzone_hint\">{hint}</div>\n\t\t</div>\n\t);\n};\n\nexport default FileDropZone;\n"]}

package/dist/chunk-5R2YXBXM.js

@@ -0,0 +1,126 @@
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// TreeFilterPanel/index.tsx
+var TreeFilterPanel = ({
+  options = [],
+  value: controlledValue,
+  defaultValue = [],
+  onChange,
+  multiple = true,
+  levelLabels = ["\u4E00\u7EA7\u5206\u7C7B", "\u4E8C\u7EA7\u5206\u7C7B", "\u4E09\u7EA7\u6807\u7B7E"],
+  className = "",
+  style
+}) => {
+  var _a, _b;
+  const [internalVal, setInternalVal] = useState(defaultValue);
+  const selectedValues = controlledValue !== void 0 ? controlledValue : internalVal;
+  const [activeLevel1, setActiveLevel1] = useState(
+    ((_a = options[0]) == null ? void 0 : _a.value) || null
+  );
+  const level1Option = options.find((opt) => opt.value === activeLevel1) || options[0];
+  const level2Options = (level1Option == null ? void 0 : level1Option.children) || [];
+  const [activeLevel2, setActiveLevel2] = useState(
+    ((_b = level2Options[0]) == null ? void 0 : _b.value) || null
+  );
+  const level2Option = level2Options.find((opt) => opt.value === activeLevel2) || level2Options[0];
+  const level3Options = (level2Option == null ? void 0 : level2Option.children) || [];
+  const handleSelect = (val) => {
+    let next;
+    if (!multiple) {
+      next = [val];
+    } else {
+      if (selectedValues.includes(val)) {
+        next = selectedValues.filter((v) => v !== val);
+      } else {
+        next = [...selectedValues, val];
+      }
+    }
+    if (controlledValue === void 0) setInternalVal(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  const handleClear = () => {
+    if (controlledValue === void 0) setInternalVal([]);
+    onChange == null ? void 0 : onChange([]);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_tree_filter_panel ${className}`, style, children: [
+    options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[0] || "\u4E00\u7EA7\u5206\u7C7B",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: options.map((opt) => {
+        const isSelected = selectedValues.includes(opt.value);
+        const isCurrentActive = activeLevel1 === opt.value;
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
+            onClick: () => {
+              setActiveLevel1(opt.value);
+              if (opt.children && opt.children.length > 0) {
+                setActiveLevel2(opt.children[0].value);
+              }
+              handleSelect(opt.value);
+            },
+            children: opt.label
+          },
+          opt.value
+        );
+      }) })
+    ] }),
+    level2Options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[1] || "\u4E8C\u7EA7\u5206\u7C7B",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: level2Options.map((opt) => {
+        const isSelected = selectedValues.includes(opt.value);
+        const isCurrentActive = activeLevel2 === opt.value;
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rpc_tree_filter_panel_item ${isSelected || isCurrentActive ? "rpc_tree_filter_panel_item_active" : ""}`,
+            onClick: () => {
+              setActiveLevel2(opt.value);
+              handleSelect(opt.value);
+            },
+            children: opt.label
+          },
+          opt.value
+        );
+      }) })
+    ] }),
+    level3Options.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[2] || "\u4E09\u7EA7\u6807\u7B7E",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "rpc_tree_filter_panel_options", children: level3Options.map((opt) => {
+        const isSelected = selectedValues.includes(opt.value);
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rpc_tree_filter_panel_item ${isSelected ? "rpc_tree_filter_panel_item_active" : ""}`,
+            onClick: () => handleSelect(opt.value),
+            children: opt.label
+          },
+          opt.value
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_tree_filter_panel_footer", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "\u5DF2\u9009\u6761\u4EF6\uFF1A",
+        selectedValues.length,
+        " \u9879"
+      ] }),
+      selectedValues.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "rpc_tree_filter_panel_clear_btn", onClick: handleClear, children: "\u6E05\u7A7A\u6240\u6709\u7B5B\u9009" })
+    ] })
+  ] });
+};
+var TreeFilterPanel_default = TreeFilterPanel;
+
+export { TreeFilterPanel_default };
+//# sourceMappingURL=chunk-5R2YXBXM.js.map
+//# sourceMappingURL=chunk-5R2YXBXM.js.map

package/dist/chunk-5R2YXBXM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TreeFilterPanel/index.tsx"],"names":[],"mappings":"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","file":"chunk-5R2YXBXM.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface TreeFilterNode {\n\tlabel: string;\n\tvalue: string | number;\n\tchildren?: TreeFilterNode[];\n}\n\nexport interface TreeFilterPanelProps {\n\t/** 树形分类选项列表 */\n\toptions: TreeFilterNode[];\n\t/** 当前选中的值数组（受控） */\n\tvalue?: (string | number)[];\n\t/** 默认选中的值数组 */\n\tdefaultValue?: (string | number)[];\n\t/** 选中值变化回调 */\n\tonChange?: (values: (string | number)[]) => void;\n\t/** 是否支持多选，默认为 true */\n\tmultiple?: boolean;\n\t/** 标题前缀，默认为 ['一级分类', '二级分类', '三级标签'] */\n\tlevelLabels?: string[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst TreeFilterPanel: React.FC<TreeFilterPanelProps> = ({\n\toptions = [],\n\tvalue: controlledValue,\n\tdefaultValue = [],\n\tonChange,\n\tmultiple = true,\n\tlevelLabels = ['一级分类', '二级分类', '三级标签'],\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<(string | number)[]>(defaultValue);\n\tconst selectedValues = controlledValue !== undefined ? controlledValue : internalVal;\n\n\t// 记录每一层当前激活选中的父节点\n\tconst [activeLevel1, setActiveLevel1] = useState<string | number | null>(\n\t\toptions[0]?.value || null,\n\t);\n\n\tconst level1Option = options.find((opt) => opt.value === activeLevel1) || options[0];\n\tconst level2Options = level1Option?.children || [];\n\n\tconst [activeLevel2, setActiveLevel2] = useState<string | number | null>(\n\t\tlevel2Options[0]?.value || null,\n\t);\n\n\tconst level2Option = level2Options.find((opt) => opt.value === activeLevel2) || level2Options[0];\n\tconst level3Options = level2Option?.children || [];\n\n\tconst handleSelect = (val: string | number) => {\n\t\tlet next: (string | number)[];\n\t\tif (!multiple) {\n\t\t\tnext = [val];\n\t\t} else {\n\t\t\tif (selectedValues.includes(val)) {\n\t\t\t\tnext = selectedValues.filter((v) => v !== val);\n\t\t\t} else {\n\t\t\t\tnext = [...selectedValues, val];\n\t\t\t}\n\t\t}\n\n\t\tif (controlledValue === undefined) setInternalVal(next);\n\t\tonChange?.(next);\n\t};\n\n\tconst handleClear = () => {\n\t\tif (controlledValue === undefined) setInternalVal([]);\n\t\tonChange?.([]);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_tree_filter_panel ${className}`} style={style}>\n\t\t\t{/* 一级分类 */}\n\t\t\t{options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[0] || '一级分类'}：</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\t\t\t\t\t\t\tconst isCurrentActive = activeLevel1 === opt.value;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected || isCurrentActive ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetActiveLevel1(opt.value);\n\t\t\t\t\t\t\t\t\t\tif (opt.children && opt.children.length > 0) {\n\t\t\t\t\t\t\t\t\t\t\tsetActiveLevel2(opt.children[0].value);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\thandleSelect(opt.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 二级分类 */}\n\t\t\t{level2Options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[1] || '二级分类'}：</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{level2Options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\t\t\t\t\t\t\tconst isCurrentActive = activeLevel2 === opt.value;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected || isCurrentActive ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetActiveLevel2(opt.value);\n\t\t\t\t\t\t\t\t\t\thandleSelect(opt.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 三级标签 */}\n\t\t\t{level3Options.length > 0 && (\n\t\t\t\t<div className=\"rpc_tree_filter_panel_row\">\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_label\">{levelLabels[2] || '三级标签'}：</div>\n\t\t\t\t\t<div className=\"rpc_tree_filter_panel_options\">\n\t\t\t\t\t\t{level3Options.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(opt.value);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_tree_filter_panel_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected ? 'rpc_tree_filter_panel_item_active' : ''\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={() => handleSelect(opt.value)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* 底部汇总与重置 */}\n\t\t\t<div className=\"rpc_tree_filter_panel_footer\">\n\t\t\t\t<span>已选条件：{selectedValues.length} 项</span>\n\t\t\t\t{selectedValues.length > 0 && (\n\t\t\t\t\t<button type=\"button\" className=\"rpc_tree_filter_panel_clear_btn\" onClick={handleClear}>\n\t\t\t\t\t\t清空所有筛选\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TreeFilterPanel;\n"]}

package/dist/chunk-5V4UAS6I.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-5V4UAS6I.cjs.map
+//# sourceMappingURL=chunk-5V4UAS6I.cjs.map

package/dist/chunk-5V4UAS6I.cjs.map

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

package/dist/chunk-5VSEUDVY.js

@@ -0,0 +1,45 @@
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// CodeSnippet/index.tsx
+var CodeSnippet = ({
+  code,
+  language = "bash",
+  theme = "dark",
+  title,
+  showLineNumbers = false,
+  copyable = true,
+  className = "",
+  style
+}) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch (e) {
+    }
+  };
+  const lines = code.split("\n");
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_code_snippet rpc_code_snippet_${theme} ${className}`, style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rpc_code_snippet_top_bar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rpc_code_snippet_dots", children: [
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_red" }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_yellow" }),
+        /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_green" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_lang", children: title != null ? title : language }),
+      copyable ? /* @__PURE__ */ jsx("button", { type: "button", className: "rpc_code_snippet_copy_btn", onClick: handleCopy, children: copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236" }) : /* @__PURE__ */ jsx("span", {})
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rpc_code_snippet_body", children: [
+      showLineNumbers && /* @__PURE__ */ jsx("div", { className: "rpc_code_snippet_line_numbers", children: lines.map((_, idx) => /* @__PURE__ */ jsx("span", { className: "rpc_code_snippet_line_no", children: idx + 1 }, idx)) }),
+      /* @__PURE__ */ jsx("pre", { className: "rpc_code_snippet_content", children: /* @__PURE__ */ jsx("code", { children: code }) })
+    ] })
+  ] });
+};
+var CodeSnippet_default = CodeSnippet;
+
+export { CodeSnippet_default };
+//# sourceMappingURL=chunk-5VSEUDVY.js.map
+//# sourceMappingURL=chunk-5VSEUDVY.js.map

package/dist/chunk-5VSEUDVY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CodeSnippet/index.tsx"],"names":[],"mappings":";;;;AAwBA,IAAM,cAA0C,CAAC;AAAA,EAChD,IAAA;AAAA,EACA,QAAA,GAAW,MAAA;AAAA,EACX,KAAA,GAAQ,MAAA;AAAA,EACR,KAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEnD,EAAA,MAAM,aAAa,YAAY;AAC9B,IAAA,IAAI;AACH,MAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AACxC,MAAA,SAAA,CAAU,IAAI,CAAA;AACd,MAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,IAAI,CAAA;AAAA,IACxC,CAAA,CAAA,OAAQ,CAAA,EAAA;AAAA,IAER;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAE7B,EAAA,uBACC,IAAA,CAAC,SAAI,SAAA,EAAW,CAAA,kCAAA,EAAqC,KAAK,CAAA,CAAA,EAAI,SAAS,IAAI,KAAA,EAC1E,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,CAAA;AAAA,wBAChE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EAAmD,CAAA;AAAA,wBACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAA,EAAkD;AAAA,OAAA,EACnE,CAAA;AAAA,sBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,kCAAS,QAAA,EAAS,CAAA;AAAA,MAE1D,QAAA,mBACA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,UAAS,SAAA,EAAU,2BAAA,EAA4B,OAAA,EAAS,UAAA,EACnE,QAAA,EAAA,MAAA,GAAS,2BAAA,GAAU,cAAA,EACrB,CAAA,uBAEC,MAAA,EAAA,EAAK;AAAA,KAAA,EAER,CAAA;AAAA,oBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,MAAA,eAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EACb,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG,GAAA,qBACd,GAAA,CAAC,UAAe,SAAA,EAAU,0BAAA,EACxB,gBAAM,CAAA,EAAA,EADG,GAEX,CACA,CAAA,EACF,CAAA;AAAA,0BAEA,KAAA,EAAA,EAAI,SAAA,EAAU,4BACd,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,gBAAK,CAAA,EACb;AAAA,KAAA,EACD;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-5VSEUDVY.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type CodeSnippetTheme = 'dark' | 'light';\n\nexport interface CodeSnippetProps {\n\t/** 代码文本内容 */\n\tcode: string;\n\t/** 编程语言标识，默认为 'bash' */\n\tlanguage?: string;\n\t/** 代码块主题风格：'dark' 暗色（默认） / 'light' 亮色 */\n\ttheme?: CodeSnippetTheme;\n\t/** 顶部自定义标题或说明标签（不传时展示大写的 language） */\n\ttitle?: ReactNode;\n\t/** 是否显示代码行号，默认为 false */\n\tshowLineNumbers?: boolean;\n\t/** 是否展示右上角一键复制按钮，默认为 true */\n\tcopyable?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst CodeSnippet: React.FC<CodeSnippetProps> = ({\n\tcode,\n\tlanguage = 'bash',\n\ttheme = 'dark',\n\ttitle,\n\tshowLineNumbers = false,\n\tcopyable = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [copied, setCopied] = useState<boolean>(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetTimeout(() => setCopied(false), 1500);\n\t\t} catch {\n\t\t\t// fallback\n\t\t}\n\t};\n\n\tconst lines = code.split('\\n');\n\n\treturn (\n\t\t<div className={`rpc_code_snippet rpc_code_snippet_${theme} ${className}`} style={style}>\n\t\t\t<div className=\"rpc_code_snippet_top_bar\">\n\t\t\t\t<div className=\"rpc_code_snippet_dots\">\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_red\" />\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_yellow\" />\n\t\t\t\t\t<span className=\"rpc_code_snippet_dot rpc_code_snippet_dot_green\" />\n\t\t\t\t</div>\n\n\t\t\t\t<span className=\"rpc_code_snippet_lang\">{title ?? language}</span>\n\n\t\t\t\t{copyable ? (\n\t\t\t\t\t<button type=\"button\" className=\"rpc_code_snippet_copy_btn\" onClick={handleCopy}>\n\t\t\t\t\t\t{copied ? '✓ 已复制' : '复制'}\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<span />\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t<div className=\"rpc_code_snippet_body\">\n\t\t\t\t{showLineNumbers && (\n\t\t\t\t\t<div className=\"rpc_code_snippet_line_numbers\">\n\t\t\t\t\t\t{lines.map((_, idx) => (\n\t\t\t\t\t\t\t<span key={idx} className=\"rpc_code_snippet_line_no\">\n\t\t\t\t\t\t\t\t{idx + 1}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<pre className=\"rpc_code_snippet_content\">\n\t\t\t\t\t<code>{code}</code>\n\t\t\t\t</pre>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CodeSnippet;\n"]}

package/dist/chunk-5YQVSOHK.js

@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// AnnouncementBar/index.tsx
+var AnnouncementBar = ({
+  children,
+  closable = true,
+  background,
+  onClose,
+  className = "",
+  style
+}) => {
+  const [visible, setVisible] = useState(true);
+  if (!visible) return null;
+  const handleClose = () => {
+    setVisible(false);
+    onClose == null ? void 0 : onClose();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rpc_announcement_bar ${className}`,
+      style: { background: background || void 0, ...style },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rpc_announcement_bar_content", children }),
+        closable && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rpc_announcement_bar_close",
+            onClick: handleClose,
+            title: "\u5173\u95ED\u901A\u77E5",
+            children: "\u2715"
+          }
+        )
+      ]
+    }
+  );
+};
+var AnnouncementBar_default = AnnouncementBar;
+
+export { AnnouncementBar_default };
+//# sourceMappingURL=chunk-5YQVSOHK.js.map
+//# sourceMappingURL=chunk-5YQVSOHK.js.map

package/dist/chunk-5YQVSOHK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../AnnouncementBar/index.tsx"],"names":[],"mappings":";;;;AAkBA,IAAM,kBAAkD,CAAC;AAAA,EACxD,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,IAAI,CAAA;AAEpD,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,cAAc,MAAM;AACzB,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,EAAA;AAAA,EACD,CAAA;AAEA,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,wBAAwB,SAAS,CAAA,CAAA;AAAA,MAC5C,OAAO,EAAE,UAAA,EAAY,UAAA,IAAc,MAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MAEvD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAS,CAAA;AAAA,QAEvD,QAAA,oBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,4BAAA;AAAA,YACV,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAM,0BAAA;AAAA,YACN,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-5YQVSOHK.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface AnnouncementBarProps {\n\t/** 横幅广播内容 */\n\tchildren: ReactNode;\n\t/** 是否支持点击关闭，默认为 true */\n\tclosable?: boolean;\n\t/** 自定义渐变或背景样式 */\n\tbackground?: string;\n\t/** 关闭回调 */\n\tonClose?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst AnnouncementBar: React.FC<AnnouncementBarProps> = ({\n\tchildren,\n\tclosable = true,\n\tbackground,\n\tonClose,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(true);\n\n\tif (!visible) return null;\n\n\tconst handleClose = () => {\n\t\tsetVisible(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_announcement_bar ${className}`}\n\t\t\tstyle={{ background: background || undefined, ...style }}\n\t\t>\n\t\t\t<div className=\"rpc_announcement_bar_content\">{children}</div>\n\n\t\t\t{closable && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_announcement_bar_close\"\n\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\ttitle=\"关闭通知\"\n\t\t\t\t>\n\t\t\t\t\t✕\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default AnnouncementBar;\n"]}

package/dist/chunk-64LBDDZU.js

@@ -0,0 +1,104 @@
+import { RightOutlined, LeftOutlined, DownOutlined, UpOutlined } from './chunk-ISUXPTLV.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var formatDimension = (value) => {
+  if (value === void 0 || value === null) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+};
+var ChevronLeft = () => /* @__PURE__ */ jsx(LeftOutlined, {});
+var ChevronRight = () => /* @__PURE__ */ jsx(RightOutlined, {});
+var ChevronUp = () => /* @__PURE__ */ jsx(UpOutlined, {});
+var ChevronDown = () => /* @__PURE__ */ jsx(DownOutlined, {});
+var CollapsibleBox = ({
+  children,
+  title = "\u5185\u5BB9\u533A\u57DF",
+  direction = "horizontal",
+  buttonPosition = "right",
+  defaultWidth = 600,
+  defaultHeight = 300,
+  contentPadding = "16px",
+  headerHeight = 16,
+  className
+}) => {
+  const [isExpanded, setIsExpanded] = useState(true);
+  const getContentMaxHeight = () => {
+    if (typeof defaultHeight === "number") {
+      return `${defaultHeight - headerHeight}px`;
+    }
+    if (typeof defaultHeight === "string") {
+      return headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;
+    }
+    return "100%";
+  };
+  const getIcon = () => {
+    if (direction === "horizontal") {
+      if (buttonPosition === "right") {
+        return isExpanded ? /* @__PURE__ */ jsx(ChevronRight, {}) : /* @__PURE__ */ jsx(ChevronLeft, {});
+      }
+      return isExpanded ? /* @__PURE__ */ jsx(ChevronLeft, {}) : /* @__PURE__ */ jsx(ChevronRight, {});
+    }
+    if (buttonPosition === "bottom") {
+      return isExpanded ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronUp, {});
+    }
+    return isExpanded ? /* @__PURE__ */ jsx(ChevronUp, {}) : /* @__PURE__ */ jsx(ChevronDown, {});
+  };
+  const getButtonClass = () => {
+    if (direction === "horizontal") {
+      return buttonPosition === "right" ? "button-right" : "button-left";
+    }
+    return buttonPosition === "bottom" ? "button-bottom" : "button-top";
+  };
+  const getContainerStyle = () => {
+    if (direction === "horizontal") {
+      return {
+        width: isExpanded ? "100%" : "0px",
+        height: "100%"
+      };
+    }
+    return {
+      height: isExpanded ? "100%" : "0px",
+      width: "100%"
+    };
+  };
+  const baseWrapperClass = direction === "horizontal" ? "collapsible-wrapper horizontal" : "collapsible-wrapper vertical";
+  const wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;
+  const containerClass = [
+    "collapsible-container",
+    direction === "horizontal" && buttonPosition === "right" ? "align-right" : "",
+    direction === "vertical" && buttonPosition === "bottom" ? "align-bottom" : ""
+  ].filter(Boolean).join(" ");
+  const height = getContentMaxHeight();
+  const contentStyle = {
+    maxHeight: direction === "vertical" ? isExpanded ? height : "0px" : height,
+    overflowY: "auto",
+    padding: contentPadding,
+    boxSizing: "border-box"
+  };
+  const formattedWidth = formatDimension(defaultWidth);
+  const formattedHeight = formatDimension(defaultHeight);
+  const wrapperStyle = {
+    width: formattedWidth,
+    height: formattedHeight
+  };
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, style: wrapperStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: getContainerStyle(), className: containerClass, children: [
+      title && /* @__PURE__ */ jsx("div", { className: "collapsible-header", style: { display: "none" }, children: /* @__PURE__ */ jsx("h3", { children: title }) }),
+      /* @__PURE__ */ jsx("div", { className: "collapsible-content", style: contentStyle, children })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: `toggle-button ${getButtonClass()}`,
+        title: isExpanded ? "\u9690\u85CF" : "\u5C55\u5F00",
+        children: getIcon()
+      }
+    )
+  ] });
+};
+var CollapseBox_default = CollapsibleBox;
+
+export { CollapseBox_default };
+//# sourceMappingURL=chunk-64LBDDZU.js.map
+//# sourceMappingURL=chunk-64LBDDZU.js.map

package/dist/chunk-64LBDDZU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CollapseBox/index.tsx"],"names":[],"mappings":";;;;AAmBA,IAAM,eAAA,GAAkB,CAAC,KAAA,KAAgD;AACxE,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM,OAAO,MAAA;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACnD,CAAA;AAEA,IAAM,WAAA,GAAc,sBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAExC,IAAM,YAAA,GAAe,sBAAM,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAE1C,IAAM,SAAA,GAAY,sBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAEpC,IAAM,WAAA,GAAc,sBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAExC,IAAM,iBAAiB,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,KAAA,GAAQ,0BAAA;AAAA,EACR,SAAA,GAAY,YAAA;AAAA,EACZ,cAAA,GAAiB,OAAA;AAAA,EACjB,YAAA,GAAe,GAAA;AAAA,EACf,aAAA,GAAgB,GAAA;AAAA,EAChB,cAAA,GAAiB,MAAA;AAAA,EACjB,YAAA,GAAe,EAAA;AAAA,EACf;AACD,CAAA,KAAwB;AACvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AAEjD,EAAA,MAAM,sBAAsB,MAAM;AACjC,IAAA,IAAI,OAAO,kBAAkB,QAAA,EAAU;AACtC,MAAA,OAAO,CAAA,EAAG,gBAAgB,YAAY,CAAA,EAAA,CAAA;AAAA,IACvC;AACA,IAAA,IAAI,OAAO,kBAAkB,QAAA,EAAU;AACtC,MAAA,OAAO,YAAA,GAAe,CAAA,KAAA,EAAQ,aAAa,CAAA,GAAA,EAAM,YAAY,CAAA,GAAA,CAAA,GAAQ,aAAA;AAAA,IACtE;AACA,IAAA,OAAO,MAAA;AAAA,EACR,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACrB,IAAA,IAAI,cAAc,YAAA,EAAc;AAC/B,MAAA,IAAI,mBAAmB,OAAA,EAAS;AAC/B,QAAA,OAAO,UAAA,mBAAa,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,uBAAM,WAAA,EAAA,EAAY,CAAA;AAAA,MACrD;AACA,MAAA,OAAO,UAAA,mBAAa,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,uBAAM,YAAA,EAAA,EAAa,CAAA;AAAA,IACrD;AACA,IAAA,IAAI,mBAAmB,QAAA,EAAU;AAChC,MAAA,OAAO,UAAA,mBAAa,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,uBAAM,SAAA,EAAA,EAAU,CAAA;AAAA,IAClD;AACA,IAAA,OAAO,UAAA,mBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,uBAAM,WAAA,EAAA,EAAY,CAAA;AAAA,EAClD,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC5B,IAAA,IAAI,cAAc,YAAA,EAAc;AAC/B,MAAA,OAAO,cAAA,KAAmB,UAAU,cAAA,GAAiB,aAAA;AAAA,IACtD;AACA,IAAA,OAAO,cAAA,KAAmB,WAAW,eAAA,GAAkB,YAAA;AAAA,EACxD,CAAA;AAEA,EAAA,MAAM,oBAAoB,MAAqB;AAC9C,IAAA,IAAI,cAAc,YAAA,EAAc;AAC/B,MAAA,OAAO;AAAA,QACN,KAAA,EAAO,aAAa,MAAA,GAAS,KAAA;AAAA,QAC7B,MAAA,EAAQ;AAAA,OACT;AAAA,IACD;AACA,IAAA,OAAO;AAAA,MACN,MAAA,EAAQ,aAAa,MAAA,GAAS,KAAA;AAAA,MAC9B,KAAA,EAAO;AAAA,KACR;AAAA,EACD,CAAA;AAEA,EAAA,MAAM,gBAAA,GACL,SAAA,KAAc,YAAA,GAAe,gCAAA,GAAmC,8BAAA;AACjE,EAAA,MAAM,eAAe,SAAA,GAAY,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,GAAK,gBAAA;AAEtE,EAAA,MAAM,cAAA,GAAiB;AAAA,IACtB,uBAAA;AAAA,IACA,SAAA,KAAc,YAAA,IAAgB,cAAA,KAAmB,OAAA,GAAU,aAAA,GAAgB,EAAA;AAAA,IAC3E,SAAA,KAAc,UAAA,IAAc,cAAA,KAAmB,QAAA,GAAW,cAAA,GAAiB;AAAA,GAC5E,CACE,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEV,EAAA,MAAM,SAAS,mBAAA,EAAoB;AACnC,EAAA,MAAM,YAAA,GAA8B;AAAA,IACnC,SAAA,EAAW,SAAA,KAAc,UAAA,GAAc,UAAA,GAAa,SAAS,KAAA,GAAS,MAAA;AAAA,IACtE,SAAA,EAAW,MAAA;AAAA,IACX,OAAA,EAAS,cAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACZ;AAEA,EAAA,MAAM,cAAA,GAAiB,gBAAgB,YAAY,CAAA;AACnD,EAAA,MAAM,eAAA,GAAkB,gBAAgB,aAAa,CAAA;AACrD,EAAA,MAAM,YAAA,GAA8B;AAAA,IACnC,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT;AAEA,EAAA,uBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,OAAO,YAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,iBAAA,EAAkB,EAAG,WAAW,cAAA,EAC1C,QAAA,EAAA;AAAA,MAAA,KAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAqB,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAO,EAC5D,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA,EACZ,CAAA;AAAA,0BAGA,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAsB,KAAA,EAAO,cAC1C,QAAA,EACF;AAAA,KAAA,EACD,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACA,OAAA,EAAS,MAAM,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QACxC,SAAA,EAAW,CAAA,cAAA,EAAiB,cAAA,EAAgB,CAAA,CAAA;AAAA,QAC5C,KAAA,EAAO,aAAa,cAAA,GAAO,cAAA;AAAA,QAE1B,QAAA,EAAA,OAAA;AAAQ;AAAA;AACV,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-64LBDDZU.js","sourcesContent":["import { useState, type CSSProperties, type ReactNode } from 'react';\nimport { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '../src/icons';\nimport './index.less';\n\nexport type CollapseBoxDirection = 'horizontal' | 'vertical';\nexport type CollapseBoxButtonPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface CollapseBoxProps {\n\tchildren?: ReactNode;\n\ttitle?: string;\n\tdirection?: CollapseBoxDirection;\n\tbuttonPosition?: CollapseBoxButtonPosition;\n\tdefaultWidth?: number | string;\n\tdefaultHeight?: number | string;\n\tcontentPadding?: string;\n\theaderHeight?: number;\n\tclassName?: string;\n}\n\nconst formatDimension = (value?: number | string): string | undefined => {\n\tif (value === undefined || value === null) return undefined;\n\treturn typeof value === 'number' ? `${value}px` : value;\n};\n\nconst ChevronLeft = () => <LeftOutlined />;\n\nconst ChevronRight = () => <RightOutlined />;\n\nconst ChevronUp = () => <UpOutlined />;\n\nconst ChevronDown = () => <DownOutlined />;\n\nconst CollapsibleBox = ({\n\tchildren,\n\ttitle = '内容区域',\n\tdirection = 'horizontal',\n\tbuttonPosition = 'right',\n\tdefaultWidth = 600,\n\tdefaultHeight = 300,\n\tcontentPadding = '16px',\n\theaderHeight = 16,\n\tclassName,\n}: CollapseBoxProps) => {\n\tconst [isExpanded, setIsExpanded] = useState(true);\n\n\tconst getContentMaxHeight = () => {\n\t\tif (typeof defaultHeight === 'number') {\n\t\t\treturn `${defaultHeight - headerHeight}px`;\n\t\t}\n\t\tif (typeof defaultHeight === 'string') {\n\t\t\treturn headerHeight ? `calc(${defaultHeight} - ${headerHeight}px)` : defaultHeight;\n\t\t}\n\t\treturn '100%';\n\t};\n\n\tconst getIcon = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\tif (buttonPosition === 'right') {\n\t\t\t\treturn isExpanded ? <ChevronRight /> : <ChevronLeft />;\n\t\t\t}\n\t\t\treturn isExpanded ? <ChevronLeft /> : <ChevronRight />;\n\t\t}\n\t\tif (buttonPosition === 'bottom') {\n\t\t\treturn isExpanded ? <ChevronDown /> : <ChevronUp />;\n\t\t}\n\t\treturn isExpanded ? <ChevronUp /> : <ChevronDown />;\n\t};\n\n\tconst getButtonClass = () => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn buttonPosition === 'right' ? 'button-right' : 'button-left';\n\t\t}\n\t\treturn buttonPosition === 'bottom' ? 'button-bottom' : 'button-top';\n\t};\n\n\tconst getContainerStyle = (): CSSProperties => {\n\t\tif (direction === 'horizontal') {\n\t\t\treturn {\n\t\t\t\twidth: isExpanded ? '100%' : '0px',\n\t\t\t\theight: '100%',\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\theight: isExpanded ? '100%' : '0px',\n\t\t\twidth: '100%',\n\t\t};\n\t};\n\n\tconst baseWrapperClass =\n\t\tdirection === 'horizontal' ? 'collapsible-wrapper horizontal' : 'collapsible-wrapper vertical';\n\tconst wrapperClass = className ? `${baseWrapperClass} ${className}` : baseWrapperClass;\n\n\tconst containerClass = [\n\t\t'collapsible-container',\n\t\tdirection === 'horizontal' && buttonPosition === 'right' ? 'align-right' : '',\n\t\tdirection === 'vertical' && buttonPosition === 'bottom' ? 'align-bottom' : '',\n\t]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n\n\tconst height = getContentMaxHeight();\n\tconst contentStyle: CSSProperties = {\n\t\tmaxHeight: direction === 'vertical' ? (isExpanded ? height : '0px') : height,\n\t\toverflowY: 'auto',\n\t\tpadding: contentPadding,\n\t\tboxSizing: 'border-box',\n\t};\n\n\tconst formattedWidth = formatDimension(defaultWidth);\n\tconst formattedHeight = formatDimension(defaultHeight);\n\tconst wrapperStyle: CSSProperties = {\n\t\twidth: formattedWidth,\n\t\theight: formattedHeight,\n\t};\n\n\treturn (\n\t\t<div className={wrapperClass} style={wrapperStyle}>\n\t\t\t<div style={getContainerStyle()} className={containerClass}>\n\t\t\t\t{title && (\n\t\t\t\t\t<div className=\"collapsible-header\" style={{ display: 'none' }}>\n\t\t\t\t\t\t<h3>{title}</h3>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"collapsible-content\" style={contentStyle}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tonClick={() => setIsExpanded(!isExpanded)}\n\t\t\t\tclassName={`toggle-button ${getButtonClass()}`}\n\t\t\t\ttitle={isExpanded ? '隐藏' : '展开'}\n\t\t\t>\n\t\t\t\t{getIcon()}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default CollapsibleBox;\n"]}