onchain-lexical-instance 0.0.10 → 0.0.11

package/dist/OnchainLexicalInstance.js

@@ -20,6 +20,7 @@ var list = require('@lexical/list');
 var selection = require('@lexical/selection');
 var table = require('@lexical/table');
 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');
@@ -89,9 +90,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$7 = ".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$7 = {"instance":"base-module_instance__4TS7Q"};
-styleInject(css_248z$7);
+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);
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -154,6 +155,9 @@ const COMPONENT_UPDATE = lexical.createCommand('COMPONENT_UPDATE');
 /** 标题更新事件 */
 const INSTANCE_TITLE_UPDATE = lexical.createCommand('INSTANCE_TITLE_UPDATE');
 
+/** 参数更新 */
+const PARAMETERS_UPDATE = lexical.createCommand('PARAMETERS_UPDATE');
+
 /** 获取禁止编辑dom节点选择器 */
 const DisableSelector = `[contenteditable='false']:not([ignorecontenteditable])`;
 
@@ -473,12 +477,16 @@ function $isPlaceholderDecoratorNode(node) {
   return node instanceof PlaceholderDecoratorNode;
 }
 
-/**
- * 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_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);
+
+/**
+ * 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 InstanceTitleNode extends InstanceHeadingNode {
   __indent = 3;
@@ -548,7 +556,7 @@ class InstanceTitleNode extends InstanceHeadingNode {
   }
   createDOM(config) {
     const element = super.createDOM(config);
-    element.classList.add('instance-title');
+    element.classList.add(Styles$7['instance-title']);
     setDisable(this, element);
     element.onmousemove = function (event) {
       const span = event.target;
@@ -564,9 +572,9 @@ class InstanceTitleNode extends InstanceHeadingNode {
         };
         const display = headingWidth - paddingRight.value - paddingLeft.value;
         if (display <= titleWidth) {
-          element.classList.add('title-hover');
+          element.classList.add(Styles$7['title-hover']);
           span.onmouseout = function (event) {
-            element.classList.remove('title-hover');
+            element.classList.remove(Styles$7['title-hover']);
           };
         }
       }
@@ -1009,14 +1017,7 @@ function $updateRichInstanceContent(instance, {
   if ($isInstanceNode(insNode)) {
     const fragment = $createFragmentNode();
     onchainLexicalMarkdown.$textToRichNodes(fragment, content);
-    const nodes = fragment.getChildren();
-    const count = InstanceNode.DEFAULT_PARAGRAPHS - 1;
-    for (let index = 0; index < count; index++) {
-      const node = nodes[0];
-      if (!node /**  || !$isInstanceParagraphNode(node) */) {
-        nodes.splice(index, 0, $createInstanceParagraphNode());
-      }
-    }
+    const nodes = correctedInstanceParagraph(fragment.getChildren(), () => $createInstanceParagraphNode());
     const oldChildren = insNode.getPracticalChildren().filter(node => !$isInstanceNode(node)).slice(1, Infinity);
     const previous = oldChildren.at(0);
     for (let index = nodes.length - 1; index > -1; index--) {
@@ -1086,6 +1087,18 @@ function useContentEditable() {
   };
 }
 
