@haklex/rich-plugin-block-handle 0.0.101 → 0.0.103

package/dist/BlockHandlePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockHandlePlugin.d.ts","sourceRoot":"","sources":["../src/BlockHandlePlugin.tsx"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAgD,YAAY,EAAE,MAAM,OAAO,CAAC;AAgpBxF,wBAAgB,iBAAiB,IAAI,YAAY,CAGhD"}
+{"version":3,"file":"BlockHandlePlugin.d.ts","sourceRoot":"","sources":["../src/BlockHandlePlugin.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAgD,YAAY,EAAE,MAAM,OAAO,CAAC;AA+xBxF,wBAAgB,iBAAiB,IAAI,YAAY,CAGhD"}

package/dist/blockSelectionUtils.d.ts

@@ -0,0 +1,4 @@
+import { LexicalEditor, LexicalNode } from 'lexical';
+export declare function buildBlockClipboardData(editor: LexicalEditor, nodes: readonly LexicalNode[]): Record<string, string>;
+export declare function removeTopLevelNodesAndRestoreSelection(nodes: readonly LexicalNode[]): void;
+//# sourceMappingURL=blockSelectionUtils.d.ts.map

package/dist/blockSelectionUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockSelectionUtils.d.ts","sourceRoot":"","sources":["../src/blockSelectionUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AA+BjB,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,SAAS,WAAW,EAAE,GAC5B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2CxB;AAED,wBAAgB,sCAAsC,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,GAAG,IAAI,CAkC1F"}

package/dist/index.mjs

@@ -7,17 +7,489 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
 import { $createQuoteNode, $createHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
-import { $getNearestNodeFromDOMNode, $getNodeByKey, $createParagraphNode, $isElementNode, $getSelection, $isRangeSelection, DRAGOVER_COMMAND, COMMAND_PRIORITY_HIGH, DROP_COMMAND, DRAGSTART_COMMAND } from "lexical";
+import { $getRoot, $createParagraphNode, createEditor, $parseSerializedNode, $isElementNode, $createNodeSelection, $setSelection, $getSelection, $isNodeSelection, KEY_ARROW_DOWN_COMMAND, COMMAND_PRIORITY_CRITICAL, KEY_ARROW_UP_COMMAND, SELECT_ALL_COMMAND, $isRangeSelection, COMMAND_PRIORITY_HIGH, KEY_ESCAPE_COMMAND, COPY_COMMAND, CUT_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, REMOVE_TEXT_COMMAND, DELETE_CHARACTER_COMMAND, $getNearestNodeFromDOMNode, $getNodeByKey, DRAGOVER_COMMAND, DROP_COMMAND, DRAGSTART_COMMAND } from "lexical";
 import { Plus, GripVertical, Type, Heading1, Heading2, Heading3, List, ListOrdered, ListChecks, TextQuote, Minus, Code2, Copy, ArrowUp, ArrowDown, Trash2 } from "lucide-react";
-import { useState, useRef, useCallback, useEffect } from "react";
+import { useRef, useCallback, useEffect, useState } from "react";
 import { createPortal } from "react-dom";
+import { $generateHtmlFromNodes } from "@lexical/html";
 var handleContainer = "iihqkc0";
 var handleContainerVisible = "iihqkc1";
 var handleBtn = "iihqkc2";
 var draggingBlock = "iihqkc3";
 var dragPreview = "iihqkc4";
 var dropIndicator = "iihqkc5";
-var menuItemDestructive = "iihqkc6";
+var blockSelected = "iihqkc6";
+var dragCountBadge = "iihqkc7";
+var menuItemDestructive = "iihqkc8";
+function serializeNodeWithChildren(node) {
+  const serialized = node.exportJSON();
+  if ($isElementNode(node)) {
+    serialized.children = node.getChildren().map(serializeNodeWithChildren);
+  }
+  return serialized;
+}
+function selectTopLevelNode(node, placement) {
+  if ($isElementNode(node)) {
+    if (placement === "end") {
+      node.selectEnd();
+    } else {
+      node.selectStart();
+    }
+    return;
+  }
+  const selection = $createNodeSelection();
+  selection.add(node.getKey());
+  $setSelection(selection);
+}
+function buildBlockClipboardData(editor, nodes) {
+  const lexicalEditor = editor;
+  const namespace = lexicalEditor._config.namespace;
+  const serializedNodes = nodes.map(serializeNodeWithChildren);
+  let html = "";
+  try {
+    const registeredNodeKlasses = [
+      ...new Set([...lexicalEditor._nodes.values()].map((entry) => entry.klass))
+    ];
+    const tempEditor = createEditor({
+      namespace: `${namespace}-block-selection-html`,
+      nodes: registeredNodeKlasses,
+      onError: (error) => {
+        throw error;
+      }
+    });
+    tempEditor.update(
+      () => {
+        const root = $getRoot();
+        for (const serializedNode of serializedNodes) {
+          root.append($parseSerializedNode(serializedNode));
+        }
+        html = $generateHtmlFromNodes(tempEditor, null);
+      },
+      { discrete: true }
+    );
+  } catch {
+    html = "";
+  }
+  return {
+    "application/x-lexical-editor": JSON.stringify({
+      namespace,
+      nodes: serializedNodes
+    }),
+    "text/html": html,
+    "text/plain": nodes.map((node) => node.getTextContent()).join("\n\n")
+  };
+}
+function removeTopLevelNodesAndRestoreSelection(nodes) {
+  if (nodes.length === 0) return;
+  const firstNode = nodes[0];
+  const lastNode = nodes.at(-1);
+  const previousSibling = firstNode.getPreviousSibling();
+  const nextSibling = lastNode.getNextSibling();
+  for (const node of nodes) {
+    node.remove();
+  }
+  const root = $getRoot();
+  if (root.getChildrenSize() === 0) {
+    const paragraph = $createParagraphNode();
+    root.append(paragraph);
+    paragraph.selectStart();
+    return;
+  }
+  if (nextSibling) {
+    selectTopLevelNode(nextSibling, "start");
+    return;
+  }
+  if (previousSibling) {
+    selectTopLevelNode(previousSibling, "end");
+    return;
+  }
+  const fallbackNode = root.getFirstChild();
+  if (fallbackNode) {
+    selectTopLevelNode(fallbackNode, "start");
+  }
+}
+function $getTopLevelKeys() {
+  return $getRoot().getChildren().map((c) => c.getKey());
+}
+function $selectBlockRange(anchorKey, focusKey) {
+  const children = $getRoot().getChildren();
+  const anchorIdx = children.findIndex((c) => c.getKey() === anchorKey);
+  const focusIdx = children.findIndex((c) => c.getKey() === focusKey);
+  if (anchorIdx === -1 || focusIdx === -1) return;
+  const start = Math.min(anchorIdx, focusIdx);
+  const end = Math.max(anchorIdx, focusIdx);
+  const sel = $createNodeSelection();
+  for (let i = start; i <= end; i++) {
+    sel.add(children[i].getKey());
+  }
+  $setSelection(sel);
+}
+function useBlockSelection(editor) {
+  const anchorKeyRef = useRef(null);
+  const focusKeyRef = useRef(null);
+  const blockSelectionKeysRef = useRef(/* @__PURE__ */ new Set());
+  const clearBlockSelectionState = useCallback(() => {
+    blockSelectionKeysRef.current = /* @__PURE__ */ new Set();
+    anchorKeyRef.current = null;
+    focusKeyRef.current = null;
+  }, []);
+  const getTopLevelNodesByKeys = useCallback((keys) => {
+    if (keys.size === 0) return [];
+    return $getRoot().getChildren().filter((node) => keys.has(node.getKey()));
+  }, []);
+  const getOwnedSelectionNodes = useCallback(() => {
+    const ownedKeys = blockSelectionKeysRef.current;
+    if (ownedKeys.size === 0) return [];
+    const selection = $getSelection();
+    if (!$isNodeSelection(selection)) return [];
+    const selectionKeys = new Set(selection.getNodes().map((node) => node.getKey()));
+    const isOwnedSelection = selectionKeys.size === ownedKeys.size && [...selectionKeys].every((key) => ownedKeys.has(key));
+    if (!isOwnedSelection) return [];
+    return getTopLevelNodesByKeys(ownedKeys);
+  }, [getTopLevelNodesByKeys]);
+  const deleteBlocksByKeys = useCallback(
+    (keys) => {
+      editor.update(
+        () => {
+          const nodes = getTopLevelNodesByKeys(new Set(keys));
+          if (nodes.length === 0) return;
+          removeTopLevelNodesAndRestoreSelection(nodes);
+          clearBlockSelectionState();
+        },
+        { discrete: true }
+      );
+    },
+    [clearBlockSelectionState, editor, getTopLevelNodesByKeys]
+  );
+  useEffect(() => {
+    let prevKeys = /* @__PURE__ */ new Set();
+    const unregister = editor.registerUpdateListener(({ editorState }) => {
+      const rootEl = editor.getRootElement();
+      if (!rootEl) return;
+      const nextKeys = /* @__PURE__ */ new Set();
+      let isNodeSel = false;
+      let topLevelKeys = [];
+      editorState.read(() => {
+        const sel = $getSelection();
+        if ($isNodeSelection(sel)) {
+          isNodeSel = true;
+          for (const node of sel.getNodes()) {
+            nextKeys.add(node.getKey());
+          }
+        }
+        topLevelKeys = $getTopLevelKeys();
+      });
+      if (blockSelectionKeysRef.current.size > 0) {
+        if (!isNodeSel) {
+          clearBlockSelectionState();
+        } else {
+          const owned = blockSelectionKeysRef.current;
+          const stillOwned = nextKeys.size === owned.size && [...nextKeys].every((k) => owned.has(k));
+          if (!stillOwned) {
+            const topLevelSet = new Set(topLevelKeys);
+            const restoredTopLevel = [...nextKeys].filter((k) => topLevelSet.has(k));
+            if (restoredTopLevel.length > 1) {
+              const indices = restoredTopLevel.map((k) => topLevelKeys.indexOf(k)).sort((a, b) => a - b);
+              anchorKeyRef.current = topLevelKeys[indices[0]];
+              focusKeyRef.current = topLevelKeys[indices.at(-1)];
+              blockSelectionKeysRef.current = new Set(restoredTopLevel);
+            } else {
+              clearBlockSelectionState();
+            }
+          }
+        }
+      }
+      const highlightKeys = blockSelectionKeysRef.current.size > 0 ? nextKeys : /* @__PURE__ */ new Set();
+      for (const key of prevKeys) {
+        if (!highlightKeys.has(key)) {
+          editor.getElementByKey(key)?.classList.remove(blockSelected);
+        }
+      }
+      for (const key of highlightKeys) {
+        if (!prevKeys.has(key)) {
+          editor.getElementByKey(key)?.classList.add(blockSelected);
+        }
+      }
+      prevKeys = highlightKeys;
+    });
+    return () => {
+      unregister();
+      for (const key of prevKeys) {
+        editor.getElementByKey(key)?.classList.remove(blockSelected);
+      }
+    };
+  }, [clearBlockSelectionState, editor]);
+  useEffect(() => {
+    const rootEl = editor.getRootElement();
+    if (!rootEl) return;
+    const onFocusIn = (e) => {
+      if (blockSelectionKeysRef.current.size === 0) return;
+      const target = e.target;
+      if (!target) return;
+      const nestedEditable = target.closest('[contenteditable="true"]');
+      if (nestedEditable && nestedEditable !== rootEl) {
+        clearBlockSelectionState();
+        editor.update(() => {
+          const sel = $getSelection();
+          if ($isNodeSelection(sel)) {
+            $setSelection(null);
+          }
+        });
+      }
+    };
+    rootEl.addEventListener("focusin", onFocusIn);
+    return () => rootEl.removeEventListener("focusin", onFocusIn);
+  }, [clearBlockSelectionState, editor]);
+  useEffect(() => {
+    const unregShiftDown = editor.registerCommand(
+      KEY_ARROW_DOWN_COMMAND,
+      (event) => {
+        if (!event?.shiftKey) return false;
+        if (blockSelectionKeysRef.current.size === 0 || !focusKeyRef.current) return false;
+        const sel = $getSelection();
+        if (!$isNodeSelection(sel)) return false;
+        const children = $getRoot().getChildren();
+        const focusIdx = children.findIndex((c) => c.getKey() === focusKeyRef.current);
+        if (focusIdx === -1 || focusIdx >= children.length - 1) return false;
+        event.preventDefault();
+        focusKeyRef.current = children[focusIdx + 1].getKey();
+        $selectBlockRange(anchorKeyRef.current, focusKeyRef.current);
+        const start = Math.min(
+          children.findIndex((c) => c.getKey() === anchorKeyRef.current),
+          focusIdx + 1
+        );
+        const end = Math.max(
+          children.findIndex((c) => c.getKey() === anchorKeyRef.current),
+          focusIdx + 1
+        );
+        blockSelectionKeysRef.current = new Set(
+          children.slice(start, end + 1).map((c) => c.getKey())
+        );
+        return true;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregShiftUp = editor.registerCommand(
+      KEY_ARROW_UP_COMMAND,
+      (event) => {
+        if (!event?.shiftKey) return false;
+        if (blockSelectionKeysRef.current.size === 0 || !focusKeyRef.current) return false;
+        const sel = $getSelection();
+        if (!$isNodeSelection(sel)) return false;
+        const children = $getRoot().getChildren();
+        const focusIdx = children.findIndex((c) => c.getKey() === focusKeyRef.current);
+        if (focusIdx === -1 || focusIdx <= 0) return false;
+        event.preventDefault();
+        focusKeyRef.current = children[focusIdx - 1].getKey();
+        $selectBlockRange(anchorKeyRef.current, focusKeyRef.current);
+        const anchorIdx = children.findIndex((c) => c.getKey() === anchorKeyRef.current);
+        const start = Math.min(anchorIdx, focusIdx - 1);
+        const end = Math.max(anchorIdx, focusIdx - 1);
+        blockSelectionKeysRef.current = new Set(
+          children.slice(start, end + 1).map((c) => c.getKey())
+        );
+        return true;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregSelectAll = editor.registerCommand(
+      SELECT_ALL_COMMAND,
+      () => {
+        if (blockSelectionKeysRef.current.size > 0) {
+          const children = $getRoot().getChildren();
+          const allKeys = children.map((c) => c.getKey());
+          if (blockSelectionKeysRef.current.size >= allKeys.length) {
+            return true;
+          }
+          anchorKeyRef.current = allKeys[0];
+          focusKeyRef.current = allKeys.at(-1);
+          blockSelectionKeysRef.current = new Set(allKeys);
+          const nodeSel = $createNodeSelection();
+          for (const key of allKeys) nodeSel.add(key);
+          $setSelection(nodeSel);
+          return true;
+        }
+        const sel = $getSelection();
+        let topLevelKey = null;
+        if ($isRangeSelection(sel)) {
+          let node = sel.anchor.getNode();
+          while (node.getParent() && node.getParent() !== $getRoot()) {
+            node = node.getParent();
+          }
+          if (node.getParent() === $getRoot()) {
+            topLevelKey = node.getKey();
+          }
+        } else if ($isNodeSelection(sel)) {
+          const nodes = sel.getNodes();
+          if (nodes.length > 0) {
+            let node = nodes[0];
+            while (node.getParent() && node.getParent() !== $getRoot()) {
+              node = node.getParent();
+            }
+            if (node.getParent() === $getRoot()) {
+              topLevelKey = node.getKey();
+            }
+          }
+        }
+        if (topLevelKey) {
+          anchorKeyRef.current = topLevelKey;
+          focusKeyRef.current = topLevelKey;
+          blockSelectionKeysRef.current = /* @__PURE__ */ new Set([topLevelKey]);
+          const nodeSel = $createNodeSelection();
+          nodeSel.add(topLevelKey);
+          $setSelection(nodeSel);
+          return true;
+        }
+        return false;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
+    const unregEscape = editor.registerCommand(
+      KEY_ESCAPE_COMMAND,
+      () => {
+        if (blockSelectionKeysRef.current.size === 0) return false;
+        clearBlockSelectionState();
+        $setSelection(null);
+        return true;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
+    const unregCopy = editor.registerCommand(
+      COPY_COMMAND,
+      (event) => {
+        if (!event?.clipboardData) return false;
+        let handled = false;
+        editor.getEditorState().read(() => {
+          const nodes = getOwnedSelectionNodes();
+          if (nodes.length === 0) return;
+          event.preventDefault();
+          const clipboardData = buildBlockClipboardData(editor, nodes);
+          for (const [mimeType, value] of Object.entries(clipboardData)) {
+            event.clipboardData?.setData(mimeType, value);
+          }
+          handled = true;
+        });
+        return handled;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregCut = editor.registerCommand(
+      CUT_COMMAND,
+      (event) => {
+        if (!event?.clipboardData) return false;
+        let keysToDelete = [];
+        editor.getEditorState().read(() => {
+          const nodes = getOwnedSelectionNodes();
+          if (nodes.length === 0) return;
+          event.preventDefault();
+          const clipboardData = buildBlockClipboardData(editor, nodes);
+          for (const [mimeType, value] of Object.entries(clipboardData)) {
+            event.clipboardData?.setData(mimeType, value);
+          }
+          keysToDelete = nodes.map((node) => node.getKey());
+        });
+        if (keysToDelete.length === 0) return false;
+        deleteBlocksByKeys(keysToDelete);
+        return true;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const handleDeleteBlocks = (payload) => {
+      let keysToDelete = [];
+      editor.getEditorState().read(() => {
+        keysToDelete = getOwnedSelectionNodes().map((node) => node.getKey());
+      });
+      if (keysToDelete.length === 0) return false;
+      if (payload && typeof payload !== "boolean" && "preventDefault" in payload && typeof payload.preventDefault === "function") {
+        payload.preventDefault();
+      }
+      deleteBlocksByKeys(keysToDelete);
+      return true;
+    };
+    const unregBackspace = editor.registerCommand(
+      KEY_BACKSPACE_COMMAND,
+      handleDeleteBlocks,
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregDelete = editor.registerCommand(
+      KEY_DELETE_COMMAND,
+      handleDeleteBlocks,
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregRemoveText = editor.registerCommand(
+      REMOVE_TEXT_COMMAND,
+      handleDeleteBlocks,
+      COMMAND_PRIORITY_CRITICAL
+    );
+    const unregDeleteCharacter = editor.registerCommand(
+      DELETE_CHARACTER_COMMAND,
+      handleDeleteBlocks,
+      COMMAND_PRIORITY_CRITICAL
+    );
+    return () => {
+      unregShiftDown();
+      unregShiftUp();
+      unregSelectAll();
+      unregEscape();
+      unregCopy();
+      unregCut();
+      unregBackspace();
+      unregDelete();
+      unregRemoveText();
+      unregDeleteCharacter();
+    };
+  }, [clearBlockSelectionState, deleteBlocksByKeys, editor, getOwnedSelectionNodes]);
+  const selectBlock = useCallback(
+    (nodeKey, shiftKey) => {
+      editor.update(() => {
+        if (shiftKey && anchorKeyRef.current) {
+          focusKeyRef.current = nodeKey;
+          $selectBlockRange(anchorKeyRef.current, nodeKey);
+          const children = $getRoot().getChildren();
+          const anchorIdx = children.findIndex((c) => c.getKey() === anchorKeyRef.current);
+          const focusIdx = children.findIndex((c) => c.getKey() === nodeKey);
+          if (anchorIdx !== -1 && focusIdx !== -1) {
+            const start = Math.min(anchorIdx, focusIdx);
+            const end = Math.max(anchorIdx, focusIdx);
+            blockSelectionKeysRef.current = new Set(
+              children.slice(start, end + 1).map((c) => c.getKey())
+            );
+          }
+        } else {
+          anchorKeyRef.current = nodeKey;
+          focusKeyRef.current = nodeKey;
+          blockSelectionKeysRef.current = /* @__PURE__ */ new Set([nodeKey]);
+          const sel = $createNodeSelection();
+          sel.add(nodeKey);
+          $setSelection(sel);
+        }
+      });
+    },
+    [editor]
+  );
+  const getSelectedKeys = useCallback(() => {
+    if (blockSelectionKeysRef.current.size === 0) return [];
+    let keys = [];
+    editor.getEditorState().read(() => {
+      keys = getTopLevelNodesByKeys(blockSelectionKeysRef.current).map((node) => node.getKey());
+    });
+    return keys;
+  }, [editor, getTopLevelNodesByKeys]);
+  const deleteSelectedBlocks = useCallback(
+    (fallbackNodeKey) => {
+      const selectedKeys = getSelectedKeys();
+      const keys = selectedKeys.length > 0 ? selectedKeys : fallbackNodeKey ? [fallbackNodeKey] : [];
+      if (keys.length === 0) return;
+      deleteBlocksByKeys(keys);
+    },
+    [deleteBlocksByKeys, getSelectedKeys]
+  );
+  const isBlockSelectionActive = useCallback(
+    () => blockSelectionKeysRef.current.size > 0,
+    []
+  );
+  return { selectBlock, getSelectedKeys, isBlockSelectionActive, deleteSelectedBlocks };
+}
 const DRAG_DATA_KEY = "application/x-rich-editor-drag";
 const HIDE_DELAY = 300;
 const HANDLE_OFFSET = 52;
@@ -123,6 +595,8 @@ function BlockHandleInner({ editor }) {
   const menuOpenCountRef = useRef(0);
   const dragPreviewRef = useRef(null);
   const draggingBlockRef = useRef(null);
+  const draggingBlockKeysRef = useRef(null);
+  const { selectBlock, getSelectedKeys, deleteSelectedBlocks } = useBlockSelection(editor);
   const clearHideTimer = useCallback(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
@@ -134,7 +608,7 @@ function BlockHandleInner({ editor }) {
     hideTimerRef.current = setTimeout(() => {
       if (!hoveringHandleRef.current && menuOpenCountRef.current === 0) {
         activeBlockRef.current = null;
-        setHandle((s) => ({ ...s, visible: false, nodeKey: null }));
+        setHandle((state) => ({ ...state, visible: false, nodeKey: null }));
       }
     }, HIDE_DELAY);
   }, [clearHideTimer]);
@@ -152,25 +626,25 @@ function BlockHandleInner({ editor }) {
       if (!open) scheduleHide();
       else clearHideTimer();
     },
-    [scheduleHide, clearHideTimer]
+    [clearHideTimer, scheduleHide]
   );
   const updatePositionFromBlock = useCallback(
     (block) => {
       if (block !== void 0) activeBlockRef.current = block;
-      const el = activeBlockRef.current;
-      if (!el || !el.isConnected) {
+      const element = activeBlockRef.current;
+      if (!element || !element.isConnected) {
         activeBlockRef.current = null;
-        setHandle((s) => s.visible ? { ...s, visible: false, nodeKey: null } : s);
+        setHandle((state) => state.visible ? { ...state, visible: false, nodeKey: null } : state);
         return;
       }
       const rootElement = editor.getRootElement();
       if (!rootElement) return;
-      const blockRect = el.getBoundingClientRect();
+      const blockRect = element.getBoundingClientRect();
       const rootRect = rootElement.getBoundingClientRect();
       const page = toPagePosition(blockRect);
       let nodeKey = null;
       editor.read(() => {
-        const node = $getNearestNodeFromDOMNode(el);
+        const node = $getNearestNodeFromDOMNode(element);
         if (node) nodeKey = node.getKey();
       });
       setHandle({
@@ -186,11 +660,11 @@ function BlockHandleInner({ editor }) {
     const rootElement = editor.getRootElement();
     if (!rootElement) return;
     let rafId = null;
-    const onMouseMove = (e) => {
+    const onMouseMove = (event) => {
       if (rafId !== null) return;
       rafId = requestAnimationFrame(() => {
         rafId = null;
-        const target = e.target;
+        const target = event.target;
         const block = getBlockElement(editor, target);
         if (block) {
           clearHideTimer();
@@ -211,7 +685,7 @@ function BlockHandleInner({ editor }) {
       rootElement.removeEventListener("mouseleave", onMouseLeave);
       clearHideTimer();
     };
-  }, [editor, clearHideTimer, scheduleHide, updatePositionFromBlock]);
+  }, [clearHideTimer, editor, scheduleHide, updatePositionFromBlock]);
   useEffect(() => {
     const update = () => updatePositionFromBlock();
     window.addEventListener("scroll", update, true);
@@ -230,9 +704,9 @@ function BlockHandleInner({ editor }) {
     editor.update(() => {
       const node = $getNodeByKey(handle.nodeKey);
       if (!node) return;
-      const p = $createParagraphNode();
-      node.insertAfter(p);
-      p.selectStart();
+      const paragraph = $createParagraphNode();
+      node.insertAfter(paragraph);
+      paragraph.selectStart();
     });
   }, [editor, handle.nodeKey]);
   const handleTurnInto = useCallback(
@@ -258,8 +732,8 @@ function BlockHandleInner({ editor }) {
         const node = $getNodeByKey(nodeKey);
         if (!node || !$isElementNode(node)) return;
         node.selectStart();
-        const sel = $getSelection();
-        if (!$isRangeSelection(sel)) return;
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) return;
         const creators = {
           paragraph: () => $createParagraphNode(),
           h1: () => $createHeadingNode("h1"),
@@ -269,52 +743,69 @@ function BlockHandleInner({ editor }) {
           code: () => $createCodeNode()
         };
         const create = creators[type];
-        if (create) $setBlocksType(sel, create);
+        if (create) $setBlocksType(selection, create);
       });
     },
-    [editor, handle.nodeKey]
+    [editor, handle]
   );
   const handleDelete = useCallback(() => {
-    if (!handle.nodeKey) return;
-    editor.update(() => {
-      const node = $getNodeByKey(handle.nodeKey);
-      node?.remove();
-    });
-    setHandle((s) => ({ ...s, visible: false, nodeKey: null }));
-  }, [editor, handle.nodeKey]);
+    deleteSelectedBlocks(handle.nodeKey);
+    setHandle((state) => ({ ...state, visible: false, nodeKey: null }));
+  }, [deleteSelectedBlocks, handle.nodeKey]);
   const handleDuplicate = useCallback(() => {
-    if (!handle.nodeKey) return;
+    const selectedKeys = getSelectedKeys();
+    const keys = selectedKeys.length > 0 ? selectedKeys : handle.nodeKey ? [handle.nodeKey] : [];
+    if (!keys.length) return;
     editor.update(() => {
-      const node = $getNodeByKey(handle.nodeKey);
-      if (!node) return;
-      const clone = $cloneNode(node);
-      node.insertAfter(clone);
+      const root = $getRoot();
+      const children = root.getChildren();
+      const keySet = new Set(keys);
+      const nodesToDuplicate = children.filter((child) => keySet.has(child.getKey()));
+      if (!nodesToDuplicate.length) return;
+      let insertAfter = nodesToDuplicate.at(-1);
+      for (const node of nodesToDuplicate) {
+        const clone = $cloneNode(node);
+        insertAfter.insertAfter(clone);
+        insertAfter = clone;
+      }
     });
-  }, [editor, handle.nodeKey]);
+  }, [editor, getSelectedKeys, handle.nodeKey]);
   const handleMoveUp = useCallback(() => {
-    if (!handle.nodeKey) return;
+    const selectedKeys = getSelectedKeys();
+    const keys = selectedKeys.length > 0 ? selectedKeys : handle.nodeKey ? [handle.nodeKey] : [];
+    if (!keys.length) return;
     editor.update(() => {
-      const node = $getNodeByKey(handle.nodeKey);
-      if (!node) return;
-      const prev = node.getPreviousSibling();
-      if (prev) {
-        node.remove();
-        prev.insertBefore(node);
-      }
+      const root = $getRoot();
+      const children = root.getChildren();
+      const keySet = new Set(keys);
+      const selectedNodes = children.filter((child) => keySet.has(child.getKey()));
+      if (!selectedNodes.length) return;
+      const firstSelected = selectedNodes[0];
+      const previousSibling = firstSelected.getPreviousSibling();
+      if (!previousSibling || keySet.has(previousSibling.getKey())) return;
+      const lastSelected = selectedNodes.at(-1);
+      previousSibling.remove();
+      lastSelected.insertAfter(previousSibling);
     });
-  }, [editor, handle.nodeKey]);
+  }, [editor, getSelectedKeys, handle.nodeKey]);
   const handleMoveDown = useCallback(() => {
-    if (!handle.nodeKey) return;
+    const selectedKeys = getSelectedKeys();
+    const keys = selectedKeys.length > 0 ? selectedKeys : handle.nodeKey ? [handle.nodeKey] : [];
+    if (!keys.length) return;
     editor.update(() => {
-      const node = $getNodeByKey(handle.nodeKey);
-      if (!node) return;
-      const next = node.getNextSibling();
-      if (next) {
-        node.remove();
-        next.insertAfter(node);
-      }
+      const root = $getRoot();
+      const children = root.getChildren();
+      const keySet = new Set(keys);
+      const selectedNodes = children.filter((child) => keySet.has(child.getKey()));
+      if (!selectedNodes.length) return;
+      const lastSelected = selectedNodes.at(-1);
+      const nextSibling = lastSelected.getNextSibling();
+      if (!nextSibling || keySet.has(nextSibling.getKey())) return;
+      const firstSelected = selectedNodes[0];
+      nextSibling.remove();
+      firstSelected.insertBefore(nextSibling);
     });
-  }, [editor, handle.nodeKey]);
+  }, [editor, getSelectedKeys, handle.nodeKey]);
   const [gripMenuOpen, setGripMenuOpen] = useState(false);
   const dragStartedRef = useRef(false);
   const clearDragVisualState = useCallback(() => {
@@ -328,13 +819,22 @@ function BlockHandleInner({ editor }) {
       draggingBlock$1.classList.remove(draggingBlock);
       draggingBlockRef.current = null;
     }
-  }, []);
+    const draggingKeys = draggingBlockKeysRef.current;
+    if (draggingKeys) {
+      for (const key of draggingKeys) {
+        editor.getElementByKey(key)?.classList.remove(draggingBlock);
+      }
+      draggingBlockKeysRef.current = null;
+    }
+  }, [editor]);
   const onGripDragStart = useCallback(
-    (e) => {
+    (event) => {
       dragStartedRef.current = true;
-      if (!e.dataTransfer || !handle.nodeKey) return;
-      e.dataTransfer.setData(DRAG_DATA_KEY, handle.nodeKey);
-      e.dataTransfer.effectAllowed = "move";
+      if (!event.dataTransfer || !handle.nodeKey) return;
+      const selectedKeys = getSelectedKeys();
+      const dragKeys = selectedKeys.length > 0 && selectedKeys.includes(handle.nodeKey) ? selectedKeys : [handle.nodeKey];
+      event.dataTransfer.setData(DRAG_DATA_KEY, JSON.stringify(dragKeys));
+      event.dataTransfer.effectAllowed = "move";
       const block = activeBlockRef.current;
       if (!block) return;
       clearDragVisualState();
@@ -342,6 +842,13 @@ function BlockHandleInner({ editor }) {
       const preview = block.cloneNode(true);
       preview.classList.add(dragPreview);
       preview.style.width = `${rect.width}px`;
+      preview.style.position = "relative";
+      if (dragKeys.length > 1) {
+        const badge = document.createElement("div");
+        badge.className = dragCountBadge;
+        badge.textContent = String(dragKeys.length);
+        preview.appendChild(badge);
+      }
       if (portalClassName) {
         const wrapper = document.createElement("div");
         wrapper.className = portalClassName;
@@ -354,40 +861,61 @@ function BlockHandleInner({ editor }) {
         document.body.append(preview);
         dragPreviewRef.current = preview;
       }
-      draggingBlockRef.current = block;
-      block.classList.add(draggingBlock);
-      const offsetX = Math.max(12, Math.min(rect.width - 12, e.clientX - rect.left));
-      const offsetY = Math.max(8, Math.min(rect.height - 8, e.clientY - rect.top));
-      e.dataTransfer.setDragImage(preview, offsetX, offsetY);
+      if (dragKeys.length > 1) {
+        for (const key of dragKeys) {
+          editor.getElementByKey(key)?.classList.add(draggingBlock);
+        }
+        draggingBlockKeysRef.current = dragKeys;
+      } else {
+        draggingBlockRef.current = block;
+        block.classList.add(draggingBlock);
+      }
+      const offsetX = Math.max(12, Math.min(rect.width - 12, event.clientX - rect.left));
+      const offsetY = Math.max(8, Math.min(rect.height - 8, event.clientY - rect.top));
+      event.dataTransfer.setDragImage(preview, offsetX, offsetY);
     },
-    [clearDragVisualState, handle.nodeKey, portalClassName, theme]
+    [clearDragVisualState, editor, getSelectedKeys, handle.nodeKey, portalClassName, theme]
   );
   const onGripOpenChange = useCallback(
     (open) => {
-      setGripMenuOpen((prev) => {
-        if (prev === open) return prev;
+      setGripMenuOpen((previous) => {
+        if (previous === open) return previous;
         onMenuOpenChange(open);
         return open;
       });
     },
     [onMenuOpenChange]
   );
-  const onGripMouseDownCapture = useCallback((e) => {
+  const onGripMouseDownCapture = useCallback((event) => {
     dragStartedRef.current = false;
-    if (e.button === 0) e.stopPropagation();
+    if (event.button === 0) event.stopPropagation();
   }, []);
   const onGripClick = useCallback(
-    (e) => {
-      if (e.detail === 0) return;
-      e.preventDefault();
-      e.stopPropagation();
+    (event) => {
+      if (event.detail === 0) return;
+      event.preventDefault();
+      event.stopPropagation();
       if (dragStartedRef.current) {
         dragStartedRef.current = false;
         return;
       }
-      onGripOpenChange(!gripMenuOpen);
+      if (!handle.nodeKey) return;
+      selectBlock(handle.nodeKey, event.shiftKey);
     },
-    [gripMenuOpen, onGripOpenChange]
+    [handle.nodeKey, selectBlock]
+  );
+  const onGripContextMenu = useCallback(
+    (event) => {
+      event.preventDefault();
+      if (handle.nodeKey) {
+        const currentKeys = getSelectedKeys();
+        if (!currentKeys.includes(handle.nodeKey)) {
+          selectBlock(handle.nodeKey, false);
+        }
+      }
+      onGripOpenChange(true);
+    },
+    [getSelectedKeys, handle.nodeKey, onGripOpenChange, selectBlock]
   );
   useEffect(() => {
     const rootElement = editor.getRootElement();
@@ -400,7 +928,7 @@ function BlockHandleInner({ editor }) {
         event.dataTransfer.dropEffect = "move";
         const block = getDropTargetBlock(editor, rootElement, event);
         if (!block) {
-          setDropLine((s) => s.visible ? { ...s, visible: false } : s);
+          setDropLine((state) => state.visible ? { ...state, visible: false } : state);
           return true;
         }
         const rect = block.getBoundingClientRect();
@@ -420,24 +948,46 @@ function BlockHandleInner({ editor }) {
     const unregDrop = editor.registerCommand(
       DROP_COMMAND,
       (event) => {
-        const draggedKey = event.dataTransfer?.getData(DRAG_DATA_KEY);
-        if (!draggedKey) return false;
+        const raw = event.dataTransfer?.getData(DRAG_DATA_KEY);
+        if (!raw) return false;
         event.preventDefault();
-        setDropLine((s) => ({ ...s, visible: false }));
+        setDropLine((state) => ({ ...state, visible: false }));
         clearDragVisualState();
+        let draggedKeys;
+        try {
+          const parsed = JSON.parse(raw);
+          draggedKeys = Array.isArray(parsed) && parsed.every((key) => typeof key === "string") ? parsed : [raw];
+        } catch {
+          draggedKeys = [raw];
+        }
+        if (!draggedKeys.length) return false;
         const block = getDropTargetBlock(editor, rootElement, event);
         if (!block) return false;
         editor.update(() => {
-          const draggedNode = $getNodeByKey(draggedKey);
           const targetNode = $getNearestNodeFromDOMNode(block);
-          if (!draggedNode || !targetNode || draggedNode === targetNode) return;
+          if (!targetNode) return;
+          if (draggedKeys.includes(targetNode.getKey())) return;
           const rect = block.getBoundingClientRect();
-          const midY = rect.top + rect.height / 2;
-          draggedNode.remove();
-          if (event.clientY < midY) {
-            targetNode.insertBefore(draggedNode);
+          const insertBefore = event.clientY < rect.top + rect.height / 2;
+          const root = $getRoot();
+          const children = root.getChildren();
+          const keySet = new Set(draggedKeys);
+          const draggedNodes = children.filter((child) => keySet.has(child.getKey()));
+          for (const node of draggedNodes) {
+            node.remove();
+          }
+          const freshTarget = $getNodeByKey(targetNode.getKey());
+          if (!freshTarget) return;
+          if (insertBefore) {
+            for (let i = draggedNodes.length - 1; i >= 0; i--) {
+              freshTarget.insertBefore(draggedNodes[i]);
+            }
           } else {
-            targetNode.insertAfter(draggedNode);
+            let cursor = freshTarget;
+            for (const node of draggedNodes) {
+              cursor.insertAfter(node);
+              cursor = node;
+            }
           }
         });
         return true;
@@ -453,14 +1003,14 @@ function BlockHandleInner({ editor }) {
       COMMAND_PRIORITY_HIGH
     );
     const clearDropLine = () => {
-      setDropLine((s) => s.visible ? { ...s, visible: false } : s);
+      setDropLine((state) => state.visible ? { ...state, visible: false } : state);
     };
     const clearDragState = () => {
       clearDropLine();
       clearDragVisualState();
     };
-    const onDragLeave = (e) => {
-      if (e.relatedTarget === null || !rootElement.contains(e.relatedTarget)) {
+    const onDragLeave = (event) => {
+      if (event.relatedTarget === null || !rootElement.contains(event.relatedTarget)) {
         clearDropLine();
       }
     };
@@ -477,6 +1027,54 @@ function BlockHandleInner({ editor }) {
       clearDragState();
     };
   }, [clearDragVisualState, editor]);
+  useEffect(() => {
+    const rootElement = editor.getRootElement();
+    if (!rootElement) return;
+    const outerContainer = rootElement.closest(".rich-editor");
+    if (!outerContainer) return;
+    let isDragging = false;
+    let lastKey = null;
+    const getBlockKeyAtY = (clientY) => {
+      const block = getNearestBlockByY(rootElement, clientY);
+      if (!block) return null;
+      let nodeKey = null;
+      editor.read(() => {
+        nodeKey = $getNearestNodeFromDOMNode(block)?.getKey() ?? null;
+      });
+      return nodeKey;
+    };
+    const onMouseDown = (event) => {
+      if (event.button !== 0) return;
+      const target = event.target;
+      if (rootElement.contains(target)) return;
+      const nodeKey = getBlockKeyAtY(event.clientY);
+      if (!nodeKey) return;
+      event.preventDefault();
+      selectBlock(nodeKey, event.shiftKey);
+      editor.focus();
+      isDragging = true;
+      lastKey = nodeKey;
+    };
+    const onMouseMove = (event) => {
+      if (!isDragging) return;
+      const nodeKey = getBlockKeyAtY(event.clientY);
+      if (!nodeKey || nodeKey === lastKey) return;
+      selectBlock(nodeKey, true);
+      lastKey = nodeKey;
+    };
+    const onMouseUp = () => {
+      isDragging = false;
+      lastKey = null;
+    };
+    outerContainer.addEventListener("mousedown", onMouseDown);
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+    return () => {
+      outerContainer.removeEventListener("mousedown", onMouseDown);
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+    };
+  }, [editor, selectBlock]);
   const themeWrapperProps = portalClassName ? {
     "className": portalClassName,
     "data-theme": theme,
@@ -500,6 +1098,7 @@ function BlockHandleInner({ editor }) {
                 "aria-label": "Block actions",
                 className: handleBtn,
                 onClick: onGripClick,
+                onContextMenu: onGripContextMenu,
                 onDragStart: onGripDragStart,
                 onMouseDownCapture: onGripMouseDownCapture,
                 children: /* @__PURE__ */ jsx(GripVertical, { size: 14 })

package/dist/rich-plugin-block-handle.css

@@ -1 +1 @@
-:root{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}[data-theme=dark]{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc0{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc1{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc2{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #a3a3a3;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark ._1bfi5uc0,[data-theme=dark] ._1bfi5uc0,.dark._1bfi5uc0,[data-theme=dark]._1bfi5uc0,.dark ._1bfi5uc1,[data-theme=dark] ._1bfi5uc1,.dark._1bfi5uc1,[data-theme=dark]._1bfi5uc1,.dark ._1bfi5uc2,[data-theme=dark] ._1bfi5uc2,.dark._1bfi5uc2,[data-theme=dark]._1bfi5uc2{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}.iihqkc0{display:flex;align-items:center;gap:1px;position:absolute;z-index:30;opacity:0;pointer-events:none;transition:opacity .15s}.iihqkc1{opacity:1;pointer-events:auto}.iihqkc2{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:color-mix(in srgb,var(--rc-text) 35%,transparent);cursor:pointer;padding:0;transition:background-color .15s,color .15s}.iihqkc2:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:color-mix(in srgb,var(--rc-text) 70%,transparent)}.iihqkc3{opacity:.35}.iihqkc4{position:fixed;top:-10000px;left:-10000px;z-index:40;pointer-events:none;margin:0;box-sizing:border-box;opacity:.9;background-color:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);box-shadow:var(--rc-shadow-top-bar)}.iihqkc5{position:absolute;height:2px;background:var(--rc-accent);border-radius:1px;z-index:30;pointer-events:none}.iihqkc6{color:var(--rc-alert-caution)}.iihqkc6[data-highlighted]{color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 8%,transparent)}.iihqkc6 svg{color:var(--rc-alert-caution)}.iihqkc6[data-highlighted] svg{color:var(--rc-alert-caution)}
+:root{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}[data-theme=dark]{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc0{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc1{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #2563eb;--rc-quote-bg: #f5f5f5;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1bfi5uc2{--rc-text: #000;--rc-text-secondary: #262626;--rc-text-tertiary: #737373;--rc-text-quaternary: #a3a3a3;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f5f5f5;--rc-fill: #e8e8e8;--rc-fill-secondary: #eeeeee;--rc-fill-tertiary: #f5f5f5;--rc-fill-quaternary: #fafafa;--rc-border: #f5f5f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #404040;--rc-code-bg: #f5f5f5;--rc-hr-border: #e5e5e5;--rc-quote-border: #a3a3a3;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai: "楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark ._1bfi5uc0,[data-theme=dark] ._1bfi5uc0,.dark._1bfi5uc0,[data-theme=dark]._1bfi5uc0,.dark ._1bfi5uc1,[data-theme=dark] ._1bfi5uc1,.dark._1bfi5uc1,[data-theme=dark]._1bfi5uc1,.dark ._1bfi5uc2,[data-theme=dark] ._1bfi5uc2,.dark._1bfi5uc2,[data-theme=dark]._1bfi5uc2{--rc-text: #fafafa;--rc-text-secondary: #a3a3a3;--rc-text-tertiary: #737373;--rc-text-quaternary: #525252;--rc-bg: #0a0a0a;--rc-bg-secondary: #171717;--rc-bg-tertiary: #262626;--rc-fill: #2a2a2a;--rc-fill-secondary: #222222;--rc-fill-tertiary: #1a1a1a;--rc-fill-quaternary: #141414;--rc-border: #262626;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #d4d4d4;--rc-code-bg: #262626;--rc-hr-border: #262626;--rc-quote-border: #60a5fa;--rc-quote-bg: #262626;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}.iihqkc0{display:flex;align-items:center;gap:1px;position:absolute;z-index:30;opacity:0;pointer-events:none;transition:opacity .15s}.iihqkc1{opacity:1;pointer-events:auto}.iihqkc2{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:color-mix(in srgb,var(--rc-text) 35%,transparent);cursor:pointer;padding:0;transition:background-color .15s,color .15s}.iihqkc2:hover{background:color-mix(in srgb,var(--rc-text) 8%,transparent);color:color-mix(in srgb,var(--rc-text) 70%,transparent)}.iihqkc3{opacity:.35}.iihqkc4{position:fixed;top:-10000px;left:-10000px;z-index:40;pointer-events:none;margin:0;box-sizing:border-box;opacity:.9;background-color:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);box-shadow:var(--rc-shadow-top-bar)}.iihqkc5{position:absolute;height:2px;background:var(--rc-accent);border-radius:1px;z-index:30;pointer-events:none}.iihqkc6{box-shadow:0 0 0 2px color-mix(in srgb,var(--rc-accent) 30%,transparent);background-color:color-mix(in srgb,var(--rc-accent) 6%,transparent);border-radius:var(--rc-radius-sm);transition:box-shadow .15s ease,background-color .15s ease}.iihqkc7{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;border-radius:10px;background-color:var(--rc-accent);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 4px #00000026}.iihqkc8{color:var(--rc-alert-caution)}.iihqkc8[data-highlighted]{color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 8%,transparent)}.iihqkc8 svg{color:var(--rc-alert-caution)}.iihqkc8[data-highlighted] svg{color:var(--rc-alert-caution)}

package/dist/styles.css.d.ts

@@ -4,5 +4,7 @@ export declare const handleBtn: string;
 export declare const draggingBlock: string;
 export declare const dragPreview: string;
 export declare const dropIndicator: string;
+export declare const blockSelected: string;
+export declare const dragCountBadge: string;
 export declare const menuItemDestructive: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,QAS1B,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAGF,eAAO,MAAM,SAAS,QAiBpB,CAAA;AAGF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,WAAW,QAatB,CAAA;AAGF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAGF,eAAO,MAAM,mBAAmB,QAQ9B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,QAS1B,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAGjC,CAAC;AAGH,eAAO,MAAM,SAAS,QAiBpB,CAAC;AAGH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,WAAW,QAatB,CAAC;AAGH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAGH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,cAAc,QAgBzB,CAAC;AAGH,eAAO,MAAM,mBAAmB,QAQ9B,CAAC"}

package/dist/useBlockSelection.d.ts

@@ -0,0 +1,8 @@
+import { LexicalEditor } from 'lexical';
+export declare function useBlockSelection(editor: LexicalEditor): {
+    selectBlock: (nodeKey: string, shiftKey: boolean) => void;
+    getSelectedKeys: () => string[];
+    isBlockSelectionActive: () => boolean;
+    deleteSelectedBlocks: (fallbackNodeKey?: string | null) => void;
+};
+//# sourceMappingURL=useBlockSelection.d.ts.map

package/dist/useBlockSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockSelection.d.ts","sourceRoot":"","sources":["../src/useBlockSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAiBL,KAAK,aAAa,EAInB,MAAM,SAAS,CAAC;AA8BjB,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa;2BA4ZzC,MAAM,YAAY,OAAO;2BA6BG,MAAM,EAAE;kCAwB1C,OAAO;6CAZQ,MAAM,GAAG,IAAI;EAiBnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-block-handle",
-  "version": "0.0.101",
+  "version": "0.0.103",
   "description": "Block handle plugin with add button and context menu",
   "repository": {
     "type": "git",
@@ -22,10 +22,11 @@
   ],
   "dependencies": {
     "@lexical/code-core": "^0.42.0",
-    "@haklex/rich-editor-ui": "0.0.101",
-    "@haklex/rich-style-token": "0.0.101"
+    "@haklex/rich-style-token": "0.0.103",
+    "@haklex/rich-editor-ui": "0.0.103"
   },
   "devDependencies": {
+    "@lexical/html": "^0.42.0",
     "@lexical/list": "^0.42.0",
     "@lexical/react": "^0.42.0",
     "@lexical/rich-text": "^0.42.0",
@@ -43,6 +44,7 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
+    "@lexical/html": "^0.42.0",
     "@lexical/list": "^0.42.0",
     "@lexical/react": "^0.42.0",
     "@lexical/rich-text": "^0.42.0",