@maketribe/ms-app 3.2.42 → 3.2.44

package/dist/cjs/components/basic/lexical-editor/stage/composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sources":["../../../../../../src/components/basic/lexical-editor/stage/composables.ts"],"sourcesContent":["import { type LexicalEditor } from 'lexical'\r\nimport { readonly, ref } from 'vue'\r\nimport { $canShowPlaceholderCurry } from '@lexical/text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useMounted } from '../composables'\r\n\r\n\r\n\r\nfunction canShowPlaceholderFromCurrentEditorState(\r\n  editor: LexicalEditor,\r\n): boolean {\r\n  const currentCanShowPlaceholder = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  return currentCanShowPlaceholder\r\n}\r\n\r\nexport function useCanShowPlaceholder(editor: LexicalEditor) {\r\n  const initialState = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  const canShowPlaceholder = ref(initialState)\r\n\r\n  function resetCanShowPlaceholder() {\r\n    const currentCanShowPlaceholder\r\n    = canShowPlaceholderFromCurrentEditorState(editor)\r\n    canShowPlaceholder.value = currentCanShowPlaceholder\r\n  }\r\n\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      editor.registerUpdateListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n      editor.registerEditableListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n    )\r\n  })\r\n\r\n  return readonly(canShowPlaceholder)\r\n}\r\n"],"names":["$canShowPlaceholderCurry","ref","useMounted","mergeRegister","readonly"],"mappings":";;;;;;;;;;;;;;;;;AAQA,SAAS,yCACP,QACS;AACH,QAAA,4BAA4B,OAC/B,iBACA,KAAKA,KAAAA,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAE/C,SAAA;AACT;AAEO,SAAS,sBAAsB,QAAuB;AACrD,QAAA,eAAe,OAClB,iBACA,KAAKA,KAAAA,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAEhD,QAAA,qBAAqBC,QAAI,YAAY;AAE3C,WAAS,0BAA0B;AAC3B,UAAA,4BACJ,yCAAyC,MAAM;AACjD,uBAAmB,QAAQ;AAAA,EAC7B;AAEAC,QAAAA,WAAW,MAAM;AACR,WAAAC,QAAA;AAAA,MACL,OAAO,uBAAuB,MAAM;AACV;MAAA,CACzB;AAAA,MACD,OAAO,yBAAyB,MAAM;AACZ;MAAA,CACzB;AAAA,IAAA;AAAA,EACH,CACD;AAED,SAAOC,IAAAA,SAAS,kBAAkB;AACpC;;"}

package/dist/cjs/components/basic/lexical-editor/stage/index.js

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

package/dist/cjs/components/basic/lexical-editor/stage/index.js.map

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

package/dist/cjs/components/basic/lexical-editor/stage/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue3.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const EditorStage = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-cfceb4b3"]]);
+module.exports = EditorStage;
+//# sourceMappingURL=index.vue.js.map

package/dist/{esm/components/basic/doc-editor/plugins/AutoLinkPlugin → cjs/components/basic/lexical-editor/stage}/index.vue.js.map

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

package/dist/cjs/components/basic/lexical-editor/stage/index.vue3.js

@@ -0,0 +1,133 @@
+"use strict";
+const vue = require("vue");
+require("@lexical/overflow");
+require("@lexical/text");
+const utils$1 = require("@lexical/utils");
+const lexical = require("lexical");
+const utils = require("../composables/utils.js");
+require("@lexical/selection");
+require("@lexical/link");
+const richText = 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 composables = require("./composables.js");
+const dragon = require("@lexical/dragon");
+const plainText = require("@lexical/plain-text");
+const ContentEditable_vue_vue_type_script_setup_true_lang = require("./ContentEditable.vue.js");
+const DecoratedTeleports = require("./DecoratedTeleports.js");
+const docEditorStage = require("../assets/doc-editor-stage.css.js");
+const docEditor = require("../assets/doc-editor.css.js");
+const _hoisted_1 = ["id"];
+const _hoisted_2 = {
+  key: 1,
+  class: "mk-doc__paragraph mk-doc-editor__stage__placeholder",
+  style: { "user-select": "text", "white-space": "pre-wrap", "word-break": "break-word" }
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: { placeholder: { type: String, default: `在这里输入正文...` }, type: { type: String, default: `richtext` } },
+  setup(__props) {
+    const props = __props;
+    const { editor, templates, modules, importCss, importScript, importStyles, stageId } = lexicalEditor.useLexicalEditorContext();
+    const canShowPlaceholder = composables.useCanShowPlaceholder(editor);
+    const contentIsEmpty = vue.ref(true);
+    const showAddNewline = vue.ref(false);
+    const iframeContentRef = vue.ref(null);
+    const iframeBody = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document) == null ? void 0 : _c.body;
+    });
+    let updateTimeoutKey = 0;
+    const updateStageHeight = () => {
+      const stageEl = editor.getRootElement();
+      updateTimeoutKey = setTimeout(() => {
+        if (stageEl) {
+          iframeContentRef.value.style.height = stageEl.offsetHeight + 40 + "px";
+        }
+        updateStageHeight();
+      }, 20);
+      return () => {
+        clearTimeout(updateTimeoutKey);
+      };
+    };
+    const addNewline = () => {
+      editor.update(() => lexical.$getRoot().append(lexical.$createParagraphNode()));
+    };
+    utils.useMounted(() => {
+      var _a, _b;
+      const doc = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document;
+      importScript.split(",").filter((item) => !!item).forEach((path) => {
+        const script = document.createElement("script");
+        script.src = path;
+        script.setAttribute("crossorigin", "true");
+        doc.head.append(script);
+      });
+      importCss.split(",").filter((item) => !!item).forEach((path) => {
+        const link = document.createElement("link");
+        link.href = path;
+        link.setAttribute("rel", "stylesheet");
+        link.setAttribute("crossorigin", "true");
+        doc.head.append(link);
+      });
+      const style = document.createElement("style");
+      style.setAttribute("type", "text/css");
+      style.innerHTML = [docEditorStage, docEditor, importStyles].join("\r\n");
+      style.innerHTML += modules.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
+      style.innerHTML += templates.filter((item) => item.editorCss).map((item) => item.editorCss).join("\r\n");
+      doc.head.append(style);
+      return utils$1.mergeRegister(
+        // 注册富文本 
+        props.type == "richtext" ? richText.registerRichText(editor) : plainText.registerPlainText(editor),
+        dragon.registerDragonSupport(editor),
+        updateStageHeight(),
+        editor.registerUpdateListener(({ editorState }) => {
+          editorState.read(() => {
+            const root = lexical.$getRoot();
+            const lastNode = root.getLastChild();
+            if (root.getChildrenSize() == 1) {
+              if (lexical.$isElementNode(lastNode)) {
+                contentIsEmpty.value = lastNode.isEmpty();
+              }
+            } else {
+              contentIsEmpty.value = editorState.isEmpty();
+            }
+            showAddNewline.value = !lexical.$isParagraphNode(lastNode);
+          });
+        })
+      );
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("iframe", vue.mergeProps(_ctx.$attrs, {
+          id: vue.unref(stageId),
+          class: "mk-doc-editor-stage-iframe",
+          ref_key: "iframeContentRef",
+          ref: iframeContentRef
+        }), null, 16, _hoisted_1),
+        iframeBody.value ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+          key: 0,
+          to: iframeBody.value
+        }, [
+          vue.createVNode(ContentEditable_vue_vue_type_script_setup_true_lang, {
+            class: vue.normalizeClass(["mk-doc-editor-stage", { placeholder: vue.unref(canShowPlaceholder) && contentIsEmpty.value }])
+          }, null, 8, ["class"]),
+          showAddNewline.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => addNewline()),
+            class: "mk-doc-editor-newline"
+          }, "添加新行")) : vue.createCommentVNode("", true),
+          vue.unref(canShowPlaceholder) && contentIsEmpty.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(__props.placeholder), 1)) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(DecoratedTeleports)),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 8, ["to"])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue3.js.map

