onchain-lexical-instance 0.0.9 → 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.
@@ -101,13 +102,6 @@ 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.
- *
- */
 let InstanceParagraphType = /*#__PURE__*/function (InstanceParagraphType) {
   InstanceParagraphType[InstanceParagraphType["Title"] = 2] = "Title";
   InstanceParagraphType[InstanceParagraphType["Description"] = 3] = "Description";
@@ -161,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])`;
 
@@ -480,6 +477,10 @@ 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);
+
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -555,7 +556,29 @@ class InstanceTitleNode extends InstanceHeadingNode {
   }
   createDOM(config) {
     const element = super.createDOM(config);
+    element.classList.add(Styles$7['instance-title']);
     setDisable(this, element);
+    element.onmousemove = function (event) {
+      const span = event.target;
+      if (span === element.querySelector(`span:nth-of-type(2)`)) {
+        const titleWidth = span.offsetWidth;
+        const headingWidth = element.offsetWidth;
+        const styles = element.computedStyleMap();
+        const paddingLeft = styles.get('padding-left') || {
+          value: 0
+        };
+        const paddingRight = styles.get('padding-right') || {
+          value: 0
+        };
+        const display = headingWidth - paddingRight.value - paddingLeft.value;
+        if (display <= titleWidth) {
+          element.classList.add(Styles$7['title-hover']);
+          span.onmouseout = function (event) {
+            element.classList.remove(Styles$7['title-hover']);
+          };
+        }
+      }
+    };
     return element;
   }
   exportDOM(editor) {
@@ -830,6 +853,11 @@ function getLatestValue(data, key) {
   }
   return data[key];
 }
+
+/**
+ * 跳转到指定实例
+ * dom 属性 data-scrollTo=“false” 时可以禁止跳转
+ */
 function $scrollTo(number) {
   const editor = lexical.$getEditor();
   const nodeKey = numberNodeKey.get(number);
@@ -989,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--) {
@@ -1051,7 +1072,7 @@ function useContentEditable() {
     const selection = lexical.$getSelection();
     if (selection) {
       setContentEditable(!selection.getNodes().some(node => {
-        return editor.getElementByKey(node.getKey())?.closest(DisableSelector);
+        return editor.getElementByKey(node.getKey())?.closest(DisableSelector) || $isInInstanceTitleNode(node);
       }));
     }
   }, [editor]);
@@ -1066,12 +1087,24 @@ function useContentEditable() {
   };
 }
 
-/**
- * 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.
- *
+/** 修正实例内行条目，避免过少段落导致左边操作栏位子不够 */
+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.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
  */
 
 class InstanceParagraphNode extends lexical.ParagraphNode {
@@ -1267,7 +1300,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{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:not(:empty){padding-right:4px}";
 var Styles$6 = {"instance-number":"styles-module_instance-number__yIPpS"};
 styleInject(css_248z$6);
 
@@ -1543,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));
@@ -1777,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:40px;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);
 
 /**
@@ -1885,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",
@@ -1898,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
@@ -1942,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] 国际化', {
@@ -22261,12 +22298,12 @@ function $isKeywordNode(node) {
   return node instanceof KeywordNode;
 }
 
-/**
- * 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 ImageComponent$2 = /*#__PURE__*/React__namespace.lazy(() => Promise.resolve().then(function () { return ImageComponent$1; }));
@@ -23761,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);
@@ -24029,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.
  *
@@ -25075,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;
@@ -25117,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;
@@ -25163,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;