@maketribe/ms-app 3.2.22 → 3.2.23

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

@@ -1,42 +1,20 @@
 "use strict";
 const vue = require("vue");
-require("@lexical/text");
-require("@lexical/utils");
-require("@lexical/overflow");
-require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-require("@lexical/yjs");
-require("yjs");
-require("./lexical-vue/components/LexicalDecoratedTeleports.js");
-const LexicalContentEditable_vue_vue_type_script_setup_true_lang = require("./lexical-vue/components/LexicalContentEditable.vue.js");
-const LexicalComposer_vue_vue_type_script_setup_true_lang = require("./lexical-vue/components/LexicalComposer.vue.js");
-const LexicalHistoryPlugin_vue_vue_type_script_setup_true_lang = require("./lexical-vue/components/LexicalHistoryPlugin.vue.js");
-require("@lexical/html");
-require("@lexical/link");
-require("@lexical/mark");
-require("@lexical/table");
-const LexicalRichTextPlugin_vue_vue_type_script_setup_true_lang = require("./lexical-vue/components/LexicalRichTextPlugin.vue.js");
-require("@lexical/hashtag");
-require("@lexical/markdown");
-require("./lexical-vue/composables/useCollaborationContext.js");
-require("./lexical-vue/components/LexicalMenu/shared.js");
-require("./lexical-vue/components/LexicalAutoEmbedPlugin/shared.js");
-require("./lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js");
+const lexicalVue = require("lexical-vue");
+const AutoLinkPlugin_vue_vue_type_script_setup_true_lang = require("./plugins/AutoLinkPlugin.vue.js");
+const index_vue_vue_type_script_setup_true_lang$2 = require("./plugins/ImagePlugin/index.vue.js");
+const index_vue_vue_type_script_setup_true_lang$3 = require("./plugins/ImageTextPlugin/index.vue.js");
+const InlineToolsPlugin_vue_vue_type_script_setup_true_lang = require("./plugins/ToolbarPlugin/InlineToolsPlugin.vue.js");
+const index_vue_vue_type_script_setup_true_lang$4 = require("./plugins/HtmlBlockPlugin/index.vue.js");
 const index_vue_vue_type_script_setup_true_lang = require("./plugins/ToolbarPlugin/index.vue.js");
+const index_vue_vue_type_script_setup_true_lang$1 = require("./plugins/RichTextPlugin/index.vue.js");
+const nodes = require("./plugins/nodes.js");
 const commands = require("./plugins/commands.js");
-const index_vue_vue_type_script_setup_true_lang$1 = require("./plugins/index.vue.js");
 const DocTheme = require("./themes/DocTheme.js");
-const nodes = require("./plugins/nodes.js");
 const docEditor = require("./themes/doc-editor.css.js");
 const docTheme = require("./themes/doc-theme.css.js");
 const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
 const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
-const _hoisted_3 = { class: "mk-doc-editor__stage__placeholder mk-doc__paragraph" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "MKDocEditor" },
   __name: "editor",
@@ -78,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("change", content);
       updateStage();
     };
-    const lexicalInitHandler = (editor) => {
+    const editorInitHandler = (editor) => {
       editor.registerCommand(commands.DEVICE_VIEW_MODE, (payload) => {
         viewDevice.value = payload;
         return false;
@@ -112,15 +90,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, { immediate: true });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(LexicalComposer_vue_vue_type_script_setup_true_lang), {
-        "initial-config": config,
-        onInit: lexicalInitHandler
-      }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(lexicalVue.LexicalComposer), { "initial-config": config }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["mk-doc-editor", viewDevice.value])
           }, [
-            vue.createVNode(index_vue_vue_type_script_setup_true_lang),
+            vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang), {
+              js: __props.js,
+              css: __props.css
+            }, null, 8, ["js", "css"]),
             vue.createElementVNode("div", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "before-extentions"),
               vue.createElementVNode("div", _hoisted_2, [
@@ -135,26 +113,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   key: 0,
                   to: iframeBody.value
                 }, [
-                  vue.createVNode(vue.unref(LexicalRichTextPlugin_vue_vue_type_script_setup_true_lang), {
+                  vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang$1), {
+                    onInit: editorInitHandler,
                     content: props.content,
-                    onChange: contentChangeHandle
-                  }, {
-                    contentEditable: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(LexicalContentEditable_vue_vue_type_script_setup_true_lang))
-                    ]),
-                    placeholder: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(props.placeholder), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["content"])
+                    onChange: contentChangeHandle,
+                    placeholder: __props.placeholder
+                  }, null, 8, ["content", "placeholder"])
                 ], 8, ["to"])) : vue.createCommentVNode("", true),
                 vue.renderSlot(_ctx.$slots, "footer"),