package/dist/cjs/components/basic/lexical-editor/stage/index.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue3.js","sources":["../../../../../../src/components/basic/lexical-editor/stage/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { computed, ref } from \"vue\"\r\nimport { useLexicalEditorContext,useMounted } from '../composables'\r\nimport { useCanShowPlaceholder } from \"./composables\" \r\nimport { $createParagraphNode, $getRoot, $isElementNode,$isParagraphNode } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { registerDragonSupport } from '@lexical/dragon'\r\nimport { registerRichText } from '@lexical/rich-text'\r\nimport { registerPlainText } from '@lexical/plain-text'\r\nimport ContentEditable from \"./ContentEditable.vue\"\r\nimport DecoratedTeleports from \"./DecoratedTeleports\"\r\nimport DocEditorStageCss from \"../assets/doc-editor-stage.css?raw\"\r\nimport DocEditorCss from \"../assets/doc-editor.css?raw\"\r\n\r\n// 参数\r\nconst props = defineProps({ placeholder:{ type:String,default:`在这里输入正文...` },type:{ type:String,default:`richtext` } })\r\n\r\nconst { editor,templates,modules,importCss,importScript,importStyles,stageId } = useLexicalEditorContext()\r\n\r\nconst canShowPlaceholder = useCanShowPlaceholder(editor)\r\n\r\n// 空内容\r\nconst contentIsEmpty = ref(true)\r\n// 显示新增新行\r\nconst showAddNewline = ref(false)\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\nlet updateTimeoutKey:any = 0;\r\n// 更新舞台高度\r\nconst updateStageHeight = ()=>{\r\n  const stageEl = editor.getRootElement() as HTMLElement;\r\n  updateTimeoutKey = setTimeout(() => {\r\n    if(stageEl){ iframeContentRef.value.style.height = (stageEl.offsetHeight + 40)+\"px\"; }\r\n    updateStageHeight();\r\n  }, 20);\r\n  return ()=>{\r\n    clearTimeout(updateTimeoutKey);\r\n  }\r\n}\r\n\r\n// 添加新行\r\nconst addNewline = ()=>{\r\n  editor.update(()=>$getRoot().append($createParagraphNode()))\r\n}\r\n\r\nuseMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n \r\n  // 扩展的js和css\r\n  importScript.split(\",\").filter(item=>!!item).forEach(path=>{\r\n    const script = document.createElement(\"script\");\r\n    script.src = path;\r\n    script.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(script);\r\n  })\r\n\r\n  importCss.split(\",\").filter(item=>!!item).forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"rel\",\"stylesheet\")\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  // 样式\r\n  const style = document.createElement(\"style\");\r\n  style.setAttribute(\"type\",\"text/css\")\r\n\r\n  // 编辑器 默认样式\r\n  style.innerHTML = [DocEditorStageCss,DocEditorCss,importStyles].join(\"\\r\\n\");\r\n\r\n  //模块渲染样式\r\n  style.innerHTML += modules.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n\r\n  //模版渲染样式\r\n  style.innerHTML += templates.filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n\r\n  doc.head.append(style);\r\n\r\n  return mergeRegister(\r\n    // 注册富文本 \r\n    props.type == \"richtext\" ? registerRichText(editor) : registerPlainText(editor),\r\n    registerDragonSupport(editor),\r\n    updateStageHeight(),\r\n    editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => {\r\n\r\n        const root = $getRoot();\r\n        const lastNode = root.getLastChild();\r\n\r\n        if(root.getChildrenSize() == 1){\r\n          if($isElementNode(lastNode)){\r\n            contentIsEmpty.value = lastNode.isEmpty();\r\n          }\r\n        }\r\n        else{\r\n          contentIsEmpty.value = editorState.isEmpty();\r\n        }\r\n\r\n        showAddNewline.value = !$isParagraphNode(lastNode)\r\n\r\n      })\r\n    })\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <iframe v-bind=\"$attrs\" :id=\"stageId\" class=\"mk-doc-editor-stage-iframe\" ref=\"iframeContentRef\"></iframe>\r\n  <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n    <ContentEditable class=\"mk-doc-editor-stage\" :class=\"{placeholder:canShowPlaceholder && contentIsEmpty}\" />\r\n    <div @click=\"addNewline()\" v-if=\"showAddNewline\" class=\"mk-doc-editor-newline\">添加新行</div>\r\n    <template v-if=\"canShowPlaceholder && contentIsEmpty\">\r\n      <p class=\"mk-doc__paragraph mk-doc-editor__stage__placeholder\" style=\"user-select: text;white-space: pre-wrap;word-break: break-word;\">\r\n        {{placeholder}}\r\n      </p>\r\n    </template>\r\n    <DecoratedTeleports />\r\n    <slot></slot>\r\n  </Teleport>\r\n</template>\r\n<style scoped>\r\n.mk-doc-editor-stage-iframe{\r\n  width: 100%;\r\n  min-height: 100%;\r\n  z-index: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: #fff;  \r\n  margin: 0;\r\n  border: 0;\r\n}\r\n</style>\r\n"],"names":["useLexicalEditorContext","useCanShowPlaceholder","ref","computed","$getRoot","$createParagraphNode","useMounted","DocEditorStageCss","DocEditorCss","mergeRegister","registerRichText","registerPlainText","registerDragonSupport","$isElementNode","$isParagraphNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,QAAQ;AAER,UAAA,EAAE,QAAO,WAAU,SAAQ,WAAU,cAAa,cAAa,YAAYA,cAAAA;AAE3E,UAAA,qBAAqBC,kCAAsB,MAAM;AAGjD,UAAA,iBAAiBC,QAAI,IAAI;AAEzB,UAAA,iBAAiBA,QAAI,KAAK;AAE1B,UAAA,mBAAmBA,QAAI,IAAW;AACxC,UAAM,aAAaC,IAAS,SAAA;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAErF,QAAI,mBAAuB;AAE3B,UAAM,oBAAoB,MAAI;AACtB,YAAA,UAAU,OAAO;AACvB,yBAAmB,WAAW,MAAM;AAClC,YAAG,SAAQ;AAAE,2BAAiB,MAAM,MAAM,SAAU,QAAQ,eAAe,KAAI;AAAA,QAAM;AACnE;SACjB,EAAE;AACL,aAAO,MAAI;AACT,qBAAa,gBAAgB;AAAA,MAAA;AAAA,IAC/B;AAIF,UAAM,aAAa,MAAI;AACrB,aAAO,OAAO,MAAIC,QAAA,SAAA,EAAW,OAAOC,QAAAA,qBAAsB,CAAA,CAAC;AAAA,IAAA;AAG7DC,UAAAA,WAAW,MAAI;;AAEP,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAGtC,mBAAA,MAAM,GAAG,EAAE,OAAO,CAAA,SAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AACnD,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AAES,gBAAA,MAAM,GAAG,EAAE,OAAO,CAAA,SAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAChD,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,OAAM,YAAY;AAC/B,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAGK,YAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,YAAA,aAAa,QAAO,UAAU;AAGpC,YAAM,YAAY,CAACC,gBAAkBC,WAAa,YAAY,EAAE,KAAK,MAAM;AAG3E,YAAM,aAAa,QAAQ,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAG7F,YAAM,aAAa,UAAU,OAAO,CAAA,SAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAE3F,UAAA,KAAK,OAAO,KAAK;AAEd,aAAAC,QAAA;AAAA;AAAA,QAEL,MAAM,QAAQ,aAAaC,SAAAA,iBAAiB,MAAM,IAAIC,4BAAkB,MAAM;AAAA,QAC9EC,OAAAA,sBAAsB,MAAM;AAAA,QAC5B,kBAAkB;AAAA,QAClB,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjD,sBAAY,KAAK,MAAM;AAErB,kBAAM,OAAOR,QAAAA;AACP,kBAAA,WAAW,KAAK;AAEnB,gBAAA,KAAK,gBAAgB,KAAK,GAAE;AAC1B,kBAAAS,QAAAA,eAAe,QAAQ,GAAE;AACX,+BAAA,QAAQ,SAAS;cAClC;AAAA,YAAA,OAEE;AACa,6BAAA,QAAQ,YAAY;YACrC;AAEe,2BAAA,QAAQ,CAACC,QAAA,iBAAiB,QAAQ;AAAA,UAAA,CAElD;AAAA,QAAA,CACF;AAAA,MAAA;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/lexical-editor/utils/css.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getStyleObjectFromRawCSS(css) {
+  const styleObject = {};
+  const styles = css.split(";");
+  for (const style of styles) {
+    if (style !== "") {
+      const [key, value] = style.split(/:([^]+)/);
+      if (key && value) {
+        styleObject[key.trim()] = value.trim();
+      }
+    }
+  }
+  return styleObject;
+}
+function getCSSFromStyleObject(styles) {
+  let css = "";
+  for (const style in styles) {
+    if (style && styles[style]) {
+      css += `${style}: ${styles[style]};`;
+    }
+  }
+  return css;
+}
+exports.getCSSFromStyleObject = getCSSFromStyleObject;
+exports.getStyleObjectFromRawCSS = getStyleObjectFromRawCSS;
+//# sourceMappingURL=css.js.map