+/** 修正实例内行条目，避免过少段落导致左边操作栏位子不够 */
+function correctedInstanceParagraph(nodes, createParagraph) {
+  const count = InstanceNode.DEFAULT_PARAGRAPHS - 1;
+  for (let index = 0; index < count; index++) {
+    const node = nodes[index];
+    if (!node /**  || !$isInstanceParagraphNode(node) */) {
+      nodes.splice(index, 0, createParagraph());
+    }
+  }
+  return nodes;
+}
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1563,7 +1576,7 @@ class InstanceNode extends lexical.ElementNode {
 
   createDOM(config) {
     const dom = document.createElement('div');
-    const classNames = [Styles$7.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
+    const classNames = [Styles$8.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
     if (classNames !== undefined) {
       const domClassList = dom.classList;
       domClassList.add(...classNames.flat(1));
@@ -1797,8 +1810,8 @@ function isFixedAddress(instance) {
   return !!instance && Object.keys(instance).length === 1 && typeof instance.value === 'object';
 }
 
-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}";
-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"};
+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"};
 styleInject(css_248z$5);
 
 /**
@@ -1905,6 +1918,8 @@ const Bar = props => {
       return true;
     }, lexical.COMMAND_PRIORITY_EDITOR));
   }, []);
+  const trackLinkCount = instance?.trackLinkCount || 0;
+  const isTemporarilyCreated = instance?.isCustom && instance?.dataType === 'add';
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       "data-bar": "left",
@@ -1918,20 +1933,22 @@ const Bar = props => {
           children: /*#__PURE__*/jsxRuntime.jsx(DropDown, {
             arrow: true,
             showIcon: false,
-            disabled: !instance?.trackLinkCount,
+            disabled: !trackLinkCount,
             stopCloseOnClickSelf: true,
-            buttonLabel:
-            /*#__PURE__*/
-            // [TODO] 显示 trackLinkCount
-            jsxRuntime.jsxs("div", {
+            buttonLabel: /*#__PURE__*/jsxRuntime.jsxs("div", {
               children: [/*#__PURE__*/jsxRuntime.jsx("i", {
-                children: instance?.trackLinkCount || ''
+                children: trackLinkCount || ''
               }), /*#__PURE__*/jsxRuntime.jsx(Icon.StaticIcon, {
-                className: `${Styles$5.hover}`,
+                className: `${trackLinkCount ? Styles$5.hover : Styles$5.empty}`,
                 type: "icon-front-link1"
               })]
             }),
             onOpen: setOpen,
+            isItClosed: ({
+              listQuantity
+            }) => {
+              return listQuantity === '1';
+            },
             children: Components.TrackLinkList && instance ? /*#__PURE__*/jsxRuntime.jsx(Components.TrackLinkList, {
               number: instance.number
             }) : null
@@ -1962,7 +1979,7 @@ const Bar = props => {
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       "data-bar": "right",
       className: Styles$5.right,
-      children: [!preview && extra.showRightToolbar !== false ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: [!preview && extra.showRightToolbar !== false && !isTemporarilyCreated ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: instance?.checkOut ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx("span", {
             title: onchainUtility.translateI18n('[TODO] 国际化', {
@@ -23781,7 +23798,8 @@ const InstancePlugin = props => {
               const node = $createTitleOnlyInstanceNode(instance);
               const fragment = $createFragmentNode();
               onchainLexicalMarkdown.$textToRichNodes(fragment, contentText);
-              node.append(...fragment.getChildren());
+              const nodes = correctedInstanceParagraph(fragment.getChildren(), () => $createInstanceParagraphNode());
+              node.append(...nodes);
               return node;
             } else {
               return $createInstanceNode(instance);
@@ -24049,6 +24067,109 @@ 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 = ({
+  nodeKey
+}) => {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  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));
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    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 getType() {
+    return 'Parameters';
+  }
+  static clone(node) {
+    return new ParametersNode(node.__parameters, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return $createParametersNode(serializedNode.parameters).updateFromJSON(serializedNode);
+  }
+  constructor(number, key) {
+    super(key);
+    this.__parameters = number;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      parameters: this.__parameters
+    };
+  }
+  createDOM(config, editor) {
+    const span = super.createDOM(config, editor);
+    span.setAttribute('ignorecontenteditable', '');
+    return span;
+  }
+  updateDOM(prevNode, dom, config) {
+    return super.updateDOM(prevNode, dom, config);
+  }
+  collapseAtStart() {
+    return true;
+  }
+  isInline() {
+    return true;
+  }
+  decorate(editor, config) {
+    return /*#__PURE__*/jsxRuntime.jsx(ParametersComponent, {
+      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.
  *
@@ -25095,6 +25216,7 @@ exports.$createInternalLinkNode = $createInternalLinkNode;
 exports.$createKeywordNode = $createKeywordNode;
 exports.$createNumberDecoratorNode = $createNumberDecoratorNode;
 exports.$createPageBreakNode = $createPageBreakNode;
+exports.$createParametersNode = $createParametersNode;
 exports.$createPlaceholderDecoratorNode = $createPlaceholderDecoratorNode;
 exports.$createTitleOnlyInstanceNode = $createTitleOnlyInstanceNode;
 exports.$findNearestListItemNode = $findNearestListItemNode;
@@ -25137,6 +25259,7 @@ exports.$isKeywordNode = $isKeywordNode;
 exports.$isLastItemInList = $isLastItemInList;
 exports.$isNumberDecoratorNode = $isNumberDecoratorNode;
 exports.$isPageBreakNode = $isPageBreakNode;
+exports.$isParametersNode = $isParametersNode;
 exports.$isPlaceholderDecoratorNode = $isPlaceholderDecoratorNode;
 exports.$isRemoved = $isRemoved;
 exports.$isSelectedTitleNode = $isSelectedTitleNode;
@@ -25183,9 +25306,12 @@ exports.InternalLinkNode = InternalLinkNode;
 exports.KeywordNode = KeywordNode;
 exports.NumberDecoratorNode = NumberDecoratorNode;
 exports.OPEN_CREATE_WINDOW = OPEN_CREATE_WINDOW;
+exports.PARAMETERS_UPDATE = PARAMETERS_UPDATE;
 exports.PageBreakNode = PageBreakNode;
+exports.ParametersNode = ParametersNode;
 exports.PlaceholderDecoratorNode = PlaceholderDecoratorNode;
 exports.clearCache = clearCache;
+exports.correctedInstanceParagraph = correctedInstanceParagraph;
 exports.fixedAddress = fixedAddress;
 exports.getCachedClassNameArray = getCachedClassNameArray;
 exports.getCodeLanguages = getCodeLanguages;

package/dist/OnchainLexicalInstance.mjs

@@ -19,6 +19,7 @@ import { $isListNode, $isListItemNode, $createListItemNode, ListItemNode, ListNo
 import { $setBlocksType } from '@lexical/selection';
 import { TableNode, INSERT_TABLE_COMMAND, $findTableNode, PIXEL_VALUE_REG_EXP, $isTableRowNode, $createTableRowNode, $createTableCellNode, TableCellHeaderStates } from '@lexical/table';
 import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection';
+import { useStore } from 'onchain-utility/hooks';
 import { HeadingNode, $isHeadingNode, $isQuoteNode, QuoteNode } from '@lexical/rich-text';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import EquationEditor from 'onchain-lexical-ui/EquationEditor';
@@ -75,9 +76,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$7 = ".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$7 = {"instance":"base-module_instance__4TS7Q"};
-styleInject(css_248z$7);
+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);
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -140,6 +141,9 @@ const COMPONENT_UPDATE = createCommand('COMPONENT_UPDATE');
 /** 标题更新事件 */
 const INSTANCE_TITLE_UPDATE = createCommand('INSTANCE_TITLE_UPDATE');
 
+/** 参数更新 */
+const PARAMETERS_UPDATE = createCommand('PARAMETERS_UPDATE');
+
 /** 获取禁止编辑dom节点选择器 */
 const DisableSelector = `[contenteditable='false']:not([ignorecontenteditable])`;
 
@@ -459,12 +463,16 @@ function $isPlaceholderDecoratorNode(node) {
   return node instanceof PlaceholderDecoratorNode;
 }
 
-/**
- * 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_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);
+
+/**
+ * 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 InstanceTitleNode extends InstanceHeadingNode {
   __indent = 3;
@@ -534,7 +542,7 @@ class InstanceTitleNode extends InstanceHeadingNode {
   }
   createDOM(config) {
     const element = super.createDOM(config);
-    element.classList.add('instance-title');
+    element.classList.add(Styles$7['instance-title']);
     setDisable(this, element);
     element.onmousemove = function (event) {
       const span = event.target;
@@ -550,9 +558,9 @@ class InstanceTitleNode extends InstanceHeadingNode {
         };
         const display = headingWidth - paddingRight.value - paddingLeft.value;
         if (display <= titleWidth) {
-          element.classList.add('title-hover');
+          element.classList.add(Styles$7['title-hover']);
           span.onmouseout = function (event) {
-            element.classList.remove('title-hover');
+            element.classList.remove(Styles$7['title-hover']);
           };
         }
       }
@@ -995,14 +1003,7 @@ function $updateRichInstanceContent(instance, {
   if ($isInstanceNode(insNode)) {
     const fragment = $createFragmentNode();
     $textToRichNodes(fragment, content);
-    const nodes = fragment.getChildren();
-    const count = InstanceNode.DEFAULT_PARAGRAPHS - 1;
-    for (let index = 0; index < count; index++) {
-      const node = nodes[0];
-      if (!node /**  || !$isInstanceParagraphNode(node) */) {
-        nodes.splice(index, 0, $createInstanceParagraphNode());
-      }
-    }
+    const nodes = correctedInstanceParagraph(fragment.getChildren(), () => $createInstanceParagraphNode());
     const oldChildren = insNode.getPracticalChildren().filter(node => !$isInstanceNode(node)).slice(1, Infinity);
     const previous = oldChildren.at(0);
     for (let index = nodes.length - 1; index > -1; index--) {
@@ -1072,6 +1073,18 @@ function useContentEditable() {
   };
 }
 
+/** 修正实例内行条目，避免过少段落导致左边操作栏位子不够 */
+function correctedInstanceParagraph(nodes, createParagraph) {
+  const count = InstanceNode.DEFAULT_PARAGRAPHS - 1;
+  for (let index = 0; index < count; index++) {
+    const node = nodes[index];
+    if (!node /**  || !$isInstanceParagraphNode(node) */) {
+      nodes.splice(index, 0, createParagraph());
+    }
+  }
+  return nodes;
+}
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1549,7 +1562,7 @@ class InstanceNode extends ElementNode {
 
   createDOM(config) {
     const dom = document.createElement('div');
-    const classNames = [Styles$7.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
+    const classNames = [Styles$8.instance, 'rich-text-instance', getCachedClassNameArray(config.theme, 'instance') ?? []];
     if (classNames !== undefined) {
       const domClassList = dom.classList;
       domClassList.add(...classNames.flat(1));
@@ -1783,8 +1796,8 @@ function isFixedAddress(instance) {
   return !!instance && Object.keys(instance).length === 1 && typeof instance.value === 'object';
 }
 
-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}";
-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"};
+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"};
 styleInject(css_248z$5);
 
 /**
@@ -1891,6 +1904,8 @@ const Bar = props => {
       return true;
     }, COMMAND_PRIORITY_EDITOR));
   }, []);
+  const trackLinkCount = instance?.trackLinkCount || 0;
+  const isTemporarilyCreated = instance?.isCustom && instance?.dataType === 'add';
   return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsxs("div", {
       "data-bar": "left",
@@ -1904,20 +1919,22 @@ const Bar = props => {
           children: /*#__PURE__*/jsx(DropDown, {
             arrow: true,
             showIcon: false,
-            disabled: !instance?.trackLinkCount,
+            disabled: !trackLinkCount,
             stopCloseOnClickSelf: true,
-            buttonLabel:
-            /*#__PURE__*/
-            // [TODO] 显示 trackLinkCount
-            jsxs("div", {
+            buttonLabel: /*#__PURE__*/jsxs("div", {
               children: [/*#__PURE__*/jsx("i", {
-                children: instance?.trackLinkCount || ''
+                children: trackLinkCount || ''
               }), /*#__PURE__*/jsx(StaticIcon, {
-                className: `${Styles$5.hover}`,
+                className: `${trackLinkCount ? Styles$5.hover : Styles$5.empty}`,
                 type: "icon-front-link1"
               })]
             }),
             onOpen: setOpen,
+            isItClosed: ({
+              listQuantity
+            }) => {
+              return listQuantity === '1';
+            },
             children: Components.TrackLinkList && instance ? /*#__PURE__*/jsx(Components.TrackLinkList, {
               number: instance.number
             }) : null
@@ -1948,7 +1965,7 @@ const Bar = props => {
     }), /*#__PURE__*/jsxs("div", {
       "data-bar": "right",
       className: Styles$5.right,
-      children: [!preview && extra.showRightToolbar !== false ? /*#__PURE__*/jsx(Fragment$1, {
+      children: [!preview && extra.showRightToolbar !== false && !isTemporarilyCreated ? /*#__PURE__*/jsx(Fragment$1, {
         children: instance?.checkOut ? /*#__PURE__*/jsxs(Fragment$1, {
           children: [/*#__PURE__*/jsx("span", {
             title: translateI18n('[TODO] 国际化', {
@@ -23767,7 +23784,8 @@ const InstancePlugin = props => {
               const node = $createTitleOnlyInstanceNode(instance);
               const fragment = $createFragmentNode();
               $textToRichNodes(fragment, contentText);
-              node.append(...fragment.getChildren());
+              const nodes = correctedInstanceParagraph(fragment.getChildren(), () => $createInstanceParagraphNode());
+              node.append(...nodes);
               return node;
             } else {
               return $createInstanceNode(instance);
@@ -24035,6 +24053,109 @@ 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 = ({
+  nodeKey
+}) => {
+  const [editor] = useLexicalComposerContext();
+  const [parameters, setParameters,, latestParameters] = useStore({
+    number: '',
+    value: ''
+  });
+  useEffect(() => {
+    editor.read(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isParametersNode(node)) {
+        setParameters(node.__parameters);
+      }
+    });
+    return mergeRegister(editor.registerCommand(PARAMETERS_UPDATE, ({
+      number,
+      value
+    }) => {
+      const latest = latestParameters.current;
+      if (number !== latest.number) {
+        return false;
+      }
+      const node = $getNodeByKey(nodeKey);
+      if ($isParametersNode(node)) {
+        setParameters({
+          value
+        });
+        Object.assign(node.__parameters, {
+          value
+        });
+      }
+      return true;
+    }, COMMAND_PRIORITY_EDITOR));
+  }, []);
+  return /*#__PURE__*/jsx("span", {
+    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 TextDecoratorNode {
+  static getType() {
+    return 'Parameters';
+  }
+  static clone(node) {
+    return new ParametersNode(node.__parameters, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return $createParametersNode(serializedNode.parameters).updateFromJSON(serializedNode);
+  }
+  constructor(number, key) {
+    super(key);
+    this.__parameters = number;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      parameters: this.__parameters
+    };
+  }
+  createDOM(config, editor) {
+    const span = super.createDOM(config, editor);
+    span.setAttribute('ignorecontenteditable', '');
+    return span;
+  }
+  updateDOM(prevNode, dom, config) {
+    return super.updateDOM(prevNode, dom, config);
+  }
+  collapseAtStart() {
+    return true;
+  }
+  isInline() {
+    return true;
+  }
+  decorate(editor, config) {
+    return /*#__PURE__*/jsx(ParametersComponent, {
+      nodeKey: this.getKey()
+    });
+  }
+}
+function $createParametersNode(parameters) {
+  return $applyNodeReplacement(new ParametersNode(parameters));
+}
+function $isParametersNode(node) {
+  return node instanceof ParametersNode;
+}
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -25058,4 +25179,4 @@ var InlineImageComponent$1 = {
   default: InlineImageComponent
 };
 
-export { $createBarDecoratorNode, $createCollapsibleContainerNode, $createCollapsibleContentNode, $createCollapsibleTitleNode, $createFragmentNode, $createImageNode, $createInlineImageNode, $createInstanceCodeHighlightNode, $createInstanceCodeNode, $createInstanceEquationNode, $createInstanceHeadingNode, $createInstanceHorizontalRuleNode, $createInstanceListItemNode, $createInstanceListNode, $createInstanceNode, $createInstanceParagraphNode, $createInstanceQuoteNode, $createInstanceTableNode, $createInstanceTitleNode, $createInternalLinkNode, $createKeywordNode, $createNumberDecoratorNode, $createPageBreakNode, $createPlaceholderDecoratorNode, $createTitleOnlyInstanceNode, $findNearestListItemNode, $getAllListItems, $getAnchorRootNode, $getInstanceNodeByChild, $getInstanceNodeByNumber, $getInstanceNodeKeyByNumber, $getListDepth, $getTitleNodeByChild, $getTopListNode, $handleIndent, $handleListInsertParagraph, $handleOutdent, $insertInstanceList, $isBarDecoratorNode, $isCollapsibleContainerNode, $isCollapsibleContentNode, $isCollapsibleTitleNode, $isEmptyInstanceParagraphNode, $isEmptyParagraphNode, $isImageNode, $isInInstanceTitleNode, $isInlineImageNode, $isInstanceCodeHighlightNode, $isInstanceCodeNode, $isInstanceEquationNode, $isInstanceHeadingNode, $isInstanceHorizontalRuleNode, $isInstanceListItemNode, $isInstanceListNode, $isInstanceNode, $isInstanceParagraphFormalNode, $isInstanceParagraphNode, $isInstanceQuoteNode, $isInstanceTableNode, $isInstanceTitleNode, $isInternalLinkNode, $isKeywordNode, $isLastItemInList, $isNumberDecoratorNode, $isPageBreakNode, $isPlaceholderDecoratorNode, $isRemoved, $isSelectedTitleNode, $isTextTypeNode, $nodeDowngrade, $nodeUpgrade, $removeHighestEmptyListParent, $removeList, $scrollTo, $updateRichHistoryStateMap, $updateRichInstanceContent, $updateRichInstanceTitle, $wrapInListItem, ADD_NEW_INSTANCE_NODE, BarDecoratorNode, COMPONENT_UPDATE, CollapsibleContainerNode, CollapsibleContentNode, CollapsibleTitleNode, DELETE_INSTANCE_NODE, DisableSelector, Fragment, INSERT_COLLAPSIBLE_COMMAND, INSERT_INS_HORIZONTAL_RULE_COMMAND, INSERT_PARAMETERS, INSTANCE_TITLE_UPDATE, ImageNode, InlineImageNode, InstanceCodeHighlightNode, InstanceCodeNode, InstanceEquationNode, InstanceHeadingNode, InstanceHorizontalRuleNode, InstanceListItemNode, InstanceListNode, InstanceNode, InstanceParagraphNode, InstanceParagraphType, InstancePlugin, InstanceQuoteNode, InstanceTableNode, InstanceTitleNode, InternalLinkNode, KeywordNode, NumberDecoratorNode, OPEN_CREATE_WINDOW, PageBreakNode, PlaceholderDecoratorNode, clearCache, fixedAddress, getCachedClassNameArray, getCodeLanguages, getDefaultCodeLanguage, getInstanceAttrValue, getInstanceBaseInfo, getLanguageFriendlyName, getLatestValue, getTemporaryContentText, ignoreHistory, instanceNodeMap, internalLinkNameUpdateMap, isCompleteInstance, isNestedListNode, mergeLists, mergeNextSiblingListIfSameType, nodeMoveDown, nodeMoveUp, normalizeCodeLang, numberNodeKey, paragraphSymbol, registerCodeHighlighting, setDisable, setInstanceAttrValue, setTemporaryContentText, updateChildrenListItemValue, updateRelatedInternalLink, useContentEditable };
+export { $createBarDecoratorNode, $createCollapsibleContainerNode, $createCollapsibleContentNode, $createCollapsibleTitleNode, $createFragmentNode, $createImageNode, $createInlineImageNode, $createInstanceCodeHighlightNode, $createInstanceCodeNode, $createInstanceEquationNode, $createInstanceHeadingNode, $createInstanceHorizontalRuleNode, $createInstanceListItemNode, $createInstanceListNode, $createInstanceNode, $createInstanceParagraphNode, $createInstanceQuoteNode, $createInstanceTableNode, $createInstanceTitleNode, $createInternalLinkNode, $createKeywordNode, $createNumberDecoratorNode, $createPageBreakNode, $createParametersNode, $createPlaceholderDecoratorNode, $createTitleOnlyInstanceNode, $findNearestListItemNode, $getAllListItems, $getAnchorRootNode, $getInstanceNodeByChild, $getInstanceNodeByNumber, $getInstanceNodeKeyByNumber, $getListDepth, $getTitleNodeByChild, $getTopListNode, $handleIndent, $handleListInsertParagraph, $handleOutdent, $insertInstanceList, $isBarDecoratorNode, $isCollapsibleContainerNode, $isCollapsibleContentNode, $isCollapsibleTitleNode, $isEmptyInstanceParagraphNode, $isEmptyParagraphNode, $isImageNode, $isInInstanceTitleNode, $isInlineImageNode, $isInstanceCodeHighlightNode, $isInstanceCodeNode, $isInstanceEquationNode, $isInstanceHeadingNode, $isInstanceHorizontalRuleNode, $isInstanceListItemNode, $isInstanceListNode, $isInstanceNode, $isInstanceParagraphFormalNode, $isInstanceParagraphNode, $isInstanceQuoteNode, $isInstanceTableNode, $isInstanceTitleNode, $isInternalLinkNode, $isKeywordNode, $isLastItemInList, $isNumberDecoratorNode, $isPageBreakNode, $isParametersNode, $isPlaceholderDecoratorNode, $isRemoved, $isSelectedTitleNode, $isTextTypeNode, $nodeDowngrade, $nodeUpgrade, $removeHighestEmptyListParent, $removeList, $scrollTo, $updateRichHistoryStateMap, $updateRichInstanceContent, $updateRichInstanceTitle, $wrapInListItem, ADD_NEW_INSTANCE_NODE, BarDecoratorNode, COMPONENT_UPDATE, CollapsibleContainerNode, CollapsibleContentNode, CollapsibleTitleNode, DELETE_INSTANCE_NODE, DisableSelector, Fragment, INSERT_COLLAPSIBLE_COMMAND, INSERT_INS_HORIZONTAL_RULE_COMMAND, INSERT_PARAMETERS, INSTANCE_TITLE_UPDATE, ImageNode, InlineImageNode, InstanceCodeHighlightNode, InstanceCodeNode, InstanceEquationNode, InstanceHeadingNode, InstanceHorizontalRuleNode, InstanceListItemNode, InstanceListNode, InstanceNode, InstanceParagraphNode, InstanceParagraphType, InstancePlugin, InstanceQuoteNode, InstanceTableNode, InstanceTitleNode, InternalLinkNode, KeywordNode, NumberDecoratorNode, OPEN_CREATE_WINDOW, PARAMETERS_UPDATE, PageBreakNode, ParametersNode, PlaceholderDecoratorNode, clearCache, correctedInstanceParagraph, fixedAddress, getCachedClassNameArray, getCodeLanguages, getDefaultCodeLanguage, getInstanceAttrValue, getInstanceBaseInfo, getLanguageFriendlyName, getLatestValue, getTemporaryContentText, ignoreHistory, instanceNodeMap, internalLinkNameUpdateMap, isCompleteInstance, isNestedListNode, mergeLists, mergeNextSiblingListIfSameType, nodeMoveDown, nodeMoveUp, normalizeCodeLang, numberNodeKey, paragraphSymbol, registerCodeHighlighting, setDisable, setInstanceAttrValue, setTemporaryContentText, updateChildrenListItemValue, updateRelatedInternalLink, useContentEditable };

package/package.json

@@ -7,7 +7,7 @@
     "instance"
   ],
   "license": "MIT",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "types": "index.d.ts",
   "files": [
     "dist",
@@ -23,9 +23,9 @@
     "@lexical/table": "^0.30.0",
     "@lexical/utils": "^0.30.0",
     "lexical": "0.30.0",
-    "onchain-lexical-context": "^0.0.9",
-    "onchain-lexical-markdown": "^0.0.9",
-    "onchain-lexical-ui": "^0.0.9",
+    "onchain-lexical-context": "^0.0.10",
+    "onchain-lexical-markdown": "^0.0.10",
+    "onchain-lexical-ui": "^0.0.10",
     "onchain-utility": "^0.0.10"
   },
   "sideEffects": false,