-                vue.createVNode(index_vue_vue_type_script_setup_true_lang$1)
+                vue.createVNode(vue.unref(InlineToolsPlugin_vue_vue_type_script_setup_true_lang)),
+                vue.createVNode(vue.unref(AutoLinkPlugin_vue_vue_type_script_setup_true_lang)),
+                vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang$2)),
+                vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang$3)),
+                vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang$4))
               ]),
               vue.renderSlot(_ctx.$slots, "after-extentions")
             ])
           ], 2),
-          vue.createVNode(vue.unref(LexicalHistoryPlugin_vue_vue_type_script_setup_true_lang))
+          vue.createVNode(vue.unref(lexicalVue.LexicalHistoryPlugin))
         ]),
         _: 3
       });

package/dist/cjs/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\" @init=\"lexicalInitHandler\">\r\n    <div class=\"mk-doc-editor\" :class=\"viewDevice\">\r\n      <ToolbarPlugin />\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\">\r\n              <template #contentEditable>\r\n                <LexicalContentEditable />\r\n              </template>\r\n              <template #placeholder>\r\n                <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\r\n                  {{props.placeholder}}\r\n                </div>\r\n              </template>\r\n            </LexicalRichTextPlugin>\r\n          </Teleport>\r\n          <slot name=\"footer\"></slot>\r\n          <DocPlugin />\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\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 type {  LexicalEditor } from 'lexical'\r\nimport { LexicalComposer,LexicalContentEditable, LexicalHistoryPlugin,LexicalRichTextPlugin } from './lexical-vue'\r\nimport ToolbarPlugin from \"./plugins/ToolbarPlugin/index.vue\"\r\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\r\nimport DocPlugin from \"./plugins/index.vue\"\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 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  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\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\n// 初始化\r\nconst lexicalInitHandler = (editor:LexicalEditor)=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },1)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  // 编辑器外观\r\n  const editorStyle = document.createElement(\"style\");\r\n  editorStyle.innerHTML = DocEditorCss;\r\n  doc.head.append(editorStyle);\r\n\r\n  // 皮肤样式\r\n  const docThemeStyle = document.createElement(\"style\");\r\n  docThemeStyle.innerHTML = DocThemeCss;\r\n  doc.head.append(docThemeStyle);\r\n\r\n  // 扩展的js和css\r\n  props.js.split(\",\").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  props.css.split(\",\").forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  watch(viewDevice,(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</script>\r\n"],"names":["ref","DocNodes","computed","DEVICE_VIEW_MODE","onMounted","DocEditorCss","DocThemeCss","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,UAAA,aAAaA,QAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,QACL,GAAGC;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmBD,QAAI,IAAW;AACxC,UAAM,aAAaE,IAAS,SAAA;;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;AAIR,UAAA,qBAAqB,CAAC,WAAuB;AAC1C,aAAA,gBAAgBC,2BAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA;AAGLC,QAAAA,UAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAYC;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAYC;AACtB,UAAA,KAAK,OAAO,aAAa;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEKC,gBAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\" :class=\"viewDevice\">\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  @init=\"editorInitHandler\" :content=\"props.content\" @change=\"contentChangeHandle\" :placeholder=\"placeholder\">\r\n            </RichTextPlugin>\r\n          </Teleport>\r\n          <slot name=\"footer\"></slot>\r\n          <InlineToolsPlugin />\r\n          <AutoLinkPlugin />\r\n          <ImagePlugin />\r\n          <ImageTextPlugin />\r\n          <HtmlBlockPlugin />\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\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 { type LexicalEditor } from 'lexical'\r\nimport { LexicalComposer, LexicalHistoryPlugin } from 'lexical-vue'\r\nimport { \r\n  ToolbarPlugin,\r\n  RichTextPlugin,\r\n  AutoLinkPlugin,\r\n  ImagePlugin,\r\n  ImageTextPlugin,\r\n  InlineToolsPlugin,\r\n  HtmlBlockPlugin,\r\n  \r\n} from \"./plugins\"\r\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\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 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  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\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\n// 初始化\r\nconst editorInitHandler = (editor:LexicalEditor)=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },1)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  // 编辑器外观\r\n  const editorStyle = document.createElement(\"style\");\r\n  editorStyle.innerHTML = DocEditorCss;\r\n  doc.head.append(editorStyle);\r\n\r\n  // 皮肤样式\r\n  const docThemeStyle = document.createElement(\"style\");\r\n  docThemeStyle.innerHTML = DocThemeCss;\r\n  doc.head.append(docThemeStyle);\r\n\r\n  // 扩展的js和css\r\n  props.js.split(\",\").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  props.css.split(\",\").forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  watch(viewDevice,(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</script>\r\n"],"names":["ref","DocNodes","computed","DEVICE_VIEW_MODE","onMounted","DocEditorCss","DocThemeCss","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,UAAA,aAAaA,QAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,QACL,GAAGC;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmBD,QAAI,IAAW;AACxC,UAAM,aAAaE,IAAS,SAAA;;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;AAIR,UAAA,oBAAoB,CAAC,WAAuB;AACzC,aAAA,gBAAgBC,2BAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,CAAC;AAAA,IAAA;AAGLC,QAAAA,UAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAYC;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAYC;AACtB,UAAA,KAAK,OAAO,aAAa;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEKC,gBAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,29 +1,6 @@
 "use strict";
 const vue = require("vue");
-require("@lexical/text");
-require("@lexical/utils");
-require("@lexical/overflow");
-require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-require("@lexical/yjs");
-require("yjs");
-require("../lexical-vue/components/LexicalDecoratedTeleports.js");
-require("@lexical/html");
-require("@lexical/link");
-require("@lexical/mark");
-require("@lexical/table");
-require("@lexical/hashtag");
-require("@lexical/markdown");
-require("../lexical-vue/composables/useCollaborationContext.js");
-require("../lexical-vue/components/LexicalMenu/shared.js");
-require("../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js");
-const index_vue_vue_type_script_setup_true_lang = require("../lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js");
-require("../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js");
+const lexicalVue = require("lexical-vue");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "AutoLinkPlugin",
   setup(__props) {
@@ -50,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index_vue_vue_type_script_setup_true_lang), { matchers: MATCHERS });
+      return vue.openBlock(), vue.createBlock(vue.unref(lexicalVue.LexicalAutoLinkPlugin), { matchers: MATCHERS });
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"AutoLinkPlugin.vue.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin } from '../lexical-vue'\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</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,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":"AutoLinkPlugin.vue.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/AutoLinkPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { LexicalAutoLinkPlugin } from 'lexical-vue'\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</template>\r\n"],"names":[],"mappings":";;;;;;AAGA,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;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.js

