react-public-components 1.2.1 → 1.2.3

package/dist/chunk-D7ZE4NMX.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// BadgeRibbon/index.tsx
+var BadgeRibbon = ({
+  text,
+  color = "#ff4d4f",
+  placement = "end",
+  children,
+  className = "",
+  style
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rpc_badge_ribbon_wrapper ${className}`, style, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `rpc_badge_ribbon rpc_badge_ribbon_${placement}`,
+        style: { background: color },
+        children: text
+      }
+    )
+  ] });
+};
+var BadgeRibbon_default = BadgeRibbon;
+
+exports.BadgeRibbon_default = BadgeRibbon_default;
+//# sourceMappingURL=chunk-D7ZE4NMX.cjs.map
+//# sourceMappingURL=chunk-D7ZE4NMX.cjs.map

package/dist/chunk-D7ZE4NMX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../BadgeRibbon/index.tsx"],"names":["jsx"],"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,uCACE,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,yBAAA,EAA4B,SAAS,IAAI,KAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDA,cAAA;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-D7ZE4NMX.cjs","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-DJQEBDEP.cjs

@@ -0,0 +1,128 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('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] = react.useState(defaultValue);
+  const selectedValues = controlledValue !== void 0 ? controlledValue : internalVal;
+  const [activeLevel1, setActiveLevel1] = react.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] = react.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__ */ jsxRuntime.jsxs("div", { className: `rpc_tree_filter_panel ${className}`, style, children: [
+    options.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[0] || "\u4E00\u7EA7\u5206\u7C7B",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[1] || "\u4E8C\u7EA7\u5206\u7C7B",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_row", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_label", children: [
+        levelLabels[2] || "\u4E09\u7EA7\u6807\u7B7E",
+        "\uFF1A"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_tree_filter_panel_options", children: level3Options.map((opt) => {
+        const isSelected = selectedValues.includes(opt.value);
+        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rpc_tree_filter_panel_footer", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "\u5DF2\u9009\u6761\u4EF6\uFF1A",
+        selectedValues.length,
+        " \u9879"
+      ] }),
+      selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_tree_filter_panel_clear_btn", onClick: handleClear, children: "\u6E05\u7A7A\u6240\u6709\u7B5B\u9009" })
+    ] })
+  ] });
+};
+var TreeFilterPanel_default = TreeFilterPanel;
+
+exports.TreeFilterPanel_default = TreeFilterPanel_default;
+//# sourceMappingURL=chunk-DJQEBDEP.cjs.map
+//# sourceMappingURL=chunk-DJQEBDEP.cjs.map

package/dist/chunk-DJQEBDEP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../TreeFilterPanel/index.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"chunk-DJQEBDEP.cjs","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-EGZSSZBX.js

@@ -0,0 +1,211 @@
+import { LoadingOutlined, CloseCircleFilled, DownOutlined, CheckOutlined } from './chunk-ISUXPTLV.js';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DebounceSelect = ({
+  fetchOptions,
+  debounceTimeout = 300,
+  mode = "single",
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  placeholder = "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9...",
+  allowClear = true,
+  disabled = false,
+  notFoundContent = "\u6682\u65E0\u5339\u914D\u6570\u636E",
+  defaultOptions = [],
+  className = "",
+  style
+}) => {
+  const [internalValue, setInternalValue] = useState(
+    defaultValue != null ? defaultValue : mode === "multiple" ? [] : void 0
+  );
+  const currentValue = controlledValue !== void 0 ? controlledValue : internalValue;
+  const [options, setOptions] = useState(defaultOptions);
+  const [fetching, setFetching] = useState(false);
+  const [searchValue, setSearchValue] = useState("");
+  const [isOpen, setIsOpen] = useState(false);
+  const containerRef = useRef(null);
+  const inputRef = useRef(null);
+  const fetchRef = useRef(0);
+  const debounceTimerRef = useRef(null);
+  const selectedList = useMemo(() => {
+    if (currentValue === void 0 || currentValue === null) return [];
+    const rawArr = Array.isArray(currentValue) ? currentValue : [currentValue];
+    return rawArr.map((item) => {
+      if (typeof item === "object" && item !== null && "value" in item) {
+        return item;
+      }
+      const matched = options.find((opt) => opt.value === item);
+      return matched || { label: String(item), value: item };
+    });
+  }, [currentValue, options]);
+  const performSearch = (kw) => {
+    fetchRef.current += 1;
+    const fetchId = fetchRef.current;
+    if (debounceTimerRef.current) {
+      window.clearTimeout(debounceTimerRef.current);
+    }
+    debounceTimerRef.current = window.setTimeout(() => {
+      setFetching(true);
+      fetchOptions(kw).then((newOptions) => {
+        if (fetchId === fetchRef.current) {
+          setOptions(newOptions);
+          setFetching(false);
+        }
+      }).catch(() => {
+        if (fetchId === fetchRef.current) {
+          setOptions([]);
+          setFetching(false);
+        }
+      });
+    }, debounceTimeout);
+  };
+  const handleInputChange = (e) => {
+    const val = e.target.value;
+    setSearchValue(val);
+    if (!isOpen) setIsOpen(true);
+    performSearch(val);
+  };
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      if (debounceTimerRef.current) {
+        window.clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, []);
+  const handleSelectOption = (option) => {
+    var _a;
+    if (option.disabled) return;
+    if (mode === "single") {
+      if (controlledValue === void 0) {
+        setInternalValue(option.value);
+      }
+      onChange == null ? void 0 : onChange(option.value, option);
+      setIsOpen(false);
+      setSearchValue("");
+    } else {
+      const exists = selectedList.some((item) => item.value === option.value);
+      let nextSelected;
+      if (exists) {
+        nextSelected = selectedList.filter((item) => item.value !== option.value);
+      } else {
+        nextSelected = [...selectedList, option];
+      }
+      const nextValues = nextSelected.map((item) => item.value);
+      if (controlledValue === void 0) {
+        setInternalValue(nextValues);
+      }
+      onChange == null ? void 0 : onChange(nextValues, nextSelected);
+      setSearchValue("");
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }
+  };
+  const handleRemoveTag = (e, val) => {
+    e.stopPropagation();
+    const nextSelected = selectedList.filter((item) => item.value !== val);
+    const nextValues = nextSelected.map((item) => item.value);
+    if (controlledValue === void 0) {
+      setInternalValue(nextValues);
+    }
+    onChange == null ? void 0 : onChange(nextValues, nextSelected);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    const emptyVal = mode === "multiple" ? [] : void 0;
+    if (controlledValue === void 0) {
+      setInternalValue(emptyVal);
+    }
+    onChange == null ? void 0 : onChange(emptyVal, mode === "multiple" ? [] : void 0);
+    setSearchValue("");
+  };
+  const showClear = allowClear && !disabled && (selectedList.length > 0 || searchValue.length > 0);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `rpc_debounce_select ${className}`, style, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rpc_debounce_select_selector ${isOpen ? "rpc_debounce_select_selector_focused" : ""} ${disabled ? "rpc_debounce_select_selector_disabled" : ""}`,
+        onClick: () => {
+          var _a;
+          if (!disabled) {
+            setIsOpen(true);
+            (_a = inputRef.current) == null ? void 0 : _a.focus();
+            if (options.length === 0 && !searchValue) {
+              performSearch("");
+            }
+          }
+        },
+        children: [
+          mode === "multiple" && selectedList.map((item) => /* @__PURE__ */ jsxs("span", { className: "rpc_debounce_select_tag", children: [
+            /* @__PURE__ */ jsx("span", { children: item.label }),
+            !disabled && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "rpc_debounce_select_tag_close",
+                onClick: (e) => handleRemoveTag(e, item.value),
+                children: "\xD7"
+              }
+            )
+          ] }, item.value)),
+          mode === "single" && selectedList.length > 0 && !searchValue && !isOpen && /* @__PURE__ */ jsx("span", { style: { color: "#262626", marginRight: 4 }, children: selectedList[0].label }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              className: "rpc_debounce_select_input",
+              value: searchValue,
+              onChange: handleInputChange,
+              placeholder: selectedList.length === 0 ? placeholder : "",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "rpc_debounce_select_actions", children: [
+            fetching && /* @__PURE__ */ jsx(LoadingOutlined, {}),
+            !fetching && showClear && /* @__PURE__ */ jsx(CloseCircleFilled, { className: "rpc_debounce_select_clear_btn", onClick: handleClear }),
+            !fetching && !showClear && /* @__PURE__ */ jsx(
+              DownOutlined,
+              {
+                style: {
+                  transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: "transform 0.2s",
+                  fontSize: 10
+                }
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    isOpen && !disabled && /* @__PURE__ */ jsx("div", { className: "rpc_debounce_select_dropdown", children: fetching && options.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rpc_debounce_select_empty", children: [
+      /* @__PURE__ */ jsx(LoadingOutlined, { style: { marginRight: 8 } }),
+      "\u6B63\u5728\u641C\u7D22\u4E2D..."
+    ] }) : options.length > 0 ? options.map((opt) => {
+      const isSelected = selectedList.some((item) => item.value === opt.value);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `rpc_debounce_select_item ${isSelected ? "rpc_debounce_select_item_selected" : ""} ${opt.disabled ? "rpc_debounce_select_item_disabled" : ""}`,
+          onClick: () => handleSelectOption(opt),
+          children: [
+            /* @__PURE__ */ jsx("span", { children: opt.label }),
+            isSelected && /* @__PURE__ */ jsx(CheckOutlined, { style: { fontSize: 12 } })
+          ]
+        },
+        opt.value
+      );
+    }) : /* @__PURE__ */ jsx("div", { className: "rpc_debounce_select_empty", children: notFoundContent }) })
+  ] });
+};
+var DebounceSelect_default = DebounceSelect;
+
+export { DebounceSelect_default };
+//# sourceMappingURL=chunk-EGZSSZBX.js.map
+//# sourceMappingURL=chunk-EGZSSZBX.js.map