package/dist/cjs/components/basic/lexical-editor/utils/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":["../../../../../../src/components/basic/lexical-editor/utils/css.ts"],"sourcesContent":["\r\nconst CSS_TO_STYLES = new Map();\r\n\r\n/**\r\n * Creates an object containing all the styles and their values provided in the CSS string.\r\n * @param css - The CSS string of styles and their values.\r\n * @returns The styleObject containing all the styles and their values.\r\n */\r\nexport function getStyleObjectFromRawCSS(css:string) {\r\n    const styleObject:any = {};\r\n    const styles = css.split(';');\r\n    for (const style of styles) {\r\n      if (style !== '') {\r\n        const [key, value] = style.split(/:([^]+)/); // split on first colon\r\n        if (key && value) {\r\n          styleObject[key.trim()] = value.trim();\r\n        }\r\n      }\r\n    }\r\n    return styleObject;\r\n  }\r\n  \r\n  /**\r\n   * Given a CSS string, returns an object from the style cache.\r\n   * @param css - The CSS property as a string.\r\n   * @returns The value of the given CSS property.\r\n   */\r\n  export function getStyleObjectFromCSS(css:string) {\r\n    let value = CSS_TO_STYLES.get(css);\r\n    if (value === undefined) {\r\n      value = getStyleObjectFromRawCSS(css);\r\n      CSS_TO_STYLES.set(css, value);\r\n    }\r\n    {\r\n      // Freeze the value in DEV to prevent accidental mutations\r\n      Object.freeze(value);\r\n    }\r\n    return value;\r\n  }\r\n  \r\n  /**\r\n   * Gets the CSS styles from the style object.\r\n   * @param styles - The style object containing the styles to get.\r\n   * @returns A string containing the CSS styles and their values.\r\n   */\r\n  export function getCSSFromStyleObject(styles:any) {\r\n    let css = '';\r\n    for (const style in styles) {\r\n      if (style && styles[style]) {\r\n        css += `${style}: ${styles[style]};`;\r\n      }\r\n    }\r\n    return css;\r\n  }\r\n"],"names":[],"mappings":";;AAQO,SAAS,yBAAyB,KAAY;AACjD,QAAM,cAAkB,CAAA;AAClB,QAAA,SAAS,IAAI,MAAM,GAAG;AAC5B,aAAW,SAAS,QAAQ;AAC1B,QAAI,UAAU,IAAI;AAChB,YAAM,CAAC,KAAK,KAAK,IAAI,MAAM,MAAM,SAAS;AAC1C,UAAI,OAAO,OAAO;AAChB,oBAAY,IAAI,KAAA,CAAM,IAAI,MAAM,KAAK;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AACO,SAAA;AACT;AAyBO,SAAS,sBAAsB,QAAY;AAChD,MAAI,MAAM;AACV,aAAW,SAAS,QAAQ;AACtB,QAAA,SAAS,OAAO,KAAK,GAAG;AAC1B,aAAO,GAAG,KAAK,KAAK,OAAO,KAAK,CAAC;AAAA,IACnC;AAAA,EACF;AACO,SAAA;AACT;;;"}

package/dist/cjs/components/basic/lexical-editor/utils/html.js

@@ -0,0 +1,245 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lexical = require("lexical");
+const utils = require("@lexical/utils");
+const selection = require("@lexical/selection");
+require("vue");
+require("@maketribe/dm");
+require("element-plus");
+require("./image.js");
+require("@element-plus/icons-vue");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("../composables/useElementBlockSelection.js");
+const ModuleDecoratorNode = require("../nodes/ModuleDecoratorNode.js");
+require("../nodes/ImageNode.js");
+require("../nodes/ImageTextWarpNode.js");
+require("../nodes/Template.js");
+const domParser = new DOMParser();
+const unwrapArtificalNodes = function $unwrapArtificalNodes(allArtificialNodes) {
+  for (const node of allArtificialNodes) {
+    if (node.getNextSibling() instanceof lexical.ArtificialNode__DO_NOT_USE) {
+      node.insertAfter(lexical.$createLineBreakNode());
+    }
+  }
+  for (const node of allArtificialNodes) {
+    if (lexical.$isElementNode(node)) {
+      const children = node.getChildren();
+      for (const child of children) {
+        node.insertBefore(child);
+      }
+      node.remove();
+    }
+  }
+};
+const getConversionFunction = function(domNode, editor) {
+  const { nodeName } = domNode;
+  const cachedConversions = editor._htmlConversions.get(nodeName.toLowerCase());
+  let currentConversion = null;
+  if (cachedConversions !== void 0) {
+    for (const cachedConversion of cachedConversions) {
+      const domConversion = cachedConversion(domNode);
+      if (domConversion !== null && (currentConversion === null || (currentConversion.priority || 0) < (domConversion.priority || 0))) {
+        currentConversion = domConversion;
+      }
+    }
+  }
+  return currentConversion !== null ? currentConversion.conversion : null;
+};
+const wrapContinuousInlines = function(domNode, nodes, createWrapperFn) {
+  const textAlign = domNode.style.textAlign;
+  const out = [];
+  let continuousInlines = [];
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (lexical.$isBlockElementNode(node)) {
+      if (textAlign && !node.getFormat()) {
+        node.setFormat(textAlign);
+      }
+      out.push(node);
+    } else {
+      continuousInlines.push(node);
+      if (i === nodes.length - 1 || i < nodes.length - 1 && lexical.$isBlockElementNode(nodes[i + 1])) {
+        const wrapper = createWrapperFn();
+        wrapper.setFormat(textAlign);
+        wrapper.append(...continuousInlines);
+        out.push(wrapper);
+        continuousInlines = [];
+      }
+    }
+  }
+  return out;
+};
+const isDomNodeBetweenTwoInlineNodes = function(node) {
+  if (node.nextSibling == null || node.previousSibling == null) {
+    return false;
+  }
+  return lexical.isInlineDomNode(node.nextSibling) && lexical.isInlineDomNode(node.previousSibling);
+};
+const createNodesFromElement = function(node, editor, allArtificialNodes, hasBlockAncestorLexicalNode, forChildMap = /* @__PURE__ */ new Map(), parentLexicalNode) {
+  let lexicalNodes = [];
+  let currentLexicalNode = null;
+  const transformFunction = getConversionFunction(node, editor);
+  const transformOutput = transformFunction ? transformFunction(node) : null;
+  let postTransform = null;
+  if (transformOutput !== null) {
+    postTransform = transformOutput.after;
+    const transformNodes = transformOutput.node;
+    currentLexicalNode = Array.isArray(transformNodes) ? transformNodes[transformNodes.length - 1] : transformNodes;
+    if (currentLexicalNode !== null) {
+      for (const [, forChildFunction] of forChildMap) {
+        currentLexicalNode = forChildFunction(currentLexicalNode, parentLexicalNode);
+        if (!currentLexicalNode) {
+          break;
+        }
+      }
+      if (currentLexicalNode) {
+        lexicalNodes.push(...Array.isArray(transformNodes) ? transformNodes : [currentLexicalNode]);
+      }
+    }
+    if (transformOutput.forChild != null) {
+      forChildMap.set(node.nodeName, transformOutput.forChild);
+    }
+  }
+  const children = utils.isBlockDomNode(node) && node.hasAttribute(ModuleDecoratorNode.AttrMarkName) ? [] : node.childNodes;
+  let childLexicalNodes = [];
+  const hasBlockAncestorLexicalNodeForChildren = currentLexicalNode != null && (lexical.$isRootOrShadowRoot(currentLexicalNode) ? false : currentLexicalNode != null && lexical.$isBlockElementNode(currentLexicalNode) || hasBlockAncestorLexicalNode);
+  for (let i = 0; i < children.length; i++) {
+    childLexicalNodes.push(...createNodesFromElement(children[i], editor, allArtificialNodes, hasBlockAncestorLexicalNodeForChildren, new Map(forChildMap), currentLexicalNode));
+  }
+  if (postTransform != null) {
+    childLexicalNodes = postTransform(childLexicalNodes);
+  }
+  if (utils.isBlockDomNode(node)) {
+    if (!hasBlockAncestorLexicalNodeForChildren) {
+      childLexicalNodes = wrapContinuousInlines(node, childLexicalNodes, lexical.$createParagraphNode);
+    } else {
+      childLexicalNodes = wrapContinuousInlines(node, childLexicalNodes, () => {
+        const artificialNode = new lexical.ArtificialNode__DO_NOT_USE();
+        allArtificialNodes.push(artificialNode);
+        return artificialNode;
+      });
+    }
+  }
+  if (currentLexicalNode == null) {
+    if (childLexicalNodes.length > 0) {
+      lexicalNodes = lexicalNodes.concat(childLexicalNodes);
+    } else {
+      if (utils.isBlockDomNode(node) && isDomNodeBetweenTwoInlineNodes(node)) {
+        lexicalNodes = lexicalNodes.concat(lexical.$createLineBreakNode());
+      }
+    }
+  } else if (lexical.$isElementNode(currentLexicalNode)) {
+    currentLexicalNode.append(...childLexicalNodes);
+  }
+  return lexicalNodes;
+};
+const generateNodesFromHtml = function $generateNodesFromDOM(editor, html) {
+  try {
+    const doc = domParser.parseFromString(html, "text/html");
+    const elements = doc.body.childNodes;
+    let lexicalNodes = [];
+    const allArtificialNodes = [];
+    for (let i = 0; i < elements.length; i++) {
+      let element = elements[i];
+      if (!utils.isBlockDomNode(element) && element.nodeValue != "\n" && element.nodeValue != "\r\n") {
+        const p = document.createElement("p");
+        if (element instanceof Text) {
+          p.textContent = element.data;
+        } else {
+          p.innerHTML = element.outerHTML;
+        }
+        element = p;
+      }
+      const lexicalNode = createNodesFromElement(element, editor, allArtificialNodes, false);
+      if (lexicalNode !== null) {
+        lexicalNodes = lexicalNodes.concat(lexicalNode);
+      }
+    }
+    unwrapArtificalNodes(allArtificialNodes);
+    return lexicalNodes;
+  } catch (error) {
+    throw error;
+  }
+};
+const appendNodesToHTML = function(editor, currentNode, parentElement, selection$1 = null) {
+  let shouldInclude = selection$1 !== null ? currentNode.isSelected(selection$1) : true;
+  const shouldExclude = lexical.$isElementNode(currentNode) && currentNode.excludeFromCopy("html");
+  let target = currentNode;
+  if (selection$1 !== null) {
+    let clone = lexical.$cloneWithProperties(currentNode);
+    clone = lexical.$isTextNode(clone) && selection$1 !== null ? selection.$sliceSelectedTextNodeContent(selection$1, clone) : clone;
+    target = clone;
+  }
+  const children = lexical.$isElementNode(target) ? target.getChildren() : [];
+  const registeredNode = editor._nodes.get(target.getType());
+  let exportOutput;
+  if (registeredNode && registeredNode.exportDOM !== void 0) {
+    exportOutput = registeredNode.exportDOM(editor, target);
+  } else {
+    exportOutput = target.exportDOM(editor);
+  }
+  const { element, after } = exportOutput;
+  if (!element) {
+    return false;
+  }
+  const fragment = document.createDocumentFragment();
+  for (let i = 0; i < children.length; i++) {
+    const childNode = children[i];
+    const shouldIncludeChild = appendNodesToHTML(editor, childNode, fragment, selection$1);
+    if (!shouldInclude && lexical.$isElementNode(currentNode) && shouldIncludeChild && currentNode.extractWithChild(childNode, selection$1, "html")) {
+      shouldInclude = true;
+    }
+  }
+  if (shouldInclude && !shouldExclude) {
+    if (lexical.isHTMLElement(element)) {
+      element.append(fragment);
+    }
+    parentElement.append(element);
+    if (after) {
+      const newElement = after.call(target, element);
+      if (newElement) {
+        element.replaceWith(newElement);
+      }
+    }
+  } else {
+    parentElement.append(fragment);
+  }
+  return shouldInclude;
+};
+const generateHtmlFromNodes = function $generateHtmlFromNodes(editor, selection2) {
+  if (typeof document === "undefined" || typeof window === "undefined") {
+    throw new Error("To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.");
+  }
+  const container = document.createElement("div");
+  const root = lexical.$getRoot();
+  const topLevelChildren = root.getChildren();
+  for (let i = 0; i < topLevelChildren.length; i++) {
+    const topLevelNode = topLevelChildren[i];
+    appendNodesToHTML(editor, topLevelNode, container, selection2);
+  }
+  return prettifyHTMLElement(container, 0).innerHTML.trim();
+};
+const prettifyHTMLElement = function(node, level) {
+  const indentBefore = Array.from({ length: level++ + 1 }).join("  ");
+  const indentAfter = Array.from({ length: level - 1 }).join("  ");
+  let textNode;
+  for (let i = 0; i < node.children.length; i++) {
+    textNode = document.createTextNode(`
+${indentBefore}`);
+    node.insertBefore(textNode, node.children[i]);
+    prettifyHTMLElement(node.children[i], level);
+    if (node.lastElementChild === node.children[i]) {
+      textNode = document.createTextNode(`
+${indentAfter}`);
+      node.appendChild(textNode);
+    }
+  }
+  return node;
+};
+exports.generateHtmlFromNodes = generateHtmlFromNodes;
+exports.generateNodesFromHtml = generateNodesFromHtml;
+exports.prettifyHTMLElement = prettifyHTMLElement;
+//# sourceMappingURL=html.js.map

package/dist/cjs/components/basic/lexical-editor/utils/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sources":["../../../../../../src/components/basic/lexical-editor/utils/html.ts"],"sourcesContent":["import { \r\n  ArtificialNode__DO_NOT_USE,\r\n  $createLineBreakNode,\r\n  LexicalEditor, \r\n  LexicalNode,\r\n  ElementNode,\r\n  $isRootOrShadowRoot,\r\n  $isBlockElementNode,\r\n  ElementFormatType,\r\n  $createParagraphNode,\r\n  isInlineDomNode,\r\n  $isElementNode,\r\n  $getRoot,\r\n  BaseSelection,\r\n  $cloneWithProperties,\r\n  $isTextNode,\r\n  NodeSelection,\r\n  RangeSelection,\r\n  isHTMLElement\r\n} from \"lexical\";\r\n\r\nimport { isBlockDomNode } from \"@lexical/utils\"\r\nimport { $sliceSelectedTextNodeContent } from \"@lexical/selection\";\r\nimport { AttrMarkName } from \"../nodes\"\r\n\r\nconst domParser = new DOMParser()\r\n\r\n/**\r\n* 展开不确定的节点\r\n* @param allArtificialNodes \r\n*/\r\nconst unwrapArtificalNodes = function $unwrapArtificalNodes(allArtificialNodes:ElementNode[]|LexicalNode[]) {\r\n\r\n  for (const node of allArtificialNodes) {\r\n\r\n    if (node.getNextSibling() instanceof ArtificialNode__DO_NOT_USE) {\r\n      node.insertAfter($createLineBreakNode());\r\n    }\r\n  }\r\n  // Replace artificial node with it's children\r\n  for (const node of allArtificialNodes) {\r\n\r\n    // 元素的话\r\n    if($isElementNode(node)){\r\n\r\n      const children = node.getChildren();\r\n\r\n      for (const child of children) {\r\n  \r\n        node.insertBefore(child);\r\n  \r\n      }\r\n  \r\n      node.remove();\r\n    }\r\n  }\r\n}\r\n\r\n// 获取节点转换器 就是 importDOM 定义的东西\r\nconst getConversionFunction = function(domNode:HTMLElement, editor:LexicalEditor) {\r\n\r\n  const {  nodeName } = domNode;\r\n\r\n  const cachedConversions = editor._htmlConversions.get(nodeName.toLowerCase());\r\n\r\n  let currentConversion = null;\r\n\r\n  if (cachedConversions !== undefined) {\r\n\r\n    for (const cachedConversion of cachedConversions) {\r\n\r\n      const domConversion = cachedConversion(domNode);\r\n\r\n      // 一直找到优先级最高的节点转换器\r\n      if (domConversion !== null && (currentConversion === null || (currentConversion.priority || 0) < (domConversion.priority || 0))) {\r\n      \r\n        currentConversion = domConversion;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  return currentConversion !== null ? currentConversion.conversion : null;\r\n}\r\n\r\n/**\r\n* 给内联节点包一个块节点\r\n* @param domNode \r\n* @param nodes \r\n* @param createWrapperFn \r\n* @returns \r\n*/\r\nconst wrapContinuousInlines = function (domNode : HTMLElement, nodes:LexicalNode[], createWrapperFn:Function) {\r\n\r\n  const textAlign = domNode.style.textAlign;\r\n  const out = [];\r\n  let continuousInlines = [];\r\n  // wrap contiguous inline child nodes in para\r\n  for (let i = 0; i < nodes.length; i++) {\r\n\r\n    const node = nodes[i];\r\n\r\n    if ($isBlockElementNode(node)) {\r\n\r\n      if (textAlign && !node.getFormat()) {\r\n        node.setFormat(textAlign as ElementFormatType);\r\n      }\r\n\r\n      out.push(node);\r\n    } \r\n    else {\r\n\r\n      continuousInlines.push(node);\r\n\r\n      if (i === nodes.length - 1 || i < nodes.length - 1 && $isBlockElementNode(nodes[i + 1])) {\r\n        const wrapper = createWrapperFn();\r\n        wrapper.setFormat(textAlign);\r\n        wrapper.append(...continuousInlines);\r\n        out.push(wrapper);\r\n        continuousInlines = [];\r\n      }\r\n    }\r\n  }\r\n  return out;\r\n}\r\n\r\nconst isDomNodeBetweenTwoInlineNodes = function (node:HTMLElement) {\r\n\r\n  if (node.nextSibling == null || node.previousSibling == null) {\r\n    return false;\r\n  }\r\n\r\n  return isInlineDomNode(node.nextSibling) && isInlineDomNode(node.previousSibling);\r\n}\r\n\r\n\r\n/**\r\n* 根据元素节点创建 LexicalNode\r\n* @param node \r\n* @param editor \r\n* @param allArtificialNodes \r\n* @param hasBlockAncestorLexicalNode \r\n* @param forChildMap \r\n* @param parentLexicalNode \r\n* @returns \r\n*/\r\nconst createNodesFromElement = function (node:HTMLElement, editor:LexicalEditor, allArtificialNodes:ElementNode[], hasBlockAncestorLexicalNode:boolean, forChildMap = new Map(), parentLexicalNode?:LexicalNode) {\r\n\r\n\r\n  let lexicalNodes:LexicalNode[] = [];\r\n\r\n  let currentLexicalNode = null;\r\n \r\n \r\n  // if(node.getAttribute(\"module-name\")){\r\n  //   console.log(node,mname)\r\n  // }\r\n  const transformFunction = getConversionFunction(node, editor);\r\n\r\n  const transformOutput = transformFunction ? transformFunction(node) : null;\r\n \r\n  let postTransform = null;\r\n\r\n  if (transformOutput !== null) {\r\n\r\n      postTransform = transformOutput.after;\r\n\r\n      const transformNodes = transformOutput.node;\r\n\r\n      currentLexicalNode = Array.isArray(transformNodes) ? transformNodes[transformNodes.length - 1] : transformNodes;\r\n\r\n      if (currentLexicalNode !== null) {\r\n\r\n          for (const [, forChildFunction] of forChildMap) {\r\n\r\n              currentLexicalNode = forChildFunction(currentLexicalNode, parentLexicalNode);\r\n\r\n              if (!currentLexicalNode) { break; }\r\n          }\r\n\r\n          if (currentLexicalNode) {\r\n              lexicalNodes.push(...(Array.isArray(transformNodes) ? transformNodes : [currentLexicalNode]));\r\n          }\r\n      }\r\n\r\n      if (transformOutput.forChild != null) {\r\n          forChildMap.set(node.nodeName, transformOutput.forChild);\r\n      }\r\n  }\r\n\r\n  // If the DOM node doesn't have a transformer, we don't know what\r\n  // to do with it but we still need to process any childNodes.\r\n  // 找到模块就不继续往下找了\r\n  const children = isBlockDomNode(node) && node.hasAttribute(AttrMarkName) ? [] : node.childNodes;\r\n\r\n  let childLexicalNodes = [];\r\n\r\n  const hasBlockAncestorLexicalNodeForChildren = \r\n      currentLexicalNode != null && \r\n      (\r\n          $isRootOrShadowRoot(currentLexicalNode) ? false \r\n          : (currentLexicalNode != null && $isBlockElementNode(currentLexicalNode) || hasBlockAncestorLexicalNode)\r\n      );\r\n  \r\n  for (let i = 0; i < children.length; i++) {\r\n    childLexicalNodes.push(...createNodesFromElement(children[i] as HTMLElement, editor, allArtificialNodes, hasBlockAncestorLexicalNodeForChildren, new Map(forChildMap), currentLexicalNode));\r\n  }\r\n\r\n  if (postTransform != null) {\r\n    childLexicalNodes = postTransform(childLexicalNodes);\r\n  }\r\n\r\n  if (isBlockDomNode(node)) {\r\n   \r\n    if (!hasBlockAncestorLexicalNodeForChildren) {\r\n      childLexicalNodes = wrapContinuousInlines(node, childLexicalNodes, $createParagraphNode);\r\n    } \r\n    else {\r\n\r\n      childLexicalNodes = wrapContinuousInlines(node, childLexicalNodes, () => {\r\n\r\n        const artificialNode = new ArtificialNode__DO_NOT_USE();\r\n\r\n        allArtificialNodes.push(artificialNode);\r\n\r\n        return artificialNode;\r\n      });\r\n    }\r\n  }\r\n\r\n  if (currentLexicalNode == null) {\r\n\r\n    if (childLexicalNodes.length > 0) {\r\n      // If it hasn't been converted to a LexicalNode, we hoist its children\r\n      // up to the same level as it.\r\n      lexicalNodes = lexicalNodes.concat(childLexicalNodes);\r\n    } \r\n    else {\r\n      if (isBlockDomNode(node) && isDomNodeBetweenTwoInlineNodes(node)) {\r\n        // Empty block dom node that hasnt been converted, we replace it with a linebreak if its between inline nodes\r\n        lexicalNodes = lexicalNodes.concat($createLineBreakNode());\r\n      }\r\n    }\r\n  } \r\n  else if ($isElementNode(currentLexicalNode)) {\r\n  // If the current node is a ElementNode after conversion,\r\n  // we can append all the children to it.\r\n  currentLexicalNode.append(...childLexicalNodes);\r\n  }\r\n  return lexicalNodes;\r\n}\r\n\r\n\r\nexport const generateNodesFromHtml = function $generateNodesFromDOM(editor:LexicalEditor, html:string) {\r\n\r\n  try {\r\n    const doc =  domParser.parseFromString(html,\"text/html\")\r\n\r\n    const elements = doc.body.childNodes;\r\n  \r\n    let lexicalNodes:LexicalNode[] = [];\r\n  \r\n    const allArtificialNodes:ElementNode[] = [];\r\n  \r\n    for (let i = 0; i < elements.length; i++) {\r\n  \r\n        let element = elements[i] as HTMLElement; \r\n  \r\n        // 解决根不是块级元素的问题 忽略 换行符\r\n        if(!isBlockDomNode(element) && element.nodeValue != \"\\n\" && element.nodeValue != \"\\r\\n\"){\r\n  \r\n          const p = document.createElement(\"p\")\r\n  \r\n          if(element instanceof Text){\r\n            // .replace(/[\\n|\\r\\n]+/g,\"<br />\")\r\n            p.textContent = element.data;\r\n      \r\n          }\r\n          else{\r\n            p.innerHTML = element.outerHTML ;\r\n          }\r\n         \r\n          element = p;\r\n         \r\n        }\r\n  \r\n        const lexicalNode = createNodesFromElement(element, editor, allArtificialNodes,false);\r\n            \r\n        if (lexicalNode !== null) {\r\n            lexicalNodes = lexicalNodes.concat(lexicalNode);\r\n        }\r\n    } \r\n    unwrapArtificalNodes(allArtificialNodes);\r\n    return lexicalNodes;\r\n  } catch (error) {\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * \r\n * @param editor \r\n * @param currentNode \r\n * @param parentElement \r\n * @param selection \r\n * @returns \r\n */\r\nconst appendNodesToHTML = function (editor:LexicalEditor, currentNode:LexicalNode, parentElement:HTMLElement|DocumentFragment, selection:BaseSelection|NodeSelection|RangeSelection|null = null) {\r\n\r\n  let shouldInclude = selection !== null ? currentNode.isSelected(selection) : true;\r\n\r\n  const shouldExclude = $isElementNode(currentNode) && currentNode.excludeFromCopy('html');\r\n\r\n  let target = currentNode;\r\n\r\n  if (selection !== null) {\r\n\r\n      let clone = $cloneWithProperties(currentNode);\r\n\r\n      clone = $isTextNode(clone) && selection !== null ? $sliceSelectedTextNodeContent(selection, clone) : clone;\r\n\r\n      target = clone;\r\n  }\r\n\r\n  const children = $isElementNode(target) ? target.getChildren() : [];\r\n  const registeredNode = editor._nodes.get(target.getType());\r\n\r\n  let exportOutput;\r\n\r\n  // Use HTMLConfig overrides, if available.\r\n  if (registeredNode && registeredNode.exportDOM !== undefined) {\r\n    exportOutput = registeredNode.exportDOM(editor, target);\r\n  } \r\n  else {\r\n    exportOutput = target.exportDOM(editor);\r\n  }\r\n\r\n  const { element,  after } = exportOutput;\r\n\r\n  if (!element) {\r\n    return false;\r\n  }\r\n\r\n  const fragment = document.createDocumentFragment();\r\n\r\n  for (let i = 0; i < children.length; i++) {\r\n\r\n    const childNode = children[i];\r\n    const shouldIncludeChild = appendNodesToHTML(editor, childNode, fragment, selection);\r\n\r\n    if (!shouldInclude && $isElementNode(currentNode) && shouldIncludeChild && currentNode.extractWithChild(childNode, selection, 'html')) {\r\n      shouldInclude = true;\r\n    }\r\n  }\r\n\r\n  if (shouldInclude && !shouldExclude) {\r\n\r\n    if (isHTMLElement(element)) { element.append(fragment); }\r\n\r\n    parentElement.append(element);\r\n\r\n    if (after) {\r\n\r\n      const newElement = after.call(target, element);\r\n\r\n      if (newElement) { element.replaceWith(newElement); }\r\n    }\r\n\r\n  } \r\n  else {\r\n    parentElement.append(fragment);\r\n  }\r\n\r\n  return shouldInclude;\r\n}\r\n\r\n/**\r\n * \r\n * @param editor \r\n * @param selection \r\n * @returns \r\n */\r\nexport const generateHtmlFromNodes = function $generateHtmlFromNodes(editor:LexicalEditor, selection?:BaseSelection) {\r\n\r\n  //  && typeof global.window === 'undefined'\r\n  if (typeof document === 'undefined' || typeof window === 'undefined') {\r\n    throw new Error('To use $generateHtmlFromNodes in headless mode please initialize a headless browser implementation such as JSDom before calling this function.');\r\n  }\r\n\r\n  const container = document.createElement('div');\r\n  const root = $getRoot();\r\n  const topLevelChildren = root.getChildren();\r\n\r\n  for (let i = 0; i < topLevelChildren.length; i++) {\r\n\r\n    const topLevelNode = topLevelChildren[i];\r\n\r\n    appendNodesToHTML(editor, topLevelNode, container, selection);\r\n\r\n  }\r\n\r\n  return prettifyHTMLElement(container,0).innerHTML.trim();\r\n}\r\n\r\n/**\r\n * 美化html element\r\n * @param node \r\n * @param level \r\n * @returns \r\n */\r\nexport const prettifyHTMLElement = function (node: Element, level: number) {\r\n  const indentBefore = Array.from({ length: level++ + 1 }).join('  ')\r\n  const indentAfter = Array.from({ length: level - 1 }).join('  ')\r\n  let textNode\r\n\r\n  for (let i = 0; i < node.children.length; i++) {\r\n    textNode = document.createTextNode(`\\n${indentBefore}`)\r\n    node.insertBefore(textNode, node.children[i])\r\n    prettifyHTMLElement(node.children[i], level)\r\n    if (node.lastElementChild === node.children[i]) {\r\n      textNode = document.createTextNode(`\\n${indentAfter}`)\r\n      node.appendChild(textNode)\r\n    }\r\n  }\r\n  return node\r\n}\r\n\r\n\r\n/**\r\n * 美化 html\r\n * @param str \r\n * @returns \r\n */\r\nexport const prettifyHTML = function (str: string) {\r\n  const div = document.createElement('div')\r\n  div.innerHTML = str.trim()\r\n  return prettifyHTMLElement(div, 0).innerHTML.trim()\r\n}\r\n\r\n"],"names":["ArtificialNode__DO_NOT_USE","$createLineBreakNode","$isElementNode","$isBlockElementNode","isInlineDomNode","isBlockDomNode","AttrMarkName","$isRootOrShadowRoot","$createParagraphNode","selection","$cloneWithProperties","$isTextNode","$sliceSelectedTextNodeContent","isHTMLElement","$getRoot"],"mappings":"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"}

