@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

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

@@ -1,95 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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-315b8c39"]]);
-export {
-  NodeTreeViewPlugin as default
-};
-//# sourceMappingURL=NodeTreeViewPlugin.vue.js.map

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

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

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

@@ -1,101 +0,0 @@
-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) || $isParagraphNode(node) && node.getChildrenSize() <= 0
-        });
-        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

@@ -1 +0,0 @@
-{"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,$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) || ($isParagraphNode(node) && node.getChildrenSize() <= 0)\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":";;;;;;;;;;;;;;;;;;;;AAWM,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,KAAM,iBAAiB,IAAI,KAAK,KAAK,gBAAA,KAAqB;AAAA,QAAA,CACtF;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

@@ -1,400 +0,0 @@
-import { $isElementNode, $isRootNode, $getNodeByKey, $isParagraphNode, COMMAND_PRIORITY_LOW, $getSelection, $isNodeSelection, $isRangeSelection, $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 "../../../../store/modules/settings.js";
-import "../../../../store/modules/menu.js";
-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 ($isImageNode(node)) {
-    const p = $createParagraphNode();
-    p.append(node);
-    node = p;
-  }
-  if ($isElementNode(selectNode) && !$isParagraphNode(selectNode)) {
-    selectNode.append(node);
-  } else if ($isParagraphNode(selectNode)) {
-    selectNode.replace(node);
-  } else {
-    $insertNodeToNearestRoot(node);
-  }
-};
-const insertNodesHandle = (...nodes) => {
-  const selection = $getSelection();
-  let selectNode = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : $isRangeSelection(selection) ? selection.anchor.getNode() : $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