@maketribe/ms-app 3.2.41 → 3.2.43

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.js

@@ -0,0 +1,76 @@
+import { HtmlElementNode } from "./HtmlElementNode.js";
+import { AttrMarkName } from "./ModuleDecoratorNode.js";
+class ModuleDecoratorWarpNode extends HtmlElementNode {
+  static getType() {
+    return "moduleWarp";
+  }
+  static clone(node) {
+    return new ModuleDecoratorWarpNode(node.__class, node.__style, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ModuleDecoratorWarpNode(serializedNode.class, serializedNode.style);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        return domNode.children[0] && domNode.children[0].getAttribute(AttrMarkName) ? {
+          conversion: () => {
+            return {
+              node: new ModuleDecoratorWarpNode(
+                domNode.className.trim(),
+                domNode.getAttribute("style") || ""
+              )
+            };
+          },
+          priority: 3
+        } : null;
+      }
+    };
+  }
+  constructor(className, style, key) {
+    super("div", className, style, key);
+  }
+  /**
+   * 名称
+   * @returns 
+   */
+  getName() {
+    return this.getType();
+  }
+  /**
+   * 描述
+   * @returns 
+   */
+  getDesc() {
+    return "模块容器";
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      version: 1
+    };
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const element = super.createDOM(config);
+    element.setAttribute("node-key", this.__key);
+    return element;
+  }
+}
+function $isModuleDecoratorWarpNode(node) {
+  return node instanceof ModuleDecoratorWarpNode;
+}
+export {
+  $isModuleDecoratorWarpNode,
+  ModuleDecoratorWarpNode
+};
+//# sourceMappingURL=ModuleDecoratorWarpNode.js.map

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleDecoratorWarpNode.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.ts"],"sourcesContent":["import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread, DOMExportOutput, EditorConfig } from 'lexical'\r\nimport { createCommand, } from 'lexical'\r\nimport { HtmlElementNode,SerializedHtmlElementNode } from './HtmlElementNode'\r\nimport { AttrMarkName } from './ModuleDecoratorNode'\r\n\r\n/**\r\n * 节点序列化\r\n */\r\nexport type SerializedModuleDecoratorWarpNode = Spread<{},SerializedHtmlElementNode>\r\n\r\n/**\r\n * 模块容器\r\n */\r\nexport class ModuleDecoratorWarpNode extends HtmlElementNode{\r\n\r\n  static getType(): string { return \"moduleWarp\"; }\r\n\r\n  static clone(node: ModuleDecoratorWarpNode): ModuleDecoratorWarpNode {\r\n    return new ModuleDecoratorWarpNode(node.__class,node.__style, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedModuleDecoratorWarpNode): ModuleDecoratorWarpNode {\r\n    return new ModuleDecoratorWarpNode(serializedNode.class,serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n        // 儿子是模块的就是模块容器\r\n        return domNode.children[0] && domNode.children[0].getAttribute(AttrMarkName) ? {\r\n          \r\n          conversion: ()=>{ \r\n           \r\n            return  { \r\n              node:new ModuleDecoratorWarpNode(\r\n                domNode.className.trim(),\r\n                domNode.getAttribute(\"style\") || \"\"\r\n              ) \r\n            };\r\n          },\r\n          priority: 3\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(className?:string,style?:string,key?: NodeKey) {\r\n    super(\"div\",className,style,key)\r\n  }\r\n\r\n  /**\r\n   * 名称\r\n   * @returns \r\n   */\r\n  getName(){ return this.getType(); }\r\n\r\n  /**\r\n   * 描述\r\n   * @returns \r\n   */\r\n  getDesc(){ return \"模块容器\"; }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedModuleDecoratorWarpNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1\r\n    }\r\n  }\r\n\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const element = super.createDOM(config)\r\n    \r\n    element.setAttribute(\"node-key\",this.__key);\r\n\r\n    return element;\r\n  }\r\n}\r\n\r\n\r\n/**\r\n * 判断是否是模块容器节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleDecoratorWarpNode(\r\n  node: ModuleDecoratorWarpNode | LexicalNode | null | undefined,\r\n): node is ModuleDecoratorWarpNode {\r\n  return node instanceof ModuleDecoratorWarpNode\r\n}\r\n"],"names":[],"mappings":";;AAaO,MAAM,gCAAgC,gBAAe;AAAA,EAE1D,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAc;AAAA,EAEhD,OAAO,MAAM,MAAwD;AACnE,WAAO,IAAI,wBAAwB,KAAK,SAAQ,KAAK,SAAS,KAAK,KAAK;AAAA,EAC1E;AAAA,EAEA,OAAO,WAAW,gBAA4E;AAC5F,WAAO,IAAI,wBAAwB,eAAe,OAAM,eAAe,KAAK;AAAA,EAC9E;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAEvB,eAAA,QAAQ,SAAS,CAAC,KAAK,QAAQ,SAAS,CAAC,EAAE,aAAa,YAAY,IAAI;AAAA,UAE7E,YAAY,MAAI;AAEN,mBAAA;AAAA,cACN,MAAK,IAAI;AAAA,gBACP,QAAQ,UAAU,KAAK;AAAA,gBACvB,QAAQ,aAAa,OAAO,KAAK;AAAA,cACnC;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,WAAkB,OAAc,KAAe;AACnD,UAAA,OAAM,WAAU,OAAM,GAAG;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAS;AAAE,WAAO,KAAK;EAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,UAAS;AAAS,WAAA;AAAA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,aAAgD;AACvC,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,UAAU,QAAmC;AAErC,UAAA,UAAU,MAAM,UAAU,MAAM;AAE9B,YAAA,aAAa,YAAW,KAAK,KAAK;AAEnC,WAAA;AAAA,EACT;AACF;AAQO,SAAS,2BACd,MACiC;AACjC,SAAO,gBAAgB;AACzB;"}