@@ -2,90 +2,70 @@
 const vue = require("vue");
 const lexical = require("lexical");
 const utils = require("@lexical/utils");
-require("@lexical/text");
-const useMounted = require("../../lexical-vue/composables/useMounted.js");
-require("@lexical/overflow");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../lexical-vue/composables/useLexicalComposer.js");
-const useLexicalNodeSelection = require("../../lexical-vue/composables/useLexicalNodeSelection.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-require("@lexical/yjs");
-require("yjs");
-require("../../lexical-vue/components/LexicalDecoratedTeleports.js");
-require("@lexical/html");
-require("@lexical/link");
-require("@lexical/mark");
-require("@lexical/table");
-require("@lexical/hashtag");
-const LexicalBlockWithAlignableContents_vue_vue_type_script_setup_true_lang = require("../../lexical-vue/components/LexicalBlockWithAlignableContents.vue2.js");
-require("@lexical/markdown");
-require("../../lexical-vue/composables/useCollaborationContext.js");
-require("../../lexical-vue/components/LexicalMenu/shared.js");
-require("../../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js");
-require("../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js");
+const lexicalVue = require("lexical-vue");
+const index = require("./index.js");
+const commands = require("../commands.js");
+const HtmlBlockTools_vue_vue_type_script_setup_true_lang = require("./HtmlBlockTools.vue.js");
 const DocHtmlBlockComponent = /* @__PURE__ */ vue.defineComponent({
   name: "DocHtmlBlockComponent",
-  props: ["baseClass", "focusClass", "nodeKey", "attrs"],
+  props: ["baseClass", "focusClass", "class", "nodeKey", "html"],
   setup(props) {
-    const editor = useLexicalComposer.useLexicalComposer();
+    const editor = lexicalVue.useLexicalComposer();
     const {
       isSelected,
       setSelected,
       clearSelection
-    } = useLexicalNodeSelection.useLexicalNodeSelection(props.nodeKey);
+    } = lexicalVue.useLexicalNodeSelection(props.nodeKey);
     const selfElRef = vue.ref(null);
-    useMounted.useMounted(() => {
+    const htmlContent = vue.ref(props.html);
+    lexicalVue.useMounted(() => {
       return utils.mergeRegister(
-        // 选中图
+        // 选中
         editor.registerCommand(lexical.CLICK_COMMAND, (event) => {
-          console.log(event.target);
           if (event.target === selfElRef.value) {
             event.preventDefault();
             if (!event.shiftKey) {
               clearSelection();
             }
             setSelected(true);
+            editor.dispatchCommand(commands.SELECTED_COMPONENT_COMMAND, {
+              el: selfElRef.value,
+              component: HtmlBlockTools_vue_vue_type_script_setup_true_lang
+            });
             return true;
           }
+          editor.dispatchCommand(commands.SELECTED_COMPONENT_COMMAND, null);
+          return false;
+        }, lexical.COMMAND_PRIORITY_LOW),
+        // 删除
+        editor.registerCommand(index.REMOVE_HTML_BLOCK_COMMAND, () => {
+          const selection = lexical.$getSelection();
+          if (lexical.$isNodeSelection(selection)) {
+            selection.getNodes().forEach((node) => node.remove());
+            editor.dispatchCommand(commands.SELECTED_COMPONENT_COMMAND, null);
+          }
+          return false;
+        }, lexical.COMMAND_PRIORITY_LOW),
+        // 修改
+        editor.registerCommand(index.HTML_BLOCK_CHANGE, (payload) => {
+          const selection = lexical.$getSelection();
+          if (lexical.$isNodeSelection(selection)) {
+            const node = selection.getNodes()[0];
+            if (node.getKey() == props.nodeKey) {
+              htmlContent.value = payload;
+              node.setHtml(payload);
+            }
+          }
           return false;
         }, lexical.COMMAND_PRIORITY_LOW)
       );
     });
     return () => {
-      return vue.createVNode(LexicalBlockWithAlignableContents_vue_vue_type_script_setup_true_lang, {
-        "nodeKey": "props.nodeKey"
-      }, {
-        default: () => [vue.createVNode("iframe", vue.mergeProps({
-          "ref": (el) => selfElRef.value = el,
-          "srcdoc": `
-          <html>
-            <head>
-              <style type="text/css">
-                ${props.attrs.css}
-              </style>
-               <script>
-                ${props.attrs.js}
-              <\/script>
-            </head>
-            <body>${props.attrs.content}</body>
-          </html>
-          `,
-          "style": {
-            width: "100%",
-            padding: 0,
-            margin: 0
-          }
-        }, {
-          frameborder: 0,
-          allowFullScreen: true
-        }, {
-          "allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-        }), null)]
-      });
+      return vue.createVNode("div", {
+        "class": `${props.baseClass} ${props.class} ${isSelected.value ? props.focusClass : ""}`,
+        "ref": (el) => selfElRef.value = el,
+        "innerHTML": htmlContent.value
+      }, null);
     };
   }
 });

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocHtmlBlockComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.tsx"],"sourcesContent":["import type { ElementFormatType } from \"lexical\";\nimport {\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n} from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n  useLexicalComposer,\n  useLexicalNodeSelection,\n  useMounted,\n  DecoratorBlockNode,\n  LexicalBlockWithAlignableContents,\n} from \"../../lexical-vue\";\nimport { defineComponent, ref, reactive, computed, watch } from \"vue\";\nimport { Messager } from \"@maketribe/dm\";\n\n/**\n * 图片渲染组件\n */\nexport default defineComponent({\n  name: \"DocHtmlBlockComponent\",\n  props: [\"baseClass\", \"focusClass\", \"nodeKey\", \"attrs\"],\n  setup(props) {\n    const editor = useLexicalComposer();\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(\n      props.nodeKey\n    );\n    const selfElRef = ref<any>(null);\n\n    // 编辑器挂载的时候\n    useMounted(() => {\n      return mergeRegister(\n        // 选中图\n        editor.registerCommand<MouseEvent>(\n          CLICK_COMMAND,\n          (event) => {\n            console.log(event.target);\n            if (event.target === selfElRef.value) {\n              event.preventDefault();\n\n              if (!event.shiftKey) {\n                clearSelection();\n              }\n\n              setSelected(true);\n\n              return true;\n            }\n\n            return false;\n          },\n          COMMAND_PRIORITY_LOW\n        )\n      );\n    });\n\n    return () => {\n      return (\n        <LexicalBlockWithAlignableContents nodeKey=\"props.nodeKey\">\n          <iframe\n            ref={(el) => (selfElRef.value = el)}\n            srcdoc={`\n          <html>\n            <head>\n              <style type=\"text/css\">\n                ${props.attrs.css}\n              </style>\n               <script>\n                ${props.attrs.js}\n              </script>\n            </head>\n            <body>${props.attrs.content}</body>\n          </html>\n          `}\n            style={{ width: \"100%\", padding: 0, margin: 0 }}\n            {...{ frameborder: 0, allowFullScreen: true }}\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          ></iframe>\n        </LexicalBlockWithAlignableContents>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","console","log","target","value","preventDefault","shiftKey","COMMAND_PRIORITY_LOW","_createVNode","LexicalBlockWithAlignableContents","default","_mergeProps","el","attrs","css","js","content","width","padding","margin","frameborder","allowFullScreen"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAeA,4DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO,CAAC,aAAa,cAAc,WAAW,OAAO;AAAA,EACrDC,MAAMD,OAAO;AACX,UAAME,SAASC,mBAAAA;AACf,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAaC;AAAAA,IAAe,IAAIC,wBAAuB,wBACzEP,MAAMQ,OACR;AACA,UAAMC,YAAYC,QAAS,IAAI;AAG/BC,eAAAA,WAAW,MAAM;AACf,aAAOC,MAAa;AAAA;AAAA,QAElBV,OAAOW,gBACLC,QAAa,eACZC,WAAU;AACTC,kBAAQC,IAAIF,MAAMG,MAAM;AACxB,cAAIH,MAAMG,WAAWT,UAAUU,OAAO;AACpCJ,kBAAMK,eAAc;AAEpB,gBAAI,CAACL,MAAMM,UAAU;AACnBf;YACF;AAEAD,wBAAY,IAAI;AAEhB,mBAAO;AAAA,UACT;AAEA,iBAAO;AAAA,WAETiB,QAAAA,oBACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,uEAAA;AAAA,QAAA,WAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,0BAAAG,IAAAA,WAAA;AAAA,UAAA,OAGYC,QAAQlB,UAAUU,QAAQQ;AAAAA,UAAG,UAC3B;AAAA;AAAA;AAAA;AAAA,kBAIF3B,MAAM4B,MAAMC,GAAG;AAAA;AAAA;AAAA,kBAGf7B,MAAM4B,MAAME,EAAE;AAAA;AAAA;AAAA,oBAGZ9B,MAAM4B,MAAMG,OAAO;AAAA;AAAA;AAAA,UAE5B,SACQ;AAAA,YAAEC,OAAO;AAAA,YAAQC,SAAS;AAAA,YAAGC,QAAQ;AAAA,UAAE;AAAA,QAAC,GAAA;AAAA,UACzCC,aAAa;AAAA,UAAGC,iBAAiB;AAAA,QAAI,GAAA;AAAA,UAAA,SAAA;AAAA,QAAA,CAAA,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAMrD;AACF,CAAC;;"}
+{"version":3,"file":"DocHtmlBlockComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.tsx"],"sourcesContent":["import {\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  CLICK_COMMAND,\r\n  COMMAND_PRIORITY_LOW,\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n} from \"lexical-vue\";\r\nimport { defineComponent, ref } from \"vue\";\r\nimport { REMOVE_HTML_BLOCK_COMMAND,HTML_BLOCK_CHANGE, HtmlBlockNode } from './index'\r\nimport { SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\nimport HtmlBlockTools from \"./HtmlBlockTools.vue\";\r\n\r\n/**\r\n * 图片渲染组件\r\n */\r\nexport default defineComponent({\r\n  name: \"DocHtmlBlockComponent\",\r\n  props: [\"baseClass\", \"focusClass\", \"class\",\"nodeKey\", \"html\"],\r\n  setup(props) {\r\n    const editor = useLexicalComposer();\r\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(props.nodeKey);\r\n\r\n    const selfElRef = ref<any>(null);\r\n    const htmlContent = ref(props.html);\r\n\r\n    // 编辑器挂载的时候\r\n    useMounted(() => {\r\n      return mergeRegister(\r\n        // 选中\r\n        editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          if (event.target === selfElRef.value) {\r\n\r\n            event.preventDefault();\r\n\r\n            if (!event.shiftKey) { clearSelection();  }\r\n\r\n            setSelected(true);\r\n\r\n            // 选中后显示工具条\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,{ \r\n              el:selfElRef.value,\r\n              component:HtmlBlockTools\r\n            } as ComponentSelectEvent);\r\n\r\n            return true;\r\n          }\r\n          // 没选中\r\n          editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n          return false;\r\n        }, COMMAND_PRIORITY_LOW),\r\n        // 删除\r\n        editor.registerCommand(REMOVE_HTML_BLOCK_COMMAND, () => {\r\n            \r\n          const selection = $getSelection();\r\n    \r\n          if($isNodeSelection(selection)){\r\n\r\n            selection.getNodes().forEach(node=>node.remove());\r\n            // 没选中\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n          }\r\n          return false;\r\n        },COMMAND_PRIORITY_LOW),\r\n        // 修改\r\n        editor.registerCommand(HTML_BLOCK_CHANGE,(payload:string) => {\r\n\r\n          const selection = $getSelection();\r\n\r\n          if($isNodeSelection(selection)){\r\n    \r\n            const node = selection.getNodes()[0] as HtmlBlockNode;\r\n\r\n            if(node.getKey() == props.nodeKey){\r\n              htmlContent.value = payload;\r\n              node.setHtml(payload)\r\n            }\r\n           \r\n          }\r\n        \r\n          return false\r\n        },COMMAND_PRIORITY_LOW),\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      return <div class={`${props.baseClass} ${props.class} ${isSelected.value ? props.focusClass : ''}`} \r\n      ref={el=>selfElRef.value=el} v-html={htmlContent.value}>\r\n      </div>\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","htmlContent","html","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","target","value","preventDefault","shiftKey","dispatchCommand","SELECTED_COMPONENT_COMMAND","el","component","HtmlBlockTools","COMMAND_PRIORITY_LOW","REMOVE_HTML_BLOCK_COMMAND","selection","$getSelection","$isNodeSelection","getNodes","forEach","node","remove","HTML_BLOCK_CHANGE","payload","getKey","setHtml","_createVNode","baseClass","class","focusClass"],"mappings":";;;;;;;;AAoBA,MAAeA,4DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO,CAAC,aAAa,cAAc,SAAQ,WAAW,MAAM;AAAA,EAC5DC,MAAMD,OAAO;AACX,UAAME,SAASC,WAAAA;AACf,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAaC;AAAAA,IAAe,IAAIC,WAAuB,wBAACP,MAAMQ,OAAO;AAEzF,UAAMC,YAAYC,QAAS,IAAI;AAC/B,UAAMC,cAAcD,IAAAA,IAAIV,MAAMY,IAAI;AAGlCC,eAAAA,WAAW,MAAM;AACf,aAAOC,MAAa;AAAA;AAAA,QAElBZ,OAAOa,gBAA4BC,QAAa,eAAEC,WAAU;AAC1D,cAAIA,MAAMC,WAAWT,UAAUU,OAAO;AAEpCF,kBAAMG,eAAc;AAEpB,gBAAI,CAACH,MAAMI,UAAU;AAAEf;YAAmB;AAE1CD,wBAAY,IAAI;AAGhBH,mBAAOoB,gBAAgBC,qCAA2B;AAAA,cAChDC,IAAGf,UAAUU;AAAAA,cACbM,WAAUC;AAAAA,YACZ,CAAyB;AAEzB,mBAAO;AAAA,UACT;AAEAxB,iBAAOoB,gBAAgBC,qCAA2B,IAAI;AACtD,iBAAO;AAAA,QACR,GAAEI,4BAAoB;AAAA;AAAA,QAEvBzB,OAAOa,gBAAgBa,MAAAA,2BAA2B,MAAM;AAEtD,gBAAMC,YAAYC,QAAAA;AAElB,cAAGC,QAAAA,iBAAiBF,SAAS,GAAE;AAE7BA,sBAAUG,SAAQ,EAAGC,QAAQC,UAAMA,KAAKC,OAAM,CAAE;AAEhDjC,mBAAOoB,gBAAgBC,qCAA2B,IAAI;AAAA,UACxD;AACA,iBAAO;AAAA,QACR,GAACI,4BAAoB;AAAA;AAAA,QAEtBzB,OAAOa,gBAAgBqB,MAAiB,mBAAEC,aAAmB;AAE3D,gBAAMR,YAAYC,QAAAA;AAElB,cAAGC,QAAAA,iBAAiBF,SAAS,GAAE;AAE7B,kBAAMK,OAAOL,UAAUG,SAAU,EAAC,CAAC;AAEnC,gBAAGE,KAAKI,YAAYtC,MAAMQ,SAAQ;AAChCG,0BAAYQ,QAAQkB;AACpBH,mBAAKK,QAAQF,OAAO;AAAA,YACtB;AAAA,UAEF;AAEA,iBAAO;AAAA,WACPV,QAAAA,oBAAoB;AAAA,MACxB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAmB,GAAGxC,MAAMyC,SAAS,IAAIzC,MAAM0C,KAAK,IAAItC,WAAWe,QAAQnB,MAAM2C,aAAa,EAAE;AAAA,QAAE,OAC7FnB,QAAIf,UAAUU,QAAMK;AAAAA,QAAE,aAAUb,YAAYQ;AAAAA,MAAK,GAAA,IAAA;AAAA;EAG1D;AACF,CAAC;;"}

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlBlockTools.vue.js

@@ -0,0 +1,64 @@
+"use strict";
+const vue = require("vue");
+const lexical = require("lexical");
+const utils = require("@lexical/utils");
+const lexicalVue = require("lexical-vue");
+const index = require("./index.js");
+const HtmlEditDialog = require("./HtmlEditDialog.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "HtmlBlockTools",
+  setup(__props) {
+    const editor = lexicalVue.useLexicalComposer();
+    const htmlContent = vue.ref("");
+    const editHandle = async () => {
+      var result = await HtmlEditDialog.ShowHtmlEditPanel(htmlContent.value);
+      editor.dispatchCommand(index.HTML_BLOCK_CHANGE, result);
+    };
+    vue.onMounted(() => {
+      const unregisterMergeListener = utils.mergeRegister(
+        editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, (payload, newEditor) => {
+          const selection = lexical.$getSelection();
+          if (lexical.$isNodeSelection(selection)) {
+            const node = selection.getNodes()[0];
+            if (node.__type == index.HtmlBlockNode.getType()) {
+              htmlContent.value = node == null ? void 0 : node.__html;
+            }
+          }
+          return false;
+        }, 1)
+      );
+      vue.onUnmounted(() => unregisterMergeListener());
+    });
+    return (_ctx, _cache) => {
+      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_button_group = vue.resolveComponent("el-button-group");
+      return vue.openBlock(), vue.createBlock(_component_el_button_group, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_button, {
+            text: "",
+            onClick: editHandle
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_MKSvgIcon, { iconClass: `Edit` })
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_button, {
+            text: "",
+            type: "danger",
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(index.REMOVE_HTML_BLOCK_COMMAND), null))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_MKSvgIcon, { iconClass: `Delete` })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=HtmlBlockTools.vue.js.map

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlBlockTools.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlBlockTools.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlBlockTools.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { \r\n  SELECTION_CHANGE_COMMAND,$getSelection,$isNodeSelection \r\n} from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { onMounted, onUnmounted,ref } from 'vue'\r\nimport { useLexicalComposer } from 'lexical-vue'\r\nimport { REMOVE_HTML_BLOCK_COMMAND,HTML_BLOCK_CHANGE, HtmlBlockNode } from './index'\r\nimport { ShowHtmlEditPanel } from \"./HtmlEditDialog\"\r\n\r\n \r\nconst editor = useLexicalComposer()\r\nconst htmlContent = ref(\"\")\r\n\r\n// 编辑\r\nconst editHandle = async  ()=>{\r\n  var result = await ShowHtmlEditPanel(htmlContent.value);\r\n  editor.dispatchCommand(HTML_BLOCK_CHANGE,result as string)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n        \r\n      const selection = $getSelection();\r\n\r\n      if($isNodeSelection(selection)){\r\n\r\n        const node = selection.getNodes()[0] as HtmlBlockNode;\r\n        \r\n        if(node.__type == HtmlBlockNode.getType()){\r\n          htmlContent.value = node?.__html\r\n        }\r\n        \r\n      }\r\n      return false;\r\n    },1)\r\n  )\r\n\r\n  // 卸载\r\n  onUnmounted(() => unregisterMergeListener())\r\n\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n   <el-button-group>\r\n    <el-button text  @click=\"editHandle\">\r\n      <MKSvgIcon :iconClass=\"`Edit`\" /> \r\n    </el-button>\r\n    <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_HTML_BLOCK_COMMAND,null)\">\r\n      <MKSvgIcon :iconClass=\"`Delete`\" /> \r\n    </el-button>\r\n  </el-button-group>\r\n</template>\r\n"],"names":["useLexicalComposer","ref","ShowHtmlEditPanel","HTML_BLOCK_CHANGE","onMounted","mergeRegister","SELECTION_CHANGE_COMMAND","$getSelection","$isNodeSelection","HtmlBlockNode","onUnmounted"],"mappings":";;;;;;;;;;AAWA,UAAM,SAASA,WAAAA;AACT,UAAA,cAAcC,QAAI,EAAE;AAG1B,UAAM,aAAa,YAAW;AAC5B,UAAI,SAAS,MAAMC,eAAAA,kBAAkB,YAAY,KAAK;AAC/C,aAAA,gBAAgBC,yBAAkB,MAAgB;AAAA,IAAA;AAG3DC,QAAAA,UAAU,MAAI;AAEZ,YAAM,0BAA0BC,MAAA;AAAA,QAC9B,OAAO,gBAAgBC,QAAAA,0BAA0B,CAAC,SAAS,cAAc;AAEvE,gBAAM,YAAYC,QAAAA;AAEf,cAAAC,QAAAA,iBAAiB,SAAS,GAAE;AAE7B,kBAAM,OAAO,UAAU,SAAS,EAAE,CAAC;AAEnC,gBAAG,KAAK,UAAUC,MAAc,cAAA,QAAA,GAAU;AACxC,0BAAY,QAAQ,6BAAM;AAAA,YAC5B;AAAA,UAEF;AACO,iBAAA;AAAA,WACP,CAAC;AAAA,MAAA;AAIOC,sBAAA,MAAM,yBAAyB;AAAA,IAAA,CAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlBlockTools.vue2.js

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

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlBlockTools.vue2.js.map

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

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlEditDialog.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const index = require("../../../code-editor/index.js");
+const langHtml = require("@codemirror/lang-html");
+const ShowHtmlEditPanel = async (content) => {
+  return new Promise((resolve, reject) => {
+    const htmlValue = vue.ref(content);
+    const extensions = [langHtml.html()];
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+    };
+    const handleConfirmClick = () => {
+      dialogInstance.destroy();
+      resolve(htmlValue.value);
+    };
+    const dialogInstance = dm.Dialoger.customRender({
+      title: "自定义HTML代码块",
+      class: "mk-html-editor-dialog",
+      width: "70%",
+      onClose: () => {
+        dialogInstance.destroy();
+      },
+      body: () => {
+        return vue.createVNode(index.MKCodeEditor, {
+          "modelValue": htmlValue.value,
+          "onUpdate:modelValue": ($event) => htmlValue.value = $event,
+          "extensions": extensions
+        }, null);
+      },
+      footer: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("确定")]
+        })]);
+      }
+    });
+  });
+};
+exports.ShowHtmlEditPanel = ShowHtmlEditPanel;
+//# sourceMappingURL=HtmlEditDialog.js.map

