@maketribe/ms-app 3.2.41 → 3.2.43

package/dist/esm/components/basic/lexical-editor/composables/useCharacterLimit.js

@@ -0,0 +1,187 @@
+import { OverflowNode, $isOverflowNode, $createOverflowNode } from "@lexical/overflow";
+import { $rootTextContent } from "@lexical/text";
+import { mergeRegister, $dfs } from "@lexical/utils";
+import { $getSelection, $isRangeSelection, $isTextNode, $isLeafNode, $setSelection } from "lexical";
+import { useMounted } from "./utils.js";
+function useCharacterLimit(editor, maxCharacters, optional = Object.freeze({})) {
+  const {
+    strlen = (input) => input.length,
+    // UTF-16
+    remainingCharacters = (_characters) => {
+    }
+  } = optional;
+  useMounted(() => {
+    if (!editor.hasNodes([OverflowNode])) {
+      throw new Error("useCharacterLimit: OverflowNode not registered on editor");
+    }
+    let text = editor.getEditorState().read($rootTextContent);
+    let lastComputedTextLength = 0;
+    return mergeRegister(
+      editor.registerTextContentListener((currentText) => {
+        text = currentText;
+      }),
+      editor.registerUpdateListener(({ dirtyLeaves }) => {
+        const isComposing = editor.isComposing();
+        const hasDirtyLeaves = dirtyLeaves.size > 0;
+        if (isComposing || !hasDirtyLeaves)
+          return;
+        const textLength = strlen(text);
+        const textLengthAboveThreshold = textLength > maxCharacters || lastComputedTextLength !== null && lastComputedTextLength > maxCharacters;
+        const diff = maxCharacters - textLength;
+        remainingCharacters(diff);
+        if (lastComputedTextLength === null || textLengthAboveThreshold) {
+          const offset = findOffset(text, maxCharacters, strlen);
+          editor.update(
+            () => {
+              $wrapOverflowedNodes(offset);
+            },
+            {
+              tag: "history-merge"
+            }
+          );
+        }
+        lastComputedTextLength = textLength;
+      })
+    );
+  });
+}
+function findOffset(text, maxCharacters, strlen) {
+  const Segmenter = Intl.Segmenter;
+  let offsetUtf16 = 0;
+  let offset = 0;
+  if (typeof Segmenter === "function") {
+    const segmenter = new Segmenter();
+    const graphemes = segmenter.segment(text);
+    for (const { segment: grapheme } of graphemes) {
+      const nextOffset = offset + strlen(grapheme);
+      if (nextOffset > maxCharacters)
+        break;
+      offset = nextOffset;
+      offsetUtf16 += grapheme.length;
+    }
+  } else {
+    const codepoints = Array.from(text);
+    const codepointsLength = codepoints.length;
+    for (let i = 0; i < codepointsLength; i++) {
+      const codepoint = codepoints[i];
+      const nextOffset = offset + strlen(codepoint);
+      if (nextOffset > maxCharacters)
+        break;
+      offset = nextOffset;
+      offsetUtf16 += codepoint.length;
+    }
+  }
+  return offsetUtf16;
+}
+function $wrapOverflowedNodes(offset) {
+  const dfsNodes = $dfs();
+  const dfsNodesLength = dfsNodes.length;
+  let accumulatedLength = 0;
+  for (let i = 0; i < dfsNodesLength; i += 1) {
+    const { node } = dfsNodes[i];
+    if ($isOverflowNode(node)) {
+      const previousLength = accumulatedLength;
+      const nextLength = accumulatedLength + node.getTextContentSize();
+      if (nextLength <= offset) {
+        const parent = node.getParent();
+        const previousSibling = node.getPreviousSibling();
+        const nextSibling = node.getNextSibling();
+        $unwrapNode(node);
+        const selection = $getSelection();
+        if ($isRangeSelection(selection) && (!selection.anchor.getNode().isAttached() || !selection.focus.getNode().isAttached())) {
+          if ($isTextNode(previousSibling))
+            previousSibling.select();
+          else if ($isTextNode(nextSibling))
+            nextSibling.select();
+          else if (parent !== null)
+            parent.select();
+        }
+      } else if (previousLength < offset) {
+        const descendant = node.getFirstDescendant();
+        const descendantLength = descendant !== null ? descendant.getTextContentSize() : 0;
+        const previousPlusDescendantLength = previousLength + descendantLength;
+        const firstDescendantIsSimpleText = $isTextNode(descendant) && descendant.isSimpleText();
+        const firstDescendantDoesNotOverflow = previousPlusDescendantLength <= offset;
+        if (firstDescendantIsSimpleText || firstDescendantDoesNotOverflow)
+          $unwrapNode(node);
+      }
+    } else if ($isLeafNode(node)) {
+      const previousAccumulatedLength = accumulatedLength;
+      accumulatedLength += node.getTextContentSize();
+      if (accumulatedLength > offset && !$isOverflowNode(node.getParent())) {
+        const previousSelection = $getSelection();
+        let overflowNode;
+        if (previousAccumulatedLength < offset && $isTextNode(node) && node.isSimpleText()) {
+          const [, overflowedText] = node.splitText(
+            offset - previousAccumulatedLength
+          );
+          overflowNode = $wrapNode(overflowedText);
+        } else {
+          overflowNode = $wrapNode(node);
+        }
+        if (previousSelection !== null)
+          $setSelection(previousSelection);
+        mergePrevious(overflowNode);
+      }
+    }
+  }
+}
+function $wrapNode(node) {
+  const overflowNode = $createOverflowNode();
+  node.insertBefore(overflowNode);
+  overflowNode.append(node);
+  return overflowNode;
+}
+function $unwrapNode(node) {
+  const children = node.getChildren();
+  const childrenLength = children.length;
+  for (let i = 0; i < childrenLength; i++)
+    node.insertBefore(children[i]);
+  node.remove();
+  return childrenLength > 0 ? children[childrenLength - 1] : null;
+}
+function mergePrevious(overflowNode) {
+  const previousNode = overflowNode.getPreviousSibling();
+  if (!$isOverflowNode(previousNode))
+    return;
+  const firstChild = overflowNode.getFirstChild();
+  const previousNodeChildren = previousNode.getChildren();
+  const previousNodeChildrenLength = previousNodeChildren.length;
+  if (firstChild === null) {
+    overflowNode.append(...previousNodeChildren);
+  } else {
+    for (let i = 0; i < previousNodeChildrenLength; i++)
+      firstChild.insertBefore(previousNodeChildren[i]);
+  }
+  const selection = $getSelection();
+  if ($isRangeSelection(selection)) {
+    const anchor = selection.anchor;
+    const anchorNode = anchor.getNode();
+    const focus = selection.focus;
+    const focusNode = anchor.getNode();
+    if (anchorNode.is(previousNode)) {
+      anchor.set(overflowNode.getKey(), anchor.offset, "element");
+    } else if (anchorNode.is(overflowNode)) {
+      anchor.set(
+        overflowNode.getKey(),
+        previousNodeChildrenLength + anchor.offset,
+        "element"
+      );
+    }
+    if (focusNode.is(previousNode)) {
+      focus.set(overflowNode.getKey(), focus.offset, "element");
+    } else if (focusNode.is(overflowNode)) {
+      focus.set(
+        overflowNode.getKey(),
+        previousNodeChildrenLength + focus.offset,
+        "element"
+      );
+    }
+  }
+  previousNode.remove();
+}
+export {
+  mergePrevious,
+  useCharacterLimit
+};
+//# sourceMappingURL=useCharacterLimit.js.map

