@maketribe/ms-app 3.2.32 → 3.2.34

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalLinkPlugin.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent } from "vue";
+import { LinkNode, TOGGLE_LINK_COMMAND, toggleLink } from "@lexical/link";
+import { COMMAND_PRIORITY_LOW, PASTE_COMMAND, $getSelection, $isRangeSelection, $isElementNode } from "lexical";
+import invariant from "tiny-invariant";
+import { mergeRegister } from "@lexical/utils";
+import "@lexical/text";
+import { useMounted } from "../composables/useMounted.js";
+import "@lexical/overflow";
+import "@lexical/history";
+import { useLexicalComposer } from "../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LexicalLinkPlugin",
+  props: {
+    validateUrl: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const editor = useLexicalComposer();
+    useMounted(() => {
+      if (!editor.hasNodes([LinkNode]))
+        invariant(false, "LinkPlugin: LinkNode not registered on editor");
+      return mergeRegister(
+        editor.registerCommand(
+          TOGGLE_LINK_COMMAND,
+          (payload) => {
+            if (payload === null) {
+              toggleLink(payload);
+              return true;
+            } else if (typeof payload === "string") {
+              if (props.validateUrl === void 0 || props.validateUrl(payload)) {
+                toggleLink(payload);
+                return true;
+              }
+              return false;
+            } else {
+              const { url, target, rel, title } = payload;
+              toggleLink(url, { rel, target, title });
+              return true;
+            }
+          },
+          COMMAND_PRIORITY_LOW
+        ),
+        props.validateUrl !== void 0 ? editor.registerCommand(
+          PASTE_COMMAND,
+          (event) => {
+            var _a;
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || event.clipboardData == null) {
+              return false;
+            }
+            const clipboardText = event.clipboardData.getData("text");
+            if (!((_a = props.validateUrl) == null ? void 0 : _a.call(props, clipboardText)))
+              return false;
+            if (!selection.getNodes().some((node) => $isElementNode(node))) {
+              editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+              event.preventDefault();
+              return true;
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_LOW
+        ) : () => {
+        }
+      );
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalLinkPlugin.vue2.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalLinkPlugin.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalLinkPlugin.vue2.js","sources":["../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalLinkPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {\r\n  LinkNode,\r\n  TOGGLE_LINK_COMMAND,\r\n  toggleLink,\r\n} from '@lexical/link'\r\nimport {\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_LOW,\r\n  PASTE_COMMAND,\r\n} from 'lexical'\r\nimport invariant from 'tiny-invariant'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer } from '../composables'\r\nimport { useMounted } from '../composables/useMounted'\r\n\r\nconst props = defineProps<{\r\n  validateUrl?: (url: string) => boolean\r\n}>()\r\nconst editor = useLexicalComposer()\r\nuseMounted(() => {\r\n  if (!editor.hasNodes([LinkNode]))\r\n    invariant(false, 'LinkPlugin: LinkNode not registered on editor')\r\n\r\n  return mergeRegister(\r\n    editor.registerCommand(\r\n      TOGGLE_LINK_COMMAND,\r\n      (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          if (props.validateUrl === undefined || props.validateUrl(payload)) {\r\n            toggleLink(payload)\r\n            return true\r\n          }\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      },\r\n      COMMAND_PRIORITY_LOW,\r\n    ),\r\n    props.validateUrl !== undefined\r\n      ? editor.registerCommand(\r\n        PASTE_COMMAND,\r\n        (event) => {\r\n          const selection = $getSelection()\r\n          if (\r\n            !$isRangeSelection(selection)\r\n            || selection.isCollapsed()\r\n            || !(event instanceof ClipboardEvent)\r\n            || event.clipboardData == null\r\n          ) {\r\n            return false\r\n          }\r\n\r\n          const clipboardText = event.clipboardData.getData('text')\r\n          if (!props.validateUrl?.(clipboardText))\r\n            return false\r\n\r\n          // If we select nodes that are elements then avoid applying the link.\r\n          if (!selection.getNodes().some(node => $isElementNode(node))) {\r\n            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText)\r\n            event.preventDefault()\r\n            return true\r\n          }\r\n          return false\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      )\r\n      : () => {\r\n          // Don't paste arbritrary text as a link when there's no validate function\r\n        },\r\n  )\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAGd,UAAM,SAAS;AACf,eAAW,MAAM;AACf,UAAI,CAAC,OAAO,SAAS,CAAC,QAAQ,CAAC;AAC7B,kBAAU,OAAO,+CAA+C;AAE3D,aAAA;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA,CAAC,YAAY;AACX,gBAAI,YAAY,MAAM;AACpB,yBAAW,OAAO;AACX,qBAAA;AAAA,YAAA,WAEA,OAAO,YAAY,UAAU;AACpC,kBAAI,MAAM,gBAAgB,UAAa,MAAM,YAAY,OAAO,GAAG;AACjE,2BAAW,OAAO;AACX,uBAAA;AAAA,cACT;AACO,qBAAA;AAAA,YAAA,OAEJ;AACH,oBAAM,EAAE,KAAK,QAAQ,KAAK,UAAU;AACpC,yBAAW,KAAK,EAAE,KAAK,QAAQ,MAAO,CAAA;AAC/B,qBAAA;AAAA,YACT;AAAA,UACF;AAAA,UACA;AAAA,QACF;AAAA,QACA,MAAM,gBAAgB,SAClB,OAAO;AAAA,UACP;AAAA,UACA,CAAC,UAAU;;AACT,kBAAM,YAAY;AAClB,gBACE,CAAC,kBAAkB,SAAS,KACzB,UAAU,YAAA,KACV,EAAE,iBAAiB,mBACnB,MAAM,iBAAiB,MAC1B;AACO,qBAAA;AAAA,YACT;AAEA,kBAAM,gBAAgB,MAAM,cAAc,QAAQ,MAAM;AACpD,gBAAA,GAAC,WAAM,gBAAN,+BAAoB;AAChB,qBAAA;AAGL,gBAAA,CAAC,UAAU,WAAW,KAAK,CAAQ,SAAA,eAAe,IAAI,CAAC,GAAG;AACrD,qBAAA,gBAAgB,qBAAqB,aAAa;AACzD,oBAAM,eAAe;AACd,qBAAA;AAAA,YACT;AACO,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QAAA,IAEA,MAAM;AAAA,QAEN;AAAA,MAAA;AAAA,IACN,CACD;;;;;;"}

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalListPlugin.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../composables/useLexicalComposer.js";
+import { useList } from "../composables/useList.js";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LexicalListPlugin",
+  setup(__props) {
+    const editor = useLexicalComposer();
+    useList(editor);
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalListPlugin.vue.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalListPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalListPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalListPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer, useList } from '../composables'\r\n\r\nconst editor = useLexicalComposer()\r\nuseList(editor)\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,UAAM,SAAS;AACf,YAAQ,MAAM;;;;;;"}

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalListPlugin.vue2.js

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

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalListPlugin.vue2.js.map

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

package/dist/esm/components/basic/doc-editor/{plugins/RichTextPlugin → core/plugins/LexicalRichTextPlugin}/ContentEditable.vue.js

@@ -1,5 +1,16 @@
 import { defineComponent, ref, openBlock, createElementBlock } from "vue";
-import { useLexicalComposer, useMounted } from "lexical-vue";
+import "@lexical/text";
+import "@lexical/utils";
+import { useMounted } from "../../composables/useMounted.js";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
 const _hoisted_1 = ["id", "aria-activedescendant", "aria-autocomplete", "aria-controls", "aria-describedby", "aria-expanded", "aria-label", "aria-labelledby", "aria-multiline", "aria-owns", "aria-required", "autocapitalize", "autocomplete", "autocorrect", "contenteditable", "role", "spellcheck", "tabindex"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContentEditable",

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/ContentEditable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditable.vue.js","sources":["../../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/ContentEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\nimport { useLexicalComposer,useMounted } from '../../composables'\r\n\r\nwithDefaults(defineProps<{\r\n  ariaActivedescendant?: string\r\n  ariaAutocomplete?: 'none' | 'inline' | 'list' | 'both'\r\n  ariaControls?: string\r\n  ariaDescribedby?: string\r\n  ariaExpanded?: boolean\r\n  ariaLabel?: string\r\n  ariaLabelledby?: string\r\n  ariaMultiline?: boolean\r\n  ariaOwns?: string\r\n  ariaRequired?: boolean\r\n  autoCapitalize?: boolean\r\n  autoComplete?: boolean\r\n  autoCorrect?: boolean\r\n  id?: string\r\n  editable?: boolean\r\n  role?: string\r\n  spellcheck?: boolean\r\n  tabindex?: number\r\n  enableGrammarly?: boolean\r\n}>(), {\r\n  role: 'textbox',\r\n  spellcheck: true,\r\n})\r\nconst root = ref<HTMLElement | null>(null)\r\nconst editor = useLexicalComposer()\r\n\r\nconst editable = ref(false)\r\n\r\nuseMounted(() => {\r\n  if (root.value) {\r\n    editor.setRootElement(root.value as HTMLElement)\r\n    editable.value = editor.isEditable()\r\n  }\r\n\r\n  return editor.registerEditableListener((currentIsEditable) => {\r\n    editable.value = currentIsEditable\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :id=\"id\"\r\n    ref=\"root\"\r\n    class=\"mk-doc-editor-stage\"\r\n    :aria-activedescendant=\"!editable ? undefined : ariaActivedescendant\"\r\n    :aria-autocomplete=\"!editable ? undefined : ariaAutocomplete\"\r\n    :aria-controls=\"!editable ? undefined : ariaControls\"\r\n    :aria-describedby=\"ariaDescribedby\"\r\n    :aria-expanded=\"!editable ? undefined : role === 'combobox' ? !!ariaExpanded ? ariaExpanded : undefined : undefined\"\r\n    :aria-label=\"ariaLabel\"\r\n    :aria-labelledby=\"ariaLabelledby\"\r\n    :aria-multiline=\"ariaMultiline\"\r\n    :aria-owns=\"!editable ? undefined : ariaOwns\"\r\n    :aria-required=\"ariaRequired\"\r\n    :autocapitalize=\"`${autoCapitalize}`\"\r\n    :autocomplete=\"autoComplete\"\r\n    :autocorrect=\"`${autoCorrect}`\"\r\n    :contenteditable=\"editable\"\r\n    :role=\"!editable ? undefined : role\"\r\n    :spellcheck=\"spellcheck\"\r\n    :tabindex=\"tabindex\">\r\n    </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BM,UAAA,OAAO,IAAwB,IAAI;AACzC,UAAM,SAAS;AAET,UAAA,WAAW,IAAI,KAAK;AAE1B,eAAW,MAAM;AACf,UAAI,KAAK,OAAO;AACP,eAAA,eAAe,KAAK,KAAoB;AACtC,iBAAA,QAAQ,OAAO;MAC1B;AAEO,aAAA,OAAO,yBAAyB,CAAC,sBAAsB;AAC5D,iBAAS,QAAQ;AAAA,MAAA,CAClB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/DecoratedTeleports.js

@@ -0,0 +1,25 @@
+import { defineComponent } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import { useDecorators } from "../../composables/useDecorators.js";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+const DecoratedTeleports = defineComponent({
+  name: "LexicalDecoratedTeleports",
+  setup() {
+    const editor = useLexicalComposer();
+    const decorators = useDecorators(editor);
+    return () => decorators.value;
+  }
+});
+export {
+  DecoratedTeleports as default
+};
+//# sourceMappingURL=DecoratedTeleports.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/DecoratedTeleports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecoratedTeleports.js","sources":["../../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/DecoratedTeleports.ts"],"sourcesContent":["import { defineComponent } from 'vue'\r\nimport { useLexicalComposer,useDecorators } from '../../composables'\r\n\r\nexport default defineComponent({\r\n  name: 'LexicalDecoratedTeleports',\r\n  setup() {\r\n    const editor = useLexicalComposer()\r\n    const decorators = useDecorators(editor)\r\n\r\n    return () => decorators.value\r\n  },\r\n})\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAGA,MAAA,qBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,SAAS;AACT,UAAA,aAAa,cAAc,MAAM;AAEvC,WAAO,MAAM,WAAW;AAAA,EAC1B;AACF,CAAC;"}

package/dist/esm/components/basic/doc-editor/{plugins/RichTextPlugin → core/plugins/LexicalRichTextPlugin}/index.vue.js

@@ -1,7 +1,19 @@
-import { defineComponent, ref, computed, onMounted, watch, onUnmounted, openBlock, createElementBlock, createVNode, unref, toDisplayString, createCommentVNode } from "vue";
-import { useLexicalComposer, useCanShowPlaceholder, useRichTextSetup } from "lexical-vue";
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, toDisplayString, createCommentVNode } from "vue";
+import { useCanShowPlaceholder } from "../../composables/useCanShowPlaceholder.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
 import { $selectAll, $getSelection } from "lexical";
-import { $generateHtmlFromNodes, $generateNodesFromDOM } from "@lexical/html";
+import "tiny-invariant";
+import { useMounted } from "../../composables/useMounted.js";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import { useRichTextSetup } from "../../composables/useRichTextSetup.js";
+import "@lexical/rich-text";
+import { $generateNodesFromDOM, $generateHtmlFromNodes } from "@lexical/html";
 import _sfc_main$1 from "./ContentEditable.vue.js";
 import DecoratedTeleports from "./DecoratedTeleports.js";
 const _hoisted_1 = { class: "mk-doc-editor__stage__editable" };
@@ -41,16 +53,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    onMounted(() => {
-      watch(() => props.content, setHtml, { immediate: true });
-      watch(htmlContent, (value) => emit("change", value));
-      const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {
+    useMounted(() => {
+      return editor.registerUpdateListener(({ editorState }) => {
         editorState.read(() => {
           htmlContent.value = $generateHtmlFromNodes(editor);
         });
       });
-      onUnmounted(() => unregisterMergeListener());
     });
+    watch(() => props.content, setHtml, { immediate: true });
+    watch(htmlContent, (value) => emit("change", value));
     useRichTextSetup(editor);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalRichTextPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { ref,defineProps,computed,defineEmits,watch } from \"vue\"\r\nimport { useCanShowPlaceholder, useLexicalComposer, useRichTextSetup,useMounted } from '../../composables'\r\nimport {  $getSelection ,$selectAll } from 'lexical'\r\nimport { $generateHtmlFromNodes,$generateNodesFromDOM } from '@lexical/html'\r\nimport ContentEditable from \"./ContentEditable.vue\"\r\nimport DecoratedTeleports from \"./DecoratedTeleports\"\r\n\r\n// 事件\r\nconst emit = defineEmits([\"change\"]);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  content:{ type:String,default:`` },\r\n  placeholder:{ type:String,default:`` }\r\n})\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nconst canShowPlaceholder = useCanShowPlaceholder(editor)\r\n\r\nconst parser = new DOMParser();\r\n\r\n// html 内容\r\nconst htmlContent = ref(\"\");\r\n\r\n// 空内容\r\nconst contentIsEmpty = computed(()=>htmlContent.value == `<p class=\"mk-doc__paragraph\"><br></p>` || !htmlContent.value);\r\n\r\n// 设置 HTML\r\nconst setHtml = (html : any)=>{\r\n\r\n    // 内容不同则重置 \r\n    if(htmlContent.value != html){\r\n\r\n      let nodes : Array<any> = [];\r\n\r\n      htmlContent.value = html;\r\n\r\n      editor.update(()=>{\r\n\r\n        if(html.trim()){\r\n          // Once you have the DOM instance it's easy to generate LexicalNodes.\r\n          nodes = $generateNodesFromDOM(editor,parser.parseFromString(html.trim(),\"text/html\"));\r\n          // console.log($generateNodesFromDOM,parser.parseFromString(html.trim(),\"text/html\"));\r\n        }\r\n        // 设置权限替换\r\n        $selectAll();\r\n        $getSelection()?.insertText(\"\")\r\n        if(nodes.length > 0){\r\n          $getSelection()?.insertNodes(nodes);\r\n        }\r\n      })\r\n    }\r\n}\r\n\r\nuseMounted(()=>{\r\n  return editor.registerUpdateListener(({ editorState }) => {\r\n    editorState.read(() => {\r\n      htmlContent.value = $generateHtmlFromNodes(editor);\r\n    })\r\n  })\r\n})\r\n\r\n\r\n// 初始化\r\nwatch(()=>props.content,setHtml,{ immediate:true });\r\n\r\n// 监听内容变化\r\nwatch(htmlContent,(value:any)=>emit('change',value));\r\n\r\n// 使用富文本\r\nuseRichTextSetup(editor)\r\n\r\n</script>\r\n\r\n<template>\r\n <div class=\"mk-doc-editor__stage__editable\">\r\n    <ContentEditable />\r\n    <template v-if=\"canShowPlaceholder && contentIsEmpty\">\r\n      <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\r\n        {{props.placeholder}}\r\n      </div>\r\n    </template>\r\n    <DecoratedTeleports />\r\n  </div>\r\n\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAKd,UAAM,SAAS;AAET,UAAA,qBAAqB,sBAAsB,MAAM;AAEjD,UAAA,SAAS,IAAI;AAGb,UAAA,cAAc,IAAI,EAAE;AAGpB,UAAA,iBAAiB,SAAS,MAAI,YAAY,SAAS,2CAA2C,CAAC,YAAY,KAAK;AAGhH,UAAA,UAAU,CAAC,SAAa;AAGvB,UAAA,YAAY,SAAS,MAAK;AAE3B,YAAI,QAAqB,CAAA;AAEzB,oBAAY,QAAQ;AAEpB,eAAO,OAAO,MAAI;;AAEb,cAAA,KAAK,QAAO;AAEL,oBAAA,sBAAsB,QAAO,OAAO,gBAAgB,KAAK,KAAK,GAAE,WAAW,CAAC;AAAA,UAEtF;AAEW;AACG,8BAAA,MAAA,mBAAG,WAAW;AACzB,cAAA,MAAM,SAAS,GAAE;AACJ,gCAAA,MAAA,mBAAG,YAAY;AAAA,UAC/B;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IAAA;AAGJ,eAAW,MAAI;AACb,aAAO,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACxD,oBAAY,KAAK,MAAM;AACT,sBAAA,QAAQ,uBAAuB,MAAM;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAID,UAAM,MAAI,MAAM,SAAQ,SAAQ,EAAE,WAAU,MAAM;AAGlD,UAAM,aAAY,CAAC,UAAY,KAAK,UAAS,KAAK,CAAC;AAGnD,qBAAiB,MAAM;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/editor.vue.js

@@ -1,19 +1,26 @@
-import { defineComponent, ref, computed, onMounted, watch, resolveDirective, openBlock, createBlock, unref, withCtx, withDirectives, createElementBlock, normalizeClass, createVNode, createElementVNode, renderSlot, Teleport, createCommentVNode } from "vue";
-import { LexicalComposer, LexicalAutoFocusPlugin, LexicalCheckListPlugin, LexicalHashtagPlugin, LexicalListPlugin, LexicalHistoryPlugin } from "lexical-vue";
-import _sfc_main$4 from "./plugins/AutoLinkPlugin/index.vue.js";
-import _sfc_main$3 from "./plugins/ImagePlugin/index.vue.js";
-import _sfc_main$1 from "./plugins/ToolbarPlugin/index.vue.js";
-import _sfc_main$2 from "./plugins/RichTextPlugin/index.vue.js";
-import _sfc_main$7 from "./plugins/ElementBlockSelectionPlugin/index.vue.js";
-import _sfc_main$5 from "./plugins/ModulePlugin/index.vue.js";
-import _sfc_main$6 from "./plugins/GridPlugin/index.vue.js";
-import Nodes from "./plugins/nodes.js";
-import { useModules } from "./plugins/ModulePlugin/composables.js";
+import { defineComponent, ref, computed, onMounted, watch, resolveDirective, openBlock, createBlock, withCtx, withDirectives, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, renderSlot, Teleport, createCommentVNode } from "vue";
+import _sfc_main$1 from "./core/LexicalComposer.vue.js";
 import { DEVICE_VIEW_MODE } from "./core/index.js";
+import _sfc_main$5 from "./plugins/AutoLinkPlugin/index.vue.js";
+import _sfc_main$4 from "./plugins/ImagePlugin/index.vue.js";
+import _sfc_main$2 from "./plugins/ToolbarPlugin/index.vue.js";
+import _sfc_main$8 from "./plugins/ElementBlockSelectionPlugin/index.vue.js";
+import _sfc_main$6 from "./plugins/ModulePlugin/index.vue.js";
+import _sfc_main$7 from "./plugins/GridPlugin/index.vue.js";
+import _sfc_main$9 from "./plugins/TemplatePlugin/index.vue.js";
+import Nodes from "./nodes.js";
+import { useModule } from "./plugins/ModulePlugin/composables.js";
+import { Templates } from "./plugins/TemplatePlugin/composables.js";
 import theme from "./themes/DocTheme.js";
 import DocEditorCss from "./themes/doc-editor.css.js";
 import DocEditorEditCss from "./themes/doc-editor-edit.css.js";
 import DocThemeCss from "./themes/doc-theme.css.js";
+import _sfc_main$3 from "./core/plugins/LexicalRichTextPlugin/index.vue.js";
+import _sfc_main$a from "./core/plugins/LexicalAutoFocusPlugin.vue.js";
+import _sfc_main$b from "./core/plugins/LexicalCheckListPlugin.vue.js";
+import _sfc_main$c from "./core/plugins/LexicalHashtagPlugin.vue.js";
+import _sfc_main$d from "./core/plugins/LexicalListPlugin.vue.js";
+import _sfc_main$e from "./core/plugins/LexicalHistoryPlugin.vue.js";
 const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
 const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -60,10 +67,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       var _a, _b;
       const doc = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document;
+      const { Modules } = useModule();
       const style = document.createElement("style");
       style.setAttribute("type", "text/css");
       style.innerHTML = [DocEditorCss, DocThemeCss, DocEditorEditCss].join("\r\n");
-      style.innerHTML += useModules().filter((item) => item.editorCss).map((item) => item.editorCss).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);
       props.js.split(",").filter((item) => !!item).forEach((path) => {
         const script = document.createElement("script");
@@ -87,12 +96,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(unref(LexicalComposer), { "initial-config": config }, {
+      return openBlock(), createBlock(_sfc_main$1, { "initial-config": config }, {
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock("div", {
             class: normalizeClass(["mk-doc-editor", unref(DEVICE_VIEW_MODE)])
           }, [
-            createVNode(unref(_sfc_main$1), {
+            createVNode(unref(_sfc_main$2), {
               js: __props.js,
               css: __props.css
             }, null, 8, ["js", "css"]),
@@ -110,17 +119,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 0,
                   to: iframeBody.value
                 }, [
-                  createVNode(unref(_sfc_main$2), {
+                  createVNode(unref(_sfc_main$3), {
                     content: props.content,
                     onChange: contentChangeHandle,
                     placeholder: __props.placeholder
                   }, null, 8, ["content", "placeholder"]),
-                  createVNode(unref(_sfc_main$3)),
                   createVNode(unref(_sfc_main$4)),
                   createVNode(unref(_sfc_main$5)),
-                  createVNode(unref(_sfc_main$6))
+                  createVNode(unref(_sfc_main$6)),
+                  createVNode(unref(_sfc_main$7))
                 ], 8, ["to"])) : createCommentVNode("", true),
-                createVNode(unref(_sfc_main$7)),
+                createVNode(unref(_sfc_main$8)),
                 renderSlot(_ctx.$slots, "footer")
               ]),
               renderSlot(_ctx.$slots, "after-extentions")
@@ -128,11 +137,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)), [
             [_directive_loading, __props.loading]
           ]),
-          createVNode(unref(LexicalAutoFocusPlugin)),
-          createVNode(unref(LexicalCheckListPlugin)),
-          createVNode(unref(LexicalHashtagPlugin)),
-          createVNode(unref(LexicalListPlugin)),
-          createVNode(unref(LexicalHistoryPlugin))
+          createVNode(unref(_sfc_main$9)),
+          createVNode(unref(_sfc_main$a)),
+          createVNode(unref(_sfc_main$b)),
+          createVNode(unref(_sfc_main$c)),
+          createVNode(unref(_sfc_main$d)),
+          createVNode(unref(_sfc_main$e))
         ]),
         _: 3
       });

package/dist/esm/components/basic/doc-editor/editor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer :initial-config=\"config\">\r\n    <div class=\"mk-doc-editor\" v-loading=\"loading\" :class=\"DEVICE_VIEW_MODE\">\r\n      <ToolbarPlugin  :js=\"js\" :css=\"css\"  />\r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n            <RichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\" :placeholder=\"placeholder\">\r\n            </RichTextPlugin>\r\n            <ImagePlugin />\r\n            <AutoLinkPlugin />\r\n            <ModulePlugin />\r\n            <GridPlugin />\r\n          </Teleport>\r\n          <ElementBlockSelectionPlugin />\r\n          <slot name=\"footer\"></slot>\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\r\n    <LexicalAutoFocusPlugin />\r\n    <LexicalCheckListPlugin />\r\n    <LexicalHashtagPlugin />\r\n    <LexicalListPlugin />\r\n    <LexicalHistoryPlugin />\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch } from \"vue\"\r\nimport {\r\n  LexicalComposer,\r\n  LexicalAutoFocusPlugin,\r\n  LexicalCheckListPlugin,\r\n  LexicalHashtagPlugin,\r\n  LexicalHistoryPlugin,\r\n  LexicalListPlugin,\r\n} from 'lexical-vue'\r\nimport { \r\n  ToolbarPlugin,\r\n  RichTextPlugin,\r\n  AutoLinkPlugin,\r\n  ImagePlugin,\r\n  ElementBlockSelectionPlugin,\r\n  GridPlugin,\r\n  ModulePlugin\r\n} from \"./plugins\"\r\nimport { useModules } from \"./plugins/ModulePlugin/composables\"\r\nimport { DEVICE_VIEW_MODE } from \"./core\"\r\n\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocNodes from \"./plugins/nodes\"\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocEditorEditCss from \"./themes/doc-editor-edit.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  content:{ type:String,default:`` },\r\n  loading:{ type:Boolean,defualt:false},\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n \r\n\r\n// 配置\r\nconst config = {\r\n  namespace: 'MyEditor',\r\n  theme: DocTheme,\r\n  nodes: [\r\n    ...DocNodes,\r\n  ],\r\n  onError(error:Error) {\r\n    // Catch any errors that occur during Lexical updates and log them\r\n    // or throw them as needed. If you don't throw them, Lexical will\r\n    // try to recover gracefully without losing user data.\r\n    console.error(error)\r\n  },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n  setTimeout(() => {\r\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n    }\r\n  }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n  emit('change',content);\r\n  updateStage();\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\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 = [DocEditorCss,DocThemeCss,DocEditorEditCss].join(\"\\r\\n\");\r\n\r\n  //模块渲染样式\r\n  style.innerHTML += useModules().filter(item=>item.editorCss).map(item=>item.editorCss).join(\"\\r\\n\");\r\n\r\n  doc.head.append(style);\r\n\r\n  // 扩展的js和css\r\n  props.js.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  props.css.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  watch(DEVICE_VIEW_MODE,(payload: string) => {\r\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n    updateStage();\r\n    return false\r\n  },{ immediate :true})\r\n\r\n  // 初始化计算舞台\r\n  setTimeout(()=> updateStage(),500)\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAUd,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAGd,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAG7C,YAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,YAAA,aAAa,QAAO,UAAU;AAGpC,YAAM,YAAY,CAAC,cAAa,aAAY,gBAAgB,EAAE,KAAK,MAAM;AAGzE,YAAM,aAAa,WAAA,EAAa,OAAO,UAAM,KAAK,SAAS,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS,EAAE,KAAK,MAAM;AAE9F,UAAA,KAAK,OAAO,KAAK;AAGf,YAAA,GAAG,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAC/C,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AAEK,YAAA,IAAI,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,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,kBAAiB,CAAC,YAAoB;AAC1C,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAGT,iBAAA,MAAK,eAAc,GAAG;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer :initial-config=\"config\">\r\n    <div class=\"mk-doc-editor\" v-loading=\"loading\" :class=\"DEVICE_VIEW_MODE\">\r\n      <ToolbarPlugin  :js=\"js\" :css=\"css\"  />\r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n            <LexicalRichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\" :placeholder=\"placeholder\">\r\n            </LexicalRichTextPlugin>\r\n            <ImagePlugin />\r\n            <AutoLinkPlugin />\r\n            <ModulePlugin />\r\n            <GridPlugin />\r\n          </Teleport>\r\n          <ElementBlockSelectionPlugin />\r\n          <slot name=\"footer\"></slot>\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\r\n    <TemplatePlguin />\r\n    <LexicalAutoFocusPlugin />\r\n    <LexicalCheckListPlugin />\r\n    <LexicalHashtagPlugin />\r\n    <LexicalListPlugin />\r\n    <LexicalHistoryPlugin />\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch } from \"vue\"\r\nimport LexicalComposer from \"./core/LexicalComposer.vue\"\r\nimport { \r\n  DEVICE_VIEW_MODE,\r\n  LexicalAutoFocusPlugin,\r\n  LexicalCheckListPlugin,\r\n  LexicalHashtagPlugin,\r\n  LexicalHistoryPlugin,\r\n  LexicalListPlugin,\r\n  LexicalRichTextPlugin,\r\n} from \"./core\"\r\n\r\nimport { \r\n  ToolbarPlugin,\r\n  AutoLinkPlugin,\r\n  ImagePlugin,\r\n  ElementBlockSelectionPlugin,\r\n  GridPlugin,\r\n  ModulePlugin,\r\n  TemplatePlguin\r\n} from \"./plugins\"\r\n\r\nimport DocNodes from \"./nodes\"\r\n\r\nimport { useModule } from \"./plugins/ModulePlugin/composables\"\r\nimport { Templates } from \"./plugins/TemplatePlugin/composables\"\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocEditorEditCss from \"./themes/doc-editor-edit.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  content:{ type:String,default:`` },\r\n  loading:{ type:Boolean,defualt:false},\r\n  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n \r\n\r\n// 配置\r\nconst config = {\r\n  namespace: 'MyEditor',\r\n  theme: DocTheme,\r\n  nodes: [\r\n    ...DocNodes,\r\n  ],\r\n  onError(error:Error) {\r\n    // Catch any errors that occur during Lexical updates and log them\r\n    // or throw them as needed. If you don't throw them, Lexical will\r\n    // try to recover gracefully without losing user data.\r\n    console.error(error)\r\n  },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n  setTimeout(() => {\r\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n    }\r\n  }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n  emit('change',content);\r\n  updateStage();\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  const { Modules } = useModule(); \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 = [DocEditorCss,DocThemeCss,DocEditorEditCss].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  // 扩展的js和css\r\n  props.js.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  props.css.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  watch(DEVICE_VIEW_MODE,(payload: string) => {\r\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n    updateStage();\r\n    return false\r\n  },{ immediate :true})\r\n\r\n  // 初始化计算舞台\r\n  setTimeout(()=> updateStage(),500)\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAUd,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAGd,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAC7C,YAAA,EAAE,YAAY;AAGd,YAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,YAAA,aAAa,QAAO,UAAU;AAGpC,YAAM,YAAY,CAAC,cAAa,aAAY,gBAAgB,EAAE,KAAK,MAAM;AAGzE,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;AAGf,YAAA,GAAG,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAC/C,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AAEK,YAAA,IAAI,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,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,kBAAiB,CAAC,YAAoB;AAC1C,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAGT,iBAAA,MAAK,eAAc,GAAG;AAAA,IAAA,CAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/index.js

@@ -1,8 +1,10 @@
 import { withInstall } from "@maketribe/utils";
 import _sfc_main from "./editor.vue.js";
+import { registerDocTemplate } from "./plugins/TemplatePlugin/composables.js";
 const MKDocEditor = withInstall(_sfc_main);
 export {
   MKDocEditor,
-  MKDocEditor as default
+  MKDocEditor as default,
+  registerDocTemplate
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\nimport { registerDocModule } from \"./plugins/ModulePlugin/composables\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport { registerDocModule }\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":["Editor"],"mappings":";;AAIa,MAAA,cAAc,YAAYA,SAAM;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\nimport { registerDocModule } from \"./plugins/ModulePlugin/composables\";\r\nimport { registerDocTemplate } from \"./plugins/TemplatePlugin/composables\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport { registerDocModule,registerDocTemplate }\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":["Editor"],"mappings":";;;AAKa,MAAA,cAAc,YAAYA,SAAM;"}

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

@@ -1,20 +1,22 @@
+import { TextNode } from "lexical";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
 import { ListNode, ListItemNode } from "@lexical/list";
 import { CodeNode, CodeHighlightNode } from "@lexical/code";
 import { AutoLinkNode, LinkNode } from "@lexical/link";
 import { HashtagNode } from "@lexical/hashtag";
-import "./ImagePlugin/commands.js";
-import { ImageNode, InlineImageNode } from "./ImagePlugin/ImageNode.js";
-import { RichTextNode } from "./RichTextPlugin/nodes/RichTextNode.js";
-import "./ModulePlugin/commands.js";
-import { ModuleBlockNode } from "./ModulePlugin/ModuleBlockNode.js";
-import { GridNode } from "./GridPlugin/GridNode.js";
-import { TextGridNode } from "./GridPlugin/TextGridNode.js";
-import { LayoutGridNode } from "./GridPlugin/LayoutGridNode.js";
-import { ImageTextGridNode } from "./GridPlugin/ImageTextGridNode.js";
-import { ModuleGridNode } from "./GridPlugin/ModuleGridNode.js";
+import "./plugins/ImagePlugin/commands.js";
+import { ImageNode, InlineImageNode } from "./plugins/ImagePlugin/ImageNode.js";
+import "./plugins/ModulePlugin/commands.js";
+import { ModuleBlockNode } from "./plugins/ModulePlugin/ModuleBlockNode.js";
+import { GridNode } from "./plugins/GridPlugin/GridNode.js";
+import { TextGridNode } from "./plugins/GridPlugin/TextGridNode.js";
+import { LayoutGridNode } from "./plugins/GridPlugin/LayoutGridNode.js";
+import { ImageTextGridNode } from "./plugins/GridPlugin/ImageTextGridNode.js";
+import { ModuleGridNode } from "./plugins/GridPlugin/ModuleGridNode.js";
+import { RichElementNode } from "./core/nodes/RichElementNode.js";
 const Nodes = [
+  TextNode,
   HeadingNode,
   ListNode,
   ListItemNode,
@@ -27,7 +29,7 @@ const Nodes = [
   AutoLinkNode,
   LinkNode,
   HashtagNode,
-  RichTextNode,
+  RichElementNode,
   ImageNode,
   InlineImageNode,
   ModuleBlockNode,

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

@@ -0,0 +1 @@
+{"version":3,"file":"nodes.js","sources":["../../../../../src/components/basic/doc-editor/nodes.ts"],"sourcesContent":["\r\nimport { type Klass, type LexicalNode,TextNode } from 'lexical'\r\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\r\nimport { TableCellNode, TableNode, TableRowNode } from '@lexical/table'\r\nimport { ListItemNode, ListNode } from '@lexical/list'\r\nimport { CodeHighlightNode, CodeNode } from '@lexical/code'\r\nimport { AutoLinkNode, LinkNode } from '@lexical/link'\r\nimport { HashtagNode } from '@lexical/hashtag'\r\nimport { ImageNode,InlineImageNode } from \"./plugins/ImagePlugin\"\r\nimport { ModuleBlockNode } from \"./plugins/ModulePlugin\"\r\nimport { GridNode,LayoutGridNode,TextGridNode,ImageTextGridNode,ModuleGridNode } from \"./plugins/GridPlugin\"\r\n\r\nimport { RichElementNode} from \"./core/nodes\"\r\n\r\nconst Nodes: Array<Klass<LexicalNode>> = [\r\n  TextNode,\r\n  HeadingNode,\r\n  ListNode,\r\n  ListItemNode,\r\n  QuoteNode,\r\n  CodeNode,\r\n  CodeHighlightNode,\r\n  TableNode,\r\n  TableCellNode,\r\n  TableRowNode,\r\n  AutoLinkNode,\r\n  LinkNode,\r\n  HashtagNode,\r\n\r\n  RichElementNode,\r\n  ImageNode,\r\n  InlineImageNode,\r\n  ModuleBlockNode,\r\n  GridNode,\r\n  TextGridNode,\r\n  LayoutGridNode,\r\n  ImageTextGridNode,\r\n  ModuleGridNode\r\n]\r\n\r\nexport default Nodes\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,QAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/esm/components/basic/doc-editor/plugins/AutoLinkPlugin/index.vue.js

@@ -1,5 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, Fragment, createVNode, unref } from "vue";
-import { LexicalAutoLinkPlugin, LexicalLinkPlugin } from "lexical-vue";
+import "../../core/index.js";
+import _sfc_main$1 from "../../core/plugins/LexicalAutoLinkPlugin/index.vue2.js";
+import _sfc_main$2 from "../../core/plugins/LexicalLinkPlugin.vue2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -27,8 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(LexicalAutoLinkPlugin), { matchers: MATCHERS }),
-        createVNode(unref(LexicalLinkPlugin))
+        createVNode(unref(_sfc_main$1), { matchers: MATCHERS }),
+        createVNode(unref(_sfc_main$2))
       ], 64);
     };
   }

package/dist/esm/components/basic/doc-editor/plugins/AutoLinkPlugin/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin,LexicalLinkPlugin } from 'lexical-vue'\r\n\r\n\r\nconst URL_MATCHER = /((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/\r\n\r\nconst EMAIL_MATCHER = /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/\r\n\r\nconst MATCHERS = [\r\n  (text: string) => {\r\n    const match = URL_MATCHER.exec(text)\r\n    return (\r\n      match && {\r\n        index: match.index,\r\n        length: match[0].length,\r\n        text: match[0],\r\n        url: match[0],\r\n      }\r\n    )\r\n  },\r\n  (text: string) => {\r\n    const match = EMAIL_MATCHER.exec(text)\r\n    return (\r\n      match && {\r\n        index: match.index,\r\n        length: match[0].length,\r\n        text: match[0],\r\n        url: `mailto:${match[0]}`,\r\n      }\r\n    )\r\n  },\r\n]\r\n</script>\r\n\r\n<template>\r\n  <LexicalAutoLinkPlugin :matchers=\"MATCHERS\" />\r\n  <LexicalLinkPlugin />\r\n</template>\r\n"],"names":[],"mappings":";;;;;AAIA,UAAM,cAAc;AAEpB,UAAM,gBAAgB;AAEtB,UAAM,WAAW;AAAA,MACf,CAAC,SAAiB;AACV,cAAA,QAAQ,YAAY,KAAK,IAAI;AACnC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,MAAM,CAAC;AAAA,QAAA;AAAA,MAGlB;AAAA,MACA,CAAC,SAAiB;AACV,cAAA,QAAQ,cAAc,KAAK,IAAI;AACrC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,UAAU,MAAM,CAAC,CAAC;AAAA,QAAA;AAAA,MAG7B;AAAA,IAAA;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin,LexicalLinkPlugin } from '../../core'\r\n\r\n\r\nconst URL_MATCHER = /((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/\r\n\r\nconst EMAIL_MATCHER = /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/\r\n\r\nconst MATCHERS = [\r\n  (text: string) => {\r\n    const match = URL_MATCHER.exec(text)\r\n    return (\r\n      match && {\r\n        index: match.index,\r\n        length: match[0].length,\r\n        text: match[0],\r\n        url: match[0],\r\n      }\r\n    )\r\n  },\r\n  (text: string) => {\r\n    const match = EMAIL_MATCHER.exec(text)\r\n    return (\r\n      match && {\r\n        index: match.index,\r\n        length: match[0].length,\r\n        text: match[0],\r\n        url: `mailto:${match[0]}`,\r\n      }\r\n    )\r\n  },\r\n]\r\n</script>\r\n\r\n<template>\r\n  <LexicalAutoLinkPlugin :matchers=\"MATCHERS\" />\r\n  <LexicalLinkPlugin />\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;AAIA,UAAM,cAAc;AAEpB,UAAM,gBAAgB;AAEtB,UAAM,WAAW;AAAA,MACf,CAAC,SAAiB;AACV,cAAA,QAAQ,YAAY,KAAK,IAAI;AACnC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,MAAM,CAAC;AAAA,QAAA;AAAA,MAGlB;AAAA,MACA,CAAC,SAAiB;AACV,cAAA,QAAQ,cAAc,KAAK,IAAI;AACrC,eACE,SAAS;AAAA,UACP,OAAO,MAAM;AAAA,UACb,QAAQ,MAAM,CAAC,EAAE;AAAA,UACjB,MAAM,MAAM,CAAC;AAAA,UACb,KAAK,UAAU,MAAM,CAAC,CAAC;AAAA,QAAA;AAAA,MAG7B;AAAA,IAAA;;;;;;;;;"}