package/dist/cjs/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlEditDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditDialog.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlEditDialog.tsx"],"sourcesContent":["\r\nimport { Fragment,ref,unref } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport {  ElButton} from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../../code-editor\"\r\nimport { html } from \"@codemirror/lang-html\"\r\n/**\r\n * \r\n * @param html \r\n * @returns \r\n */\r\nexport const ShowHtmlEditPanel = async  (content:any) => {\r\n  return new Promise((resolve,reject) => {\r\n\r\n    const htmlValue = ref(content)\r\n\r\n    const extensions = [html()]\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(htmlValue.value);\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"自定义HTML代码块\",\r\n      class: \"mk-html-editor-dialog\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return <MKCodeEditor v-model={htmlValue.value} extensions={extensions} ></MKCodeEditor>\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":["ShowHtmlEditPanel","content","Promise","resolve","reject","htmlValue","ref","extensions","html","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","Dialoger","customRender","title","class","width","onClose","body","_createVNode","MKCodeEditor","$event","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAWaA,MAAAA,oBAAoB,OAAQC,YAAgB;AACvD,SAAO,IAAIC,QAAQ,CAACC,SAAQC,WAAW;AAErC,UAAMC,YAAYC,QAAIL,OAAO;AAE7B,UAAMM,aAAa,CAACC,SAAI,KAAA,CAAE;AAG1B,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAAA;AAIxB,UAAMC,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBR,cAAQE,UAAUQ,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,MAAAA,cAAA;AAAA,UAAA,cAA8BjB,UAAUQ;AAAAA,UAAK,uBAAAU,YAAflB,UAAUQ,QAAKU;AAAAA,UAAA,cAAchB;AAAAA,QAAU,GAAA,IAAA;AAAA,MACtE;AAAA,MACDiB,QAAQA,MAAM;AACZ,eAAAH,IAAA,YAAAI,IAAA,UAAAJ,MAAAA,CAAAA,IAAAA,YAAAK,YAAAA,UAAA;AAAA,UAAA,WACqBjB;AAAAA,QAAiB,GAAA;AAAA,UAAAkB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,IAAA,YAAAK,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFd;AAAAA,QAAkB,GAAA;AAAA,UAAAe,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIxD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}