package/dist/cjs/components/basic/{doc-editor/plugins/ImagePlugin/utils.js → lexical-editor/utils/image.js}

@@ -3,13 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
-const MsMaterialTable = require("../../../../../modules/ms/dataviews/ms-material/MsMaterialTable.js");
-const index = require("../../../../../modules/ms/components/material-list/index.js");
 const utils = require("@maketribe/utils");
-require("../../../image-cropper/index.js");
 const request = require("@maketribe/request");
-const imageCropperApi = require("../../../image-cropper/image-cropper-api.js");
+const elIcons = require("@element-plus/icons-vue");
+const MsMaterialTable = require("../../../../modules/ms/dataviews/ms-material/MsMaterialTable.js");
+const index = require("../../../../modules/ms/components/material-list/index.js");
+require("../../image-cropper/index.js");
+const imageCropperApi = require("../../image-cropper/image-cropper-api.js");
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -339,4 +339,4 @@ const showImageEditDialog = async (attrs) => {
 };
 exports.imageUpload = imageUpload;
 exports.showImageEditDialog = showImageEditDialog;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=image.js.map

package/dist/cjs/components/basic/lexical-editor/utils/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../../../../src/components/basic/lexical-editor/utils/image.tsx"],"sourcesContent":["\r\nimport { Fragment,h,onMounted, watch,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon,\r\n  ElForm,ElFormItem,ElRow,ElCol\r\n} from \"element-plus\";\r\nimport { fileSelect } from \"@maketribe/utils\"\r\nimport {  WebFileUpload } from \"@maketribe/request\";\r\nimport { base64ToBlob,md5 } from \"@maketribe/utils\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { Crop,Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport { MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\r\nimport { ImageCropper } from \"../../image-cropper\"\r\n\r\n// 选择状态\r\nconst selectState = ref(\"select\");\r\n\r\n/**\r\n * 图片加载\r\n * @param src \r\n * @returns \r\n */\r\nexport const imageLoad = (src:string)=>{\r\n  // 加载文案\r\n  return new Promise((resolve,reject)=>{\r\n    // 加载一下\r\n    const image = new Image();\r\n    const loadComplete = ()=>{  resolve(image.src); }\r\n    image.onload = ()=>loadComplete()\r\n    image.onerror = reject\r\n    image.src = src;\r\n    if(image.complete){ loadComplete(); }\r\n  })\r\n}\r\n\r\n/**\r\n * 图片上传\r\n * @param src \r\n */\r\nexport const imageUpload = (src:string)=>{\r\n\r\n  // 上传\r\n  const webFileUpload = new WebFileUpload();\r\n  return new Promise((resolve,reject)=>{\r\n\r\n    if(src && src.indexOf(\"data:image/\") == 0){\r\n\r\n      // 开始上传\r\n      const blob = base64ToBlob(src); \r\n  \r\n      // 上传\r\n      webFileUpload.upload(\r\n        new File([blob], `${md5(Math.random().toString())}.${blob.type.toString().replace(\"image/\",\"\") || \"png\"}`, { type: blob.type })\r\n      ).then(result=>{\r\n  \r\n        if (result.data.code !== 200) {\r\n          Messager.error({ message: result.data.msg });\r\n          reject(new Error(result.data.msg ));\r\n        }\r\n        else{\r\n          resolve(result.data.data.path);\r\n        }\r\n        \r\n      });\r\n    }\r\n    else{ resolve(src); }\r\n  })\r\n}\r\n\r\n/**\r\n * 图片编辑面板\r\n */\r\nconst ImageEditPanelComponent = defineComponent({\r\n  name: 'ImageEditPanelComponent',\r\n  props: ['attrs'],\r\n  setup(props,{ expose }){\r\n\r\n    const attrs = reactive(props.attrs)\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n    const margin = ref({t:0,r:0,b:0,l:0})\r\n\r\n    watch(()=>`${margin.value.t} ${margin.value.r} ${margin.value.b} ${margin.value.l}`,(v)=>{\r\n      attrs.margin = v;\r\n    })\r\n\r\n    watch(()=>props.attrs,()=>{\r\n      var vals = props.attrs.margin.split(/[\\s]+/g);\r\n    \r\n      if(vals.length == 1 && vals[0]){\r\n        margin.value = {t:vals[0],r:vals[0],b:vals[0],l:vals[0]}\r\n      }\r\n      else if(vals.length == 2){\r\n        margin.value =  {t:vals[0],r:vals[1],b:vals[0],l:vals[1]}\r\n      }\r\n      else if(vals.length == 3){\r\n        margin.value =  {t:vals[0],r:vals[1],b:vals[2],l:vals[1]}\r\n      }\r\n      else if(vals.length == 4){\r\n        margin.value =  {t:vals[0],r:vals[1],b:vals[2],l:vals[3]}\r\n      }\r\n    \r\n    },{ immediate:true })\r\n\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        attrs.src = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        attrs.src = \"\";\r\n      }\r\n    })\r\n\r\n    //\r\n    const selectImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          attrs.src = data.target.result;\r\n         \r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    // 导出可用的方法\r\n    expose({ \r\n      getResult:()=>{ return {...attrs} } ,\r\n      setSrc:(src:string)=>{  attrs.src = src }\r\n    });\r\n\r\n    return ()=>{\r\n\r\n      // 图片预览\r\n      const ImageView = <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px\" src={attrs.src} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>\r\n     \r\n      // 面板内容\r\n      let panel = <ElTabs style=\"min-height: 520px\">\r\n        <ElTabPane label=\"本地选择\">\r\n          <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectImage}>\r\n            选择本地文件\r\n          </ElButton>\r\n          {ImageView}\r\n        </ElTabPane>\r\n        <ElTabPane label=\"素材库选择\">\r\n          <MKMaterialList class=\"mk-material-select__list\" selectable  allowMaterialTypeValues={[1]}  materialTable={materialTable} />\r\n        </ElTabPane>\r\n        <ElTabPane label=\"网络图片\">\r\n          <ElInput v-model={attrs.src} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n          </ElInput>\r\n          {ImageView}\r\n        </ElTabPane>\r\n      </ElTabs>\r\n\r\n      if(selectState.value == \"attrs\"){\r\n        panel = <ElRow gutter={20}>\r\n          <ElCol span={14}>\r\n            {ImageView}\r\n          </ElCol>\r\n          <ElCol span={10}>\r\n            <ElForm label-position=\"top\" model={attrs}>\r\n              <ElFormItem label=\"图片描述\">\r\n                <ElInput v-model={attrs.alt} type=\"textarea\" {...{ rows:3 }} style=\"width: 100%\" placeholder=\"请输入\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示宽度\">\r\n                <ElInput v-model={attrs.width} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示高度\">\r\n                <ElInput v-model={attrs.height} style=\"width: 100%\" placeholder=\"请输入高度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示宽度\">\r\n                <ElInput v-model={attrs.maxWidth} style=\"width: 100%\" placeholder=\"请输入宽度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片最大显示高度\">\r\n                <ElInput v-model={attrs.maxHeight} style=\"width: 100%\" placeholder=\"请输入高度（可支持%）\">\r\n                </ElInput>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"图片显示外边距\">\r\n                <div style=\"display: flex;flex-wrap: nowrap;gap: 10px;justify-content: space-around;\">\r\n                  <div>\r\n                    上:\r\n                    <ElInput v-model={margin.value.t} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  <div>\r\n                    右:\r\n                    <ElInput v-model={margin.value.r} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    下:\r\n                    <ElInput v-model={margin.value.b} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                  \r\n                  <div>\r\n                    左:\r\n                    <ElInput v-model={margin.value.l} placeholder=\"\">\r\n                    </ElInput>\r\n                  </div>\r\n                </div>\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElCol>\r\n        </ElRow>\r\n      }\r\n\r\n      return panel;\r\n    }\r\n  }\r\n})\r\n\r\n/**\r\n * \r\n * @param attrs 显示图片编辑面板\r\n * @returns \r\n */\r\nexport const showImageEditDialog = async  (attrs:any) => {\r\n  return new Promise((resolve,reject) => {\r\n\r\n    // 初始化\r\n    selectState.value = attrs.src ? \"attrs\":\"select\";\r\n\r\n    const imageEditPanelRef = ref<any>(null);\r\n    const editResult = computed<any>(()=>imageEditPanelRef.value?.getResult())\r\n\r\n    // 去裁切\r\n    const toCropImageHandle = async ()=>{\r\n      \r\n      if(editResult.value.src){\r\n        var result = await ImageCropper({ src: editResult.value.src});\r\n        if(result.data){\r\n          imageEditPanelRef.value?.setSrc(result.data);\r\n        }\r\n      }\r\n     \r\n    }\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve({...editResult.value});\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"素材选择\",\r\n      class: \"mk-material-select\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return h(ImageEditPanelComponent,{attrs,ref:r=>imageEditPanelRef.value = r});\r\n      },\r\n      footer: () => {\r\n\r\n        // 下一步按钮\r\n        let nextBtns = [\r\n          <ElButton type=\"primary\" onClick={()=>selectState.value = 'attrs'}>\r\n            下一步\r\n          </ElButton>\r\n        ]\r\n\r\n        if(selectState.value == \"attrs\"){\r\n          nextBtns = [\r\n            <ElButton type=\"primary\" onClick={()=>selectState.value='select'}>\r\n              重新选图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={toCropImageHandle}>\r\n              裁切图\r\n            </ElButton>,\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确定\r\n            </ElButton>\r\n          ];\r\n        }\r\n\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            {...nextBtns}\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","selectState","ref","imageUpload","src","webFileUpload","WebFileUpload","Promise","resolve","reject","indexOf","blob","base64ToBlob","upload","File","md5","Math","random","type","replace","then","result","data","code","Messager","error","message","msg","Error","path","ImageEditPanelComponent","defineComponent","name","props","setup","expose","attrs","reactive","materialTable","MsMaterialTable","margin","t","r","b","l","watch","value","v","vals","split","length","immediate","selectionChangeEvent","on","id","getSelection","getList","find","item","selectImage","file","fileSelect","accept","fileRender","FileReader","onload","target","readAsDataURL","getResult","setSrc","ImageView","_createVNode","ElImage","ElIcon","default","Picture","panel","ElTabs","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","ElInput","$event","Share","ElRow","ElCol","ElForm","ElFormItem","_mergeProps","alt","rows","width","height","maxWidth","maxHeight","showImageEditDialog","imageEditPanelRef","editResult","computed","toCropImageHandle","ImageCropper","handleCancelClick","dialogInstance","destroy","handleConfirmClick","Dialoger","customRender","title","class","onClose","body","h","footer","nextBtns","onClick","_Fragment"],"mappings":"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"}