package/dist/esm/components/basic/lexical-editor/composables/useCharacterLimit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCharacterLimit.js","sources":["../../../../../../src/components/basic/lexical-editor/composables/useCharacterLimit.ts"],"sourcesContent":["import type { LexicalEditor, LexicalNode } from 'lexical'\r\n\r\nimport {\r\n  $createOverflowNode,\r\n  $isOverflowNode,\r\n  OverflowNode,\r\n} from '@lexical/overflow'\r\nimport { $rootTextContent } from '@lexical/text'\r\nimport { $dfs, mergeRegister } from '@lexical/utils'\r\nimport {\r\n  $getSelection,\r\n  $isLeafNode,\r\n  $isRangeSelection,\r\n  $isTextNode,\r\n  $setSelection,\r\n} from 'lexical'\r\n\r\nimport { useMounted } from './utils'\r\n\r\ninterface OptionalProps {\r\n  remainingCharacters?: (characters: number) => void\r\n  strlen?: (input: string) => number\r\n}\r\n\r\nexport function useCharacterLimit(\r\n  editor: LexicalEditor,\r\n  maxCharacters: number,\r\n  optional: OptionalProps = Object.freeze({}),\r\n) {\r\n  const {\r\n    strlen = input => input.length, // UTF-16\r\n    remainingCharacters = (_characters) => {},\r\n  } = optional\r\n\r\n  useMounted(() => {\r\n\r\n    if (!editor.hasNodes([OverflowNode])) {\r\n      throw new Error('useCharacterLimit: OverflowNode not registered on editor')\r\n    }\r\n\r\n    let text = editor.getEditorState().read($rootTextContent)\r\n    let lastComputedTextLength = 0\r\n\r\n    return mergeRegister(\r\n      editor.registerTextContentListener((currentText: string) => {\r\n        text = currentText\r\n      }),\r\n      editor.registerUpdateListener(({ dirtyLeaves }) => {\r\n        const isComposing = editor.isComposing()\r\n        const hasDirtyLeaves = dirtyLeaves.size > 0\r\n        if (isComposing || !hasDirtyLeaves)\r\n          return\r\n\r\n        const textLength = strlen(text)\r\n        const textLengthAboveThreshold\r\n          = textLength > maxCharacters\r\n          || (lastComputedTextLength !== null\r\n          && lastComputedTextLength > maxCharacters)\r\n        const diff = maxCharacters - textLength\r\n        remainingCharacters(diff)\r\n        if (lastComputedTextLength === null || textLengthAboveThreshold) {\r\n          const offset = findOffset(text, maxCharacters, strlen)\r\n          editor.update(\r\n            () => {\r\n              $wrapOverflowedNodes(offset)\r\n            },\r\n            {\r\n              tag: 'history-merge',\r\n            },\r\n          )\r\n        }\r\n        lastComputedTextLength = textLength\r\n      }),\r\n    )\r\n  })\r\n}\r\n\r\nfunction findOffset( text: string, maxCharacters: number, strlen: (input: string) => number): number {\r\n\r\n  const Segmenter = (Intl as any).Segmenter\r\n\r\n  let offsetUtf16 = 0\r\n  let offset = 0\r\n\r\n  if (typeof Segmenter === 'function') {\r\n    const segmenter = new Segmenter()\r\n    const graphemes = segmenter.segment(text)\r\n\r\n    for (const { segment: grapheme } of graphemes) {\r\n      const nextOffset = offset + strlen(grapheme)\r\n\r\n      if (nextOffset > maxCharacters)\r\n        break\r\n\r\n      offset = nextOffset\r\n      offsetUtf16 += grapheme.length\r\n    }\r\n  }\r\n  else {\r\n    const codepoints = Array.from(text)\r\n    const codepointsLength = codepoints.length\r\n\r\n    for (let i = 0; i < codepointsLength; i++) {\r\n      const codepoint = codepoints[i]\r\n      const nextOffset = offset + strlen(codepoint)\r\n\r\n      if (nextOffset > maxCharacters)\r\n        break\r\n\r\n      offset = nextOffset\r\n      offsetUtf16 += codepoint.length\r\n    }\r\n  }\r\n\r\n  return offsetUtf16\r\n}\r\n\r\nfunction $wrapOverflowedNodes(offset: number): void {\r\n  const dfsNodes = $dfs()\r\n  const dfsNodesLength = dfsNodes.length\r\n  let accumulatedLength = 0\r\n\r\n  for (let i = 0; i < dfsNodesLength; i += 1) {\r\n    const { node } = dfsNodes[i]\r\n\r\n    if ($isOverflowNode(node)) {\r\n      const previousLength = accumulatedLength\r\n      const nextLength = accumulatedLength + node.getTextContentSize()\r\n\r\n      if (nextLength <= offset) {\r\n        const parent = node.getParent()\r\n        const previousSibling = node.getPreviousSibling()\r\n        const nextSibling = node.getNextSibling()\r\n        $unwrapNode(node)\r\n        const selection = $getSelection()\r\n\r\n        // Restore selection when the overflow children are removed\r\n        if (\r\n          $isRangeSelection(selection)\r\n          && (!selection.anchor.getNode().isAttached()\r\n          || !selection.focus.getNode().isAttached())\r\n        ) {\r\n          if ($isTextNode(previousSibling))\r\n            previousSibling.select()\r\n          else if ($isTextNode(nextSibling))\r\n            nextSibling.select()\r\n          else if (parent !== null)\r\n            parent.select()\r\n        }\r\n      }\r\n      else if (previousLength < offset) {\r\n        const descendant = node.getFirstDescendant()\r\n        const descendantLength\r\n          = descendant !== null ? descendant.getTextContentSize() : 0\r\n        const previousPlusDescendantLength = previousLength + descendantLength\r\n        // For simple text we can redimension the overflow into a smaller and more accurate\r\n        // container\r\n        const firstDescendantIsSimpleText\r\n          = $isTextNode(descendant) && descendant.isSimpleText()\r\n        const firstDescendantDoesNotOverflow\r\n          = previousPlusDescendantLength <= offset\r\n\r\n        if (firstDescendantIsSimpleText || firstDescendantDoesNotOverflow)\r\n          $unwrapNode(node)\r\n      }\r\n    }\r\n    else if ($isLeafNode(node)) {\r\n      const previousAccumulatedLength = accumulatedLength\r\n      accumulatedLength += node.getTextContentSize()\r\n\r\n      if (accumulatedLength > offset && !$isOverflowNode(node.getParent())) {\r\n        const previousSelection = $getSelection()\r\n        let overflowNode\r\n\r\n        // For simple text we can improve the limit accuracy by splitting the TextNode\r\n        // on the split point\r\n        if (\r\n          previousAccumulatedLength < offset\r\n          && $isTextNode(node)\r\n          && node.isSimpleText()\r\n        ) {\r\n          const [, overflowedText] = node.splitText(\r\n            offset - previousAccumulatedLength,\r\n          )\r\n          overflowNode = $wrapNode(overflowedText)\r\n        }\r\n        else {\r\n          overflowNode = $wrapNode(node)\r\n        }\r\n\r\n        if (previousSelection !== null)\r\n          $setSelection(previousSelection)\r\n\r\n        mergePrevious(overflowNode)\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfunction $wrapNode(node: LexicalNode): OverflowNode {\r\n  const overflowNode = $createOverflowNode()\r\n  node.insertBefore(overflowNode)\r\n  overflowNode.append(node)\r\n  return overflowNode\r\n}\r\n\r\nfunction $unwrapNode(node: OverflowNode): LexicalNode | null {\r\n  const children = node.getChildren()\r\n  const childrenLength = children.length\r\n\r\n  for (let i = 0; i < childrenLength; i++)\r\n    node.insertBefore(children[i])\r\n\r\n  node.remove()\r\n  return childrenLength > 0 ? children[childrenLength - 1] : null\r\n}\r\n\r\nexport function mergePrevious(overflowNode: OverflowNode): void {\r\n  const previousNode = overflowNode.getPreviousSibling()\r\n\r\n  if (!$isOverflowNode(previousNode))\r\n    return\r\n\r\n  const firstChild = overflowNode.getFirstChild()\r\n  const previousNodeChildren = previousNode.getChildren()\r\n  const previousNodeChildrenLength = previousNodeChildren.length\r\n\r\n  if (firstChild === null) {\r\n    overflowNode.append(...previousNodeChildren)\r\n  }\r\n  else {\r\n    for (let i = 0; i < previousNodeChildrenLength; i++)\r\n      firstChild.insertBefore(previousNodeChildren[i])\r\n  }\r\n\r\n  const selection = $getSelection()\r\n\r\n  if ($isRangeSelection(selection)) {\r\n    const anchor = selection.anchor\r\n    const anchorNode = anchor.getNode()\r\n    const focus = selection.focus\r\n    const focusNode = anchor.getNode()\r\n\r\n    if (anchorNode.is(previousNode)) {\r\n      anchor.set(overflowNode.getKey(), anchor.offset, 'element')\r\n    }\r\n    else if (anchorNode.is(overflowNode)) {\r\n      anchor.set(\r\n        overflowNode.getKey(),\r\n        previousNodeChildrenLength + anchor.offset,\r\n        'element',\r\n      )\r\n    }\r\n\r\n    if (focusNode.is(previousNode)) {\r\n      focus.set(overflowNode.getKey(), focus.offset, 'element')\r\n    }\r\n    else if (focusNode.is(overflowNode)) {\r\n      focus.set(\r\n        overflowNode.getKey(),\r\n        previousNodeChildrenLength + focus.offset,\r\n        'element',\r\n      )\r\n    }\r\n  }\r\n\r\n  previousNode.remove()\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/composables/useElementBlockSelection.js

@@ -0,0 +1,56 @@
+import { createCommand, $getNodeByKey, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from "lexical";
+import { unref } from "vue";
+const SELECTED_ELEMENTBLOCK_COMMAND = createCommand("SELECTED_ELEMENTBLOCK_COMMAND");
+const REMOVE_ELEMENTBLOCK_COMMAND = createCommand("REMOVE_ELEMENTBLOCK_COMMAND");
+const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND = createCommand("UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND");
+const isNodeSelected = function(editor, key) {
+  return editor.getEditorState().read(() => {
+    const node = $getNodeByKey(key);
+    if (node === null)
+      return false;
+    return node.isSelected();
+  });
+};
+const clearSelection = (editor) => {
+  return new Promise((resolove) => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isNodeSelection(selection) && selection) {
+        selection.clear();
+      }
+      resolove(void 0);
+    });
+  });
+};
+const setSelected = (editor, selected, key) => {
+  return new Promise((resolove) => {
+    editor.update(() => {
+      let selection = $getSelection();
+      if (!$isNodeSelection(selection)) {
+        selection = $createNodeSelection();
+        $setSelection(selection);
+      }
+      if ($isNodeSelection(selection)) {
+        if (selected)
+          selection.add(unref(key));
+        else
+          selection.delete(unref(key));
+      }
+      resolove(void 0);
+    });
+  });
+};
+const setElementBlockSelection = async (editor, nodeKey) => {
+  await clearSelection(editor);
+  await setSelected(editor, true, nodeKey);
+};
+export {
+  REMOVE_ELEMENTBLOCK_COMMAND,
+  SELECTED_ELEMENTBLOCK_COMMAND,
+  UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,
+  clearSelection,
+  isNodeSelected,
+  setElementBlockSelection,
+  setSelected
+};
+//# sourceMappingURL=useElementBlockSelection.js.map

