onchain-lexical-instance 0.0.14 → 0.0.16

package/dist/OnchainLexicalInstance.js

@@ -15,17 +15,18 @@ var LexicalHorizontalRuleNode = require('@lexical/react/LexicalHorizontalRuleNod
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var clipboard = require('@lexical/clipboard');
 var list = require('@lexical/list');
+var richText = require('@lexical/rich-text');
 var table = require('@lexical/table');
 var onchainLexicalMarkdown = require('onchain-lexical-markdown');
 var traversal = require('onchain-utility/traversal');
 var selection = require('@lexical/selection');
 var useLexicalNodeSelection = require('@lexical/react/useLexicalNodeSelection');
-var hooks = require('onchain-utility/hooks');
-var richText = require('@lexical/rich-text');
 var useLexicalEditable = require('@lexical/react/useLexicalEditable');
 var EquationEditor = require('onchain-lexical-ui/EquationEditor');
 var KatexRenderer = require('onchain-lexical-ui/KatexRenderer');
+var base64 = require('onchain-utility/base64');
 var LexicalAutoFocusPlugin = require('@lexical/react/LexicalAutoFocusPlugin');
 var LexicalCollaborationContext = require('@lexical/react/LexicalCollaborationContext');
 var LexicalCollaborationPlugin = require('@lexical/react/LexicalCollaborationPlugin');
@@ -45,6 +46,8 @@ var Skeleton = require('onchain-lexical-ui/Skeleton');
 var settings = require('onchain-lexical-context/settings');
 var DropDown = require('onchain-lexical-ui/DropDown');
 var Icon = require('onchain-lexical-ui/Icon');
+var hooks = require('onchain-utility/hooks');
+var language = require('onchain-utility/language');
 var hashtag = require('@lexical/hashtag');
 var Button = require('onchain-lexical-ui/Button');
 var Dialog = require('onchain-lexical-ui/Dialog');
@@ -90,9 +93,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$8 = ".base-module_instance__4TS7Q>p:first-of-type{word-wrap:normal;border-bottom:1px solid #d8d8d8;height:38px;line-height:38px;margin-bottom:4px}";
-var Styles$8 = {"instance":"base-module_instance__4TS7Q"};
-styleInject(css_248z$8);
+var css_248z$9 = ".base-module_instance__4TS7Q>p:first-of-type{word-wrap:normal;border-bottom:1px solid #d8d8d8;height:38px;line-height:38px;margin-bottom:4px}";
+var Styles$9 = {"instance":"base-module_instance__4TS7Q"};
+styleInject(css_248z$9);
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -164,6 +167,9 @@ const PARAMETERS_UPDATE = lexical.createCommand('PARAMETERS_UPDATE');
 /** 添加评论 */
 const ADD_COMMENT = lexical.createCommand('ADD_COMMENT');
 
+/** 打开参数列表 */
+const OPEN_PARAMS = lexical.createCommand('OPEN_PARAMS');
+
 /** 获取禁止编辑dom节点选择器 */
 const DisableSelector = `[usable='false']:not([ignoreusable])`;
 
@@ -483,9 +489,9 @@ function $isPlaceholderDecoratorNode(node) {
   return node instanceof PlaceholderDecoratorNode;
 }
 
-var css_248z$7 = ".styles-module_instance-title__Xh6UG{height:100%;overflow:hidden;padding-right:68px;text-overflow:ellipsis;white-space:nowrap}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K{overflow:initial;white-space:normal}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2){background-color:#f9f9f9;border:1px solid #d8d8d8;border-top-color:transparent;display:inline-block;left:-5px;line-height:36px;min-height:100%;padding:0 4px;position:relative;z-index:1}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):after,.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):before{background-color:#f9f9f9;content:\"\";display:inline-block;height:37px;pointer-events:none;position:absolute;top:-1px;width:5px;z-index:2}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):before{left:-4px}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):after{right:-4px}";
-var Styles$7 = {"instance-title":"styles-module_instance-title__Xh6UG","title-hover":"styles-module_title-hover__9nE-K"};
-styleInject(css_248z$7);
+var css_248z$8 = ".styles-module_instance-title__Xh6UG{height:100%;overflow:hidden;padding-right:68px;text-overflow:ellipsis;white-space:nowrap}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K{overflow:initial;white-space:normal}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2){background-color:#f9f9f9;border:1px solid #d8d8d8;border-top-color:transparent;display:inline-block;left:-5px;line-height:36px;min-height:100%;padding:0 4px;position:relative;z-index:1}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):after,.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):before{background-color:#f9f9f9;content:\"\";display:inline-block;height:37px;pointer-events:none;position:absolute;top:-1px;width:5px;z-index:2}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):before{left:-4px}.styles-module_instance-title__Xh6UG.styles-module_title-hover__9nE-K>span:nth-of-type(2):after{right:-4px}";
+var Styles$8 = {"instance-title":"styles-module_instance-title__Xh6UG","title-hover":"styles-module_title-hover__9nE-K"};
+styleInject(css_248z$8);
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -562,7 +568,7 @@ class InstanceTitleNode extends InstanceHeadingNode {
   }
   createDOM(config) {
     const element = super.createDOM(config);
-    element.classList.add(Styles$7['instance-title']);
+    element.classList.add(Styles$8['instance-title']);
     element.setAttribute('instance-title', 'true');
     setDisable(this, element);
     element.onmousemove = function (event) {
@@ -579,9 +585,9 @@ class InstanceTitleNode extends InstanceHeadingNode {
         };
         const display = headingWidth - paddingRight.value - paddingLeft.value;
         if (display <= titleWidth) {
-          element.classList.add(Styles$7['title-hover']);
+          element.classList.add(Styles$8['title-hover']);
           span.onmouseout = function (event) {
-            element.classList.remove(Styles$7['title-hover']);
+            element.classList.remove(Styles$8['title-hover']);
           };
         }
       }
@@ -736,12 +742,197 @@ function $registerInstanceHeadingNodeTransform(editor) {
   });
 }
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+var css_248z$7 = ".styles-module_parameter__fieN0{color:#0563b0;padding:0 2px}.styles-module_parameter__fieN0.styles-module_pointer__089d2{cursor:pointer}";
+var Styles$7 = {"parameter":"styles-module_parameter__fieN0","pointer":"styles-module_pointer__089d2"};
+styleInject(css_248z$7);
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const ParametersComponent = /*#__PURE__*/React.forwardRef(({
+  nodeKey
+}, ref) => {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const {
+    preview,
+    parameterUnified
+  } = instanceConfig.useInstanceConfig();
+  const spanRef = React.useRef(null);
+  const [parameter, setParameter,, latestParameter] = hooks.useStore({
+    insId: '',
+    number: '',
+    value: ''
+  });
+  const isCanUse = !preview;
+  React.useEffect(() => {
+    editor.read(() => {
+      const node = lexical.$getNodeByKey(nodeKey);
+      if ($isParametersNode(node)) {
+        const parameter = node.parameter;
+        setParameter(Object.assign(node.parameter, {
+          value: parameterUnified.getParameterValue(parameter.insId)
+        }));
+      }
+    });
+    return utils$1.mergeRegister(editor.registerCommand(PARAMETERS_UPDATE, ({
+      parameters
+    }) => {
+      const latest = latestParameter.current;
+      const parameter = parameters.find(parameter => parameter.insId === latest.insId);
+      if (!parameter) {
+        return false;
+      }
+      const node = lexical.$getNodeByKey(nodeKey);
+      if ($isParametersNode(node)) {
+        Promise.resolve().then(() => {
+          const value = parameterUnified.setParameter(parameter).getParameterValue(parameter.insId);
+          setParameter({
+            value
+          });
+          Object.assign(node.parameter, {
+            value
+          });
+        });
+      }
+      return false;
+    }, lexical.COMMAND_PRIORITY_EDITOR));
+  }, [parameterUnified]);
+  React.useImperativeHandle(ref, () => {
+    return {
+      getParameter() {
+        return latestParameter.current;
+      },
+      getValue() {
+        return parameterUnified.getParameterValue(latestParameter.current.insId);
+      }
+    };
+  }, [parameterUnified]);
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `parameter ${Styles$7.parameter} ${isCanUse ? Styles$7.pointer : ''}`,
+    title: language.translateI18n('[TODO] Parameter', {
+      placeholder: '参数'
+    }),
+    ref: spanRef,
+    role: "button",
+    tabIndex: 0,
+    onClick: () => {
+      if (isCanUse) {
+        editor.dispatchCommand(INSERT_PARAMETERS, {
+          instance: editor.read(() => {
+            return $getInstanceNodeByChild(lexical.$getNodeByKey(nodeKey))?.__instance.value;
+          }),
+          nodeKey,
+          target: parameter.insId
+        });
+      }
+    },
+    children: parameter.value
+  });
+});
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+class ParametersNode extends lexical.TextDecoratorNode {
+  /** 初始化值 */
+
+  __ref = /*#__PURE__*/React.createRef();
+
+  /** 最新的值 */
+  get parameter() {
+    return this.__parameter.isolation;
+  }
+  static getType() {
+    return 'Parameter';
+  }
+  static clone(node) {
+    return new ParametersNode(Object.assign({}, node.parameter), node.__key);
+  }
+  static importJSON(serializedNode) {
+    return $createParametersNode(serializedNode.parameter).updateFromJSON(serializedNode);
+  }
+  constructor(parameter, key) {
+    super(key);
+    this.__parameter = {
+      isolation: parameter
+    };
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      parameter: this.parameter
+    };
+  }
+  exportDOM(editor) {
+    const element = document.createElement('section');
+    element.setAttribute('parameter', '');
+    element.setAttribute('data-parameter', base64.toBase64UTF8(JSON.stringify(this.parameter)));
+    element.textContent = this.parameter.value;
+    return {
+      element
+    };
+  }
+  createDOM(config, editor) {
+    const span = super.createDOM(config, editor);
+    span.setAttribute('ignoreusable', '');
+    span.setAttribute('key', this.getKey());
+    return span;
+  }
+  updateDOM(prevNode, dom, config) {
+    return super.updateDOM(prevNode, dom, config);
+  }
+  collapseAtStart() {
+    return true;
+  }
+  isInline() {
+    return true;
+  }
+  getTextContent() {
+    return this.__ref.current?.getValue() || '';
+  }
+  decorate(editor, config) {
+    return /*#__PURE__*/jsxRuntime.jsx(ParametersComponent, {
+      ref: this.__ref,
+      nodeKey: this.getKey()
+    });
+  }
+}
+function $createParametersNode(parameters) {
+  return lexical.$applyNodeReplacement(new ParametersNode(parameters));
+}
+function $isParametersNode(node) {
+  return node instanceof ParametersNode;
+}
+
+// export function updateParameters(parameters: Parameter) {
+//   return ParametersNode.collection.set(parameters.number, parameters);
+// }
+
+function $unifiedCreateParametersNode(unified, parameter) {
+  return $createParametersNode({
+    insId: parameter.insId,
+    number: parameter.number,
+    value: unified.setParameter(parameter).getParameterValue(parameter)
+  });
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
@@ -861,11 +1052,13 @@ function getLatestValue(data, key) {
   return data[key];
 }
 
-/**
- * 跳转到指定实例
- * dom 属性 data-scrollTo=“false” 时可以禁止跳转
+/**
+ * 跳转到指定实例
+ * dom 属性 data-scrollTo=“false” 时可以禁止跳转
  */
-function $scrollTo(number) {
+function $scrollTo(number, config = {
+  isFocus: true
+}) {
   const editor = lexical.$getEditor();
   const nodeKey = numberNodeKey.get(number);
   const rootElement = editor.getRootElement();
@@ -875,7 +1068,25 @@ function $scrollTo(number) {
     const target = editor.getElementByKey(numberNode.getKey() || nodeKey);
     if (target) {
       lexical.scrollIntoViewIfNeeded(editor, target.getBoundingClientRect(), rootElement, document.querySelector('.top-container.editor-container'));
-      lexical.$getNodeByKey(nodeKey)?.selectStart();
+      if (config.isFocus) {
+        lexical.$getNodeByKey(nodeKey)?.selectStart();
+      }
+    }
+  }
+}
+function $scrollToByNode(node, config = {
+  isFocus: true
+}) {
+  const editor = lexical.$getEditor();
+  const rootElement = editor.getRootElement();
+  const nodeKey = node.getKey();
+  if (rootElement) {
+    const target = editor.getElementByKey(nodeKey);
+    if (target) {
+      lexical.scrollIntoViewIfNeeded(editor, target.getBoundingClientRect(), rootElement, document.querySelector('.top-container.editor-container'));
+      if (config.isFocus) {
+        node.selectStart();
+      }
     }
   }
 }
@@ -1057,15 +1268,22 @@ function setHSEntryMap(hs, instanceNode) {
     return state;
   });
 }
