@maketribe/ms-app 3.2.42 → 3.2.43

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorPlugin.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/RichTextEditorPlugin.ts"],"sourcesContent":["\r\n\r\nimport { $createParagraphNode, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isNodeSelection, $isParagraphNode, $isRootNode, COMMAND_PRIORITY_LOW, LexicalNode, NodeKey } from \"lexical\";\r\n\r\nimport { DRAG_DROP_PASTE, HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { $isLinkNode, $toggleLink, AutoLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\r\nimport { registerEditorPlugin,  useLexicalEditorContext } from \"../composables\"\r\nimport { \r\n    HtmlElementDecoratorNode,getModuleData,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode,\r\n    $isImageNode,\r\n    $isImageTextWarpNode,\r\n    INSERT_IMAGETEXTWARP_COMMAND,\r\n    $createImageTextWarpNode,\r\n    INSERT_IMAGE_COMMAND,\r\n    $createImageNode,\r\n    INSERT_MODULE_COMMAND,\r\n    ModulePropType,\r\n    createModuleHtml,\r\n    $isModuleDecoratorNode,\r\n    $isModuleDecoratorWarpNode,\r\n    INSERT_TEMPLATE_COMMAND,\r\n    INSERT_HTMLTEMPLATE_COMMAND\r\n } from \"../nodes\"\r\nimport { $insertNodeToNearestRoot, isMimeType, mediaFileReader, mergeRegister } from \"@lexical/utils\";\r\nimport {  generateNodesFromHtml, getCSSFromStyleObject, imageUpload, sanitizeUrl, showHtmlTemplateDialog, showImageEditDialog, showLinkEditDialog, showModuleSelectDialog, showTemplateSelectDialog } from \"../utils\";\r\nimport { ElLoading } from \"element-plus\";\r\nimport { createDefaultFormData, showDynamicFormDialoger } from \"../../dynamic-form-panel\"; \r\n\r\n// 上传处理函数\r\nconst uploadhandle = async (pathList: Array<string>) => {\r\n\r\n  if (pathList.length) {\r\n\r\n    const loadingInstance = ElLoading.service({ fullscreen: true, text: \"图片上传中...\" })\r\n\r\n    const reesult = await Promise.all(pathList.map(path => imageUpload(path)))\r\n\r\n    loadingInstance.close();\r\n\r\n    return reesult;\r\n  }\r\n\r\n  return [];\r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodeHandle = (node: LexicalNode,selectNode:LexicalNode) => {\r\n\r\n  // 模块\r\n  if ($isModuleDecoratorNode(node) && !$isModuleDecoratorWarpNode(node)) {\r\n    const moduleWarp = new ModuleDecoratorWarpNode();\r\n    moduleWarp.append(node);\r\n    node = moduleWarp;\r\n  }\r\n\r\n  // 图片\r\n  if($isRootNode(selectNode) && $isImageNode(node)){\r\n    const p = $createParagraphNode();\r\n    p.append(node)\r\n    node = p;\r\n  }\r\n\r\n  if ($isElementNode(selectNode) && !$isParagraphNode(selectNode)) {\r\n\r\n    selectNode.append(node);\r\n  } \r\n  else{\r\n  \r\n    $insertNodeToNearestRoot(node);\r\n  }\r\n \r\n}\r\n\r\n// 插入节点的处理函数\r\nconst insertNodesHandle = (...nodes: Array<LexicalNode>) => {\r\n\r\n  const selection = $getSelection()\r\n  let selectNode = $isNodeSelection(selection) ? selection?.getNodes()[0]  : $getRoot();\r\n\r\n  nodes.forEach(node=> insertNodeHandle(node,selectNode))\r\n\r\n  return false;\r\n}\r\n\r\n// 注册插件\r\nregisterEditorPlugin({\r\n  nodes:[\r\n    AutoLinkNode, LinkNode,\r\n    CodeHighlightNode, CodeNode ,\r\n    HeadingNode, QuoteNode ,\r\n    HtmlElementDecoratorNode,\r\n    ModuleDecoratorNode,ModuleDecoratorWarpNode,\r\n    HtmlElementNode,\r\n    ImageNode,ImageTextWarpNode\r\n  ],\r\n  tools:[\r\n    {\r\n      icon: \"Picture\",\r\n      text: \"图片\",\r\n      action:(editor)=>{\r\n        // 显示图片编辑面板\r\n        showImageEditDialog({\r\n          src: \"\", alt: \"\", width: \"\", height: \"\", maxWidth: \"100%\", maxHeight: \"\", margin: \"\"\r\n        }).then(async (data: any) => {\r\n          const result = await uploadhandle([data.src])\r\n          editor.dispatchCommand(INSERT_IMAGE_COMMAND, { \r\n            src:result[0] as string,\r\n            alt:data.alt,\r\n            style:getCSSFromStyleObject({\r\n              \"width\":data.width,\"height\":data.height,\r\n              \"max-width\":data.maxWidth,\r\n              \"max-height\":data.maxHeight,\"margin\":data.margin\r\n            }) \r\n          })\r\n        });\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"Grid\",\r\n      text: \"模块\",\r\n      action:async (editor)=>{\r\n        // 打开模块面板\r\n        const result = (await showModuleSelectDialog(editor._config.namespace)) as any;\r\n        const defaultData = createDefaultFormData(result.options);\r\n        editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"richtext\",\r\n      text:\"模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_TEMPLATE_COMMAND,await showTemplateSelectDialog(editor._config.namespace))\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon: \"richtext-outline\",\r\n      text: \"图文环绕\",\r\n      action:(editor)=>{\r\n        editor.dispatchCommand(INSERT_IMAGETEXTWARP_COMMAND,null)\r\n      }, \r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:99\r\n    },\r\n    {\r\n      icon:\"html-code\",\r\n      text:\"HTML模版\",\r\n      action:async (editor)=>{\r\n        editor.dispatchCommand(INSERT_HTMLTEMPLATE_COMMAND,await showHtmlTemplateDialog())\r\n      },\r\n      disbale:(node)=>!$isElementNode(node) && !$isRootNode(node) || $isModuleDecoratorWarpNode(node),\r\n      sort:89\r\n    }\r\n  ],\r\n  shortcutTools:editor=>{\r\n\r\n    const { findLexicalEditorModule } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n    return [\r\n      // 默认编辑\r\n      // {\r\n      //   exist:(node)=>$isHtmlElementNode(node) || $isHtmlElementDecoratorNode(node),\r\n      //   tools:[\r\n      //     {\r\n      //       key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LexicalNode) => {\r\n      //         console.log(\"编辑\")\r\n      //         // // 打开模块面板\r\n      //         // const result = (await showModuleSelectDialog()) as ModuleType;\r\n      //         // const defaultData = createDefaultFormData(result.options);\r\n      //         // // 插入模块\r\n      //         // editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData })\r\n      //       }\r\n      //     }\r\n      //   ]\r\n      // },\r\n      // 超链接\r\n      {\r\n        exist:(node)=>$isLinkNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:LinkNode) => {\r\n          \r\n              // 显示图片编辑面板\r\n              showLinkEditDialog(editor.read(()=>editNode.getURL())).then((href:any)=>{\r\n                if(href.trim()){\r\n                  editor.update(()=>{\r\n                    editNode.getWritable().setURL(sanitizeUrl(href))\r\n                  })\r\n                }\r\n                else{\r\n                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\r\n                }\r\n              })\r\n            \r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 模块\r\n      {\r\n        exist:(node)=>$isModuleDecoratorNode(node),\r\n        tools:[\r\n          {\r\n            key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ModuleDecoratorNode) => {\r\n              const module = findLexicalEditorModule(editNode.__moduleName);\r\n              if(module){\r\n                const result = await showDynamicFormDialoger(module.title,module.options,getModuleData(editNode.__moduleHtml,module.options))\r\n                editor.update(() =>  editNode.setHtml(createModuleHtml(module.template,result)))\r\n              }\r\n            }\r\n          }\r\n        ]\r\n      },\r\n      // 图片编辑\r\n      {\r\n        exist:(node)=>$isImageNode(node),\r\n        tools:(nodeKey) => {\r\n      \r\n          const node = $getNodeByKey(nodeKey as NodeKey);\r\n      \r\n          if ($isImageNode(node)) {\r\n      \r\n            const parent = node.getParent();\r\n      \r\n            // 是否是文本环绕里面的图\r\n            const isImageTextWarp = $isImageTextWarpNode(parent)\r\n      \r\n            // 工具条\r\n            const toolbarList:Array<any> = [\r\n              {\r\n                key:\"edit\",title: \"编辑\", icon: \"Edit\", action: async (editNode:ImageNode) => {\r\n            \r\n                  const {src,alt,style} = { style:editNode.getStyleObj(),src:editNode.__src,alt:editNode.__alt }\r\n                  \r\n                  const data: any = await showImageEditDialog({\r\n                    src, alt, \r\n                    width: style.width || \"\", height: style.height || \"\", \r\n                    maxWidth:  style[\"max-width\"] || \"\", maxHeight:  style[\"max-height\"]  || \"\",\r\n                    margin: style.margin || \"\"\r\n                  }) \r\n             \r\n                  const result = await uploadhandle([data.src])\r\n                  \r\n                  editor.update(()=>{\r\n\r\n                    node.setSrc(result[0] as string)\r\n                    node.setAlt(data.alt)\r\n                    node.addStyle({\r\n                      \"width\":data.width,\"height\":data.height,\r\n                      \"max-width\":data.maxWidth,\r\n                      \"max-height\":data.maxHeight,\r\n                      \"margin\":data.margin\r\n                    })\r\n                  })\r\n                }\r\n              }\r\n            ];\r\n      \r\n            // 左对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居左\" : \"左对齐\",icon:`doc-align-left`,action:async (editNode:ImageNode)=>{\r\n                  editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      editNode.addStyle({ 'float':\"left\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"left\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 居中对齐\r\n            if($isParagraphNode(parent) && !isImageTextWarp){\r\n              toolbarList.push({ title: \"居中对齐\",icon:`doc-align-center`,action:async ()=>{\r\n                  editor.update(()=>parent.setFormat(\"center\") )\r\n                }\r\n              });\r\n            }\r\n      \r\n            // 右对齐\r\n            if($isParagraphNode(parent) || isImageTextWarp){\r\n              toolbarList.push({ title: isImageTextWarp ? \"居右\" : \"右对齐\",icon:`doc-align-right`,action:async ()=>{\r\n                editor.update(()=>{\r\n                    if(isImageTextWarp){\r\n                      node.addStyle({ 'float':\"right\" })\r\n                    }\r\n                    else {\r\n                      parent.setFormat(\"right\")\r\n                    }\r\n                  })\r\n                }\r\n              });\r\n            }\r\n      \r\n            return toolbarList;\r\n          }\r\n      \r\n          return null;\r\n        }\r\n      }\r\n    ]\r\n  },\r\n  templates:[],\r\n  useMounted(editor){\r\n    \r\n    const { findLexicalEditorModule,findLexicalEditorTemplate } = useLexicalEditorContext(editor._config.namespace)\r\n\r\n \r\n    // 注册指令\r\n    return mergeRegister(\r\n      // // 插入布局格子\r\n      // editor.registerCommand<LayoutGridNodeAttrType>(INSERT_LAYOUTGRID_COMMAND, (payload) => {\r\n\r\n      //   insertGridHandle(new LayoutGridNode(payload));\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入文本格子\r\n      // editor.registerCommand<TextGridNodeAttrType>(INSERT_TEXTGRID_COMMAND, (payload) => {\r\n\r\n      //   const textGrid = new TextGridNode(payload)\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   textGrid.append($createParagraphNode())\r\n      //   insertGridHandle(textGrid);\r\n\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // // 插入模块格子\r\n      // editor.registerCommand<ModuleGridNodeAttrType>(INSERT_MODULEGRID_COMMAND, (payload) => {\r\n      //   insertGridHandle(new ModuleGridNode(payload));\r\n      //   return true\r\n      // }, COMMAND_PRIORITY_EDITOR),\r\n      // 插入模块\r\n      editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n\r\n        const module = findLexicalEditorModule(payload.name)\r\n\r\n        if(module){\r\n          insertNodesHandle(new ModuleDecoratorNode(payload.name,createModuleHtml(module.template,payload.data)))\r\n        }\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      // 插入图文环绕\r\n      editor.registerCommand<null>(INSERT_IMAGETEXTWARP_COMMAND, () => insertNodesHandle($createImageTextWarpNode()), COMMAND_PRIORITY_LOW),\r\n      // 插入图片\r\n      editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {\r\n        return  insertNodesHandle($createImageNode(payload.src,payload.alt,\"\",payload.style))\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 剪切板图片\r\n      editor.registerCommand(DRAG_DROP_PASTE, (files) => {\r\n        const types = [\r\n          'image/',\r\n          'image/heic',\r\n          'image/heif',\r\n          'image/gif',\r\n          'image/webp',\r\n        ];\r\n\r\n        (async () => {\r\n\r\n          const filesResult = await mediaFileReader(files, [types].flatMap((x) => x))\r\n\r\n          const result = await uploadhandle(filesResult.filter(f => isMimeType(f.file, types)).map(f => f.result))\r\n\r\n          result.forEach((path) => {\r\n            editor.dispatchCommand(INSERT_IMAGE_COMMAND, { src: path as string, alt: \"\", style:\"max-width:100%\"})\r\n          })\r\n        })()\r\n\r\n        return true\r\n      }, COMMAND_PRIORITY_LOW),\r\n       // 插入模版\r\n       editor.registerCommand<string>(INSERT_TEMPLATE_COMMAND,(name) => {\r\n\r\n        const template = findLexicalEditorTemplate(name);\r\n        \r\n        const templateNodes = template ? generateNodesFromHtml(editor, template.template) : [];\r\n     \r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n    \r\n      // 插入HTML模版\r\n      editor.registerCommand<string>(INSERT_HTMLTEMPLATE_COMMAND,(html) => {\r\n\r\n        const templateNodes = generateNodesFromHtml(editor, html);\r\n        insertNodesHandle(...templateNodes)\r\n      \r\n        return true\r\n      },COMMAND_PRIORITY_LOW),\r\n      //链接\r\n      editor.registerCommand(TOGGLE_LINK_COMMAND,(payload) => {\r\n        if (payload === null) {\r\n          $toggleLink(payload)\r\n          return true\r\n        }\r\n        else if (typeof payload === 'string') {\r\n          $toggleLink(payload)\r\n          return false\r\n        }\r\n        else {\r\n          const { url, target, rel, title } = payload\r\n          $toggleLink(url, { rel, target, title })\r\n          return true\r\n        }\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  }\r\n})\r\n"],"names":["ElLoading","imageUpload","$isModuleDecoratorNode","$isModuleDecoratorWarpNode","ModuleDecoratorWarpNode","$isRootNode","$isImageNode","$createParagraphNode","$isElementNode","$isParagraphNode","$insertNodeToNearestRoot","$getSelection","$isNodeSelection","$getRoot","registerEditorPlugin","AutoLinkNode","LinkNode","CodeHighlightNode","CodeNode","HeadingNode","QuoteNode","HtmlElementDecoratorNode","ModuleDecoratorNode","HtmlElementNode","ImageNode","ImageTextWarpNode","showImageEditDialog","INSERT_IMAGE_COMMAND","getCSSFromStyleObject","showModuleSelectDialog","createDefaultFormData","INSERT_MODULE_COMMAND","INSERT_TEMPLATE_COMMAND","showTemplateSelectDialog","INSERT_IMAGETEXTWARP_COMMAND","INSERT_HTMLTEMPLATE_COMMAND","showHtmlTemplateDialog","useLexicalEditorContext","$isLinkNode","showLinkEditDialog","sanitizeUrl","TOGGLE_LINK_COMMAND","showDynamicFormDialoger","getModuleData","createModuleHtml","$getNodeByKey","$isImageTextWarpNode","mergeRegister","COMMAND_PRIORITY_LOW","$createImageTextWarpNode","$createImageNode","DRAG_DROP_PASTE","mediaFileReader","isMimeType","template","generateNodesFromHtml","html","$toggleLink","url"],"mappings":"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"}

package/dist/cjs/components/basic/lexical-editor/plugins/TabIndentationPlugin.vue.js

@@ -0,0 +1,44 @@
+"use strict";
+const vue = require("vue");
+const lexical = require("lexical");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+const utils = require("../composables/utils.js");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+const lexicalEditor = require("../composables/lexicalEditor.js");
+require("../utils/html.js");
+require("@maketribe/dm");
+require("element-plus");
+require("../utils/image.js");
+require("@element-plus/icons-vue");
+require("../composables/useElementBlockSelection.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "TabIndentationPlugin",
+  setup(__props) {
+    const { editor } = lexicalEditor.useLexicalEditorContext();
+    utils.useMounted(() => {
+      return editor.registerCommand(
+        lexical.KEY_TAB_COMMAND,
+        (event) => {
+          const selection = lexical.$getSelection();
+          if (!lexical.$isRangeSelection(selection))
+            return false;
+          event.preventDefault();
+          return editor.dispatchCommand(
+            event.shiftKey ? lexical.OUTDENT_CONTENT_COMMAND : lexical.INDENT_CONTENT_COMMAND,
+            void 0
+          );
+        },
+        lexical.COMMAND_PRIORITY_EDITOR
+      );
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=TabIndentationPlugin.vue.js.map

package/dist/cjs/components/basic/lexical-editor/plugins/TabIndentationPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabIndentationPlugin.vue.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/TabIndentationPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_EDITOR,\r\n  INDENT_CONTENT_COMMAND,\r\n  KEY_TAB_COMMAND,\r\n  OUTDENT_CONTENT_COMMAND,\r\n} from 'lexical'\r\nimport { useLexicalEditorContext,useMounted } from '../composables'\r\n\r\nconst { editor } = useLexicalEditorContext()\r\n\r\nuseMounted(() => {\r\n  return editor.registerCommand<KeyboardEvent>(KEY_TAB_COMMAND,(event) => {\r\n      const selection = $getSelection()\r\n\r\n      if (!$isRangeSelection(selection))\r\n        return false\r\n\r\n      event.preventDefault()\r\n\r\n      return editor.dispatchCommand(\r\n        event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND,\r\n        undefined,\r\n      )\r\n    },\r\n    COMMAND_PRIORITY_EDITOR,\r\n  )\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":["useLexicalEditorContext","useMounted","KEY_TAB_COMMAND","$getSelection","$isRangeSelection","OUTDENT_CONTENT_COMMAND","INDENT_CONTENT_COMMAND","COMMAND_PRIORITY_EDITOR"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWM,UAAA,EAAE,WAAWA,cAAAA;AAEnBC,UAAAA,WAAW,MAAM;AACf,aAAO,OAAO;AAAA,QAA+BC,QAAA;AAAA,QAAgB,CAAC,UAAU;AACpE,gBAAM,YAAYC,QAAAA;AAEd,cAAA,CAACC,0BAAkB,SAAS;AACvB,mBAAA;AAET,gBAAM,eAAe;AAErB,iBAAO,OAAO;AAAA,YACZ,MAAM,WAAWC,QAAAA,0BAA0BC,QAAA;AAAA,YAC3C;AAAA,UAAA;AAAA,QAEJ;AAAA,QACAC,QAAA;AAAA,MAAA;AAAA,IACF,CACD;;;;;;;"}

package/dist/cjs/components/basic/lexical-editor/plugins/TabIndentationPlugin.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const TabIndentationPlugin_vue_vue_type_script_setup_true_lang = require("./TabIndentationPlugin.vue.js");
+module.exports = TabIndentationPlugin_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=TabIndentationPlugin.vue2.js.map

package/dist/cjs/components/basic/lexical-editor/plugins/TabIndentationPlugin.vue2.js.map

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

package/dist/cjs/components/basic/lexical-editor/plugins/TablePlugin.js

@@ -0,0 +1,137 @@
+"use strict";
+const table = require("@lexical/table");
+const utils$1 = require("@lexical/utils");
+const lexical = require("lexical");
+require("@lexical/overflow");
+require("@lexical/text");
+const utils = require("../composables/utils.js");
+require("vue");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+const lexicalEditor = require("../composables/lexicalEditor.js");
+require("../utils/html.js");
+require("@maketribe/dm");
+require("element-plus");
+require("../utils/image.js");
+require("@element-plus/icons-vue");
+require("../composables/useElementBlockSelection.js");
+lexicalEditor.registerEditorPlugin({
+  nodes: [table.TableCellNode, table.TableNode, table.TableRowNode],
+  tools: [],
+  templates: [],
+  useMounted(editor) {
+    if (!editor.hasNodes([table.TableNode, table.TableCellNode, table.TableRowNode])) {
+      throw new Error("TablePlugin: TableNode, TableCellNode or TableRowNode not registered on editor");
+    }
+    utils.useEffect(() => {
+      return editor.registerNodeTransform(table.TableCellNode, (node) => {
+        if (node.getColSpan() > 1 || node.getRowSpan() > 1) {
+          const [, , gridNode] = table.$getNodeTriplet(node);
+          const [gridMap] = table.$computeTableMap(gridNode, node, node);
+          const rowsCount = gridMap.length;
+          const columnsCount = gridMap[0].length;
+          let row = gridNode.getFirstChild();
+          if (!table.$isTableRowNode(row)) {
+            throw new Error("Expected TableNode first child to be a RowNode");
+          }
+          const unmerged = [];
+          for (let i = 0; i < rowsCount; i++) {
+            if (i !== 0) {
+              row = row.getNextSibling();
+              if (!table.$isTableRowNode(row)) {
+                throw new Error("Expected TableNode first child to be a RowNode");
+              }
+            }
+            let lastRowCell = null;
+            for (let j = 0; j < columnsCount; j++) {
+              const cellMap = gridMap[i][j];
+              const cell = cellMap.cell;
+              if (cellMap.startRow === i && cellMap.startColumn === j) {
+                lastRowCell = cell;
+                unmerged.push(cell);
+              } else if (cell.getColSpan() > 1 || cell.getRowSpan() > 1) {
+                if (!table.$isTableCellNode(cell)) {
+                  throw new Error("Expected TableNode cell to be a TableCellNode");
+                }
+                const newCell = table.$createTableCellNode(cell.__headerState);
+                if (lastRowCell !== null)
+                  lastRowCell.insertAfter(newCell);
+                else
+                  utils$1.$insertFirst(row, newCell);
+              }
+            }
+          }
+          for (const cell of unmerged) {
+            cell.setColSpan(1);
+            cell.setRowSpan(1);
+          }
+        }
+      });
+    });
+    utils.useEffect(() => {
+      return editor.registerNodeTransform(table.TableCellNode, (node) => {
+        if (node.getBackgroundColor() !== null)
+          node.setBackgroundColor(null);
+      });
+    });
+    const tableSelections = /* @__PURE__ */ new Map();
+    const initializeTableNode = (tableNode) => {
+      const nodeKey = tableNode.getKey();
+      const tableElement = editor.getElementByKey(
+        nodeKey
+      );
+      if (tableElement && !tableSelections.has(nodeKey)) {
+        tableSelections.set(nodeKey, table.applyTableHandlers(tableNode, tableElement, editor, true));
+      }
+    };
+    editor.getEditorState().read(() => {
+      const tableNodes = lexical.$nodesOfType(table.TableNode);
+      for (const tableNode of tableNodes) {
+        if (table.$isTableNode(tableNode))
+          initializeTableNode(tableNode);
+      }
+    });
+    const unregisterMutationListener = editor.registerMutationListener(
+      table.TableNode,
+      (nodeMutations) => {
+        for (const [nodeKey, mutation] of nodeMutations) {
+          if (mutation === "created") {
+            editor.getEditorState().read(() => {
+              const tableNode = lexical.$getNodeByKey(nodeKey);
+              if (table.$isTableNode(tableNode))
+                initializeTableNode(tableNode);
+            });
+          } else if (mutation === "destroyed") {
+            const tableSelection = tableSelections.get(nodeKey);
+            if (tableSelection !== void 0) {
+              tableSelection.removeListeners();
+              tableSelections.delete(nodeKey);
+            }
+          }
+        }
+      }
+    );
+    return utils$1.mergeRegister(
+      editor.registerCommand(table.INSERT_TABLE_COMMAND, ({ columns, rows, includeHeaders }) => {
+        const tableNode = table.$createTableNodeWithDimensions(
+          Number(rows),
+          Number(columns),
+          includeHeaders
+        );
+        utils$1.$insertNodeToNearestRoot(tableNode);
+        const firstDescendant = tableNode.getFirstDescendant();
+        if (lexical.$isTextNode(firstDescendant)) {
+          firstDescendant.select();
+        }
+        return true;
+      }, lexical.COMMAND_PRIORITY_EDITOR),
+      () => {
+        unregisterMutationListener();
+        for (const [, tableSelection] of tableSelections)
+          tableSelection.removeListeners();
+      }
+    );
+  }
+});
+//# sourceMappingURL=TablePlugin.js.map