package/dist/esm/components/basic/lexical-editor/composables/useElementBlockSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementBlockSelection.js","sources":["../../../../../../src/components/basic/lexical-editor/composables/useElementBlockSelection.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\n\r\nimport {\r\n  $createNodeSelection,\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, NodeKey, LexicalEditor,\r\n  SELECTION_CHANGE_COMMAND\r\n} from 'lexical'\r\nimport { useLexicalEditorContext } from './lexicalEditor'\r\nimport { useMounted } from './utils'\r\nimport {  unref } from 'vue'\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type SelectElementBlockToolsbarFunction = (nodeKey?:NodeKey | string)=>Array<any>|null;\r\n\r\n/**\r\n * 选中元素快\r\n */\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<NodeKey|string|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 移除元素快\r\n */\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n// isNodeSelected  \r\nexport const isNodeSelected = function (editor: LexicalEditor, key: NodeKey): boolean {\r\n  return editor.getEditorState().read(() => {\r\n    const node = $getNodeByKey(key)\r\n    if (node === null)\r\n      return false\r\n    return node.isSelected()\r\n  })\r\n}\r\n\r\n// 取消选中\r\nexport const clearSelection = (editor: LexicalEditor):Promise<undefined> => {\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      const selection = $getSelection()\r\n      if ($isNodeSelection(selection) && selection){\r\n        selection.clear();\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n}\r\n\r\n// 设置选中\r\nexport const setSelected = (editor: LexicalEditor,selected: boolean,key:string):Promise<undefined> => {\r\n\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      let selection = $getSelection()\r\n  \r\n      if (!$isNodeSelection(selection)) {\r\n        selection = $createNodeSelection()\r\n        $setSelection(selection)\r\n      }\r\n      if ($isNodeSelection(selection)) {\r\n        if (selected)\r\n          selection.add(unref(key))\r\n        else\r\n          selection.delete(unref(key))\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n  \r\n}\r\n\r\n// 设置选中\r\nexport const setElementBlockSelection = async (editor:LexicalEditor,nodeKey:string)=>{\r\n  await clearSelection(editor);\r\n  await setSelected(editor,true,nodeKey);\r\n}\r\n"],"names":[],"mappings":";;AAyBa,MAAA,gCAAqE,cAAc,+BAA+B;AAKlH,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AAajI,MAAA,iBAAiB,SAAU,QAAuB,KAAuB;AACpF,SAAO,OAAO,iBAAiB,KAAK,MAAM;AAClC,UAAA,OAAO,cAAc,GAAG;AAC9B,QAAI,SAAS;AACJ,aAAA;AACT,WAAO,KAAK;EAAW,CACxB;AACH;AAGa,MAAA,iBAAiB,CAAC,WAA6C;AACnE,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAY;AACd,UAAA,iBAAiB,SAAS,KAAK,WAAU;AAC3C,kBAAU,MAAM;AAAA,MAClB;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH;AAGO,MAAM,cAAc,CAAC,QAAsB,UAAkB,QAAkC;AAE7F,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,UAAI,YAAY;AAEZ,UAAA,CAAC,iBAAiB,SAAS,GAAG;AAChC,oBAAY,qBAAqB;AACjC,sBAAc,SAAS;AAAA,MACzB;AACI,UAAA,iBAAiB,SAAS,GAAG;AAC3B,YAAA;AACQ,oBAAA,IAAI,MAAM,GAAG,CAAC;AAAA;AAEd,oBAAA,OAAO,MAAM,GAAG,CAAC;AAAA,MAC/B;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AAEH;AAGa,MAAA,2BAA2B,OAAO,QAAqB,YAAiB;AACnF,QAAM,eAAe,MAAM;AACrB,QAAA,YAAY,QAAO,MAAK,OAAO;AACvC;"}