+function isTemporaryInsId(insId) {
+  return insId?.startsWith('_temporary_');
+}
 function useContentEditable() {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   const [contentEditable, setContentEditable] = React.useState(true);
+  const [isTemporaryInstance, setIsTemporaryInstance] = React.useState(true);
   const $updateContentEditable = React.useCallback(() => {
     const selection = lexical.$getSelection();
     if (selection) {
-      setContentEditable(!selection.getNodes().some(node => {
+      const nodes = selection.getNodes();
+      setContentEditable(!nodes.some(node => {
         return editor.getElementByKey(node.getKey())?.closest(DisableSelector) || $isInInstanceTitleNode(node);
       }));
+      const ids = Array.from(new Set(nodes.map(n => $getInstanceNodeByChild(n)?.__instance.value.insId)));
+      setIsTemporaryInstance(ids.some(id => isTemporaryInsId(id)));
     }
   }, [editor]);
   React.useEffect(() => {
@@ -1075,7 +1293,37 @@ function useContentEditable() {
     }, lexical.COMMAND_PRIORITY_CRITICAL);
   }, [editor, $updateContentEditable]);
   return {
-    contentEditable
+    contentEditable,
+    isTemporaryInstance
+  };
+}
+function useSelectedIds() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const [selectedIds, setSelectedId] = React.useState([]);
+  const [isTemporaryInstance, setIsTemporaryInstance] = React.useState(true);
+  const $updateContentEditable = React.useCallback(() => {
+    editor.read(() => {
+      const selection = lexical.$getSelection();
+      if (selection) {
+        const nodes = selection.getNodes();
+        const ids = Array.from(new Set(nodes.map(n => $getInstanceNodeByChild(n)?.__instance.value.insId)));
+        setSelectedId(ids);
+        setIsTemporaryInstance(ids.some(id => isTemporaryInsId(id)));
+      }
+    });
+  }, [editor]);
+  React.useEffect(() => {
+    editor.read(() => {
+      $updateContentEditable();
+    });
+    return editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, _payload => {
+      $updateContentEditable();
+      return false;
+    }, lexical.COMMAND_PRIORITY_CRITICAL);
+  }, [editor, $updateContentEditable]);
+  return {
+    isTemporaryInstance,
+    selectedIds
   };
 }
 