package/dist/esm/components/basic/{doc-editor/plugins/TemplatePlugin/commands.js → lexical-editor/nodes/Template.js}

@@ -5,4 +5,4 @@ export {
   INSERT_HTMLTEMPLATE_COMMAND,
   INSERT_TEMPLATE_COMMAND
 };
-//# sourceMappingURL=commands.js.map
+//# sourceMappingURL=Template.js.map

package/dist/esm/components/basic/lexical-editor/nodes/Template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Template.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/Template.ts"],"sourcesContent":["\r\n\r\nimport { type LexicalCommand, createCommand} from 'lexical'\r\n\r\n/**\r\n * 插入模版块指令\r\n */\r\nexport const INSERT_TEMPLATE_COMMAND: LexicalCommand<string> = createCommand('INSERT_TEMPLATE_COMMAND')\r\n\r\n/**\r\n * 插入HTML模版块指令  \r\n */\r\nexport const INSERT_HTMLTEMPLATE_COMMAND: LexicalCommand<string> = createCommand('INSERT_HTMLTEMPLATE_COMMAND')\r\n"],"names":[],"mappings":";AAOa,MAAA,0BAAkD,cAAc,yBAAyB;AAKzF,MAAA,8BAAsD,cAAc,6BAA6B;"}

package/dist/esm/components/basic/lexical-editor/nodes/index.js

