dishui 0.0.64 → 0.0.66

package/dist/components/pro/ArticleContextMenu/index.js

@@ -1,90 +1,89 @@
-import { useClickOutside as $ } from "../../../hooks/useClickOutside.js";
-import { useContainerElement as j } from "../../../hooks/useContainerElement.js";
-import { getMarkdownContent as D, getSelectionInfo as R } from "../../../utils/selection.js";
-import { useCallback as d, useEffect as u, useRef as W, useState as f } from "react";
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-var O = ({ targetId: y, targetRef: g, menuItems: x, className: k = "", enabled: p = !0 }) => {
-  const [n, o] = f(!1), [h, C] = f({
-    x: 0,
-    y: 0
-  }), [E, N] = f(!1), b = W(null), s = j(y, g);
-  $(b, d(() => o(!1), []), n);
-  const l = d((e) => {
-    if (!p || !s) return;
-    let t = e.target, r = !1;
-    for (; t; ) {
-      if (t === s) {
-        r = !0;
-        break;
-      }
-      t = t.parentNode;
-    }
-    if (!r) return;
-    e.preventDefault();
-    const v = window.getSelection(), L = v && v.toString().trim() !== "";
-    N(!!L);
-    const M = 200, w = 200;
-    let c = e.clientX, a = e.clientY - M - 10;
-    a < 0 && (a = e.clientY + 10), c + w > window.innerWidth && (c = window.innerWidth - w - 10), C({
-      x: c,
-      y: a
-    }), o(!0);
-  }, [p, s]), S = d((e) => {
-    if (e.disabled) return;
-    const t = D(s), r = R(s);
-    e.action(t, r), o(!1);
-  }, [s]);
-  return u(() => {
-    if (!n) return;
-    const e = () => o(!1);
-    return document.addEventListener("scroll", e, !0), () => {
-      document.removeEventListener("scroll", e, !0);
-    };
-  }, [n]), u(() => (document.addEventListener("contextmenu", l), () => {
-    document.removeEventListener("contextmenu", l);
-  }), [l]), u(() => {
-    const e = (t) => {
-      t.key === "Escape" && o(!1);
-    };
-    return n && document.addEventListener("keydown", e), () => {
-      document.removeEventListener("keydown", e);
-    };
-  }, [n]), n ? /* @__PURE__ */ m("div", {
-    ref: b,
-    className: `fixed z-50 bg-base-100 rounded-lg shadow-2xl border border-base-300 py-2 min-w-[200px] ${k}`,
-    style: {
-      left: `${h.x}px`,
-      top: `${h.y}px`
-    },
-    children: [x.map((e) => {
-      const t = e.disabled || !E && e.id !== "copy" && e.id !== "stats";
-      return /* @__PURE__ */ m("button", {
-        onClick: () => S(e),
-        disabled: t,
-        className: `w-full px-4 py-2 text-left flex items-center gap-3 hover:bg-base-200 transition-colors ${t ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
-        title: e.description,
-        children: [e.icon && /* @__PURE__ */ i("span", {
-          className: "flex-shrink-0 w-5 h-5 flex items-center justify-center",
-          children: e.icon
-        }), /* @__PURE__ */ m("div", {
-          className: "flex-1 min-w-0",
-          children: [/* @__PURE__ */ i("div", {
-            className: "text-sm font-medium",
-            children: e.label
-          }), e.description && /* @__PURE__ */ i("div", {
-            className: "text-xs text-base-content/60 truncate",
-            children: e.description
-          })]
-        })]
-      }, e.id);
-    }), x.length === 0 && /* @__PURE__ */ i("div", {
-      className: "px-4 py-2 text-sm text-base-content/60 text-center",
-      children: "暂无可用操作"
-    })]
-  }) : null;
-};
-export {
-  O as default
+import { useClickOutside as e } from "../../../hooks/useClickOutside.js";
+import { useContainerElement as t } from "../../../hooks/useContainerElement.js";
+import { getMarkdownContent as n, getSelectionInfo as r } from "../../../utils/selection.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/pro/ArticleContextMenu/index.tsx
+var u = ({ targetId: u, targetRef: d, menuItems: f, className: p = "", enabled: m = !0 }) => {
+	let [h, g] = s(!1), [_, v] = s({
+		x: 0,
+		y: 0
+	}), [y, b] = s(!1), x = o(null), S = t(u, d);
+	e(x, i(() => g(!1), []), h);
+	let C = i((e) => {
+		if (!m || !S) return;
+		let t = e.target, n = !1;
+		for (; t;) {
+			if (t === S) {
+				n = !0;
+				break;
+			}
+			t = t.parentNode;
+		}
+		if (!n) return;
+		e.preventDefault();
+		let r = window.getSelection(), i = r && r.toString().trim() !== "";
+		b(!!i);
+		let a = e.clientX, o = e.clientY - 200 - 10;
+		o < 0 && (o = e.clientY + 10), a + 200 > window.innerWidth && (a = window.innerWidth - 200 - 10), v({
+			x: a,
+			y: o
+		}), g(!0);
+	}, [m, S]), w = i((e) => {
+		if (e.disabled) return;
+		let t = n(S), i = r(S);
+		e.action(t, i), g(!1);
+	}, [S]);
+	return a(() => {
+		if (!h) return;
+		let e = () => g(!1);
+		return document.addEventListener("scroll", e, !0), () => {
+			document.removeEventListener("scroll", e, !0);
+		};
+	}, [h]), a(() => (document.addEventListener("contextmenu", C), () => {
+		document.removeEventListener("contextmenu", C);
+	}), [C]), a(() => {
+		let e = (e) => {
+			e.key === "Escape" && g(!1);
+		};
+		return h && document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [h]), h ? /* @__PURE__ */ l("div", {
+		ref: x,
+		className: `fixed z-50 bg-base-100 rounded-lg shadow-2xl border border-base-300 py-2 min-w-[200px] ${p}`,
+		style: {
+			left: `${_.x}px`,
+			top: `${_.y}px`
+		},
+		children: [f.map((e) => {
+			let t = e.disabled || !y && e.id !== "copy" && e.id !== "stats";
+			return /* @__PURE__ */ l("button", {
+				onClick: () => w(e),
+				disabled: t,
+				className: `w-full px-4 py-2 text-left flex items-center gap-3 hover:bg-base-200 transition-colors ${t ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
+				title: e.description,
+				children: [e.icon && /* @__PURE__ */ c("span", {
+					className: "flex-shrink-0 w-5 h-5 flex items-center justify-center",
+					children: e.icon
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ c("div", {
+						className: "text-sm font-medium",
+						children: e.label
+					}), e.description && /* @__PURE__ */ c("div", {
+						className: "text-xs text-base-content/60 truncate",
+						children: e.description
+					})]
+				})]
+			}, e.id);
+		}), f.length === 0 && /* @__PURE__ */ c("div", {
+			className: "px-4 py-2 text-sm text-base-content/60 text-center",
+			children: "暂无可用操作"
+		})]
+	}) : null;
 };