package/dist/chunk-EGZSSZBX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../DebounceSelect/index.tsx"],"names":[],"mappings":"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","file":"chunk-EGZSSZBX.js","sourcesContent":["import React, { useState, useRef, useEffect, useMemo, ReactNode, CSSProperties } from 'react';\nimport {\n\tLoadingOutlined,\n\tSearchOutlined,\n\tCloseCircleFilled,\n\tDownOutlined,\n\tCheckOutlined,\n} from '../src/icons';\nimport './index.less';\n\nexport interface SelectOption {\n\tlabel: ReactNode;\n\tvalue: string | number;\n\tdisabled?: boolean;\n\t[key: string]: unknown;\n}\n\nexport type SelectValue =\n\tstring | number | SelectOption | (string | number | SelectOption)[] | undefined;\n\nexport interface DebounceSelectProps {\n\t/** 异步拉取选项列表的函数 */\n\tfetchOptions: (search: string) => Promise<SelectOption[]>;\n\t/** 防抖等待时间（毫秒），默认为 300ms */\n\tdebounceTimeout?: number;\n\t/** 选择模式：'single' 单选，'multiple' 多选（Tag标签形式） */\n\tmode?: 'single' | 'multiple';\n\t/** 当前选中值 */\n\tvalue?: SelectValue;\n\t/** 默认选中值 */\n\tdefaultValue?: SelectValue;\n\t/** 选中值变化回调 */\n\tonChange?: (value: SelectValue, option?: SelectOption | SelectOption[]) => void;\n\t/** 输入框占位符 */\n\tplaceholder?: string;\n\t/** 是否支持清空 */\n\tallowClear?: boolean;\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 空数据时的展示内容 */\n\tnotFoundContent?: ReactNode;\n\t/** 默认选项列表（搜索前展示） */\n\tdefaultOptions?: SelectOption[];\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst DebounceSelect: React.FC<DebounceSelectProps> = ({\n\tfetchOptions,\n\tdebounceTimeout = 300,\n\tmode = 'single',\n\tvalue: controlledValue,\n\tdefaultValue,\n\tonChange,\n\tplaceholder = '请输入搜索内容...',\n\tallowClear = true,\n\tdisabled = false,\n\tnotFoundContent = '暂无匹配数据',\n\tdefaultOptions = [],\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalValue, setInternalValue] = useState<SelectValue>(\n\t\tdefaultValue ?? (mode === 'multiple' ? [] : undefined),\n\t);\n\n\tconst currentValue = controlledValue !== undefined ? controlledValue : internalValue;\n\n\tconst [options, setOptions] = useState<SelectOption[]>(defaultOptions);\n\tconst [fetching, setFetching] = useState<boolean>(false);\n\tconst [searchValue, setSearchValue] = useState<string>('');\n\tconst [isOpen, setIsOpen] = useState<boolean>(false);\n\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst fetchRef = useRef<number>(0);\n\tconst debounceTimerRef = useRef<number | null>(null);\n\n\t// 解析格式化已选值，统一定位到数组格式\n\tconst selectedList: SelectOption[] = useMemo(() => {\n\t\tif (currentValue === undefined || currentValue === null) return [];\n\t\tconst rawArr = Array.isArray(currentValue) ? currentValue : [currentValue];\n\t\treturn rawArr.map((item) => {\n\t\t\tif (typeof item === 'object' && item !== null && 'value' in item) {\n\t\t\t\treturn item as SelectOption;\n\t\t\t}\n\t\t\tconst matched = options.find((opt) => opt.value === item);\n\t\t\treturn matched || { label: String(item), value: item as string | number };\n\t\t});\n\t}, [currentValue, options]);\n\n\t// 异步搜索逻辑（带时序竞态控制）\n\tconst performSearch = (kw: string) => {\n\t\tfetchRef.current += 1;\n\t\tconst fetchId = fetchRef.current;\n\n\t\tif (debounceTimerRef.current) {\n\t\t\twindow.clearTimeout(debounceTimerRef.current);\n\t\t}\n\n\t\tdebounceTimerRef.current = window.setTimeout(() => {\n\t\t\tsetFetching(true);\n\t\t\tfetchOptions(kw)\n\t\t\t\t.then((newOptions) => {\n\t\t\t\t\t// 仅当当前请求是最新一次发起的请求时才更新 options\n\t\t\t\t\tif (fetchId === fetchRef.current) {\n\t\t\t\t\t\tsetOptions(newOptions);\n\t\t\t\t\t\tsetFetching(false);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(() => {\n\t\t\t\t\tif (fetchId === fetchRef.current) {\n\t\t\t\t\t\tsetOptions([]);\n\t\t\t\t\t\tsetFetching(false);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t}, debounceTimeout);\n\t};\n\n\t// 监听输入变化\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst val = e.target.value;\n\t\tsetSearchValue(val);\n\t\tif (!isOpen) setIsOpen(true);\n\t\tperformSearch(val);\n\t};\n\n\t// 点击外部关闭弹窗\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (e: MouseEvent) => {\n\t\t\tif (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n\t\t\t\tsetIsOpen(false);\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t\tif (debounceTimerRef.current) {\n\t\t\t\twindow.clearTimeout(debounceTimerRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// 选中项处理\n\tconst handleSelectOption = (option: SelectOption) => {\n\t\tif (option.disabled) return;\n\n\t\tif (mode === 'single') {\n\t\t\tif (controlledValue === undefined) {\n\t\t\t\tsetInternalValue(option.value);\n\t\t\t}\n\t\t\tonChange?.(option.value, option);\n\t\t\tsetIsOpen(false);\n\t\t\tsetSearchValue('');\n\t\t} else {\n\t\t\tconst exists = selectedList.some((item) => item.value === option.value);\n\t\t\tlet nextSelected: SelectOption[];\n\t\t\tif (exists) {\n\t\t\t\tnextSelected = selectedList.filter((item) => item.value !== option.value);\n\t\t\t} else {\n\t\t\t\tnextSelected = [...selectedList, option];\n\t\t\t}\n\t\t\tconst nextValues = nextSelected.map((item) => item.value);\n\t\t\tif (controlledValue === undefined) {\n\t\t\t\tsetInternalValue(nextValues);\n\t\t\t}\n\t\t\tonChange?.(nextValues, nextSelected);\n\t\t\tsetSearchValue('');\n\t\t\tinputRef.current?.focus();\n\t\t}\n\t};\n\n\t// 移除选中 Tag\n\tconst handleRemoveTag = (e: React.MouseEvent, val: string | number) => {\n\t\te.stopPropagation();\n\t\tconst nextSelected = selectedList.filter((item) => item.value !== val);\n\t\tconst nextValues = nextSelected.map((item) => item.value);\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(nextValues);\n\t\t}\n\t\tonChange?.(nextValues, nextSelected);\n\t};\n\n\t// 清空全部\n\tconst handleClear = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tconst emptyVal = mode === 'multiple' ? [] : undefined;\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(emptyVal);\n\t\t}\n\t\tonChange?.(emptyVal, mode === 'multiple' ? [] : undefined);\n\t\tsetSearchValue('');\n\t};\n\n\tconst showClear = allowClear && !disabled && (selectedList.length > 0 || searchValue.length > 0);\n\n\treturn (\n\t\t<div ref={containerRef} className={`rpc_debounce_select ${className}`} style={style}>\n\t\t\t<div\n\t\t\t\tclassName={`rpc_debounce_select_selector ${\n\t\t\t\t\tisOpen ? 'rpc_debounce_select_selector_focused' : ''\n\t\t\t\t} ${disabled ? 'rpc_debounce_select_selector_disabled' : ''}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (!disabled) {\n\t\t\t\t\t\tsetIsOpen(true);\n\t\t\t\t\t\tinputRef.current?.focus();\n\t\t\t\t\t\tif (options.length === 0 && !searchValue) {\n\t\t\t\t\t\t\tperformSearch('');\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* 多选 Tags */}\n\t\t\t\t{mode === 'multiple' &&\n\t\t\t\t\tselectedList.map((item) => (\n\t\t\t\t\t\t<span key={item.value} className=\"rpc_debounce_select_tag\">\n\t\t\t\t\t\t\t<span>{item.label}</span>\n\t\t\t\t\t\t\t{!disabled && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"rpc_debounce_select_tag_close\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleRemoveTag(e, item.value)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t×\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</span>\n\t\t\t\t\t))}\n\n\t\t\t\t{/* 单选回显值或输入框 */}\n\t\t\t\t{mode === 'single' && selectedList.length > 0 && !searchValue && !isOpen && (\n\t\t\t\t\t<span style={{ color: '#262626', marginRight: 4 }}>{selectedList[0].label}</span>\n\t\t\t\t)}\n\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\tclassName=\"rpc_debounce_select_input\"\n\t\t\t\t\tvalue={searchValue}\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\tplaceholder={selectedList.length === 0 ? placeholder : ''}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t/>\n\n\t\t\t\t{/* 右侧动作按钮 */}\n\t\t\t\t<div className=\"rpc_debounce_select_actions\">\n\t\t\t\t\t{fetching && <LoadingOutlined />}\n\t\t\t\t\t{!fetching && showClear && (\n\t\t\t\t\t\t<CloseCircleFilled className=\"rpc_debounce_select_clear_btn\" onClick={handleClear} />\n\t\t\t\t\t)}\n\t\t\t\t\t{!fetching && !showClear && (\n\t\t\t\t\t\t<DownOutlined\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\ttransform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\ttransition: 'transform 0.2s',\n\t\t\t\t\t\t\t\tfontSize: 10,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* 下拉浮层 */}\n\t\t\t{isOpen && !disabled && (\n\t\t\t\t<div className=\"rpc_debounce_select_dropdown\">\n\t\t\t\t\t{fetching && options.length === 0 ? (\n\t\t\t\t\t\t<div className=\"rpc_debounce_select_empty\">\n\t\t\t\t\t\t\t<LoadingOutlined style={{ marginRight: 8 }} />\n\t\t\t\t\t\t\t正在搜索中...\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : options.length > 0 ? (\n\t\t\t\t\t\toptions.map((opt) => {\n\t\t\t\t\t\t\tconst isSelected = selectedList.some((item) => item.value === opt.value);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\t\tclassName={`rpc_debounce_select_item ${\n\t\t\t\t\t\t\t\t\t\tisSelected ? 'rpc_debounce_select_item_selected' : ''\n\t\t\t\t\t\t\t\t\t} ${opt.disabled ? 'rpc_debounce_select_item_disabled' : ''}`}\n\t\t\t\t\t\t\t\t\tonClick={() => handleSelectOption(opt)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>{opt.label}</span>\n\t\t\t\t\t\t\t\t\t{isSelected && <CheckOutlined style={{ fontSize: 12 }} />}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"rpc_debounce_select_empty\">{notFoundContent}</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DebounceSelect;\n"]}

package/dist/chunk-EOGYWPX7.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// CodeSnippet/index.tsx
+var CodeSnippet = ({
+  code,
+  language = "bash",
+  theme = "dark",
+  title,
+  showLineNumbers = false,
+  copyable = true,
+  className = "",
+  style
+}) => {
+  const [copied, setCopied] = react.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__ */ jsxRuntime.jsxs("div", { className: `rpc_code_snippet rpc_code_snippet_${theme} ${className}`, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_code_snippet_top_bar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_code_snippet_dots", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_red" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_yellow" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_code_snippet_dot rpc_code_snippet_dot_green" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_code_snippet_lang", children: title != null ? title : language }),
+      copyable ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rpc_code_snippet_copy_btn", onClick: handleCopy, children: copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236" }) : /* @__PURE__ */ jsxRuntime.jsx("span", {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_code_snippet_body", children: [
+      showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_code_snippet_line_numbers", children: lines.map((_, idx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_code_snippet_line_no", children: idx + 1 }, idx)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "rpc_code_snippet_content", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) })
+    ] })
+  ] });
+};
+var CodeSnippet_default = CodeSnippet;
+
+exports.CodeSnippet_default = CodeSnippet_default;
+//# sourceMappingURL=chunk-EOGYWPX7.cjs.map
+//# sourceMappingURL=chunk-EOGYWPX7.cjs.map

