react-public-components 1.2.1 → 1.2.3

package/dist/chunk-L7X3RVEY.js

@@ -0,0 +1,101 @@
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// NumericRangeInput/index.tsx
+var NumericRangeInput = ({
+  value: controlledValue,
+  defaultValue = [void 0, void 0],
+  onChange,
+  min,
+  max,
+  step = 1,
+  precision,
+  prefix,
+  suffix,
+  separator = "~",
+  shortcuts,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const [internalVal, setInternalVal] = useState(defaultValue);
+  const range = controlledValue !== void 0 ? controlledValue : internalVal;
+  const [isFocused, setIsFocused] = useState(false);
+  const isInvalid = range[0] !== void 0 && range[1] !== void 0 && range[0] > range[1];
+  const handleStartChange = (e) => {
+    const val = e.target.value === "" ? void 0 : Number(e.target.value);
+    const nextRange = [val, range[1]];
+    if (controlledValue === void 0) setInternalVal(nextRange);
+    onChange == null ? void 0 : onChange(nextRange);
+  };
+  const handleEndChange = (e) => {
+    const val = e.target.value === "" ? void 0 : Number(e.target.value);
+    const nextRange = [range[0], val];
+    if (controlledValue === void 0) setInternalVal(nextRange);
+    onChange == null ? void 0 : onChange(nextRange);
+  };
+  const handleShortcutClick = (scVal) => {
+    if (disabled) return;
+    if (controlledValue === void 0) setInternalVal(scVal);
+    onChange == null ? void 0 : onChange(scVal);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `rpc_numeric_range_input ${className}`, style, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rpc_numeric_range_input_container ${isFocused ? "rpc_numeric_range_input_container_focused" : ""} ${isInvalid ? "rpc_numeric_range_input_container_error" : ""} ${disabled ? "rpc_numeric_range_input_container_disabled" : ""}`,
+        children: [
+          prefix && /* @__PURE__ */ jsx("span", { className: "rpc_numeric_range_input_prefix", children: prefix }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              value: range[0] !== void 0 ? range[0] : "",
+              min,
+              max,
+              step,
+              disabled,
+              placeholder: "\u6700\u5C0F\u503C",
+              className: "rpc_numeric_range_input_input",
+              onChange: handleStartChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "rpc_numeric_range_input_separator", children: separator }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              value: range[1] !== void 0 ? range[1] : "",
+              min,
+              max,
+              step,
+              disabled,
+              placeholder: "\u6700\u5927\u503C",
+              className: "rpc_numeric_range_input_input",
+              onChange: handleEndChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false)
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx("span", { className: "rpc_numeric_range_input_suffix", children: suffix })
+        ]
+      }
+    ),
+    shortcuts && shortcuts.length > 0 && /* @__PURE__ */ jsx("div", { className: "rpc_numeric_range_input_shortcuts", children: shortcuts.map((sc, idx) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "rpc_numeric_range_input_shortcut_item",
+        onClick: () => handleShortcutClick(sc.value),
+        children: sc.label
+      },
+      idx
+    )) })
+  ] });
+};
+var NumericRangeInput_default = NumericRangeInput;
+
+export { NumericRangeInput_default };
+//# sourceMappingURL=chunk-L7X3RVEY.js.map
+//# sourceMappingURL=chunk-L7X3RVEY.js.map

package/dist/chunk-L7X3RVEY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../NumericRangeInput/index.tsx"],"names":[],"mappings":"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","file":"chunk-L7X3RVEY.js","sourcesContent":["import React, { useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type RangeValue = [number | undefined, number | undefined];\n\nexport interface RangeShortcut {\n\tlabel: string;\n\tvalue: RangeValue;\n}\n\nexport interface NumericRangeInputProps {\n\t/** 当前区间值 [min, max]（受控） */\n\tvalue?: RangeValue;\n\t/** 默认区间值 */\n\tdefaultValue?: RangeValue;\n\t/** 区间改变回调 */\n\tonChange?: (range: RangeValue) => void;\n\t/** 允许输入的最小值 */\n\tmin?: number;\n\t/** 允许输入的最大值 */\n\tmax?: number;\n\t/** 步长，默认为 1 */\n\tstep?: number;\n\t/** 精度小数位数 */\n\tprecision?: number;\n\t/** 前缀标签（如 '¥'） */\n\tprefix?: ReactNode;\n\t/** 后缀标签（如 '元'） */\n\tsuffix?: ReactNode;\n\t/** 连接分隔符，默认为 '~' */\n\tseparator?: ReactNode;\n\t/** 快捷区间选项列表 */\n\tshortcuts?: RangeShortcut[];\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst NumericRangeInput: React.FC<NumericRangeInputProps> = ({\n\tvalue: controlledValue,\n\tdefaultValue = [undefined, undefined],\n\tonChange,\n\tmin,\n\tmax,\n\tstep = 1,\n\tprecision,\n\tprefix,\n\tsuffix,\n\tseparator = '~',\n\tshortcuts,\n\tdisabled = false,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [internalVal, setInternalVal] = useState<RangeValue>(defaultValue);\n\tconst range = controlledValue !== undefined ? controlledValue : internalVal;\n\n\tconst [isFocused, setIsFocused] = useState<boolean>(false);\n\n\tconst isInvalid = range[0] !== undefined && range[1] !== undefined && range[0] > range[1];\n\n\tconst handleStartChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst val = e.target.value === '' ? undefined : Number(e.target.value);\n\t\tconst nextRange: RangeValue = [val, range[1]];\n\t\tif (controlledValue === undefined) setInternalVal(nextRange);\n\t\tonChange?.(nextRange);\n\t};\n\n\tconst handleEndChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst val = e.target.value === '' ? undefined : Number(e.target.value);\n\t\tconst nextRange: RangeValue = [range[0], val];\n\t\tif (controlledValue === undefined) setInternalVal(nextRange);\n\t\tonChange?.(nextRange);\n\t};\n\n\tconst handleShortcutClick = (scVal: RangeValue) => {\n\t\tif (disabled) return;\n\t\tif (controlledValue === undefined) setInternalVal(scVal);\n\t\tonChange?.(scVal);\n\t};\n\n\treturn (\n\t\t<div className={`rpc_numeric_range_input ${className}`} style={style}>\n\t\t\t<div\n\t\t\t\tclassName={`rpc_numeric_range_input_container ${\n\t\t\t\t\tisFocused ? 'rpc_numeric_range_input_container_focused' : ''\n\t\t\t\t} ${isInvalid ? 'rpc_numeric_range_input_container_error' : ''} ${\n\t\t\t\t\tdisabled ? 'rpc_numeric_range_input_container_disabled' : ''\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{prefix && <span className=\"rpc_numeric_range_input_prefix\">{prefix}</span>}\n\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvalue={range[0] !== undefined ? range[0] : ''}\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tstep={step}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceholder=\"最小值\"\n\t\t\t\t\tclassName=\"rpc_numeric_range_input_input\"\n\t\t\t\t\tonChange={handleStartChange}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={() => setIsFocused(false)}\n\t\t\t\t/>\n\n\t\t\t\t<span className=\"rpc_numeric_range_input_separator\">{separator}</span>\n\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvalue={range[1] !== undefined ? range[1] : ''}\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tstep={step}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceholder=\"最大值\"\n\t\t\t\t\tclassName=\"rpc_numeric_range_input_input\"\n\t\t\t\t\tonChange={handleEndChange}\n\t\t\t\t\tonFocus={() => setIsFocused(true)}\n\t\t\t\t\tonBlur={() => setIsFocused(false)}\n\t\t\t\t/>\n\n\t\t\t\t{suffix && <span className=\"rpc_numeric_range_input_suffix\">{suffix}</span>}\n\t\t\t</div>\n\n\t\t\t{/* 快捷区间预设 */}\n\t\t\t{shortcuts && shortcuts.length > 0 && (\n\t\t\t\t<div className=\"rpc_numeric_range_input_shortcuts\">\n\t\t\t\t\t{shortcuts.map((sc, idx) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tclassName=\"rpc_numeric_range_input_shortcut_item\"\n\t\t\t\t\t\t\tonClick={() => handleShortcutClick(sc.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{sc.label}\n\t\t\t\t\t\t</span>\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 NumericRangeInput;\n"]}

package/dist/chunk-LFXMUCEO.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// Marquee/index.tsx
+var Marquee = ({
+  children,
+  direction = "left",
+  speed = 50,
+  pauseOnHover = true,
+  gradient = false,
+  gradientColor = "#ffffff",
+  gap = 24,
+  play = true,
+  className = "",
+  style
+}) => {
+  const containerRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const [duration, setDuration] = react.useState(20);
+  const isVertical = direction === "up" || direction === "down";
+  react.useEffect(() => {
+    const calculateDuration = () => {
+      if (!contentRef.current) return;
+      const size = isVertical ? contentRef.current.clientHeight : contentRef.current.clientWidth;
+      if (size > 0 && speed > 0) {
+        setDuration(size / speed);
+      }
+    };
+    calculateDuration();
+    window.addEventListener("resize", calculateDuration);
+    return () => window.removeEventListener("resize", calculateDuration);
+  }, [children, speed, isVertical, gap]);
+  let animName = "rpcMarqueeLeft";
+  if (direction === "right") animName = "rpcMarqueeRight";
+  else if (direction === "up") animName = "rpcMarqueeUp";
+  else if (direction === "down") animName = "rpcMarqueeDown";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: `rpc_marquee ${isVertical ? "rpc_marquee_vertical" : ""} ${pauseOnHover ? "rpc_marquee_pause_on_hover" : ""} ${gradient ? "rpc_marquee_gradient" : ""} ${className}`,
+      style: {
+        ["--rpc-marquee-gap"]: `${gap}px`,
+        ["--rpc-marquee-gradient-color"]: gradientColor,
+        ...style
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "rpc_marquee_container",
+          style: {
+            animationName: animName,
+            animationDuration: `${duration}s`,
+            animationTimingFunction: "linear",
+            animationIterationCount: "infinite",
+            animationPlayState: play ? "running" : "paused"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "rpc_marquee_content", children }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_marquee_content", "aria-hidden": "true", children })
+          ]
+        }
+      )
+    }
+  );
+};
+var Marquee_default = Marquee;
+
+exports.Marquee_default = Marquee_default;
+//# sourceMappingURL=chunk-LFXMUCEO.cjs.map
+//# sourceMappingURL=chunk-LFXMUCEO.cjs.map