package/dist/esm/components/basic/lexical-editor/composables/useLexicalCommandsLog.js

@@ -0,0 +1,37 @@
+import { COMMAND_PRIORITY_HIGH } from "lexical";
+import { ref, readonly } from "vue";
+import { useMounted } from "./utils.js";
+function useLexicalCommandsLog(editor) {
+  const loggedCommands = ref([]);
+  useMounted(() => {
+    const unregisterCommandListeners = /* @__PURE__ */ new Set();
+    for (const [command] of editor._commands) {
+      unregisterCommandListeners.add(
+        editor.registerCommand(
+          command,
+          (payload) => {
+            loggedCommands.value = [
+              ...loggedCommands.value,
+              {
+                payload,
+                type: command.type ? command.type : "UNKNOWN"
+              }
+            ];
+            if (loggedCommands.value.length > 10)
+              loggedCommands.value.shift();
+            return false;
+          },
+          COMMAND_PRIORITY_HIGH
+        )
+      );
+    }
+    return () => {
+      unregisterCommandListeners.forEach((unregister) => unregister());
+    };
+  });
+  return readonly(loggedCommands);
+}
+export {
+  useLexicalCommandsLog
+};
+//# sourceMappingURL=useLexicalCommandsLog.js.map

package/dist/esm/components/basic/lexical-editor/composables/useLexicalCommandsLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalCommandsLog.js","sources":["../../../../../../src/components/basic/lexical-editor/composables/useLexicalCommandsLog.ts"],"sourcesContent":["import { COMMAND_PRIORITY_HIGH, type LexicalCommand, type LexicalEditor } from 'lexical'\r\nimport { readonly, ref } from 'vue'\r\nimport { useMounted } from './utils'\r\n\r\nexport function useLexicalCommandsLog(\r\n  editor: LexicalEditor,\r\n) {\r\n  const loggedCommands = ref<Array<LexicalCommand<unknown> & { payload: unknown }>>([])\r\n\r\n  useMounted(() => {\r\n    \r\n    const unregisterCommandListeners = new Set<() => void>()\r\n\r\n    for (const [command] of editor._commands) {\r\n      unregisterCommandListeners.add(\r\n        editor.registerCommand(\r\n          command,\r\n          (payload) => {\r\n            loggedCommands.value = [\r\n              ...loggedCommands.value,\r\n              {\r\n                payload,\r\n                type: command.type ? command.type : 'UNKNOWN',\r\n              },\r\n            ]\r\n\r\n            if (loggedCommands.value.length > 10)\r\n              loggedCommands.value.shift()\r\n\r\n            return false\r\n          },\r\n          COMMAND_PRIORITY_HIGH,\r\n        ),\r\n      )\r\n    }\r\n\r\n    return () => {\r\n      unregisterCommandListeners.forEach(unregister => unregister())\r\n    }\r\n  })\r\n\r\n  return readonly(loggedCommands)\r\n}\r\n"],"names":[],"mappings":";;;AAIO,SAAS,sBACd,QACA;AACM,QAAA,iBAAiB,IAA2D,CAAA,CAAE;AAEpF,aAAW,MAAM;AAET,UAAA,iDAAiC;AAEvC,eAAW,CAAC,OAAO,KAAK,OAAO,WAAW;AACb,iCAAA;AAAA,QACzB,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAY;AACX,2BAAe,QAAQ;AAAA,cACrB,GAAG,eAAe;AAAA,cAClB;AAAA,gBACE;AAAA,gBACA,MAAM,QAAQ,OAAO,QAAQ,OAAO;AAAA,cACtC;AAAA,YAAA;AAGE,gBAAA,eAAe,MAAM,SAAS;AAChC,6BAAe,MAAM;AAEhB,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAEA,WAAO,MAAM;AACgB,iCAAA,QAAQ,CAAc,eAAA,WAAY,CAAA;AAAA,IAAA;AAAA,EAC/D,CACD;AAED,SAAO,SAAS,cAAc;AAChC;"}