@@ -0,0 +1,45 @@
+import { $copyNode, $isElementNode } from "lexical";
+import "../utils/html.js";
+import "@lexical/selection";
+import "vue";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../composables/useElementBlockSelection.js";
+import { $isModuleDecoratorNode, AttrMarkName, INSERT_MODULE_COMMAND, ModuleDecoratorNode, createModuleHtml, getModuleData } from "./ModuleDecoratorNode.js";
+import { $createImageNode, $isImageNode, INSERT_IMAGE_COMMAND, ImageNode } from "./ImageNode.js";
+import { $createImageTextWarpNode, $isImageTextWarpNode, INSERT_IMAGETEXTWARP_COMMAND, ImageTextWarpNode } from "./ImageTextWarpNode.js";
+import { INSERT_HTMLTEMPLATE_COMMAND, INSERT_TEMPLATE_COMMAND } from "./Template.js";
+const deepCloneNode = function(node) {
+  const copyNode = $copyNode(node);
+  if ($isElementNode(node)) {
+    node.getChildren().forEach((child) => copyNode.append(deepCloneNode(child)));
+  }
+  return copyNode;
+};
+export {
+  $createImageNode,
+  $createImageTextWarpNode,
+  $isImageNode,
+  $isImageTextWarpNode,
+  $isModuleDecoratorNode,
+  AttrMarkName,
+  INSERT_HTMLTEMPLATE_COMMAND,
+  INSERT_IMAGETEXTWARP_COMMAND,
+  INSERT_IMAGE_COMMAND,
+  INSERT_MODULE_COMMAND,
+  INSERT_TEMPLATE_COMMAND,
+  ImageNode,
+  ImageTextWarpNode,
+  ModuleDecoratorNode,
+  createModuleHtml,
+  deepCloneNode,
+  getModuleData
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/basic/lexical-editor/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/index.ts"],"sourcesContent":["\r\n\r\nimport { $copyNode, $isElementNode, LexicalNode } from 'lexical'\r\n\r\nexport * from './HtmlElementNode'\r\nexport * from './HtmlElementDecoratorNode'\r\nexport * from './ModuleDecoratorNode'\r\nexport * from './ModuleDecoratorWarpNode'\r\nexport * from './ImageNode'\r\nexport * from './ImageTextWarpNode'\r\nexport * from './Template'\r\n\r\n\r\nexport const deepCloneNode = function(node:LexicalNode){\r\n\r\n  const copyNode:any = $copyNode(node)\r\n\r\n  if($isElementNode(node)){\r\n    node.getChildren().forEach(child=>copyNode.append(deepCloneNode(child)))\r\n  }\r\n\r\n  return copyNode;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAaa,MAAA,gBAAgB,SAAS,MAAiB;AAE/C,QAAA,WAAe,UAAU,IAAI;AAEhC,MAAA,eAAe,IAAI,GAAE;AACjB,SAAA,YAAA,EAAc,QAAQ,CAAA,UAAO,SAAS,OAAO,cAAc,KAAK,CAAC,CAAC;AAAA,EACzE;AAEO,SAAA;AACT;"}

package/dist/esm/components/basic/{doc-editor/core/plugins/LexicalAutoFocusPlugin.vue.js → lexical-editor/plugins/AutoFocusPlugin.vue.js}

@@ -1,23 +1,26 @@
 import { defineComponent, onMounted, nextTick } from "vue";
+import "@lexical/overflow";
 import "@lexical/text";
 import "@lexical/utils";
-import "@lexical/overflow";
 import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
+import "@lexical/selection";
+import "@lexical/link";
 import "@lexical/rich-text";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../composables/useElementBlockSelection.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LexicalAutoFocusPlugin",
+  __name: "AutoFocusPlugin",
   props: {
     defaultSelection: {}
   },
   setup(__props) {
     const props = __props;
-    const editor = useLexicalComposer();
+    const { editor } = useLexicalEditorContext();
     onMounted(() => {
       nextTick(() => {
         editor.focus(
@@ -40,4 +43,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=LexicalAutoFocusPlugin.vue.js.map
+//# sourceMappingURL=AutoFocusPlugin.vue.js.map

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFocusPlugin.vue.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { nextTick, onMounted } from 'vue'\r\nimport { useLexicalEditorContext } from '../composables'\r\n\r\nconst props = defineProps<{\r\n  defaultSelection?: 'rootStart' | 'rootEnd'\r\n}>()\r\n\r\nconst { editor } = useLexicalEditorContext();\r\n\r\nonMounted(() => {\r\n\r\n  nextTick(() => {\r\n    editor.focus(\r\n      () => {\r\n      // If we try and move selection to the same point with setBaseAndExtent, it won't\r\n      // trigger a re-focus on the element. So in the case this occurs, we'll need to correct it.\r\n      // Normally this is fine, Selection API !== Focus API, but fore the intents of the naming\r\n      // of this plugin, which should preserve focus too.\r\n        const activeElement = document.activeElement\r\n        const rootElement = editor.getRootElement() as HTMLDivElement\r\n        if (\r\n          rootElement !== null\r\n          && (activeElement === null || !rootElement.contains(activeElement))\r\n        ) {\r\n        // Note: preventScroll won't work in Webkit.\r\n          rootElement.focus({ preventScroll: true })\r\n        }\r\n      },\r\n      { defaultSelection: props.defaultSelection },\r\n    )\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAIR,UAAA,EAAE,WAAW;AAEnB,cAAU,MAAM;AAEd,eAAS,MAAM;AACN,eAAA;AAAA,UACL,MAAM;AAKJ,kBAAM,gBAAgB,SAAS;AACzB,kBAAA,cAAc,OAAO;AAEzB,gBAAA,gBAAgB,SACZ,kBAAkB,QAAQ,CAAC,YAAY,SAAS,aAAa,IACjE;AAEA,0BAAY,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,YAC3C;AAAA,UACF;AAAA,UACA,EAAE,kBAAkB,MAAM,iBAAiB;AAAA,QAAA;AAAA,MAC7C,CACD;AAAA,IAAA,CACF;;;;;;"}

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./AutoFocusPlugin.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AutoFocusPlugin.vue2.js.map

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFocusPlugin.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/components/basic/lexical-editor/plugins/CheckListPlugin.js

@@ -0,0 +1,212 @@
+import { COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_SPACE_COMMAND, $getNearestNodeFromDOMNode, KEY_ARROW_LEFT_COMMAND, $getSelection, $isRangeSelection, $isElementNode } from "lexical";
+import { INSERT_CHECK_LIST_COMMAND, insertList, $isListItemNode, $isListNode } from "@lexical/list";
+import { mergeRegister, $findMatchingParent } from "@lexical/utils";
+import "@lexical/overflow";
+import "@lexical/text";
+import "vue";
+import { registerClickAndPointerListeners } from "../composables/listenerManager.js";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { registerEditorPlugin } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../composables/useElementBlockSelection.js";
+function listenPointerDown() {
+  return registerClickAndPointerListeners(() => {
+    document.addEventListener("click", handleClick);
+    document.addEventListener("pointerdown", handlePointerDown);
+  }, () => {
+    document.removeEventListener("click", handleClick);
+    document.removeEventListener("pointerdown", handlePointerDown);
+  });
+}
+function handleCheckItemEvent(event, callback) {
+  const target = event.target;
+  if (!(target instanceof HTMLElement))
+    return;
+  const firstChild = target.firstChild;
+  if (firstChild != null && (firstChild.tagName === "UL" || firstChild.tagName === "OL")) {
+    return;
+  }
+  const parentNode = target.parentNode;
+  if (!parentNode || parentNode.__lexicalListType !== "check")
+    return;
+  const pageX = event.pageX;
+  const rect = target.getBoundingClientRect();
+  if (target.dir === "rtl" ? pageX < rect.right && pageX > rect.right - 20 : pageX > rect.left && pageX < rect.left + 20) {
+    callback();
+  }
+}
+function handleClick(event) {
+  handleCheckItemEvent(event, () => {
+    const domNode = event.target;
+    const editor = findEditor(domNode);
+    if (editor !== null) {
+      editor.update(() => {
+        const node = $getNearestNodeFromDOMNode(domNode);
+        if ($isListItemNode(node)) {
+          domNode.focus();
+          node.toggleChecked();
+        }
+      });
+    }
+  });
+}
+function handlePointerDown(event) {
+  handleCheckItemEvent(event, () => {
+    event.preventDefault();
+  });
+}
+function findEditor(target) {
+  let node = target;
+  while (node) {
+    if (node.__lexicalEditor)
+      return node.__lexicalEditor;
+    node = node.parentNode;
+  }
+  return null;
+}
+function getActiveCheckListItem() {
+  const { activeElement } = document;
+  return activeElement !== null && activeElement.tagName === "LI" && activeElement.parentNode !== null && activeElement.parentNode.__lexicalListType === "check" ? activeElement : null;
+}
+function findCheckListItemSibling(node, backward) {
+  let sibling = backward ? node.getPreviousSibling() : node.getNextSibling();
+  let parent = node;
+  while (sibling == null && $isListItemNode(parent)) {
+    parent = parent.getParentOrThrow().getParent();
+    if (parent !== null) {
+      sibling = backward ? parent.getPreviousSibling() : parent.getNextSibling();
+    }
+  }
+  while ($isListItemNode(sibling)) {
+    const firstChild = backward ? sibling.getLastChild() : sibling.getFirstChild();
+    if (!$isListNode(firstChild))
+      return sibling;
+    sibling = backward ? firstChild.getLastChild() : firstChild.getFirstChild();
+  }
+  return null;
+}
+function handleArrownUpOrDown(event, editor, backward) {
+  const activeItem = getActiveCheckListItem();
+  if (activeItem != null) {
+    editor.update(() => {
+      const listItem = $getNearestNodeFromDOMNode(activeItem);
+      if (!$isListItemNode(listItem))
+        return;
+      const nextListItem = findCheckListItemSibling(listItem, backward);
+      if (nextListItem != null) {
+        nextListItem.selectStart();
+        const dom = editor.getElementByKey(nextListItem.__key);
+        if (dom != null) {
+          event.preventDefault();
+          setTimeout(() => {
+            dom.focus();
+          }, 0);
+        }
+      }
+    });
+  }
+  return false;
+}
+registerEditorPlugin({
+  nodes: [],
+  tools: [],
+  templates: [],
+  useMounted(editor) {
+    return mergeRegister(
+      editor.registerCommand(
+        INSERT_CHECK_LIST_COMMAND,
+        () => {
+          insertList(editor, "check");
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_ARROW_DOWN_COMMAND,
+        (event) => {
+          return handleArrownUpOrDown(event, editor, false);
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_ARROW_UP_COMMAND,
+        (event) => {
+          return handleArrownUpOrDown(event, editor, true);
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_ESCAPE_COMMAND,
+        (_event) => {
+          const activeItem = getActiveCheckListItem();
+          if (activeItem != null) {
+            const rootElement = editor.getRootElement();
+            if (rootElement != null)
+              rootElement.focus();
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_SPACE_COMMAND,
+        (event) => {
+          const activeItem = getActiveCheckListItem();
+          if (activeItem != null) {
+            editor.update(() => {
+              const listItemNode = $getNearestNodeFromDOMNode(activeItem);
+              if ($isListItemNode(listItemNode)) {
+                event.preventDefault();
+                listItemNode.toggleChecked();
+              }
+            });
+            return true;
+          }
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        KEY_ARROW_LEFT_COMMAND,
+        (event) => {
+          return editor.getEditorState().read(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection) && selection.isCollapsed()) {
+              const { anchor } = selection;
+              const isElement = anchor.type === "element";
+              if (isElement || anchor.offset === 0) {
+                const anchorNode = anchor.getNode();
+                const elementNode = $findMatchingParent(
+                  anchorNode,
+                  (node) => $isElementNode(node) && !node.isInline()
+                );
+                if ($isListItemNode(elementNode)) {
+                  const parent = elementNode.getParent();
+                  if ($isListNode(parent) && parent.getListType() === "check" && (isElement || elementNode.getFirstDescendant() === anchorNode)) {
+                    const domNode = editor.getElementByKey(elementNode.__key);
+                    if (domNode != null && document.activeElement !== domNode) {
+                      domNode.focus();
+                      event.preventDefault();
+                      return true;
+                    }
+                  }
+                }
+              }
+            }
+            return false;
+          });
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      listenPointerDown()
+    );
+  }
+});
+//# sourceMappingURL=CheckListPlugin.js.map

package/dist/esm/components/basic/lexical-editor/plugins/CheckListPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckListPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/CheckListPlugin.ts"],"sourcesContent":["\r\n\r\nimport type { ListItemNode } from '@lexical/list'\r\nimport {\r\n  $getNearestNodeFromDOMNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_LOW,\r\n  KEY_ARROW_DOWN_COMMAND,\r\n  KEY_ARROW_LEFT_COMMAND,\r\n  KEY_ARROW_UP_COMMAND,\r\n  KEY_ESCAPE_COMMAND,\r\n  KEY_SPACE_COMMAND,\r\n} from 'lexical'\r\nimport type { LexicalEditor } from 'lexical'\r\n\r\nimport {\r\n  $isListItemNode,\r\n  $isListNode,\r\n  INSERT_CHECK_LIST_COMMAND,\r\n  insertList,\r\n} from '@lexical/list'\r\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\r\nimport { registerClickAndPointerListeners  } from '../composables'\r\nimport { registerEditorPlugin } from \"../composables\"\r\n\r\nfunction listenPointerDown() {\r\n  return registerClickAndPointerListeners(() => {\r\n    // @ts-expect-error: speculation ambiguous\r\n    document.addEventListener('click', handleClick)\r\n    document.addEventListener('pointerdown', handlePointerDown)\r\n  }, () => {\r\n    // @ts-expect-error: speculation ambiguous\r\n    document.removeEventListener('click', handleClick)\r\n    document.removeEventListener('pointerdown', handlePointerDown)\r\n  })\r\n}\r\n\r\nfunction handleCheckItemEvent(event: PointerEvent, callback: () => void) {\r\n  const target = event.target\r\n  if (!(target instanceof HTMLElement))\r\n    return\r\n\r\n  // Ignore clicks on LI that have nested lists\r\n  // @ts-expect-error: internal field\r\n  const firstChild: HTMLElement | null = target.firstChild\r\n  if (\r\n    firstChild != null\r\n    && (firstChild.tagName === 'UL' || firstChild.tagName === 'OL')\r\n  ) {\r\n    return\r\n  }\r\n\r\n  const parentNode = target.parentNode\r\n  // @ts-expect-error: Internal field\r\n  if (!parentNode || parentNode.__lexicalListType !== 'check')\r\n    return\r\n\r\n  const pageX = event.pageX\r\n  const rect = target.getBoundingClientRect()\r\n\r\n  if (\r\n    target.dir === 'rtl'\r\n      ? pageX < rect.right && pageX > rect.right - 20\r\n      : pageX > rect.left && pageX < rect.left + 20\r\n  ) {\r\n    callback()\r\n  }\r\n}\r\n\r\nfunction handleClick(event: PointerEvent) {\r\n  handleCheckItemEvent(event as PointerEvent, () => {\r\n    const domNode = event.target as HTMLElement\r\n    const editor = findEditor(domNode)\r\n\r\n    if (editor !== null) {\r\n      editor.update(() => {\r\n        const node = $getNearestNodeFromDOMNode(domNode)\r\n        if ($isListItemNode(node!)) {\r\n          domNode.focus()\r\n          node.toggleChecked()\r\n        }\r\n      })\r\n    }\r\n  })\r\n}\r\n\r\nfunction handlePointerDown(event: PointerEvent) {\r\n  handleCheckItemEvent(event, () => {\r\n    // Prevents caret moving when clicking on check mark\r\n    event.preventDefault()\r\n  })\r\n}\r\n\r\nfunction findEditor(target: Node) {\r\n  let node: ParentNode | Node | null = target\r\n\r\n  while (node) {\r\n    // @ts-expect-error internal field\r\n    if (node.__lexicalEditor)\r\n    // @ts-expect-error internal field\r\n      return (node.__lexicalEditor)\r\n\r\n    node = node.parentNode\r\n  }\r\n  return null\r\n}\r\n\r\nfunction getActiveCheckListItem(): HTMLElement | Element | null {\r\n  const { activeElement } = document\r\n  return activeElement !== null\r\n    && activeElement.tagName === 'LI'\r\n    && activeElement.parentNode !== null\r\n    // @ts-expect-error: internal field missing\r\n    && activeElement.parentNode.__lexicalListType === 'check'\r\n    ? activeElement\r\n    : null\r\n}\r\n\r\nfunction findCheckListItemSibling(\r\n  node: ListItemNode,\r\n  backward: boolean,\r\n): ListItemNode | null {\r\n  let sibling = backward ? node.getPreviousSibling() : node.getNextSibling()\r\n  let parent = node\r\n  // Going up in a tree to get non-null sibling\r\n  while (sibling == null && $isListItemNode(parent)) {\r\n    // Get li -> parent ul/ol -> parent li\r\n    parent = parent.getParentOrThrow().getParent() as ListItemNode\r\n    if (parent !== null) {\r\n      sibling = backward\r\n        ? parent.getPreviousSibling()\r\n        : parent.getNextSibling()\r\n    }\r\n  }\r\n\r\n  // Going down in a tree to get first non-nested list item\r\n  while ($isListItemNode(sibling!)) {\r\n    const firstChild = backward\r\n      ? sibling.getLastChild()\r\n      : sibling.getFirstChild()\r\n    if (!$isListNode(firstChild!))\r\n      return sibling\r\n\r\n    sibling = backward ? firstChild.getLastChild() : firstChild.getFirstChild()\r\n  }\r\n\r\n  return null\r\n}\r\n\r\nfunction handleArrownUpOrDown(  \r\n  event: KeyboardEvent,\r\n  editor: LexicalEditor,\r\n  backward: boolean,\r\n) {\r\n  const activeItem = getActiveCheckListItem()\r\n\r\n  if (activeItem != null) {\r\n    editor.update(() => {\r\n      const listItem = $getNearestNodeFromDOMNode(activeItem)\r\n      if (!$isListItemNode(listItem!))\r\n        return\r\n\r\n      const nextListItem = findCheckListItemSibling(listItem, backward)\r\n      if (nextListItem != null) {\r\n        nextListItem.selectStart()\r\n        const dom = editor.getElementByKey(nextListItem.__key)\r\n        if (dom != null) {\r\n          event.preventDefault()\r\n          setTimeout(() => {\r\n            dom.focus()\r\n          }, 0)\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  return false\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[\r\n  \r\n  ],\r\n  tools:[\r\n    \r\n  ],\r\n  templates:[],\r\n  useMounted(editor){\r\n    \r\n    // 注册指令\r\n    return mergeRegister(\r\n      editor.registerCommand(INSERT_CHECK_LIST_COMMAND,\r\n        () => {\r\n          insertList(editor, 'check')\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        KEY_ARROW_DOWN_COMMAND,\r\n        (event) => {\r\n          return handleArrownUpOrDown(event, editor, false)\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        KEY_ARROW_UP_COMMAND,\r\n        (event) => {\r\n          return handleArrownUpOrDown(event, editor, true)\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        KEY_ESCAPE_COMMAND,\r\n        (_event) => {\r\n          const activeItem = getActiveCheckListItem()\r\n          if (activeItem != null) {\r\n            const rootElement = editor.getRootElement()\r\n            if (rootElement != null)\r\n              rootElement.focus()\r\n  \r\n            return true\r\n          }\r\n          return false\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(KEY_SPACE_COMMAND,(event) => {\r\n          const activeItem = getActiveCheckListItem()\r\n          if (activeItem != null) {\r\n            editor.update(() => {\r\n              const listItemNode = $getNearestNodeFromDOMNode(activeItem)\r\n              if ($isListItemNode(listItemNode!)) {\r\n                event.preventDefault()\r\n                listItemNode.toggleChecked()\r\n              }\r\n            })\r\n            return true\r\n          }\r\n          return false\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(KEY_ARROW_LEFT_COMMAND,(event) => {\r\n          return editor.getEditorState().read(() => {\r\n            const selection = $getSelection()\r\n            if ($isRangeSelection(selection) && selection.isCollapsed()) {\r\n              const { anchor } = selection\r\n              const isElement = anchor.type === 'element'\r\n              if (isElement || anchor.offset === 0) {\r\n                const anchorNode = anchor.getNode()\r\n                const elementNode = $findMatchingParent(\r\n                  anchorNode,\r\n                  node => $isElementNode(node) && !node.isInline(),\r\n                )\r\n  \r\n                if ($isListItemNode(elementNode)) {\r\n                  const parent = elementNode.getParent()\r\n                  if (\r\n                    $isListNode(parent)\r\n                    && parent.getListType() === 'check'\r\n                    && (isElement\r\n                    || elementNode.getFirstDescendant() === anchorNode)\r\n                  ) {\r\n                    const domNode = editor.getElementByKey(elementNode.__key)\r\n  \r\n                    if (domNode != null && document.activeElement !== domNode) {\r\n                      domNode.focus()\r\n                      event.preventDefault()\r\n                      return true\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n  \r\n            return false\r\n          })\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      listenPointerDown(),\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./ElementBlockSelectionPlugin.vue3.js";
+/* empty css                                 */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const ElementBlockSelectionPlugin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6efcbbca"]]);
+export {
+  ElementBlockSelectionPlugin as default
+};
+//# sourceMappingURL=ElementBlockSelectionPlugin.vue.js.map

package/dist/esm/components/basic/lexical-editor/plugins/ElementBlockSelectionPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementBlockSelectionPlugin.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}