package/dist/chunk-EOGYWPX7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../CodeSnippet/index.tsx"],"names":["useState","jsxs","jsx"],"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,GAAIA,eAAkB,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,uBACCC,eAAA,CAAC,SAAI,SAAA,EAAW,CAAA,kCAAA,EAAqC,KAAK,CAAA,CAAA,EAAI,SAAS,IAAI,KAAA,EAC1E,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACd,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACd,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,CAAA;AAAA,wBAChEA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EAAmD,CAAA;AAAA,wBACnEA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAA,EAAkD;AAAA,OAAA,EACnE,CAAA;AAAA,sBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,kCAAS,QAAA,EAAS,CAAA;AAAA,MAE1D,QAAA,mBACAA,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,UAAS,SAAA,EAAU,2BAAA,EAA4B,OAAA,EAAS,UAAA,EACnE,QAAA,EAAA,MAAA,GAAS,2BAAA,GAAU,cAAA,EACrB,CAAA,kCAEC,MAAA,EAAA,EAAK;AAAA,KAAA,EAER,CAAA;AAAA,oBAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,MAAA,eAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EACb,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG,GAAA,qBACdC,cAAA,CAAC,UAAe,SAAA,EAAU,0BAAA,EACxB,gBAAM,CAAA,EAAA,EADG,GAEX,CACA,CAAA,EACF,CAAA;AAAA,qCAEA,KAAA,EAAA,EAAI,SAAA,EAAU,4BACd,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAM,gBAAK,CAAA,EACb;AAAA,KAAA,EACD;AAAA,GAAA,EACD,CAAA;AAEF,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"chunk-EOGYWPX7.cjs","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-EPYD35KB.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// KanbanBoard/index.tsx
+function KanbanBoard({
+  columns,
+  keyExtractor,
+  renderCard,
+  onCardMove,
+  className = "",
+  style
+}) {
+  const [draggingCardId, setDraggingCardId] = react.useState(null);
+  const [sourceColumnId, setSourceColumnId] = react.useState(null);
+  const [dragOverColumnId, setDragOverColumnId] = react.useState(null);
+  const handleDragStart = (e, cardId, colId) => {
+    setDraggingCardId(cardId);
+    setSourceColumnId(colId);
+    e.dataTransfer.setData("text/plain", JSON.stringify({ cardId, colId }));
+    e.dataTransfer.effectAllowed = "move";
+  };
+  const handleDragEnd = () => {
+    setDraggingCardId(null);
+    setSourceColumnId(null);
+    setDragOverColumnId(null);
+  };
+  const handleDragOverCol = (e, colId) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    if (dragOverColumnId !== colId) {
+      setDragOverColumnId(colId);
+    }
+  };
+  const handleDropOnCol = (e, targetColId, targetIndex) => {
+    e.preventDefault();
+    if (!draggingCardId || !sourceColumnId) return;
+    const targetColumn = columns.find((c) => c.id === targetColId);
+    const newIdx = targetIndex !== void 0 ? targetIndex : targetColumn ? targetColumn.items.length : 0;
+    onCardMove == null ? void 0 : onCardMove(draggingCardId, sourceColumnId, targetColId, newIdx);
+    handleDragEnd();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rpc_kanban_board ${className}`, style, children: columns.map((col) => {
+    const isOver = dragOverColumnId === col.id;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `rpc_kanban_board_column ${isOver ? "rpc_kanban_board_column_dragover" : ""}`,
+        onDragOver: (e) => handleDragOverCol(e, col.id),
+        onDrop: (e) => handleDropOnCol(e, col.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_kanban_board_column_header", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rpc_kanban_board_column_title_wrap", children: [
+              col.color && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: "rpc_kanban_board_column_dot",
+                  style: { backgroundColor: col.color }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.title })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rpc_kanban_board_column_count", children: col.items.length })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_kanban_board_column_body", children: col.items.map((item, idx) => {
+            const cardId = keyExtractor(item);
+            const isDragging = draggingCardId === cardId;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                draggable: true,
+                onDragStart: (e) => handleDragStart(e, cardId, col.id),
+                onDragEnd: handleDragEnd,
+                onDragOver: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                onDrop: (e) => {
+                  e.stopPropagation();
+                  handleDropOnCol(e, col.id, idx);
+                },
+                className: `rpc_kanban_board_card ${isDragging ? "rpc_kanban_board_card_dragging" : ""}`,
+                children: renderCard(item, col.id)
+              },
+              cardId
+            );
+          }) })
+        ]
+      },
+      col.id
+    );
+  }) });
+}
+var KanbanBoard_default = KanbanBoard;
+
+exports.KanbanBoard_default = KanbanBoard_default;
+//# sourceMappingURL=chunk-EPYD35KB.cjs.map
+//# sourceMappingURL=chunk-EPYD35KB.cjs.map

package/dist/chunk-EPYD35KB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../KanbanBoard/index.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-EPYD35KB.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface KanbanColumn<T> {\n\tid: string;\n\ttitle: string;\n\tcolor?: string;\n\titems: T[];\n}\n\nexport interface KanbanBoardProps<T> {\n\t/** 泳道列数据 */\n\tcolumns: KanbanColumn<T>[];\n\t/** 提取卡片唯一 Key */\n\tkeyExtractor: (item: T) => string;\n\t/** 自定义渲染单个卡片 */\n\trenderCard: (item: T, columnId: string) => ReactNode;\n\t/** 卡片拖拽移动完成回调 */\n\tonCardMove?: (cardId: string, sourceColId: string, targetColId: string, newIndex: number) => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nfunction KanbanBoard<T>({\n\tcolumns,\n\tkeyExtractor,\n\trenderCard,\n\tonCardMove,\n\tclassName = '',\n\tstyle,\n}: KanbanBoardProps<T>) {\n\tconst [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\tconst [sourceColumnId, setSourceColumnId] = useState<string | null>(null);\n\tconst [dragOverColumnId, setDragOverColumnId] = useState<string | null>(null);\n\n\tconst handleDragStart = (e: React.DragEvent<HTMLDivElement>, cardId: string, colId: string) => {\n\t\tsetDraggingCardId(cardId);\n\t\tsetSourceColumnId(colId);\n\t\te.dataTransfer.setData('text/plain', JSON.stringify({ cardId, colId }));\n\t\te.dataTransfer.effectAllowed = 'move';\n\t};\n\n\tconst handleDragEnd = () => {\n\t\tsetDraggingCardId(null);\n\t\tsetSourceColumnId(null);\n\t\tsetDragOverColumnId(null);\n\t};\n\n\tconst handleDragOverCol = (e: React.DragEvent<HTMLDivElement>, colId: string) => {\n\t\te.preventDefault();\n\t\te.dataTransfer.dropEffect = 'move';\n\t\tif (dragOverColumnId !== colId) {\n\t\t\tsetDragOverColumnId(colId);\n\t\t}\n\t};\n\n\tconst handleDropOnCol = (\n\t\te: React.DragEvent<HTMLDivElement>,\n\t\ttargetColId: string,\n\t\ttargetIndex?: number,\n\t) => {\n\t\te.preventDefault();\n\t\tif (!draggingCardId || !sourceColumnId) return;\n\n\t\tconst targetColumn = columns.find((c) => c.id === targetColId);\n\t\tconst newIdx =\n\t\t\ttargetIndex !== undefined ? targetIndex : targetColumn ? targetColumn.items.length : 0;\n\n\t\tonCardMove?.(draggingCardId, sourceColumnId, targetColId, newIdx);\n\t\thandleDragEnd();\n\t};\n\n\treturn (\n\t\t<div className={`rpc_kanban_board ${className}`} style={style}>\n\t\t\t{columns.map((col) => {\n\t\t\t\tconst isOver = dragOverColumnId === col.id;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={col.id}\n\t\t\t\t\t\tclassName={`rpc_kanban_board_column ${\n\t\t\t\t\t\t\tisOver ? 'rpc_kanban_board_column_dragover' : ''\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tonDragOver={(e) => handleDragOverCol(e, col.id)}\n\t\t\t\t\t\tonDrop={(e) => handleDropOnCol(e, col.id)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* 列头部 */}\n\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_header\">\n\t\t\t\t\t\t\t<div className=\"rpc_kanban_board_column_title_wrap\">\n\t\t\t\t\t\t\t\t{col.color && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName=\"rpc_kanban_board_column_dot\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: col.color }}\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<span>{col.title}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span className=\"rpc_kanban_board_column_count\">{col.items.length}</span>\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_kanban_board_column_body\">\n\t\t\t\t\t\t\t{col.items.map((item, idx) => {\n\t\t\t\t\t\t\t\tconst cardId = keyExtractor(item);\n\t\t\t\t\t\t\t\tconst isDragging = draggingCardId === cardId;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={cardId}\n\t\t\t\t\t\t\t\t\t\tdraggable\n\t\t\t\t\t\t\t\t\t\tonDragStart={(e) => handleDragStart(e, cardId, col.id)}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\t\t\tonDragOver={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonDrop={(e) => {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleDropOnCol(e, col.id, idx);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={`rpc_kanban_board_card ${\n\t\t\t\t\t\t\t\t\t\t\tisDragging ? 'rpc_kanban_board_card_dragging' : ''\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderCard(item, col.id)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\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 KanbanBoard;\n"]}