package/dist/esm/components/basic/lexical-editor/composables/useLexicalEditorState.js

@@ -0,0 +1,237 @@
+import { ref } from "vue";
+import { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, $getSelection, $isRangeSelection, $isElementNode, $isNodeSelection, FORMAT_TEXT_COMMAND, $createParagraphNode, UNDO_COMMAND, REDO_COMMAND } from "lexical";
+import { mergeRegister, $findMatchingParent } from "@lexical/utils";
+import { useMounted } from "./utils.js";
+import { $getSelectionStyleValueForProperty, $patchStyleText, $setBlocksType } from "@lexical/selection";
+import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { $isHeadingNode, $createHeadingNode } from "@lexical/rich-text";
+import { useLexicalEditorContext } from "./lexicalEditor.js";
+import "../utils/html.js";
+import { sanitizeUrl } from "../utils/url.js";
+import { showLinkEditDialog } from "../utils/link-edit-dialog.js";
+import "../utils/image.js";
+import "@maketribe/dm";
+import "element-plus";
+import "@element-plus/icons-vue";
+import "@lexical/overflow";
+import "@lexical/text";
+import "./useElementBlockSelection.js";
+const CommandLowPriority = 1;
+const FONT_FAMILY = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings".split(";");
+const addFontSizeToOptions = function(options, size, rootSize = 14) {
+  options.push({ value: `${Math.round(size / rootSize * 100) / 100}rem`, label: size + "px" });
+};
+const useLexicalEditorState = function(editor, options) {
+  var _a, _b;
+  if (!editor) {
+    editor = useLexicalEditorContext().editor;
+  }
+  if (!options) {
+    options = { rootFontSize: 14, fontfamilyOptoins: [], fontSizeOptions: [] };
+  }
+  options.rootFontSize ?? (options.rootFontSize = 14);
+  if (!((_a = options == null ? void 0 : options.fontSizeOptions) == null ? void 0 : _a.length)) {
+    options.fontSizeOptions = [];
+    for (let i = 0; i < 80; i += 2) {
+      addFontSizeToOptions(options.fontSizeOptions, 10 + i, options.rootFontSize);
+      if (i >= 2 && i < 22) {
+        addFontSizeToOptions(options.fontSizeOptions, 10 + i + 0.5, options.rootFontSize);
+        addFontSizeToOptions(options.fontSizeOptions, 10 + i + 1, options.rootFontSize);
+        addFontSizeToOptions(options.fontSizeOptions, 10 + i + 1.5, options.rootFontSize);
+      }
+    }
+  }
+  if (!((_b = options == null ? void 0 : options.fontfamilyOptoins) == null ? void 0 : _b.length)) {
+    options.fontfamilyOptoins = [{ value: "", label: "默认字体" }].concat(FONT_FAMILY.map((fv) => {
+      let fvl = fv.split("="), label = fvl[0], value = fvl[1] || `'${label}'`;
+      return { value, label };
+    }));
+  }
+  const canUndo = ref(false);
+  const canRedo = ref(false);
+  const fontSize = ref(options.rootFontSize + "px");
+  const fontColor = ref("#000");
+  const bgColor = ref("#fff");
+  const fontFamily = ref(options.fontfamilyOptoins[0]);
+  const canBold = ref(false);
+  const canItalic = ref(false);
+  const canUnderline = ref(false);
+  const canStrikethrough = ref(false);
+  const canSubscript = ref(false);
+  const canSuperscript = ref(false);
+  const alignList = ref(["left", "center", "right", "justify"]);
+  const alignValue = ref(alignList.value[0]);
+  const canLink = ref(false);
+  const linkValue = ref("");
+  const canTextStyleDisabled = ref(false);
+  const contentTypeList = [
+    { value: "paragraph", label: "正文" },
+    { value: "h1", label: "标题 1" },
+    { value: "h2", label: "标题 2" },
+    { value: "h3", label: "标题 3" },
+    { value: "h4", label: "标题 4" },
+    { value: "h5", label: "标题 5" }
+  ];
+  const curContentTypeDesc = ref("正文");
+  const activeNode = ref(null);
+  const setTextStyle = function(token, value) {
+    if (["bold", "italic", "underline", "strikethrough", "subscript", "superscript"].indexOf(token) >= 0) {
+      editor.dispatchCommand(FORMAT_TEXT_COMMAND, token);
+    } else if (token == "link") {
+      if (canLink.value) {
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+      } else {
+        showLinkEditDialog("").then((href) => {
+          if (href.trim()) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(href));
+          }
+        });
+      }
+    } else {
+      editor.update(() => {
+        const selection = $getSelection();
+        if (selection !== null) {
+          $patchStyleText(selection, { [token]: value });
+        }
+      }, {});
+    }
+  };
+  const setContentType = function(type) {
+    const contentType = contentTypeList.find((item) => item.value == type);
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isRangeSelection(selection)) {
+        $patchStyleText(selection, { ["font-size"]: "" });
+        if (contentType.value == "paragraph") {
+          if (canSubscript.value) {
+            editor.dispatchCommand(FORMAT_TEXT_COMMAND, "subscript");
+          } else if (canSuperscript.value) {
+            editor.dispatchCommand(FORMAT_TEXT_COMMAND, "superscript");
+          } else {
+            $setBlocksType(selection, () => $createParagraphNode());
+          }
+        } else {
+          $setBlocksType(selection, () => {
+            return $createHeadingNode(contentType.value);
+          });
+        }
+        curContentTypeDesc.value = contentType.label;
+      }
+    });
+  };
+  useMounted(() => {
+    return mergeRegister(
+      editor.registerCommand(CAN_UNDO_COMMAND, (payload) => {
+        canUndo.value = payload;
+        return false;
+      }, CommandLowPriority),
+      editor.registerCommand(CAN_REDO_COMMAND, (payload) => {
+        canRedo.value = payload;
+        return false;
+      }, CommandLowPriority),
+      // 其他状态
+      editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          var _a2, _b2, _c, _d, _e, _f, _g, _h;
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            const anchorNode = selection.anchor.getNode();
+            let parentNode = anchorNode.getKey() === "root" ? anchorNode : $findMatchingParent(anchorNode, (e) => {
+              const parent2 = e.getParent();
+              return parent2 !== null && $isElementNode(parent2);
+            });
+            if (parentNode === null) {
+              parentNode = anchorNode.getTopLevelElementOrThrow();
+            }
+            let parentDOM = editor.getElementByKey(parentNode.getKey());
+            alignValue.value = (parentDOM == null ? void 0 : parentDOM.style.textAlign) || "left";
+            if (alignValue.value == "start") {
+              alignValue.value = "left";
+            } else if (alignValue.value == "end") {
+              alignValue.value = "right";
+            }
+            canBold.value = selection.hasFormat("bold");
+            canItalic.value = selection.hasFormat("italic");
+            canUnderline.value = selection.hasFormat("underline");
+            canStrikethrough.value = selection.hasFormat("strikethrough");
+            canSubscript.value = selection.hasFormat("subscript");
+            canSuperscript.value = selection.hasFormat("superscript");
+            if (canSubscript.value) {
+              curContentTypeDesc.value = ((_a2 = contentTypeList.find((item) => item.value == "subscript")) == null ? void 0 : _a2.label) ?? "正文";
+            } else if (canSuperscript.value) {
+              curContentTypeDesc.value = ((_b2 = contentTypeList.find((item) => item.value == "superscript")) == null ? void 0 : _b2.label) ?? "正文";
+            } else if (parentDOM !== null) {
+              const type = $isHeadingNode(parentNode) ? parentNode.getTag() : parentNode.getType();
+              curContentTypeDesc.value = ((_c = contentTypeList.find((item) => item.value == type)) == null ? void 0 : _c.label) ?? "正文";
+            }
+            var ff = $getSelectionStyleValueForProperty(selection, "font-family", "");
+            let fs = $getSelectionStyleValueForProperty(selection, "font-size", "");
+            if (fs) {
+              fontSize.value = Math.round(parseFloat(fs) * options.rootFontSize) + "px";
+            } else if (parentDOM) {
+              fontSize.value = ((_e = (_d = editor.getRootElement()) == null ? void 0 : _d.ownerDocument.defaultView) == null ? void 0 : _e.getComputedStyle(parentDOM).fontSize) ?? Math.round(options.rootFontSize) + "px";
+            } else {
+              fontSize.value = Math.round(options.rootFontSize) + "px";
+            }
+            if (!ff && parentDOM) {
+              ff = ((_g = (_f = editor.getRootElement()) == null ? void 0 : _f.ownerDocument.defaultView) == null ? void 0 : _g.getComputedStyle(parentDOM).fontFamily) ?? "";
+            }
+            fontColor.value = $getSelectionStyleValueForProperty(selection, "color", "#000");
+            bgColor.value = $getSelectionStyleValueForProperty(selection, "background-color", "");
+            fontFamily.value = ((_h = options.fontfamilyOptoins) == null ? void 0 : _h.find((item) => item.value == ff)) || options.fontfamilyOptoins[0];
+            canTextStyleDisabled.value = false;
+            const parent = anchorNode.getParent();
+            if (canLink.value = $isLinkNode(parent) || $isLinkNode(anchorNode)) {
+              linkValue.value = $isLinkNode(parent) ? parent.getURL() : anchorNode.getURL();
+            } else {
+              linkValue.value = "";
+            }
+            activeNode.value = anchorNode;
+          } else {
+            canTextStyleDisabled.value = true;
+            activeNode.value = $isNodeSelection(selection) ? selection.getNodes()[0] : null;
+            curContentTypeDesc.value = "正文";
+          }
+        });
+      })
+    );
+  });
+  const undoCommand = () => {
+    editor.dispatchCommand(UNDO_COMMAND, void 0);
+  };
+  const redoCommand = () => {
+    editor.dispatchCommand(REDO_COMMAND, void 0);
+  };
+  return {
+    canUndo,
+    undoCommand,
+    canRedo,
+    redoCommand,
+    canTextStyleDisabled,
+    setTextStyle,
+    fontSize,
+    fontSizeOptions: options.fontSizeOptions,
+    fontColor,
+    bgColor,
+    fontFamily,
+    fontfamilyOptoins: options.fontfamilyOptoins,
+    canBold,
+    canItalic,
+    canUnderline,
+    canStrikethrough,
+    canSubscript,
+    canSuperscript,
+    alignList,
+    alignValue,
+    canLink,
+    linkValue,
+    activeNode,
+    contentTypeList,
+    curContentTypeDesc,
+    setContentType
+  };
+};
+export {
+  useLexicalEditorState
+};
+//# sourceMappingURL=useLexicalEditorState.js.map