+//#endregion
+export { u as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/pro/ArticleContextMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/pro/ArticleContextMenu/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useClickOutside } from '../../../hooks/useClickOutside';\nimport { useContainerElement } from '../../../hooks/useContainerElement';\nimport { SelectionInfo, getSelectionInfo, getMarkdownContent } from '../../../utils/selection';\n\n// 菜单项配置\nexport interface ContextMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  description?: string;\n  action: (content: string, selection?: SelectionInfo) => void;\n  disabled?: boolean;\n}\n\nexport type { SelectionInfo } from '../../../utils/selection';\n\nexport interface ArticleContextMenuProps {\n  /**\n   * 绑定的容器 ID 或 ref\n   */\n  targetId?: string;\n  targetRef?: React.RefObject<HTMLElement | HTMLDivElement | null>;\n\n  /**\n   * 菜单项列表\n   */\n  menuItems: ContextMenuItem[];\n\n  /**\n   * 自定义样式类名\n   */\n  className?: string;\n\n  /**\n   * 是否启用\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nconst ArticleContextMenu: React.FC<ArticleContextMenuProps> = ({\n  targetId,\n  targetRef,\n  menuItems,\n  className = '',\n  enabled = true,\n}) => {\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n  const [hasSelection, setHasSelection] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const container = useContainerElement(targetId, targetRef);\n\n  // 点击外部关闭菜单\n  useClickOutside(menuRef, useCallback(() => setVisible(false), []), visible);\n\n\n\n  // 处理右键点击\n  const handleContextMenu = useCallback((e: MouseEvent) => {\n    if (!enabled || !container) return;\n\n    // 检查点击位置是否在容器内\n    let target = e.target as Node | null;\n    let isInContainer = false;\n    while (target) {\n      if (target === container) {\n        isInContainer = true;\n        break;\n      }\n      target = target.parentNode;\n    }\n\n    if (!isInContainer) return;\n\n    e.preventDefault();\n\n    // 检查是否有选中文本\n    const selection = window.getSelection();\n    const hasText = selection && selection.toString().trim() !== '';\n    setHasSelection(!!hasText);\n\n    // 计算菜单位置（显示在鼠标上方）\n    const menuHeight = 200; // 预估菜单高度\n    const menuWidth = 200; // 预估菜单宽度\n\n    let x = e.clientX;\n    let y = e.clientY - menuHeight - 10; // 显示在鼠标上方\n\n    // 边界检查\n    if (y < 0) {\n      y = e.clientY + 10; // 如果上方空间不够，显示在下方\n    }\n    if (x + menuWidth > window.innerWidth) {\n      x = window.innerWidth - menuWidth - 10;\n    }\n\n    setPosition({ x, y });\n    setVisible(true);\n  }, [enabled, container]);\n\n  // 处理菜单项点击\n  const handleMenuItemClick = useCallback((item: ContextMenuItem) => {\n    if (item.disabled) return;\n\n    const content = getMarkdownContent(container);\n    const selection = getSelectionInfo(container);\n\n    item.action(content, selection);\n    setVisible(false);\n  }, [container]);\n\n  // 滚动时关闭菜单\n  useEffect(() => {\n    if (!visible) return;\n\n    const handleScroll = () => setVisible(false);\n    document.addEventListener('scroll', handleScroll, true);\n\n    return () => {\n      document.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [visible]);\n\n  // 监听右键事件\n  useEffect(() => {\n    document.addEventListener('contextmenu', handleContextMenu);\n\n    return () => {\n      document.removeEventListener('contextmenu', handleContextMenu);\n    };\n  }, [handleContextMenu]);\n\n  // ESC 键关闭菜单\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setVisible(false);\n      }\n    };\n\n    if (visible) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [visible]);\n\n  if (!visible) return null;\n\n  return (\n    <div\n      ref={menuRef}\n      className={`fixed z-50 bg-base-100 rounded-lg shadow-2xl border border-base-300 py-2 min-w-[200px] ${className}`}\n      style={{\n        left: `${position.x}px`,\n        top: `${position.y}px`,\n      }}\n    >\n      {menuItems.map((item) => {\n        const isDisabled = item.disabled || (!hasSelection && item.id !== 'copy' && item.id !== 'stats');\n\n        return (\n          <button\n            key={item.id}\n            onClick={() => handleMenuItemClick(item)}\n            disabled={isDisabled}\n            className={`w-full px-4 py-2 text-left flex items-center gap-3 hover:bg-base-200 transition-colors ${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'\n              }`}\n            title={item.description}\n          >\n            {item.icon && (\n              <span className=\"flex-shrink-0 w-5 h-5 flex items-center justify-center\">\n                {item.icon}\n              </span>\n            )}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"text-sm font-medium\">{item.label}</div>\n              {item.description && (\n                <div className=\"text-xs text-base-content/60 truncate\">{item.description}</div>\n              )}\n            </div>\n          </button>\n        );\n      })}\n\n      {menuItems.length === 0 && (\n        <div className=\"px-4 py-2 text-sm text-base-content/60 text-center\">\n          暂无可用操作\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ArticleContextMenu;\n\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/pro/ArticleContextMenu/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useClickOutside } from '../../../hooks/useClickOutside';\nimport { useContainerElement } from '../../../hooks/useContainerElement';\nimport { SelectionInfo, getSelectionInfo, getMarkdownContent } from '../../../utils/selection';\n\n// 菜单项配置\nexport interface ContextMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  description?: string;\n  action: (content: string, selection?: SelectionInfo) => void;\n  disabled?: boolean;\n}\n\nexport type { SelectionInfo } from '../../../utils/selection';\n\nexport interface ArticleContextMenuProps {\n  /**\n   * 绑定的容器 ID 或 ref\n   */\n  targetId?: string;\n  targetRef?: React.RefObject<HTMLElement | HTMLDivElement | null>;\n\n  /**\n   * 菜单项列表\n   */\n  menuItems: ContextMenuItem[];\n\n  /**\n   * 自定义样式类名\n   */\n  className?: string;\n\n  /**\n   * 是否启用\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nconst ArticleContextMenu: React.FC<ArticleContextMenuProps> = ({\n  targetId,\n  targetRef,\n  menuItems,\n  className = '',\n  enabled = true,\n}) => {\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n  const [hasSelection, setHasSelection] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const container = useContainerElement(targetId, targetRef);\n\n  // 点击外部关闭菜单\n  useClickOutside(menuRef, useCallback(() => setVisible(false), []), visible);\n\n\n\n  // 处理右键点击\n  const handleContextMenu = useCallback((e: MouseEvent) => {\n    if (!enabled || !container) return;\n\n    // 检查点击位置是否在容器内\n    let target = e.target as Node | null;\n    let isInContainer = false;\n    while (target) {\n      if (target === container) {\n        isInContainer = true;\n        break;\n      }\n      target = target.parentNode;\n    }\n\n    if (!isInContainer) return;\n\n    e.preventDefault();\n\n    // 检查是否有选中文本\n    const selection = window.getSelection();\n    const hasText = selection && selection.toString().trim() !== '';\n    setHasSelection(!!hasText);\n\n    // 计算菜单位置（显示在鼠标上方）\n    const menuHeight = 200; // 预估菜单高度\n    const menuWidth = 200; // 预估菜单宽度\n\n    let x = e.clientX;\n    let y = e.clientY - menuHeight - 10; // 显示在鼠标上方\n\n    // 边界检查\n    if (y < 0) {\n      y = e.clientY + 10; // 如果上方空间不够，显示在下方\n    }\n    if (x + menuWidth > window.innerWidth) {\n      x = window.innerWidth - menuWidth - 10;\n    }\n\n    setPosition({ x, y });\n    setVisible(true);\n  }, [enabled, container]);\n\n  // 处理菜单项点击\n  const handleMenuItemClick = useCallback((item: ContextMenuItem) => {\n    if (item.disabled) return;\n\n    const content = getMarkdownContent(container);\n    const selection = getSelectionInfo(container);\n\n    item.action(content, selection);\n    setVisible(false);\n  }, [container]);\n\n  // 滚动时关闭菜单\n  useEffect(() => {\n    if (!visible) return;\n\n    const handleScroll = () => setVisible(false);\n    document.addEventListener('scroll', handleScroll, true);\n\n    return () => {\n      document.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [visible]);\n\n  // 监听右键事件\n  useEffect(() => {\n    document.addEventListener('contextmenu', handleContextMenu);\n\n    return () => {\n      document.removeEventListener('contextmenu', handleContextMenu);\n    };\n  }, [handleContextMenu]);\n\n  // ESC 键关闭菜单\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setVisible(false);\n      }\n    };\n\n    if (visible) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [visible]);\n\n  if (!visible) return null;\n\n  return (\n    <div\n      ref={menuRef}\n      className={`fixed z-50 bg-base-100 rounded-lg shadow-2xl border border-base-300 py-2 min-w-[200px] ${className}`}\n      style={{\n        left: `${position.x}px`,\n        top: `${position.y}px`,\n      }}\n    >\n      {menuItems.map((item) => {\n        const isDisabled = item.disabled || (!hasSelection && item.id !== 'copy' && item.id !== 'stats');\n\n        return (\n          <button\n            key={item.id}\n            onClick={() => handleMenuItemClick(item)}\n            disabled={isDisabled}\n            className={`w-full px-4 py-2 text-left flex items-center gap-3 hover:bg-base-200 transition-colors ${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'\n              }`}\n            title={item.description}\n          >\n            {item.icon && (\n              <span className=\"flex-shrink-0 w-5 h-5 flex items-center justify-center\">\n                {item.icon}\n              </span>\n            )}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"text-sm font-medium\">{item.label}</div>\n              {item.description && (\n                <div className=\"text-xs text-base-content/60 truncate\">{item.description}</div>\n              )}\n            </div>\n          </button>\n        );\n      })}\n\n      {menuItems.length === 0 && (\n        <div className=\"px-4 py-2 text-sm text-base-content/60 text-center\">\n          暂无可用操作\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ArticleContextMenu;\n\n"],"mappings":"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"}