@@ -1143,8 +1391,8 @@ function $addInstancesNode({
     }
   }
 }
-function $selectDecoratorNode(node) {
-  if (node) {
+function $selectTextDecoratorNode(node) {
+  if (lexical.$isTextDecoratorNode(node) && !$isParametersNode(node)) {
     const [previous, next] = [node.getPreviousSibling(), node.getNextSibling()];
     const rangeSelection = lexical.$createRangeSelection();
     if (previous) {
@@ -1365,7 +1613,7 @@ const Number$1 = props => {
   });
 };
 
-var css_248z$6 = ".styles-module_instance-number__yIPpS{align-items:center;display:inline-flex;height:38px;justify-content:flex-start;left:0;position:absolute;top:0;user-select:none;z-index:2}.styles-module_instance-number__yIPpS>div>span:first-of-type:not(:empty){padding-right:4px}";
+var css_248z$6 = ".styles-module_instance-number__yIPpS{align-items:center;display:inline-flex;height:38px;justify-content:flex-start;left:0;position:absolute;top:0;user-select:none;z-index:2}.styles-module_instance-number__yIPpS>div>span:first-of-type{color:#0563b0}.styles-module_instance-number__yIPpS>div>span:first-of-type:not(:empty){padding-right:4px}.styles-module_instance-number__yIPpS>div>span:nth-of-type(2){color:#0563b0}";
 var Styles$6 = {"instance-number":"styles-module_instance-number__yIPpS"};
 styleInject(css_248z$6);
 
@@ -1641,7 +1889,7 @@ class InstanceNode extends lexical.ElementNode {
 
   createDOM(config) {
     const dom = document.createElement('div');
-    const classNames = [Styles$8.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
+    const classNames = [Styles$9.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
     if (classNames !== undefined) {
       const domClassList = dom.classList;
       domClassList.add(...classNames.flat(1));
@@ -1874,6 +2122,38 @@ function $checkAllParagraphsEmpty(parent) {
 function isFixedAddress(instance) {
   return !!instance && Object.keys(instance).length === 1 && typeof instance.value === 'object';
 }
+class InstanceContentNode extends lexical.ElementNode {
+  static getType() {
+    return 'Content';
+  }
+  static clone(node) {
+    return new InstanceContentNode(node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new InstanceContentNode().updateFromJSON(serializedNode);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON()
+    };
+  }
+  createDOM(config) {
+    const element = document.createElement('div');
+    element.setAttribute('content', 'true');
+    element.setAttribute('key', this.getKey());
+    setDisable(this, element);
+    return element;
+  }
+  updateDOM(prevNode, dom, config) {
+    return false;
+  }
+}
+function $createInstanceContentNode() {
+  return lexical.$applyNodeReplacement(new InstanceContentNode());
+}
+function $isInstanceContentNode(node) {
+  return node instanceof InstanceNode;
+}
 
 var css_248z$5 = ".styles-module_left__CN0nC{align-items:center;display:flex;flex-direction:column;left:0;position:absolute;transform:translate(-26px);user-select:none;width:26px}.styles-module_left__CN0nC .styles-module_link__M-1Wq{margin-bottom:6px}.styles-module_left__CN0nC .styles-module_link__M-1Wq>button>span>div{position:relative}.styles-module_left__CN0nC .styles-module_link__M-1Wq>button>span>div>i{align-items:center;background-color:#0563b0;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:10px;font-style:normal;height:12px;justify-content:center;position:absolute;right:-2px;width:12px}.styles-module_left__CN0nC .styles-module_hiddenLinkCount__ThNp5>button>span>div>i,.styles-module_left__CN0nC .styles-module_link__M-1Wq>button>span>div>i:empty{display:none}.styles-module_left__CN0nC>*{align-items:center;display:inline-flex;justify-content:center}.styles-module_left__CN0nC>span:first-of-type{height:38px}.styles-module_right__sxVYl{align-items:center;display:inline-flex;height:38px;justify-content:flex-end;position:absolute;right:0;top:0;user-select:none;z-index:2}.styles-module_right__sxVYl>span{cursor:pointer;margin-left:10px}.styles-module_hasChildren__FqxrJ,.styles-module_hover__IeKlt:hover,.styles-module_selected__dpCTX{color:#0563b0}.styles-module_empty__g2IcU{cursor:default!important}";
 var Styles$5 = {"left":"styles-module_left__CN0nC","link":"styles-module_link__M-1Wq","hiddenLinkCount":"styles-module_hiddenLinkCount__ThNp5","right":"styles-module_right__sxVYl","selected":"styles-module_selected__dpCTX","hasChildren":"styles-module_hasChildren__FqxrJ","hover":"styles-module_hover__IeKlt","empty":"styles-module_empty__g2IcU"};
@@ -2691,7 +2971,7 @@ function $textNodeTransform(node, editor, tokenizer) {
   // if node's parent is a code node and run highlighting if so
   const parentNode = node.getParent();
   if ($isInstanceCodeNode(parentNode)) {
-    codeNodeTransform(parentNode, editor, tokenizer);
+    codeNodeTransform(parentNode, null, tokenizer);
   } else if ($isInstanceCodeHighlightNode(node)) {
     // When code block converted into paragraph or other element
     // code highlight nodes converted back to normal text
@@ -2731,9 +3011,9 @@ function updateCodeGutter(node, editor) {
 // Especially when pasting code into CodeBlock.
 
 const nodesCurrentlyHighlighting = new Set();
-function codeNodeTransform(node, editor, tokenizer) {
+function codeNodeTransform(node, editor, tokenizer, isEnforcement) {
   const nodeKey = node.getKey();
-  if (nodesCurrentlyHighlighting.has(nodeKey)) {
+  if (nodesCurrentlyHighlighting.has(nodeKey) && !isEnforcement) {
     return;
   }
   nodesCurrentlyHighlighting.add(nodeKey);
@@ -2746,7 +3026,8 @@ function codeNodeTransform(node, editor, tokenizer) {
   // Using nested update call to pass `skipTransforms` since we don't want
   // each individual InstanceCodeHighlightNode to be transformed again as it's already
   // in its final state
-  editor.update(() => {
+  // eslint-disable-next-line @lexical/rules-of-lexical
+  const transform = () => {
     $updateAndRetainSelection(nodeKey, () => {
       const currentNode = lexical.$getNodeByKey(nodeKey);
       if (!$isInstanceCodeNode(currentNode) || !currentNode.isAttached()) {
@@ -2767,12 +3048,17 @@ function codeNodeTransform(node, editor, tokenizer) {
       }
       return false;
     });
-  }, {
-    onUpdate: () => {
-      nodesCurrentlyHighlighting.delete(nodeKey);
-    },
-    skipTransforms: true
-  });
+  };
+  if (editor) {
+    editor.update(transform, {
+      onUpdate: () => {
+        nodesCurrentlyHighlighting.delete(nodeKey);
+      },
+      skipTransforms: true
+    });
+  } else {
+    transform();
+  }
 }
 function $getHighlightNodes(tokens, type) {
   const nodes = [];
@@ -3179,7 +3465,7 @@ function registerCodeHighlighting(editor, tokenizer) {
     });
   }, {
     skipInitialization: false
-  }), editor.registerNodeTransform(InstanceCodeNode, node => codeNodeTransform(node, editor, tokenizer)), editor.registerNodeTransform(lexical.TextNode, node => $textNodeTransform(node, editor, tokenizer)), editor.registerNodeTransform(InstanceCodeHighlightNode, node => $textNodeTransform(node, editor, tokenizer)), editor.registerCommand(lexical.KEY_TAB_COMMAND, event => {
+  }), editor.registerNodeTransform(InstanceCodeNode, node => codeNodeTransform(node, null, tokenizer)), editor.registerNodeTransform(lexical.TextNode, node => $textNodeTransform(node, editor, tokenizer)), editor.registerNodeTransform(InstanceCodeHighlightNode, node => $textNodeTransform(node, editor, tokenizer)), editor.registerCommand(lexical.KEY_TAB_COMMAND, event => {
     const command = $handleTab(event.shiftKey);
     if (command === null) {
       return false;
@@ -22123,12 +22409,12 @@ var katex = {
   __domTree
 };
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  */
 
 const EquationComponent$2 = /*#__PURE__*/React__namespace.lazy(() => Promise.resolve().then(function () { return EquationComponent$1; }));
@@ -22174,9 +22460,9 @@ class InstanceEquationNode extends lexical.DecoratorNode {
     return element;
   }
   exportDOM() {
-    const element = document.createElement('span');
+    const element = document.createElement('equation');
     // Encode the equation as base64 to avoid issues with special characters
-    const equation = btoa(this.__equation);
+    const equation = base64.toBase64UTF8(this.__equation);
     element.setAttribute('data-lexical-equation', equation);
     element.setAttribute('data-lexical-inline', `${this.__inline}`);
     katex.render(this.__equation, element, {
@@ -23570,6 +23856,7 @@ class InstanceListNode extends list.ListNode {
   createDOM(config) {
     const element = super.createDOM(config);
     setDisable(this, element);
+    element.setAttribute('list-type', this.getListType());
     return element;
   }
   updateFromJSON(serializedNode) {
@@ -23812,13 +24099,15 @@ function $createTableNodeWithDimensions(rowCount, columnCount, includeHeaders =
   return tableNode;
 }
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 const InstancePlugin = props => {
   const {
     placeholder
@@ -23830,13 +24119,48 @@ const InstancePlugin = props => {
       placeholder
     }), $registerInstanceHeadingNodeTransform(editor), $registerInstanceListItemInsertParagraph(editor), $registerNumberDecoratorNodeUpdate(editor), $registerNumberDecoratorDomUpdate(editor), $registerTableCommand(editor),
     // $selectionChange(editor, setSelectedInstance),
-    editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, () => {
+    editor.registerRootListener((rootElement, prevRootElement) => {
+      if (rootElement) {
+        const handle = e => {
+          e.preventDefault();
+          e.stopPropagation();
+          const isDisable = editor.read(() => {
+            const selection = lexical.$getSelection();
+            if (selection) {
+              const nodes = selection.getNodes();
+              return nodes.some(node => {
+                return editor.getElementByKey(node.getKey())?.closest(DisableSelector);
+              });
+            }
+          });
+          if (isDisable) {
+            rootElement.blur();
+            window.focus();
+          }
+        };
+        rootElement.addEventListener('compositionstart', handle, true);
+        rootElement.addEventListener('compositionend', handle, true);
+      }
+    }), editor.registerCommand(lexical.PASTE_COMMAND, event => {
+      const [, files, hasTextContent] = richText.eventFiles(event);
+      if (files.length > 0 && !hasTextContent) {
+        editor.dispatchCommand(richText.DRAG_DROP_PASTE, files);
+        return true;
+      }
+      if (lexical.isDOMNode(event.target) && lexical.isSelectionCapturedInDecoratorInput(event.target)) {
+        return false;
+      }
+      const selection = lexical.$getSelection();
+      if (selection !== null) {
+        onPasteForRichText(event, editor);
+        return true;
+      }
+      return false;
+    }, lexical.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, () => {
       const selection = lexical.$getSelection();
       if (lexical.$isNodeSelection(selection)) {
         const [node] = selection.getNodes();
-        if (lexical.$isDecoratorNode(node)) {
-          $selectDecoratorNode(node);
-        }
+        $selectTextDecoratorNode(node);
       }
       return false;
     }, lexical.COMMAND_PRIORITY_CRITICAL), editor.registerCommand(lexical.CLICK_COMMAND, event => {
@@ -23846,7 +24170,7 @@ const InstancePlugin = props => {
           const key = decoratorRootEle.getAttribute('key');
           if (key) {
             const node = lexical.$getNodeByKey(key);
-            $selectDecoratorNode(node);
+            $selectTextDecoratorNode(node);
           }
         }
       }
@@ -23967,21 +24291,31 @@ const InstancePlugin = props => {
             });
             const next = $getFollowUpNode({
               node: startNode,
+              siblingTerminates: [endNode, ...endAncestors],
               terminate: sameLevel.get('start'),
               type: 'getNextSiblings'
             });
             const previous = $getFollowUpNode({
               node: endNode.getNextSibling() || endNode,
+              siblingTerminates: [startNode, ...startAncestors],
               terminate: sameLevel.get('end'),
               type: 'getPreviousSiblings'
             });
+            const terminates = Array.from(sameLevel.values()).filter(Boolean);
             let node = next.original.getNextSibling();
-            while (node && node.getKey() !== previous.original.getKey()) {
+            while (node && node.getKey() !== previous.original.getKey() && terminates.length === 2) {
               elementNodes.push(node);
               node = node.getNextSibling();
             }
-            elementNodes.unshift(...next.nodes);
-            elementNodes.push(...previous.nodes);
+            if (terminates.length !== 2) {
+              const nodes = [...next.nodes, ...previous.nodes];
+              const p = $createInstanceParagraphNode();
+              p.append(...nodes.map(n => $isInstanceParagraphNode(n) ? n.getChildren() : n).flat());
+              elementNodes.push(p);
+            } else {
+              elementNodes.unshift(...next.nodes);
+              elementNodes.push(...previous.nodes);
+            }
             // 添加嵌套Item父List
             if (elementNodes.every(node => list.$isListItemNode(node))) {
               const originalListNode = utils$1.$findMatchingParent(next.original, node => $isInstanceListNode(node));
@@ -24045,7 +24379,8 @@ function getAncestors(node) {
 function $getFollowUpNode({
   node,
   terminate,
-  type
+  type,
+  siblingTerminates = []
 }) {
   const isTableCellNode = table.$isTableCellNode(node);
   if (isTableCellNode) {
@@ -24080,6 +24415,11 @@ function $getFollowUpNode({
     const parentKey = parent?.getKey();
     const isStop = parentKey === termKey;
     const siblings = node[type]();
+    const siblingTerminateKeys = new Set(siblingTerminates.map(st => st.getKey()));
+    const idx = siblings.findIndex(sibling => siblingTerminateKeys.has(sibling.getKey()));
+    if (idx > -1) {
+      siblings.splice(type === 'getNextSiblings' ? idx : 0, type === 'getNextSiblings' ? Infinity : idx + 1);
+    }
     siblings.forEach(sibling => {
       if ($isInstanceListItemNode(sibling)) {
         sibling.defaultRemove();
@@ -24127,6 +24467,26 @@ function $getFollowUpNode({
     original
   };
 }
+function onPasteForRichText(event, editor) {
+  event.preventDefault();
+  editor.update(() => {
+    const selection = lexical.$getSelection();
+    const clipboardData = utils$1.objectKlassEquals(event, InputEvent) || utils$1.objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;
+    if (clipboardData != null && selection !== null) {
+      clipboard.$insertDataTransferForRichText(clipboardData, selection, editor, nodes => {
+        traversal.dfs(nodes, (node, parent) => {
+          if (node.type === ParametersNode.getType()) {
+            Object.assign(node, lexical.$createTextNode(node.parameter.value).exportJSON());
+          }
+          return node?.children || [];
+        });
+        return nodes;
+      });
+    }
+  }, {
+    tag: lexical.PASTE_TAG
+  });
+}
 
 var css_248z$3 = ".styles-module_internalLink__3B9ii{color:#0563b0;cursor:pointer}.styles-module_internalLink__3B9ii>span:first-of-type:not(:empty){padding-right:4px}.styles-module_internalLink__3B9ii:hover{color:#0563b0}.styles-module_internalLink__3B9ii:hover>span:nth-of-type(2){text-decoration:underline}";
 var Styles$3 = {"internalLink":"styles-module_internalLink__3B9ii"};
@@ -24192,12 +24552,12 @@ function InternalLinkComponent(props) {
   }
 }
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  */
 
 class InternalLinkNode extends lexical.TextDecoratorNode {
@@ -24225,6 +24585,15 @@ class InternalLinkNode extends lexical.TextDecoratorNode {
       number: this.__number
     };
   }
+  exportDOM(editor) {
+    const element = document.createElement('section');
+    element.setAttribute('internal-link', '');
+    element.setAttribute('data-internal-link-number', this.__number);
+    element.textContent = this.getTextContent();
+    return {
+      element
+    };
+  }
   createDOM(config, editor) {
     const span = super.createDOM(config, editor);
     span.setAttribute('ignoreusable', '');
@@ -24240,9 +24609,6 @@ class InternalLinkNode extends lexical.TextDecoratorNode {
   isInline() {
     return true;
   }
-  isSelected(selection) {
-    return true;
-  }
   getTextContent() {
     const insNode = $getInstanceNodeByNumber(this.__number);
     if (insNode) {
@@ -24367,135 +24733,6 @@ function $isPageBreakNode(node) {
   return node instanceof PageBreakNode;
 }
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const ParametersComponent = /*#__PURE__*/React.forwardRef(({
-  nodeKey
-}, ref) => {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const spanRef = React.useRef(null);
-  const [parameters, setParameters,, latestParameters] = hooks.useStore({
-    number: '',
-    value: ''
-  });
-  React.useEffect(() => {
-    editor.read(() => {
-      const node = lexical.$getNodeByKey(nodeKey);
-      if ($isParametersNode(node)) {
-        setParameters(node.parameters);
-      }
-    });
-    return utils$1.mergeRegister(editor.registerCommand(PARAMETERS_UPDATE, ({
-      number,
-      value
-    }) => {
-      const latest = latestParameters.current;
-      if (number !== latest.number) {
-        return false;
-      }
-      const node = lexical.$getNodeByKey(nodeKey);
-      if ($isParametersNode(node)) {
-        setParameters({
-          value
-        });
-        Object.assign(node.parameters, {
-          value
-        });
-      }
-      return true;
-    }, lexical.COMMAND_PRIORITY_EDITOR));
-  }, []);
-  React.useImperativeHandle(ref, () => {
-    return {
-      getValue() {
-        return latestParameters.current.value;
-      }
-    };
-  }, []);
-  return /*#__PURE__*/jsxRuntime.jsx("span", {
-    ref: spanRef,
-    role: "button",
-    tabIndex: 0,
-    children: parameters.value
-  });
-});
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-class ParametersNode extends lexical.TextDecoratorNode {
-  /** 用于存储参数数据，保证每次读取能获取到最新值 */
-  static collection = new Map();
-  /** 初始化值 */
-
-  __ref = /*#__PURE__*/React.createRef();
-
-  /** 最新的值 */
-  get parameters() {
-    return ParametersNode.collection.get(this.__parameters.number) || this.__parameters;
-  }
-  static getType() {
-    return 'Parameters';
-  }
-  static clone(node) {
-    return new ParametersNode(Object.assign({}, node.parameters), node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createParametersNode(serializedNode.parameters).updateFromJSON(serializedNode);
-  }
-  constructor(parameters, key) {
-    super(key);
-    this.__parameters = parameters;
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      parameters: this.parameters
-    };
-  }
-  createDOM(config, editor) {
-    const span = super.createDOM(config, editor);
-    span.setAttribute('ignoreusable', '');
-    span.setAttribute('key', this.getKey());
-    return span;
-  }
-  updateDOM(prevNode, dom, config) {
-    return super.updateDOM(prevNode, dom, config);
-  }
-  collapseAtStart() {
-    return true;
-  }
-  isInline() {
-    return true;
-  }
-  getTextContent() {
-    return this.__ref.current?.getValue() || '';
-  }
-  decorate(editor, config) {
-    return /*#__PURE__*/jsxRuntime.jsx(ParametersComponent, {
-      ref: this.__ref,
-      nodeKey: this.getKey()
-    });
-  }
-}
-function $createParametersNode(parameters) {
-  return lexical.$applyNodeReplacement(new ParametersNode(parameters));
-}
-function $isParametersNode(node) {
-  return node instanceof ParametersNode;
-}
-
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -24770,9 +25007,12 @@ function EquationComponent({
     editor.update(() => {
       const node = lexical.$getNodeByKey(nodeKey);
       if ($isInstanceEquationNode(node)) {
-        node.setEquation(equationValue);
-        if (restoreSelection) {
-          node.selectNext(0, 0);
+        const oldValue = node.getEquation();
+        if (oldValue !== equationValue) {
+          node.setEquation(equationValue);
+          if (restoreSelection) {
+            node.selectNext(0, 0);
+          }
         }
       }
     });
@@ -24809,17 +25049,21 @@ function EquationComponent({
         return false;
       }, lexical.COMMAND_PRIORITY_HIGH));
     } else {
-      return editor.registerUpdateListener(({
-        editorState
-      }) => {
-        const isSelected = editorState.read(() => {
-          const selection = lexical.$getSelection();
-          return lexical.$isNodeSelection(selection) && selection.has(nodeKey) && selection.getNodes().length === 1;
-        });
-        if (isSelected) {
-          setShowEquationEditor(true);
+      return utils$1.mergeRegister(editor.registerUpdateListener(listener => {
+        const {
+          editorState,
+          tags
+        } = listener;
+        if (!tags.has('historic')) {
+          const isSelected = editorState.read(() => {
+            const selection = lexical.$getSelection();
+            return lexical.$isNodeSelection(selection) && selection.has(nodeKey) && selection.getNodes().length === 1;
+          });
+          if (isSelected) {
+            setShowEquationEditor(true);
+          }
         }
-      });
+      }));
     }
   }, [editor, nodeKey, onHide, showEquationEditor, isEditable]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -25529,6 +25773,7 @@ exports.$createImageNode = $createImageNode;
 exports.$createInlineImageNode = $createInlineImageNode;
 exports.$createInstanceCodeHighlightNode = $createInstanceCodeHighlightNode;
 exports.$createInstanceCodeNode = $createInstanceCodeNode;
+exports.$createInstanceContentNode = $createInstanceContentNode;
 exports.$createInstanceEquationNode = $createInstanceEquationNode;
 exports.$createInstanceHeadingNode = $createInstanceHeadingNode;
 exports.$createInstanceHorizontalRuleNode = $createInstanceHorizontalRuleNode;
@@ -25570,6 +25815,7 @@ exports.$isInInstanceTitleNode = $isInInstanceTitleNode;
 exports.$isInlineImageNode = $isInlineImageNode;
 exports.$isInstanceCodeHighlightNode = $isInstanceCodeHighlightNode;
 exports.$isInstanceCodeNode = $isInstanceCodeNode;
+exports.$isInstanceContentNode = $isInstanceContentNode;
 exports.$isInstanceEquationNode = $isInstanceEquationNode;
 exports.$isInstanceHeadingNode = $isInstanceHeadingNode;
 exports.$isInstanceHorizontalRuleNode = $isInstanceHorizontalRuleNode;
@@ -25596,7 +25842,9 @@ exports.$nodeUpgrade = $nodeUpgrade;
 exports.$removeHighestEmptyListParent = $removeHighestEmptyListParent;
 exports.$removeList = $removeList;
 exports.$scrollTo = $scrollTo;
-exports.$selectDecoratorNode = $selectDecoratorNode;
+exports.$scrollToByNode = $scrollToByNode;
+exports.$selectTextDecoratorNode = $selectTextDecoratorNode;
+exports.$unifiedCreateParametersNode = $unifiedCreateParametersNode;
 exports.$updateRichHistoryStateMap = $updateRichHistoryStateMap;
 exports.$updateRichInstanceContent = $updateRichInstanceContent;
 exports.$updateRichInstanceTitle = $updateRichInstanceTitle;
@@ -25619,6 +25867,7 @@ exports.ImageNode = ImageNode;
 exports.InlineImageNode = InlineImageNode;
 exports.InstanceCodeHighlightNode = InstanceCodeHighlightNode;
 exports.InstanceCodeNode = InstanceCodeNode;
+exports.InstanceContentNode = InstanceContentNode;
 exports.InstanceEquationNode = InstanceEquationNode;
 exports.InstanceHeadingNode = InstanceHeadingNode;
 exports.InstanceHorizontalRuleNode = InstanceHorizontalRuleNode;
@@ -25635,12 +25884,15 @@ exports.InternalLinkNode = InternalLinkNode;
 exports.KeywordNode = KeywordNode;
 exports.NumberDecoratorNode = NumberDecoratorNode;
 exports.OPEN_CREATE_WINDOW = OPEN_CREATE_WINDOW;
+exports.OPEN_PARAMS = OPEN_PARAMS;
 exports.PARAMETERS_UPDATE = PARAMETERS_UPDATE;
 exports.PageBreakNode = PageBreakNode;
 exports.ParametersNode = ParametersNode;
 exports.PlaceholderDecoratorNode = PlaceholderDecoratorNode;
+exports.PrismTokenizer = PrismTokenizer;
 exports.SPLIT_INSTANCE_NODE = SPLIT_INSTANCE_NODE;
 exports.clearCache = clearCache;
+exports.codeNodeTransform = codeNodeTransform;
 exports.correctedInstanceParagraph = correctedInstanceParagraph;
 exports.fixedAddress = fixedAddress;
 exports.getCachedClassNameArray = getCachedClassNameArray;
@@ -25655,6 +25907,7 @@ exports.instanceNodeMap = instanceNodeMap;
 exports.internalLinkNameUpdateMap = internalLinkNameUpdateMap;
 exports.isCompleteInstance = isCompleteInstance;
 exports.isNestedListNode = isNestedListNode;
+exports.isTemporaryInsId = isTemporaryInsId;
 exports.mergeLists = mergeLists;
 exports.mergeNextSiblingListIfSameType = mergeNextSiblingListIfSameType;
 exports.nodeMoveDown = nodeMoveDown;
@@ -25669,3 +25922,4 @@ exports.setTemporaryContentText = setTemporaryContentText;
 exports.updateChildrenListItemValue = updateChildrenListItemValue;
 exports.updateRelatedInternalLink = updateRelatedInternalLink;
 exports.useContentEditable = useContentEditable;
+exports.useSelectedIds = useSelectedIds;