package/dist/cjs/components/basic/{doc-editor/plugins/AutoLinkPlugin/LinkEditDialog.js → lexical-editor/utils/link-edit-dialog.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
-const showLinkEditPanel = async (href) => {
+const showLinkEditDialog = async (href) => {
   return new Promise((resolve, reject) => {
     const hrefValue = vue.ref(href);
     const handleCancelClick = () => {
@@ -47,5 +47,5 @@ const showLinkEditPanel = async (href) => {
     });
   });
 };
-exports.showLinkEditPanel = showLinkEditPanel;
-//# sourceMappingURL=LinkEditDialog.js.map
+exports.showLinkEditDialog = showLinkEditDialog;
+//# sourceMappingURL=link-edit-dialog.js.map

package/dist/cjs/components/basic/lexical-editor/utils/link-edit-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-edit-dialog.js","sources":["../../../../../../src/components/basic/lexical-editor/utils/link-edit-dialog.tsx"],"sourcesContent":["\r\nimport { Fragment,ref } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport {  ElButton ,ElInput } from \"element-plus\";\r\n/**\r\n * \r\n * @param href \r\n * @returns \r\n */\r\nexport const showLinkEditDialog = async  (href:any) => {\r\n  return new Promise((resolve,reject) => {\r\n\r\n    const hrefValue = ref(href)\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve(hrefValue.value);\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"设置连接\",\r\n      class: \"mk-html-editor-dialog\",\r\n      width: \"500px\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return <ElInput v-model={hrefValue.value} clearable={true} placeholder='http://www.xxx.com'  v-slots={\r\n          {\r\n            prepend:()=>{\r\n              return \"地址：\";\r\n            }\r\n          }\r\n        }></ElInput>\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n            确定\r\n          </ElButton>\r\n      </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["showLinkEditDialog","href","Promise","resolve","reject","hrefValue","ref","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","Dialoger","customRender","title","class","width","onClose","body","_createVNode","ElInput","$event","prepend","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;AASaA,MAAAA,qBAAqB,OAAQC,SAAa;AACrD,SAAO,IAAIC,QAAQ,CAACC,SAAQC,WAAW;AAErC,UAAMC,YAAYC,QAAIL,IAAI;AAG1B,UAAMM,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAAA;AAIxB,UAAMC,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBN,cAAQE,UAAUM,KAAK;AAAA;AAGzB,UAAMH,iBAAiBI,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,SAASA,MAAM;AACbT,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDS,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,UAAA,cAAyBf,UAAUM;AAAAA,UAAK,uBAAAU,YAAfhB,UAAUM,QAAKU;AAAAA,UAAA,aAAa;AAAA,UAAI,eAAA;AAAA,WACvD;AAAA,UACEC,SAAQA,MAAI;AACV,mBAAO;AAAA,UACT;AAAA,SACD;AAAA,MAEJ;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAJ,IAAA,YAAAK,IAAA,UAAAL,MAAAA,CAAAA,IAAAA,YAAAM,YAAAA,UAAA;AAAA,UAAA,WACqBlB;AAAAA,QAAiB,GAAA;AAAA,UAAAmB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,IAAA,YAAAM,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFf;AAAAA,QAAkB,GAAA;AAAA,UAAAgB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIxD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}