package/dist/esm/components/basic/lexical-editor/composables/useLexicalEditorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalEditorState.js","sources":["../../../../../../src/components/basic/lexical-editor/composables/useLexicalEditorState.ts"],"sourcesContent":["\r\n\r\nimport { ref } from 'vue'\r\nimport type { CommandListenerPriority,ElementFormatType, LexicalEditor, LexicalNode, TextFormatType } from 'lexical'\r\nimport {  $createParagraphNode, $getSelection,$isElementNode,$isRangeSelection, $isNodeSelection, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, FORMAT_TEXT_COMMAND, REDO_COMMAND, UNDO_COMMAND, } from 'lexical'\r\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\r\nimport { useMounted } from './utils'\r\nimport { $getSelectionStyleValueForProperty, $patchStyleText, $setBlocksType } from '@lexical/selection'\r\nimport { $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\r\nimport { $createHeadingNode, $isHeadingNode, HeadingTagType } from '@lexical/rich-text'\r\nimport { useLexicalEditorContext } from './lexicalEditor'\r\nimport { showLinkEditDialog,sanitizeUrl } from \"../utils\" \r\n\r\n/**\r\n * 最低的监听优先级\r\n */\r\nconst CommandLowPriority: CommandListenerPriority = 1\r\n\r\n/**\r\n * 编辑配置项\r\n */\r\ntype LexicalEditOptions = {\r\n  rootFontSize?:number,\r\n  fontSizeOptions?:Array<{value:string,label:string}>,\r\n  fontfamilyOptoins?:Array<{value:string,label:string} >\r\n}\r\n\r\n// 字体\r\nconst FONT_FAMILY = \"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\".split(\";\")\r\n\r\n// 设置样式\r\nconst addFontSizeToOptions = function(options:Array<{value:string,label:string}>, size:number,rootSize:number = 14){\r\n  options.push({value:`${Math.round(size / rootSize * 100) / 100}rem`,label:size+\"px\"});\r\n}\r\n\r\n/**\r\n * 获取编辑器状态\r\n * @param editorInstance \r\n * @returns \r\n */\r\nexport const useLexicalEditorState = function (editor?: LexicalEditor,options?:LexicalEditOptions) {\r\n\r\n  if (!editor) { editor = useLexicalEditorContext().editor; }\r\n\r\n  // 初始化配置\r\n  if(!options){ options = { rootFontSize:14,fontfamilyOptoins:[],fontSizeOptions:[] }; }\r\n\r\n  // 根文章大小默认14\r\n  options.rootFontSize ??= 14;\r\n\r\n  // 字体大小配置项初始化\r\n  if(!options?.fontSizeOptions?.length){\r\n    options.fontSizeOptions = [];\r\n    // 数据初始化\r\n    for(let i=0;i<80;i+=2){\r\n      addFontSizeToOptions(options.fontSizeOptions,10 + i,options.rootFontSize);\r\n      if(i >= 2 && i < 22){\r\n        addFontSizeToOptions(options.fontSizeOptions,10 + i + 0.5,options.rootFontSize);\r\n        addFontSizeToOptions(options.fontSizeOptions,10 + i + 1,options.rootFontSize);\r\n        addFontSizeToOptions(options.fontSizeOptions,10 + i + 1.5,options.rootFontSize);\r\n      }\r\n    }\r\n  }\r\n\r\n  // 默认字体初始化\r\n  if(!options?.fontfamilyOptoins?.length){\r\n    options.fontfamilyOptoins = [{value:\"\",label:\"默认字体\"}].concat(FONT_FAMILY.map(fv=>{\r\n      let fvl = fv.split(\"=\"),label=fvl[0],value=fvl[1] || `'${label}'`;\r\n      return { value,label}\r\n    }))\r\n  }\r\n\r\n  const canUndo = ref(false)\r\n  const canRedo = ref(false)\r\n  const fontSize = ref(options.rootFontSize+\"px\")\r\n  const fontColor = ref<string>('#000')\r\n  const bgColor = ref<string>('#fff')\r\n  const fontFamily = ref<any>(options.fontfamilyOptoins![0])\r\n  const canBold = ref(false)\r\n  const canItalic = ref(false)\r\n  const canUnderline = ref(false)\r\n  const canStrikethrough = ref(false)\r\n  const canSubscript = ref(false)\r\n  const canSuperscript = ref(false)\r\n\r\n  // 对齐方式\r\n  const alignList = ref<ElementFormatType[]>([\"left\",\"center\",\"right\",\"justify\"])\r\n  const alignValue = ref(alignList.value[0])\r\n  const canLink = ref(false)\r\n  const linkValue = ref(\"\");\r\n  const canTextStyleDisabled = ref(false);\r\n\r\n  // 内容类型清单\r\n  const contentTypeList = [\r\n    {value:\"paragraph\",label:\"正文\"},\r\n    {value:\"h1\",label:\"标题 1\"},\r\n    {value:\"h2\",label:\"标题 2\"},\r\n    {value:\"h3\",label:\"标题 3\"},\r\n    {value:\"h4\",label:\"标题 4\"},\r\n    {value:\"h5\",label:\"标题 5\"}\r\n  ];\r\n  //当前选中内容\r\n  const curContentTypeDesc = ref(\"正文\");\r\n\r\n  // 激活的节点\r\n  const activeNode = ref<LexicalNode|null>(null);\r\n\r\n  // 设置文字样式\r\n  const setTextStyle = function(token:string,value?:string){\r\n\r\n    if([\"bold\",\"italic\",\"underline\",\"strikethrough\",\"subscript\",\"superscript\"].indexOf(token) >=0){\r\n      editor.dispatchCommand(FORMAT_TEXT_COMMAND, token as TextFormatType)\r\n    }\r\n    else if(token == \"link\"){\r\n\r\n      if(canLink.value){\r\n        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\r\n      }\r\n      else{\r\n        showLinkEditDialog(\"\").then((href:any)=>{\r\n          if(href.trim()){\r\n            editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(href))\r\n          }\r\n        })\r\n      }\r\n      \r\n    }\r\n    else{\r\n      editor.update(() => {\r\n\r\n        const selection = $getSelection()\r\n  \r\n        if (selection !== null){\r\n          $patchStyleText(selection,{ [token]:value } as any)\r\n        }\r\n      },{})\r\n    }\r\n  }\r\n\r\n  // 设置内容\r\n  const setContentType = function(type:string){\r\n\r\n    const contentType:any = contentTypeList.find(item=>item.value == type)\r\n    \r\n    editor.update(() => {\r\n  \r\n        const selection = $getSelection()\r\n    \r\n        if ($isRangeSelection(selection)){\r\n\r\n          // 清空字体大小\r\n          $patchStyleText(selection, { [\"font-size\"]:\"\" })\r\n    \r\n          if(contentType.value == \"paragraph\"){\r\n\r\n            if(canSubscript.value){\r\n              editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript' as TextFormatType)\r\n            }\r\n            else if(canSuperscript.value){\r\n              editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript' as TextFormatType)\r\n            }\r\n            else{\r\n              $setBlocksType(selection, () => $createParagraphNode())\r\n            }\r\n          }\r\n          else{\r\n            $setBlocksType(selection, () => {\r\n              return $createHeadingNode(contentType.value as  HeadingTagType)\r\n            })\r\n          }\r\n          curContentTypeDesc.value = contentType.label\r\n        }\r\n    })\r\n  }\r\n\r\n  useMounted(() => {\r\n   \r\n\r\n    return mergeRegister(\r\n      editor.registerCommand(CAN_UNDO_COMMAND, (payload: boolean) => {\r\n        canUndo.value = payload\r\n        return false\r\n      }, CommandLowPriority),\r\n      editor.registerCommand(CAN_REDO_COMMAND, (payload: boolean) => {\r\n        canRedo.value = payload\r\n        return false\r\n      },CommandLowPriority),\r\n      // 其他状态\r\n      editor.registerUpdateListener(({ editorState }) => {\r\n        editorState.read(() => {\r\n\r\n          const selection = $getSelection()\r\n\r\n          if ($isRangeSelection(selection)) {\r\n\r\n            const anchorNode = selection.anchor.getNode()\r\n\r\n            let parentNode = anchorNode.getKey() === 'root'\r\n                  ? anchorNode\r\n                  : $findMatchingParent(anchorNode, (e) => {\r\n                    const parent = e.getParent();\r\n                    //  $isRootOrShadowRoot\r\n                    return parent !== null && $isElementNode(parent)\r\n                  });\r\n\r\n\r\n            if (parentNode === null){ parentNode = anchorNode.getTopLevelElementOrThrow() }\r\n\r\n            let parentDOM = editor.getElementByKey(parentNode.getKey());\r\n\r\n            // 文本对齐\r\n            alignValue.value = (parentDOM?.style.textAlign as ElementFormatType) || \"left\";\r\n\r\n            if(alignValue.value  == \"start\"){ alignValue.value  = \"left\"; }\r\n            else if(alignValue.value  == \"end\"){ alignValue.value  = \"right\"; }\r\n\r\n            // Update text format\r\n            canBold.value = selection.hasFormat('bold')\r\n            canItalic.value = selection.hasFormat('italic')\r\n            canUnderline.value = selection.hasFormat('underline')\r\n            canStrikethrough.value = selection.hasFormat('strikethrough')\r\n            canSubscript.value = selection.hasFormat('subscript')\r\n            canSuperscript.value = selection.hasFormat('superscript')\r\n\r\n            if(canSubscript.value){\r\n              curContentTypeDesc.value = contentTypeList.find(item=>item.value == 'subscript')?.label ?? \"正文\"\r\n            }\r\n            else if(canSuperscript.value){\r\n              curContentTypeDesc.value = contentTypeList.find(item=>item.value == 'superscript')?.label ?? \"正文\"\r\n            }\r\n            else if (parentDOM !== null) {\r\n              const type = $isHeadingNode(parentNode) ? parentNode.getTag() : parentNode.getType();\r\n              curContentTypeDesc.value = contentTypeList.find(item=>item.value == type)?.label ?? \"正文\"\r\n            }\r\n\r\n            // Handle buttons\r\n            var ff = $getSelectionStyleValueForProperty(selection, 'font-family', '');\r\n            let fs = $getSelectionStyleValueForProperty(selection, 'font-size', '');\r\n            \r\n            if(fs){\r\n              fontSize.value = Math.round(parseFloat(fs) * (options.rootFontSize!))+\"px\"\r\n            }\r\n            else if(parentDOM){\r\n              fontSize.value = editor.getRootElement()?.ownerDocument.defaultView?.getComputedStyle(parentDOM).fontSize ?? Math.round((options.rootFontSize!))+\"px\";\r\n            }\r\n            else{\r\n              fontSize.value = Math.round((options.rootFontSize!))+\"px\"\r\n            }\r\n\r\n            // 字体\r\n            if(!ff && parentDOM){\r\n              ff = editor.getRootElement()?.ownerDocument.defaultView?.getComputedStyle(parentDOM).fontFamily ?? \"\";\r\n            }\r\n          \r\n            fontColor.value = $getSelectionStyleValueForProperty(selection, 'color', '#000')\r\n            bgColor.value = $getSelectionStyleValueForProperty(selection, 'background-color', '')\r\n            fontFamily.value = options.fontfamilyOptoins?.find(item=>item.value==ff) || options.fontfamilyOptoins![0];\r\n      \r\n            // 不禁用\r\n            canTextStyleDisabled.value = false;\r\n\r\n            // Update links\r\n            const parent = anchorNode.getParent()\r\n            \r\n            if(canLink.value = $isLinkNode(parent) || $isLinkNode(anchorNode)){\r\n              linkValue.value = $isLinkNode(parent) ? parent.getURL() : (anchorNode as LinkNode).getURL()\r\n            }\r\n            else{\r\n              linkValue.value = \"\";\r\n            }\r\n\r\n            // 节点类型\r\n            activeNode.value = anchorNode;\r\n\r\n          }\r\n          else{\r\n            canTextStyleDisabled.value = true;\r\n            activeNode.value = $isNodeSelection(selection) ? selection.getNodes()[0] : null;\r\n            curContentTypeDesc.value = \"正文\";\r\n          }\r\n        })\r\n      })\r\n    )\r\n  })\r\n\r\n  // undo\r\n  const undoCommand = ()=>{ editor.dispatchCommand(UNDO_COMMAND, undefined) }\r\n  const redoCommand = ()=>{ editor.dispatchCommand(REDO_COMMAND, undefined) }\r\n\r\n  return {\r\n    canUndo,undoCommand,\r\n    canRedo,redoCommand,\r\n    canTextStyleDisabled,\r\n    setTextStyle,\r\n    fontSize,fontSizeOptions:options.fontSizeOptions,\r\n    fontColor,\r\n    bgColor,\r\n    fontFamily,fontfamilyOptoins:options.fontfamilyOptoins,\r\n    canBold,\r\n    canItalic,\r\n    canUnderline,\r\n    canStrikethrough,\r\n    canSubscript,\r\n    canSuperscript,\r\n    alignList,\r\n    alignValue,\r\n    canLink,\r\n    linkValue,\r\n    activeNode,contentTypeList,curContentTypeDesc,setContentType\r\n  }\r\n}\r\n"],"names":["parent","_a","_b"],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/composables/useLexicalIsTextContentEmpty.js