package/dist/chunk-LFXMUCEO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Marquee/index.tsx"],"names":["useRef","useState","useEffect","jsx","jsxs"],"mappings":"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","file":"chunk-LFXMUCEO.cjs","sourcesContent":["import React, { useRef, useState, useEffect, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport type MarqueeDirection = 'left' | 'right' | 'up' | 'down';\n\nexport interface MarqueeProps {\n\t/** 滚动子内容 */\n\tchildren: ReactNode;\n\t/** 滚动方向：'left' | 'right' | 'up' | 'down'，默认为 'left' */\n\tdirection?: MarqueeDirection;\n\t/** 滚动速度（像素/秒），默认为 50 */\n\tspeed?: number;\n\t/** 鼠标悬浮时是否暂停动画，默认为 true */\n\tpauseOnHover?: boolean;\n\t/** 是否开启两侧边缘羽化渐变遮罩，默认为 false */\n\tgradient?: boolean;\n\t/** 边缘渐变遮罩的颜色（通常与背景色一致），默认为 '#ffffff' */\n\tgradientColor?: string;\n\t/** 子项间距（像素），默认为 24 */\n\tgap?: number;\n\t/** 是否持续保持播放 */\n\tplay?: boolean;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst Marquee: React.FC<MarqueeProps> = ({\n\tchildren,\n\tdirection = 'left',\n\tspeed = 50,\n\tpauseOnHover = true,\n\tgradient = false,\n\tgradientColor = '#ffffff',\n\tgap = 24,\n\tplay = true,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst contentRef = useRef<HTMLDivElement>(null);\n\tconst [duration, setDuration] = useState<number>(20);\n\n\tconst isVertical = direction === 'up' || direction === 'down';\n\n\t// 根据内容尺寸动态计算保持固定速度所需的 CSS 动画时长\n\tuseEffect(() => {\n\t\tconst calculateDuration = () => {\n\t\t\tif (!contentRef.current) return;\n\t\t\tconst size = isVertical ? contentRef.current.clientHeight : contentRef.current.clientWidth;\n\n\t\t\tif (size > 0 && speed > 0) {\n\t\t\t\tsetDuration(size / speed);\n\t\t\t}\n\t\t};\n\n\t\tcalculateDuration();\n\t\twindow.addEventListener('resize', calculateDuration);\n\t\treturn () => window.removeEventListener('resize', calculateDuration);\n\t}, [children, speed, isVertical, gap]);\n\n\tlet animName = 'rpcMarqueeLeft';\n\tif (direction === 'right') animName = 'rpcMarqueeRight';\n\telse if (direction === 'up') animName = 'rpcMarqueeUp';\n\telse if (direction === 'down') animName = 'rpcMarqueeDown';\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={`rpc_marquee ${isVertical ? 'rpc_marquee_vertical' : ''} ${\n\t\t\t\tpauseOnHover ? 'rpc_marquee_pause_on_hover' : ''\n\t\t\t} ${gradient ? 'rpc_marquee_gradient' : ''} ${className}`}\n\t\t\tstyle={{\n\t\t\t\t['--rpc-marquee-gap' as any]: `${gap}px`,\n\t\t\t\t['--rpc-marquee-gradient-color' as any]: gradientColor,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"rpc_marquee_container\"\n\t\t\t\tstyle={{\n\t\t\t\t\tanimationName: animName,\n\t\t\t\t\tanimationDuration: `${duration}s`,\n\t\t\t\t\tanimationTimingFunction: 'linear',\n\t\t\t\t\tanimationIterationCount: 'infinite',\n\t\t\t\t\tanimationPlayState: play ? 'running' : 'paused',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div ref={contentRef} className=\"rpc_marquee_content\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{/* 拼接副本以实现平滑无缝回环 */}\n\t\t\t\t<div className=\"rpc_marquee_content\" aria-hidden=\"true\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Marquee;\n"]}

package/dist/chunk-LLWK5VKA.js

@@ -0,0 +1,125 @@
+import { RightOutlined } from './chunk-ISUXPTLV.js';
+import { useState, useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ContextMenu = ({
+  items,
+  children,
+  disabled = false,
+  onOpenChange,
+  menuClassName = "",
+  menuStyle,
+  className = "",
+  style
+}) => {
+  const [visible, setVisible] = useState(false);
+  const [position, setPosition] = useState({ x: 0, y: 0 });
+  const menuRef = useRef(null);
+  const handleContextMenu = (e) => {
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const mouseX = e.clientX;
+    const mouseY = e.clientY;
+    setPosition({ x: mouseX, y: mouseY });
+    setVisible(true);
+    onOpenChange == null ? void 0 : onOpenChange(true);
+  };
+  useEffect(() => {
+    if (!visible || !menuRef.current) return;
+    const menuEl = menuRef.current;
+    const rect = menuEl.getBoundingClientRect();
+    let adjustedX = position.x;
+    let adjustedY = position.y;
+    if (position.x + rect.width > window.innerWidth) {
+      adjustedX = window.innerWidth - rect.width - 8;
+    }
+    if (position.y + rect.height > window.innerHeight) {
+      adjustedY = window.innerHeight - rect.height - 8;
+    }
+    if (adjustedX !== position.x || adjustedY !== position.y) {
+      setPosition({ x: Math.max(8, adjustedX), y: Math.max(8, adjustedY) });
+    }
+  }, [visible]);
+  useEffect(() => {
+    if (!visible) return;
+    const handleClose = (e) => {
+      if (e instanceof KeyboardEvent && e.key !== "Escape") return;
+      setVisible(false);
+      onOpenChange == null ? void 0 : onOpenChange(false);
+    };
+    const handleScroll = () => {
+      setVisible(false);
+      onOpenChange == null ? void 0 : onOpenChange(false);
+    };
+    document.addEventListener("mousedown", handleClose);
+    document.addEventListener("keydown", handleClose);
+    window.addEventListener("scroll", handleScroll, true);
+    return () => {
+      document.removeEventListener("mousedown", handleClose);
+      document.removeEventListener("keydown", handleClose);
+      window.removeEventListener("scroll", handleScroll, true);
+    };
+  }, [visible, onOpenChange]);
+  const renderMenuItem = (item) => {
+    if (item.type === "divider") {
+      return /* @__PURE__ */ jsx("div", { className: "rpc_context_menu_divider" }, item.key);
+    }
+    const hasSub = item.children && item.children.length > 0;
+    const handleItemClick = (e) => {
+      var _a;
+      if (item.disabled || hasSub) return;
+      e.stopPropagation();
+      (_a = item.onClick) == null ? void 0 : _a.call(item, item, e);
+      setVisible(false);
+      onOpenChange == null ? void 0 : onOpenChange(false);
+    };
+    const itemClassNames = [
+      "rpc_context_menu_item",
+      item.danger ? "rpc_context_menu_item_danger" : "",
+      item.disabled ? "rpc_context_menu_item_disabled" : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { className: itemClassNames, onClick: handleItemClick, children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "rpc_context_menu_item_icon", children: item.icon }),
+      /* @__PURE__ */ jsx("span", { className: "rpc_context_menu_item_label", children: item.label }),
+      item.shortcut && /* @__PURE__ */ jsx("span", { className: "rpc_context_menu_item_shortcut", children: item.shortcut }),
+      hasSub && /* @__PURE__ */ jsx(RightOutlined, { className: "rpc_context_menu_item_arrow" }),
+      hasSub && /* @__PURE__ */ jsx("div", { className: "rpc_context_menu_submenu", children: item.children.map((sub) => renderMenuItem(sub)) })
+    ] }, item.key);
+  };
+  const menuContent = visible && typeof document !== "undefined" ? ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: menuRef,
+        className: `rpc_context_menu_panel ${menuClassName}`,
+        style: {
+          left: `${position.x}px`,
+          top: `${position.y}px`,
+          ...menuStyle
+        },
+        onContextMenu: (e) => e.preventDefault(),
+        children: items.map((item) => renderMenuItem(item))
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rpc_context_menu ${className}`,
+      style,
+      onContextMenu: handleContextMenu,
+      children: [
+        children,
+        menuContent
+      ]
+    }
+  );
+};
+var ContextMenu_default = ContextMenu;
+
+export { ContextMenu_default };
+//# sourceMappingURL=chunk-LLWK5VKA.js.map
+//# sourceMappingURL=chunk-LLWK5VKA.js.map

package/dist/chunk-LLWK5VKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ContextMenu/index.tsx"],"names":[],"mappings":"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","file":"chunk-LLWK5VKA.js","sourcesContent":["import React, { useState, useRef, useEffect, ReactNode, CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { RightOutlined } from '../src/icons';\nimport './index.less';\n\nexport interface ContextMenuItem {\n\t/** 菜单项唯一标识 */\n\tkey: string;\n\t/** 菜单项展示文本或节点 */\n\tlabel?: ReactNode;\n\t/** 菜单项前置图标 */\n\ticon?: ReactNode;\n\t/** 是否为分割线 */\n\ttype?: 'divider';\n\t/** 是否禁用 */\n\tdisabled?: boolean;\n\t/** 是否为警示/危险操作（红色显示） */\n\tdanger?: boolean;\n\t/** 快捷键提示（如 '⌘ C' / 'Ctrl+C'） */\n\tshortcut?: string;\n\t/** 二级子菜单项列表 */\n\tchildren?: ContextMenuItem[];\n\t/** 点击菜单项回调 */\n\tonClick?: (item: ContextMenuItem, e: React.MouseEvent) => void;\n}\n\nexport interface ContextMenuProps {\n\t/** 菜单项列表配置 */\n\titems: ContextMenuItem[];\n\t/** 被右键激活的目标子组件/容器 */\n\tchildren: ReactNode;\n\t/** 是否禁用右键上下文菜单 */\n\tdisabled?: boolean;\n\t/** 菜单显隐状态改变回调 */\n\tonOpenChange?: (open: boolean) => void;\n\t/** 自定义菜单类名 */\n\tmenuClassName?: string;\n\t/** 自定义菜单样式 */\n\tmenuStyle?: CSSProperties;\n\t/** 自定义外层包裹类名 */\n\tclassName?: string;\n\t/** 自定义外层包裹样式 */\n\tstyle?: CSSProperties;\n}\n\ninterface Position {\n\tx: number;\n\ty: number;\n}\n\nconst ContextMenu: React.FC<ContextMenuProps> = ({\n\titems,\n\tchildren,\n\tdisabled = false,\n\tonOpenChange,\n\tmenuClassName = '',\n\tmenuStyle,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(false);\n\tconst [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n\tconst menuRef = useRef<HTMLDivElement>(null);\n\n\tconst handleContextMenu = (e: React.MouseEvent) => {\n\t\tif (disabled) return;\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst mouseX = e.clientX;\n\t\tconst mouseY = e.clientY;\n\n\t\t// 初始设置位置\n\t\tsetPosition({ x: mouseX, y: mouseY });\n\t\tsetVisible(true);\n\t\tonOpenChange?.(true);\n\t};\n\n\t// 菜单渲染后自适应调整边界，防止溢出视口\n\tuseEffect(() => {\n\t\tif (!visible || !menuRef.current) return;\n\t\tconst menuEl = menuRef.current;\n\t\tconst rect = menuEl.getBoundingClientRect();\n\n\t\tlet adjustedX = position.x;\n\t\tlet adjustedY = position.y;\n\n\t\t// 水平防溢出\n\t\tif (position.x + rect.width > window.innerWidth) {\n\t\t\tadjustedX = window.innerWidth - rect.width - 8;\n\t\t}\n\n\t\t// 垂直防溢出\n\t\tif (position.y + rect.height > window.innerHeight) {\n\t\t\tadjustedY = window.innerHeight - rect.height - 8;\n\t\t}\n\n\t\tif (adjustedX !== position.x || adjustedY !== position.y) {\n\t\t\tsetPosition({ x: Math.max(8, adjustedX), y: Math.max(8, adjustedY) });\n\t\t}\n\t}, [visible]);\n\n\t// 点击外部、按 ESC、页面滚动时关闭菜单\n\tuseEffect(() => {\n\t\tif (!visible) return;\n\n\t\tconst handleClose = (e: MouseEvent | KeyboardEvent) => {\n\t\t\tif (e instanceof KeyboardEvent && e.key !== 'Escape') return;\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst handleScroll = () => {\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tdocument.addEventListener('mousedown', handleClose);\n\t\tdocument.addEventListener('keydown', handleClose);\n\t\twindow.addEventListener('scroll', handleScroll, true);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClose);\n\t\t\tdocument.removeEventListener('keydown', handleClose);\n\t\t\twindow.removeEventListener('scroll', handleScroll, true);\n\t\t};\n\t}, [visible, onOpenChange]);\n\n\t// 渲染菜单项（递归支持二级子菜单）\n\tconst renderMenuItem = (item: ContextMenuItem) => {\n\t\tif (item.type === 'divider') {\n\t\t\treturn <div key={item.key} className=\"rpc_context_menu_divider\" />;\n\t\t}\n\n\t\tconst hasSub = item.children && item.children.length > 0;\n\n\t\tconst handleItemClick = (e: React.MouseEvent) => {\n\t\t\tif (item.disabled || hasSub) return;\n\t\t\te.stopPropagation();\n\t\t\titem.onClick?.(item, e);\n\t\t\tsetVisible(false);\n\t\t\tonOpenChange?.(false);\n\t\t};\n\n\t\tconst itemClassNames = [\n\t\t\t'rpc_context_menu_item',\n\t\t\titem.danger ? 'rpc_context_menu_item_danger' : '',\n\t\t\titem.disabled ? 'rpc_context_menu_item_disabled' : '',\n\t\t]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ');\n\n\t\treturn (\n\t\t\t<div key={item.key} className={itemClassNames} onClick={handleItemClick}>\n\t\t\t\t{item.icon && <span className=\"rpc_context_menu_item_icon\">{item.icon}</span>}\n\t\t\t\t<span className=\"rpc_context_menu_item_label\">{item.label}</span>\n\t\t\t\t{item.shortcut && <span className=\"rpc_context_menu_item_shortcut\">{item.shortcut}</span>}\n\t\t\t\t{hasSub && <RightOutlined className=\"rpc_context_menu_item_arrow\" />}\n\n\t\t\t\t{/* 二级子菜单 */}\n\t\t\t\t{hasSub && (\n\t\t\t\t\t<div className=\"rpc_context_menu_submenu\">\n\t\t\t\t\t\t{item.children!.map((sub) => renderMenuItem(sub))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst menuContent =\n\t\tvisible && typeof document !== 'undefined'\n\t\t\t? ReactDOM.createPortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={menuRef}\n\t\t\t\t\t\tclassName={`rpc_context_menu_panel ${menuClassName}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: `${position.x}px`,\n\t\t\t\t\t\t\ttop: `${position.y}px`,\n\t\t\t\t\t\t\t...menuStyle,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonContextMenu={(e) => e.preventDefault()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{items.map((item) => renderMenuItem(item))}\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body,\n\t\t\t\t)\n\t\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_context_menu ${className}`}\n\t\t\tstyle={style}\n\t\t\tonContextMenu={handleContextMenu}\n\t\t>\n\t\t\t{children}\n\t\t\t{menuContent}\n\t\t</div>\n\t);\n};\n\nexport default ContextMenu;\n"]}