@maketribe/ms-app 3.2.41 → 3.2.43

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

@@ -0,0 +1,95 @@
+import { ListNode, ListItemNode, INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, removeList, $handleListInsertParagraph, $createListNode, $createListItemNode, $isListItemNode } from "@lexical/list";
+import { mergeRegister, $insertNodeToNearestRoot } from "@lexical/utils";
+import { $isElementNode, $isTextNode, $isRootNode, COMMAND_PRIORITY_LOW, INSERT_PARAGRAPH_COMMAND, $getSelection, $isNodeSelection, $isRangeSelection, $isParagraphNode } from "lexical";
+import "@lexical/overflow";
+import "@lexical/text";
+import "vue";
+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";
+import "../nodes/ModuleDecoratorNode.js";
+import { $isModuleDecoratorWarpNode } from "../nodes/ModuleDecoratorWarpNode.js";
+import "../nodes/ImageNode.js";
+import "../nodes/ImageTextWarpNode.js";
+import "../nodes/Template.js";
+const insertListNode = (listType) => {
+  const selection = $getSelection();
+  const list = $createListNode(listType);
+  const listItem = $createListItemNode();
+  let elementNode = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : $isRangeSelection(selection) ? selection.anchor.getNode() : null;
+  if ($isTextNode(elementNode)) {
+    elementNode = elementNode.getParent();
+  }
+  if ($isParagraphNode(elementNode)) {
+    listItem.splice(elementNode.getChildrenSize(), 0, elementNode.getChildren());
+    list.append(listItem);
+    elementNode.replace(list);
+  } else if ($isListItemNode(elementNode)) {
+    const parent = elementNode.getParentOrThrow();
+    parent.append();
+    list.append(...parent.getChildren());
+    list.append(listItem);
+    parent.replace(list);
+  } else if ($isElementNode(elementNode)) {
+    list.append(listItem);
+    elementNode.append(list);
+  } else {
+    list.append(listItem);
+    $insertNodeToNearestRoot(list);
+  }
+  return false;
+};
+registerEditorPlugin({
+  nodes: [ListNode, ListItemNode],
+  tools: [
+    {
+      icon: "doc-list-bullet",
+      text: "无序列表",
+      action: (editor) => {
+        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+      },
+      disbale: (node) => !$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    },
+    {
+      icon: "doc-list-number",
+      text: "数字列表",
+      action: (editor) => {
+        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+      },
+      disbale: (node) => !$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    }
+  ],
+  templates: [],
+  useMounted(editor) {
+    return mergeRegister(
+      editor.registerCommand(INSERT_ORDERED_LIST_COMMAND, () => {
+        insertListNode("number");
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(INSERT_UNORDERED_LIST_COMMAND, () => {
+        insertListNode("bullet");
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(REMOVE_LIST_COMMAND, () => {
+        removeList(editor);
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(INSERT_PARAGRAPH_COMMAND, () => {
+        return !!$handleListInsertParagraph();
+      }, COMMAND_PRIORITY_LOW)
+    );
+  }
+});
+export {
+  insertListNode
+};
+//# sourceMappingURL=ListPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ListPlugin.ts"],"sourcesContent":["\r\n\r\nimport {\r\n  $handleListInsertParagraph,\r\n  INSERT_ORDERED_LIST_COMMAND,\r\n  INSERT_UNORDERED_LIST_COMMAND,\r\n  REMOVE_LIST_COMMAND,\r\n  // insertList,\r\n  removeList,\r\n  ListItemNode, ListNode,\r\n  $createListNode,\r\n  $isListItemNode,\r\n  $createListItemNode,\r\n} from '@lexical/list'\r\nimport { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\r\nimport { $getSelection, $isElementNode, $isNodeSelection, $isParagraphNode, $isRangeSelection, $isRootNode, $isTextNode, COMMAND_PRIORITY_LOW, ElementNode, INSERT_PARAGRAPH_COMMAND, LexicalEditor, LexicalNode } from 'lexical'\r\nimport { registerEditorPlugin } from '../composables'\r\nimport { $isModuleDecoratorWarpNode } from '../nodes'\r\n\r\n// 插入节点的处理函数\r\nexport const insertListNode= (listType:any) => {\r\n\r\n  const selection = $getSelection()\r\n  const list = $createListNode(listType);\r\n  const listItem = $createListItemNode();\r\n\r\n  let elementNode = $isNodeSelection(selection) ? selection?.getNodes()[0] : ($isRangeSelection(selection) ? selection.anchor.getNode() : null);\r\n\r\n \r\n  // 文本则做特殊处理\r\n  if($isTextNode(elementNode)){\r\n    elementNode = elementNode.getParent() as ElementNode;\r\n  }\r\n  \r\n  if($isParagraphNode(elementNode)){\r\n    listItem.splice(elementNode.getChildrenSize(), 0, elementNode.getChildren());\r\n    list.append(listItem);\r\n    elementNode.replace(list);\r\n  }\r\n  else if ($isListItemNode(elementNode)) {\r\n    const parent = elementNode.getParentOrThrow();\r\n    parent.append()\r\n    list.append(...parent.getChildren())\r\n    list.append(listItem);\r\n    parent.replace(list);\r\n  }\r\n  else if($isElementNode(elementNode)){\r\n    list.append(listItem);\r\n    elementNode.append(list);\r\n  }\r\n  else {\r\n    list.append(listItem);\r\n    $insertNodeToNearestRoot(list)\r\n  }\r\n  return false;\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[ListNode,ListItemNode],\r\n  tools:[\r\n    {\r\n      icon: \"doc-list-bullet\",\r\n      text: \"无序列表\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND,undefined)\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"doc-list-number\",\r\n      text: \"数字列表\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND,undefined)\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isTextNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    }\r\n  ],\r\n  templates:[],\r\n  useMounted(editor){\r\n  \r\n    // 注册事件\r\n    return mergeRegister(\r\n      editor.registerCommand(INSERT_ORDERED_LIST_COMMAND,() => {\r\n        insertListNode('number')\r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      editor.registerCommand(INSERT_UNORDERED_LIST_COMMAND,() => {\r\n        insertListNode('bullet')\r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      editor.registerCommand(REMOVE_LIST_COMMAND,() => {\r\n        removeList(editor)\r\n        return true\r\n      },COMMAND_PRIORITY_LOW,),\r\n      editor.registerCommand(INSERT_PARAGRAPH_COMMAND,() => {\r\n        return !!$handleListInsertParagraph()\r\n      },COMMAND_PRIORITY_LOW)\r\n    );\r\n  }\r\n})\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBa,MAAA,iBAAgB,CAAC,aAAiB;AAE7C,QAAM,YAAY;AACZ,QAAA,OAAO,gBAAgB,QAAQ;AACrC,QAAM,WAAW;AAEjB,MAAI,cAAc,iBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAM,kBAAkB,SAAS,IAAI,UAAU,OAAO,QAAY,IAAA;AAIrI,MAAA,YAAY,WAAW,GAAE;AAC1B,kBAAc,YAAY;EAC5B;AAEG,MAAA,iBAAiB,WAAW,GAAE;AAC/B,aAAS,OAAO,YAAY,gBAAA,GAAmB,GAAG,YAAY,aAAa;AAC3E,SAAK,OAAO,QAAQ;AACpB,gBAAY,QAAQ,IAAI;AAAA,EAAA,WAEjB,gBAAgB,WAAW,GAAG;AAC/B,UAAA,SAAS,YAAY;AAC3B,WAAO,OAAO;AACd,SAAK,OAAO,GAAG,OAAO,YAAa,CAAA;AACnC,SAAK,OAAO,QAAQ;AACpB,WAAO,QAAQ,IAAI;AAAA,EAAA,WAEb,eAAe,WAAW,GAAE;AAClC,SAAK,OAAO,QAAQ;AACpB,gBAAY,OAAO,IAAI;AAAA,EAAA,OAEpB;AACH,SAAK,OAAO,QAAQ;AACpB,6BAAyB,IAAI;AAAA,EAC/B;AACO,SAAA;AACT;AAGA,qBAAqB;AAAA,EACnB,OAAM,CAAC,UAAS,YAAY;AAAA,EAC5B,OAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAO,CAAC,WAAS;AACR,eAAA,gBAAgB,+BAA8B,MAAS;AAAA,MAChE;AAAA,MACA,SAAQ,CAAC,SAAO,CAAC,eAAe,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,2BAA2B,IAAI;AAAA,MACpH,MAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAO,CAAC,WAAS;AACR,eAAA,gBAAgB,6BAA4B,MAAS;AAAA,MAC9D;AAAA,MACA,SAAQ,CAAC,SAAO,CAAC,eAAe,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,2BAA2B,IAAI;AAAA,MACpH,MAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,WAAU,CAAC;AAAA,EACX,WAAW,QAAO;AAGT,WAAA;AAAA,MACL,OAAO,gBAAgB,6BAA4B,MAAM;AACvD,uBAAe,QAAQ;AAChB,eAAA;AAAA,SACP,oBAAoB;AAAA,MACtB,OAAO,gBAAgB,+BAA8B,MAAM;AACzD,uBAAe,QAAQ;AAChB,eAAA;AAAA,SACP,oBAAoB;AAAA,MACtB,OAAO,gBAAgB,qBAAoB,MAAM;AAC/C,mBAAW,MAAM;AACV,eAAA;AAAA,SACP,oBAAqB;AAAA,MACvB,OAAO,gBAAgB,0BAAyB,MAAM;AAC7C,eAAA,CAAC,CAAC;SACT,oBAAoB;AAAA,IAAA;AAAA,EAE1B;AACF,CAAC;"}

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

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

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

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

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

@@ -0,0 +1,101 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, withCtx, unref, createTextVNode, toDisplayString } from "vue";
+import { $getSelection, $isRangeSelection, $isNodeSelection, $isParagraphNode, $isTextNode } from "lexical";
+import { $isHeadingNode } from "@lexical/rich-text";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import { useMounted } from "../composables/utils.js";
+import "@lexical/selection";
+import "@lexical/link";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import { ArrowRightBold } from "@element-plus/icons-vue";
+import { setElementBlockSelection } from "../composables/useElementBlockSelection.js";
+const _hoisted_1 = { class: "lexical-editor-node-tree" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NodeTreeViewPlugin",
+  setup(__props) {
+    const { editor } = useLexicalEditorContext();
+    const selectNodeTreeList = ref([{ name: "ROOT", key: "root", disabled: true }]);
+    const createNodeTree = (node) => {
+      let list = [];
+      if (node) {
+        let name = $isParagraphNode(node) ? "P" : node.getName ? node.getName() : node.getType();
+        if ($isHeadingNode(node)) {
+          name = `${node.getTag()}`;
+        }
+        list.push({
+          key: node.getKey(),
+          name: name.toUpperCase(),
+          desc: node.getDesc ? node.getDesc() : void 0,
+          disabled: $isTextNode(node)
+        });
+        if (node.getParent()) {
+          list = list.concat(createNodeTree(node.getParent()));
+        }
+      }
+      return list;
+    };
+    useMounted(() => {
+      return editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            selectNodeTreeList.value = createNodeTree(selection.anchor.getNode()).reverse();
+          } else if ($isNodeSelection(selection)) {
+            selectNodeTreeList.value = createNodeTree(selection.getNodes()[0]).reverse();
+          }
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(selectNodeTreeList.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.key,
+            class: "item"
+          }, [
+            createVNode(_component_el_tooltip, {
+              effect: "dark",
+              content: item.desc,
+              disabled: !item.desc,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_button, {
+                  class: "text",
+                  text: "",
+                  nodeKey: item.key,
+                  disabled: item.disabled,
+                  onClick: ($event) => unref(setElementBlockSelection)(unref(editor), item.key)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.name) + " ", 1),
+                    createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ArrowRightBold))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["nodeKey", "disabled", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["content", "disabled"])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=NodeTreeViewPlugin.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeViewPlugin.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/NodeTreeViewPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport {\r\n    $getSelection,$isRangeSelection,$isNodeSelection, NodeKey,$isParagraphNode,\r\n$isRootNode,\r\n$isTextNode\r\n} from 'lexical'\r\nimport { $isHeadingNode } from '@lexical/rich-text'\r\nimport {  useLexicalEditorContext, useMounted,setElementBlockSelection } from '../composables'\r\nimport { ref } from 'vue'\r\nimport { ArrowRightBold } from \"@element-plus/icons-vue\"\r\n\r\nconst { editor } = useLexicalEditorContext()\r\n\r\nconst selectNodeTreeList = ref<Array<{ key:string|NodeKey,name:string,desc?:string,disabled:boolean }>>([{name:\"ROOT\",key:\"root\",disabled:true}]);\r\n\r\nconst createNodeTree = (node?:any)=>{\r\n\r\n    let list:any = [];\r\n\r\n    if(node){\r\n\r\n        let name:string = $isParagraphNode(node) ? \"P\" : (node.getName ? node.getName() : node.getType());\r\n\r\n        // 标题\r\n        if($isHeadingNode(node)){ name = `${node.getTag()}` }\r\n\r\n        list.push({ \r\n            key:node.getKey(),\r\n            name:name.toUpperCase(),\r\n            desc:node.getDesc ? node.getDesc() : undefined,\r\n            disabled:$isTextNode(node)\r\n        })\r\n\r\n        if(node.getParent()){\r\n            list = list.concat(createNodeTree(node.getParent()))\r\n        }\r\n    }\r\n\r\n    return list;\r\n}\r\n\r\nuseMounted(() => {\r\n\r\n    return editor.registerUpdateListener(({ editorState }) => {\r\n\r\n        editorState.read(()=>{\r\n\r\n            const selection = $getSelection()\r\n\r\n            if ($isRangeSelection(selection)) {\r\n                selectNodeTreeList.value = createNodeTree(selection.anchor.getNode()).reverse();\r\n            }\r\n            else if($isNodeSelection(selection)){\r\n                selectNodeTreeList.value = createNodeTree(selection.getNodes()[0]).reverse();\r\n            }\r\n        })\r\n        \r\n    })\r\n})\r\n\r\n   \r\n</script>\r\n\r\n<template>\r\n    <div class=\"lexical-editor-node-tree\">\r\n        <template v-for=\"item in selectNodeTreeList\" :key=\"item.key\">\r\n            <div class=\"item\">\r\n                <el-tooltip effect=\"dark\" :content=\"item.desc\" :disabled=\"!item.desc\" placement=\"top\">\r\n                    <el-button class=\"text\" text :nodeKey=\"item.key\" :disabled=\"item.disabled\" @click=\"setElementBlockSelection(editor,item.key)\">\r\n                        {{item.name}}\r\n                        <el-icon class=\"el-icon--right\"><ArrowRightBold /></el-icon>\r\n                    </el-button>\r\n                </el-tooltip>\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.lexical-editor-node-tree{\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 30px;\r\n    >.item{\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        .text{\r\n            padding: 5px 5px 5px 7px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        &:last-child .el-icon--right{\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYM,UAAA,EAAE,WAAW;AAEb,UAAA,qBAAqB,IAA6E,CAAC,EAAC,MAAK,QAAO,KAAI,QAAO,UAAS,KAAI,CAAC,CAAC;AAE1I,UAAA,iBAAiB,CAAC,SAAY;AAEhC,UAAI,OAAW,CAAA;AAEf,UAAG,MAAK;AAEA,YAAA,OAAc,iBAAiB,IAAI,IAAI,MAAO,KAAK,UAAU,KAAK,QAAA,IAAY,KAAK,QAAQ;AAG5F,YAAA,eAAe,IAAI,GAAE;AAAS,iBAAA,GAAG,KAAK,OAAA,CAAQ;AAAA,QAAG;AAEpD,aAAK,KAAK;AAAA,UACN,KAAI,KAAK,OAAO;AAAA,UAChB,MAAK,KAAK,YAAY;AAAA,UACtB,MAAK,KAAK,UAAU,KAAK,YAAY;AAAA,UACrC,UAAS,YAAY,IAAI;AAAA,QAAA,CAC5B;AAEE,YAAA,KAAK,aAAY;AAChB,iBAAO,KAAK,OAAO,eAAe,KAAK,UAAW,CAAA,CAAC;AAAA,QACvD;AAAA,MACJ;AAEO,aAAA;AAAA,IAAA;AAGX,eAAW,MAAM;AAEb,aAAO,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AAEtD,oBAAY,KAAK,MAAI;AAEjB,gBAAM,YAAY;AAEd,cAAA,kBAAkB,SAAS,GAAG;AAC9B,+BAAmB,QAAQ,eAAe,UAAU,OAAO,QAAS,CAAA,EAAE;UAAQ,WAE1E,iBAAiB,SAAS,GAAE;AACb,+BAAA,QAAQ,eAAe,UAAU,SAAA,EAAW,CAAC,CAAC,EAAE;UACvE;AAAA,QAAA,CACH;AAAA,MAAA,CAEJ;AAAA,IAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,396 @@
+import { $isElementNode, $isRootNode, $getNodeByKey, $isParagraphNode, COMMAND_PRIORITY_LOW, $getSelection, $isNodeSelection, $getRoot, $createParagraphNode } from "lexical";
+import { HeadingNode, QuoteNode, DRAG_DROP_PASTE } from "@lexical/rich-text";
+import { CodeHighlightNode, CodeNode } from "@lexical/code";
+import { AutoLinkNode, LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $toggleLink } from "@lexical/link";
+import "@lexical/overflow";
+import "@lexical/text";
+import { mergeRegister, mediaFileReader, isMimeType, $insertNodeToNearestRoot } from "@lexical/utils";
+import "vue";
+import "@lexical/selection";
+import { registerEditorPlugin, useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import { generateNodesFromHtml } from "../utils/html.js";
+import { sanitizeUrl } from "../utils/url.js";
+import { getCSSFromStyleObject } from "../utils/css.js";
+import { showLinkEditDialog } from "../utils/link-edit-dialog.js";
+import { showImageEditDialog, imageUpload } from "../utils/image.js";
+import { showModuleSelectDialog } from "../utils/module.js";
+import { showTemplateSelectDialog, showHtmlTemplateDialog } from "../utils/template.js";
+import "../composables/useElementBlockSelection.js";
+import { HtmlElementNode } from "../nodes/HtmlElementNode.js";
+import { HtmlElementDecoratorNode } from "../nodes/HtmlElementDecoratorNode.js";
+import { ModuleDecoratorNode, INSERT_MODULE_COMMAND, $isModuleDecoratorNode, getModuleData, createModuleHtml } from "../nodes/ModuleDecoratorNode.js";
+import { ModuleDecoratorWarpNode, $isModuleDecoratorWarpNode } from "../nodes/ModuleDecoratorWarpNode.js";
+import { ImageNode, INSERT_IMAGE_COMMAND, $isImageNode, $createImageNode } from "../nodes/ImageNode.js";
+import { ImageTextWarpNode, INSERT_IMAGETEXTWARP_COMMAND, $createImageTextWarpNode, $isImageTextWarpNode } from "../nodes/ImageTextWarpNode.js";
+import { INSERT_TEMPLATE_COMMAND, INSERT_HTMLTEMPLATE_COMMAND } from "../nodes/Template.js";
+import { ElLoading } from "element-plus";
+import { createDefaultFormData } from "../../dynamic-form-panel/utils.js";
+import { showDynamicFormDialoger } from "../../dynamic-form-panel/dialog.js";
+import "@maketribe/dm";
+import "@element-plus/icons-vue";
+import "@maketribe/utils";
+import "../../../../core/DataModelDefines.js";
+import "vue-router";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "../../../../modules/ms/dataviews/ms-config/MsConfigTable.js";
+import "lodash-es";
+import "../../../../modules/ms/components/material-list/index.js";
+import "../../image-cropper/index.js";
+import "../../upload-file/upload-file.js";
+import "../../upload-file/context/web-file-upload-context.js";
+import "../../upload-file/context/web-file-upload-context-options.js";
+import "../../upload-file/ui/upload-image/index.js";
+import "../../upload-file/ui/upload-file/index.js";
+import "../../upload-file/ui/upload-video/index.js";
+import "../../upload-file/upload-file-options.js";
+const uploadhandle = async (pathList) => {
+  if (pathList.length) {
+    const loadingInstance = ElLoading.service({ fullscreen: true, text: "图片上传中..." });
+    const reesult = await Promise.all(pathList.map((path) => imageUpload(path)));
+    loadingInstance.close();
+    return reesult;
+  }
+  return [];
+};
+const insertNodeHandle = (node, selectNode) => {
+  if ($isModuleDecoratorNode(node) && !$isModuleDecoratorWarpNode(node)) {
+    const moduleWarp = new ModuleDecoratorWarpNode();
+    moduleWarp.append(node);
+    node = moduleWarp;
+  }
+  if ($isRootNode(selectNode) && $isImageNode(node)) {
+    const p = $createParagraphNode();
+    p.append(node);
+    node = p;
+  }
+  if ($isElementNode(selectNode) && !$isParagraphNode(selectNode)) {
+    selectNode.append(node);
+  } else {
+    $insertNodeToNearestRoot(node);
+  }
+};
+const insertNodesHandle = (...nodes) => {
+  const selection = $getSelection();
+  let selectNode = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : $getRoot();
+  nodes.forEach((node) => insertNodeHandle(node, selectNode));
+  return false;
+};
+registerEditorPlugin({
+  nodes: [
+    AutoLinkNode,
+    LinkNode,
+    CodeHighlightNode,
+    CodeNode,
+    HeadingNode,
+    QuoteNode,
+    HtmlElementDecoratorNode,
+    ModuleDecoratorNode,
+    ModuleDecoratorWarpNode,
+    HtmlElementNode,
+    ImageNode,
+    ImageTextWarpNode
+  ],
+  tools: [
+    {
+      icon: "Picture",
+      text: "图片",
+      action: (editor) => {
+        showImageEditDialog({
+          src: "",
+          alt: "",
+          width: "",
+          height: "",
+          maxWidth: "100%",
+          maxHeight: "",
+          margin: ""
+        }).then(async (data) => {
+          const result = await uploadhandle([data.src]);
+          editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
+            src: result[0],
+            alt: data.alt,
+            style: getCSSFromStyleObject({
+              "width": data.width,
+              "height": data.height,
+              "max-width": data.maxWidth,
+              "max-height": data.maxHeight,
+              "margin": data.margin
+            })
+          });
+        });
+      },
+      disbale: (node) => !$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    },
+    {
+      icon: "Grid",
+      text: "模块",
+      action: async (editor) => {
+        const result = await showModuleSelectDialog(editor._config.namespace);
+        const defaultData = createDefaultFormData(result.options);
+        editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
+      },
+      disbale: (node) => !$isElementNode(node) && !$isRootNode(node),
+      sort: 99
+    },
+    {
+      icon: "richtext",
+      text: "模版",
+      action: async (editor) => {
+        editor.dispatchCommand(INSERT_TEMPLATE_COMMAND, await showTemplateSelectDialog(editor._config.namespace));
+      },
+      disbale: (node) => !$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    },
+    {
+      icon: "richtext-outline",
+      text: "图文环绕",
+      action: (editor) => {
+        editor.dispatchCommand(INSERT_IMAGETEXTWARP_COMMAND, null);
+      },
+      disbale: (node) => !$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 99
+    },
+    {
+      icon: "html-code",
+      text: "HTML模版",
+      action: async (editor) => {
+        editor.dispatchCommand(INSERT_HTMLTEMPLATE_COMMAND, await showHtmlTemplateDialog());
+      },
+      disbale: (node) => !$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),
+      sort: 89
+    }
+  ],
+  shortcutTools: (editor) => {
+    const { findLexicalEditorModule } = useLexicalEditorContext(editor._config.namespace);
+    return [
+      // 默认编辑
+      // {
+      //   exist:(node)=>$isHtmlElementNode(node) || $isHtmlElementDecoratorNode(node),
+      //   tools:[
+      //     {
+      //       key:"edit",title: "编辑", icon: "Edit", action: async (editNode:LexicalNode) => {
+      //         console.log("编辑")
+      //         // // 打开模块面板
+      //         // const result = (await showModuleSelectDialog()) as ModuleType;
+      //         // const defaultData = createDefaultFormData(result.options);
+      //         // // 插入模块
+      //         // editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })
+      //       }
+      //     }
+      //   ]
+      // },
+      // 超链接
+      {
+        exist: (node) => $isLinkNode(node),
+        tools: [
+          {
+            key: "edit",
+            title: "编辑",
+            icon: "Edit",
+            action: async (editNode) => {
+              showLinkEditDialog(editor.read(() => editNode.getURL())).then((href) => {
+                if (href.trim()) {
+                  editor.update(() => {
+                    editNode.getWritable().setURL(sanitizeUrl(href));
+                  });
+                } else {
+                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+                }
+              });
+            }
+          }
+        ]
+      },
+      // 模块
+      {
+        exist: (node) => $isModuleDecoratorNode(node),
+        tools: [
+          {
+            key: "edit",
+            title: "编辑",
+            icon: "Edit",
+            action: async (editNode) => {
+              const module = findLexicalEditorModule(editNode.__moduleName);
+              if (module) {
+                const result = await showDynamicFormDialoger(module.title, module.options, getModuleData(editNode.__moduleHtml, module.options));
+                editor.update(() => editNode.setHtml(createModuleHtml(module.template, result)));
+              }
+            }
+          }
+        ]
+      },
+      // 图片编辑
+      {
+        exist: (node) => $isImageNode(node),
+        tools: (nodeKey) => {
+          const node = $getNodeByKey(nodeKey);
+          if ($isImageNode(node)) {
+            const parent = node.getParent();
+            const isImageTextWarp = $isImageTextWarpNode(parent);
+            const toolbarList = [
+              {
+                key: "edit",
+                title: "编辑",
+                icon: "Edit",
+                action: async (editNode) => {
+                  const { src, alt, style } = { style: editNode.getStyleObj(), src: editNode.__src, alt: editNode.__alt };
+                  const data = await showImageEditDialog({
+                    src,
+                    alt,
+                    width: style.width || "",
+                    height: style.height || "",
+                    maxWidth: style["max-width"] || "",
+                    maxHeight: style["max-height"] || "",
+                    margin: style.margin || ""
+                  });
+                  const result = await uploadhandle([data.src]);
+                  editor.update(() => {
+                    node.setSrc(result[0]);
+                    node.setAlt(data.alt);
+                    node.addStyle({
+                      "width": data.width,
+                      "height": data.height,
+                      "max-width": data.maxWidth,
+                      "max-height": data.maxHeight,
+                      "margin": data.margin
+                    });
+                  });
+                }
+              }
+            ];
+            if ($isParagraphNode(parent) || isImageTextWarp) {
+              toolbarList.push({
+                title: isImageTextWarp ? "居左" : "左对齐",
+                icon: `doc-align-left`,
+                action: async (editNode) => {
+                  editor.update(() => {
+                    if (isImageTextWarp) {
+                      editNode.addStyle({ "float": "left" });
+                    } else {
+                      parent.setFormat("left");
+                    }
+                  });
+                }
+              });
+            }
+            if ($isParagraphNode(parent) && !isImageTextWarp) {
+              toolbarList.push({
+                title: "居中对齐",
+                icon: `doc-align-center`,
+                action: async () => {
+                  editor.update(() => parent.setFormat("center"));
+                }
+              });
+            }
+            if ($isParagraphNode(parent) || isImageTextWarp) {
+              toolbarList.push({
+                title: isImageTextWarp ? "居右" : "右对齐",
+                icon: `doc-align-right`,
+                action: async () => {
+                  editor.update(() => {
+                    if (isImageTextWarp) {
+                      node.addStyle({ "float": "right" });
+                    } else {
+                      parent.setFormat("right");
+                    }
+                  });
+                }
+              });
+            }
+            return toolbarList;
+          }
+          return null;
+        }
+      }
+    ];
+  },
+  templates: [],
+  useMounted(editor) {
+    const { findLexicalEditorModule, findLexicalEditorTemplate } = useLexicalEditorContext(editor._config.namespace);
+    return mergeRegister(
+      // // 插入布局格子
+      // editor.registerCommand<LayoutGridNodeAttrType>(INSERT_LAYOUTGRID_COMMAND, (payload) => {
+      //   insertGridHandle(new LayoutGridNode(payload));
+      //   return true
+      // }, COMMAND_PRIORITY_EDITOR),
+      // // 插入文本格子
+      // editor.registerCommand<TextGridNodeAttrType>(INSERT_TEXTGRID_COMMAND, (payload) => {
+      //   const textGrid = new TextGridNode(payload)
+      //   textGrid.append($createParagraphNode())
+      //   textGrid.append($createParagraphNode())
+      //   textGrid.append($createParagraphNode())
+      //   textGrid.append($createParagraphNode())
+      //   textGrid.append($createParagraphNode())
+      //   textGrid.append($createParagraphNode())
+      //   insertGridHandle(textGrid);
+      //   return true
+      // }, COMMAND_PRIORITY_EDITOR),
+      // // 插入模块格子
+      // editor.registerCommand<ModuleGridNodeAttrType>(INSERT_MODULEGRID_COMMAND, (payload) => {
+      //   insertGridHandle(new ModuleGridNode(payload));
+      //   return true
+      // }, COMMAND_PRIORITY_EDITOR),
+      // 插入模块
+      editor.registerCommand(INSERT_MODULE_COMMAND, (payload) => {
+        const module = findLexicalEditorModule(payload.name);
+        if (module) {
+          insertNodesHandle(new ModuleDecoratorNode(payload.name, createModuleHtml(module.template, payload.data)));
+        }
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      // 插入图文环绕
+      editor.registerCommand(INSERT_IMAGETEXTWARP_COMMAND, () => insertNodesHandle($createImageTextWarpNode()), COMMAND_PRIORITY_LOW),
+      // 插入图片
+      editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {
+        return insertNodesHandle($createImageNode(payload.src, payload.alt, "", payload.style));
+      }, COMMAND_PRIORITY_LOW),
+      // 剪切板图片
+      editor.registerCommand(DRAG_DROP_PASTE, (files) => {
+        const types = [
+          "image/",
+          "image/heic",
+          "image/heif",
+          "image/gif",
+          "image/webp"
+        ];
+        (async () => {
+          const filesResult = await mediaFileReader(files, [types].flatMap((x) => x));
+          const result = await uploadhandle(filesResult.filter((f) => isMimeType(f.file, types)).map((f) => f.result));
+          result.forEach((path) => {
+            editor.dispatchCommand(INSERT_IMAGE_COMMAND, { src: path, alt: "", style: "max-width:100%" });
+          });
+        })();
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      // 插入模版
+      editor.registerCommand(INSERT_TEMPLATE_COMMAND, (name) => {
+        const template = findLexicalEditorTemplate(name);
+        const templateNodes = template ? generateNodesFromHtml(editor, template.template) : [];
+        insertNodesHandle(...templateNodes);
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      // 插入HTML模版
+      editor.registerCommand(INSERT_HTMLTEMPLATE_COMMAND, (html) => {
+        const templateNodes = generateNodesFromHtml(editor, html);
+        insertNodesHandle(...templateNodes);
+        return true;
+      }, COMMAND_PRIORITY_LOW),
+      //链接
+      editor.registerCommand(TOGGLE_LINK_COMMAND, (payload) => {
+        if (payload === null) {
+          $toggleLink(payload);
+          return true;
+        } else if (typeof payload === "string") {
+          $toggleLink(payload);
+          return false;
+        } else {
+          const { url, target, rel, title } = payload;
+          $toggleLink(url, { rel, target, title });
+          return true;
+        }
+      }, COMMAND_PRIORITY_LOW)
+    );
+  }
+});
+//# sourceMappingURL=RichTextEditorPlugin.js.map