@@ -0,0 +1,21 @@
+import { ref, readonly } from "vue";
+import { $isRootTextContentEmptyCurry } from "@lexical/text";
+import { useMounted } from "./utils.js";
+function useLexicalIsTextContentEmpty(editor, trim) {
+  const isEmpty = ref(
+    editor.getEditorState().read($isRootTextContentEmptyCurry(editor.isComposing(), trim))
+  );
+  useMounted(() => {
+    return editor.registerUpdateListener(({ editorState }) => {
+      const isComposing = editor.isComposing();
+      isEmpty.value = editorState.read(
+        $isRootTextContentEmptyCurry(isComposing, trim)
+      );
+    });
+  });
+  return readonly(isEmpty);
+}
+export {
+  useLexicalIsTextContentEmpty
+};
+//# sourceMappingURL=useLexicalIsTextContentEmpty.js.map

package/dist/esm/components/basic/lexical-editor/composables/useLexicalIsTextContentEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalIsTextContentEmpty.js","sources":["../../../../../../src/components/basic/lexical-editor/composables/useLexicalIsTextContentEmpty.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\r\nimport { $isRootTextContentEmptyCurry } from '@lexical/text'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { useMounted } from './utils'\r\n\r\nexport function useLexicalIsTextContentEmpty(editor: LexicalEditor, trim?: boolean) {\r\n  const isEmpty = ref(\r\n    editor\r\n      .getEditorState()\r\n      .read($isRootTextContentEmptyCurry(editor.isComposing(), trim)),\r\n  )\r\n\r\n  useMounted(() => {\r\n    return editor.registerUpdateListener(({ editorState }) => {\r\n      const isComposing = editor.isComposing()\r\n      isEmpty.value = editorState.read(\r\n        $isRootTextContentEmptyCurry(isComposing, trim),\r\n      )\r\n    })\r\n  })\r\n\r\n  return readonly(isEmpty)\r\n}\r\n"],"names":[],"mappings":";;;AAKgB,SAAA,6BAA6B,QAAuB,MAAgB;AAClF,QAAM,UAAU;AAAA,IACd,OACG,eACA,EAAA,KAAK,6BAA6B,OAAO,YAAA,GAAe,IAAI,CAAC;AAAA,EAAA;AAGlE,aAAW,MAAM;AACf,WAAO,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AAClD,YAAA,cAAc,OAAO;AAC3B,cAAQ,QAAQ,YAAY;AAAA,QAC1B,6BAA6B,aAAa,IAAI;AAAA,MAAA;AAAA,IAChD,CACD;AAAA,EAAA,CACF;AAED,SAAO,SAAS,OAAO;AACzB;"}