@maketribe/ms-app 3.2.33 → 3.2.35

package/dist/cjs/modules/ms/components/rich-text-editor/rich-text-editor-options.js

@@ -14,14 +14,12 @@ const richTextEditorProps = utils.buildProps({
   plugins: {
     type: Array,
     required: false,
-    // ["link", "table", "fullscreen", "code","image"],
-    default: () => ["link", "quickbars", "lists"]
+    default: () => ["link", "quicklink", "quickbars", "lists", "table", "fullscreen", "code", "image"]
   },
   toolbar: {
     type: [String, Boolean],
     required: false,
-    //"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen"
-    default: false
+    default: "fontsize | forecolor | styles | quicklink | backcolor | link"
   },
   disabled: {
     type: Boolean,

package/dist/cjs/modules/ms/components/rich-text-editor/rich-text-editor-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor-options.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const richTextEditorProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  inline : {\r\n    type: Boolean,\r\n    required: false,\r\n    default:false\r\n  },\r\n  plugins:{\r\n    type: Array<string>,\r\n    required: false,\r\n   // [\"link\", \"table\", \"fullscreen\", \"code\",\"image\"],\r\n    default:()=> ['link','quickbars','lists']\r\n  },\r\n  toolbar:{\r\n    type: [String,Boolean],\r\n    required: false,\r\n    //\"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen\"\r\n    default:false\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type RichTextEditorProps = ExtractPropTypes<typeof richTextEditorProps>;\r\n\r\nexport const richTextEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type RichTextEditorEmits = typeof richTextEditorEmits;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,QAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAQ;AAAA,EACV;AAAA,EACA,SAAQ;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,IAEV,SAAQ,MAAK,CAAC,QAAO,aAAY,OAAO;AAAA,EAC1C;AAAA,EACA,SAAQ;AAAA,IACN,MAAM,CAAC,QAAO,OAAO;AAAA,IACrB,UAAU;AAAA;AAAA,IAEV,SAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAuB;AAChD;;;"}
+{"version":3,"file":"rich-text-editor-options.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const richTextEditorProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  inline : {\r\n    type: Boolean,\r\n    required: false,\r\n    default: false\r\n  },\r\n  plugins:{\r\n    type: Array<string>,\r\n    required: false,\r\n    default:()=> ['link','quicklink','quickbars','lists', \"table\", \"fullscreen\", \"code\",\"image\"]\r\n  },\r\n  toolbar:{\r\n    type: [String,Boolean],\r\n    required: false, \r\n    default:'fontsize | forecolor | styles | quicklink | backcolor | link'\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type RichTextEditorProps = ExtractPropTypes<typeof richTextEditorProps>;\r\n\r\nexport const richTextEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type RichTextEditorEmits = typeof richTextEditorEmits;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,QAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,SAAQ;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAQ,MAAK,CAAC,QAAO,aAAY,aAAY,SAAS,SAAS,cAAc,QAAO,OAAO;AAAA,EAC7F;AAAA,EACA,SAAQ;AAAA,IACN,MAAM,CAAC,QAAO,OAAO;AAAA,IACrB,UAAU;AAAA,IACV,SAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAuB;AAChD;;;"}

package/dist/cjs/modules/ms/components/rich-text-editor/rich-text-editor.js

@@ -32,6 +32,7 @@ const RichTextEditor = /* @__PURE__ */ vue.defineComponent({
         promotion: false,
         menubar: false,
         plugins: props.plugins,
+        //"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen"
         toolbar: props.toolbar,
         inline: props.inline,
         forced_root_block: " ",
@@ -50,10 +51,10 @@ const RichTextEditor = /* @__PURE__ */ vue.defineComponent({
         language: "zh-Hans",
         skin_url: "ms",
         content_css: "ms",
-        quickbars_insert_toolbar: "image",
-        quickbars_selection_toolbar: "bold italic underline | blocks | backcolor color quicklink",
-        powerpaste_word_import: "clean",
-        powerpaste_html_import: "clean",
+        // quickbars_insert_toolbar: 'image',
+        // quickbars_selection_toolbar: 'forecolor backcolor fontsize | bold italic underline |  fontfamily |  quicklink',
+        // powerpaste_word_import: 'clean',
+        // powerpaste_html_import: 'clean',
         setup: (editor) => {
           editor.on("change", function() {
           });

package/dist/cjs/modules/ms/components/rich-text-editor/rich-text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref, unref, watch, withCtx } from \"vue\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\nimport TinyMCE from \"tinymce\";\r\nimport \"tinymce/themes/silver/theme.js\";\r\nimport \"tinymce/models/dom/model.min.js\";\r\nimport \"tinymce/icons/default/icons.min.js\";\r\nimport \"tinymce/plugins/link\";\r\nimport \"tinymce/plugins/table\";\r\nimport \"tinymce/plugins/fullscreen\";\r\nimport \"tinymce/plugins/code\";\r\nimport \"tinymce/plugins/image\";\r\nimport \"tinymce/plugins/quickbars\";\r\nimport \"tinymce/plugins/lists\";\r\nimport \"./langs/zh-Hans.js\";\r\n\r\nimport \"./skins/ui/ms/skin.js\";\r\nimport \"./skins/ui/ms/content.js\";\r\nimport \"./skins/content/ms/content.js\";\r\n\r\n\r\nimport { richTextEditorEmits, richTextEditorProps } from \"./rich-text-editor-options\";\r\n\r\nexport default defineComponent({\r\n\tname: \"MKRichTextEditor\",\r\n\tprops: richTextEditorProps,\r\n\temits: richTextEditorEmits,\r\n\tsetup(props, { emit }) {\r\n\t\tconst richTextEditorEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n\t\tconst instance = getCurrentInstance();\r\n\r\n    // 这个方法暂时没用上\r\n\t\t// function escapeHtml(text: string) {\r\n\t\t// \treturn text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#039;\");\r\n\t\t// }\r\n\r\n\t\tonMounted(async () => {\r\n\t\t\tconst tinymceInstance = await TinyMCE.init({\r\n\t\t\t\ttarget: unref(richTextEditorEl)!,\r\n\t\t\t\tpromotion: false, \r\n        menubar: false,\r\n\t\t\t\tplugins:props.plugins,\r\n        toolbar: props.toolbar,\r\n        inline: props.inline,\r\n\t\t\t\tforced_root_block: \" \",\r\n\t\t\t\tvalid_elements: \"*[*]\", // 允许所有元素和属性\r\n\t\t\t\textended_valid_elements: \"script[src|async|defer|type|charset]\", // 允许 script 标签的特定属性\r\n\t\t\t\tcustom_elements: \"~script\", // 允许自定义标签\r\n\t\t\t\tvalid_children: \"+body[script]\", // 允许 body 包含 script 标签\r\n\t\t\t\tcleanup: false,\r\n\t\t\t\tapply_source_formatting: false,\r\n\t\t\t\tverify_html: false,\r\n\t\t\t\tfont_family_formats:\r\n\t\t\t\t\t\"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\",\r\n\t\t\t\tlanguage: \"zh-Hans\",\r\n        skin_url:\"ms\",\r\n        content_css:\"ms\",\r\n\r\n        quickbars_insert_toolbar: 'image',\r\n        quickbars_selection_toolbar: 'bold italic underline | blocks | backcolor color quicklink',\r\n        powerpaste_word_import: 'clean',\r\n        powerpaste_html_import: 'clean',\r\n\t\t\t\tsetup: (editor) => {\r\n\t\t\t\t\t\r\n\t\t\t\t\teditor.on(\"change\", function () {\r\n\t\t\t\t\t\t// console.log(\"Content changed:\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.ui.registry.addButton(\"material\", {\r\n\t\t\t\t\t\ticon: \"image\",\r\n\t\t\t\t\t\tonAction: async () => {\r\n\t\t\t\t\t\t\tconst response = await MKMaterialSelect();\r\n\t\t\t\t\t\t\tif (!response.success) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\teditor.insertContent(`<img src=\"${response.path}\" alt=\"${response.data!.id}\">`);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"paste\", (event, ...args) => {\r\n\t\t\t\t\t\t// console.log(event, ...args);\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"change input undo redo\", () => {\r\n\t\t\t\t\t\temit(\"update:model-value\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.modelValue),\r\n\t\t\t\t(modelValue) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tif (instance.getContent() !== modelValue) {\r\n\t\t\t\t\t\t\tinstance.setContent(modelValue || \"\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.disabled),\r\n\t\t\t\t(disabled) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.mode.set(disabled ? \"readonly\" : \"design\");\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\r\n\t\t\twithCtx(() => {\r\n\t\t\t\tonBeforeUnmount(() => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.destroy();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, instance);\r\n\t\t});\r\n\t\treturn () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"mk-rich-text-editor\">\r\n\t\t\t\t\t<div class=\"mk-rich-text-editor__wrapper\" ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any} />\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t},\r\n});\r\n"],"names":["defineComponent","name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","instance","getCurrentInstance","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","menubar","plugins","toolbar","inline","forced_root_block","valid_elements","extended_valid_elements","custom_elements","valid_children","cleanup","apply_source_formatting","verify_html","font_family_formats","language","skin_url","content_css","quickbars_insert_toolbar","quickbars_selection_toolbar","powerpaste_word_import","powerpaste_html_import","editor","on","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","path","data","id","event","args","getContent","watch","computed","modelValue","setContent","immediate","disabled","mode","set","withCtx","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAeA,qDAAgB;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACtB,UAAMC,mBAA4CC,QAAI,IAAI;AAE1D,UAAMC,WAAWC,IAAAA;AAOjBC,QAAAA,UAAU,YAAY;AACrB,YAAMC,kBAAkB,MAAMC,QAAQC,KAAK;AAAA,QAC1CC,QAAQC,IAAK,MAACT,gBAAgB;AAAA,QAC9BU,WAAW;AAAA,QACPC,SAAS;AAAA,QACbC,SAAQlB,MAAMkB;AAAAA,QACVC,SAASnB,MAAMmB;AAAAA,QACfC,QAAQpB,MAAMoB;AAAAA,QAClBC,mBAAmB;AAAA,QACnBC,gBAAgB;AAAA;AAAA,QAChBC,yBAAyB;AAAA;AAAA,QACzBC,iBAAiB;AAAA;AAAA,QACjBC,gBAAgB;AAAA;AAAA,QAChBC,SAAS;AAAA,QACTC,yBAAyB;AAAA,QACzBC,aAAa;AAAA,QACbC,qBACC;AAAA,QACDC,UAAU;AAAA,QACNC,UAAS;AAAA,QACTC,aAAY;AAAA,QAEZC,0BAA0B;AAAA,QAC1BC,6BAA6B;AAAA,QAC7BC,wBAAwB;AAAA,QACxBC,wBAAwB;AAAA,QAC5BhC,OAAQiC,YAAW;AAElBA,iBAAOC,GAAG,UAAU,WAAY;AAAA,UAC/B,CACA;AACDD,iBAAOE,GAAGC,SAASC,UAAU,YAAY;AAAA,YACxCC,MAAM;AAAA,YACNC,UAAU,YAAY;AACrB,oBAAMC,WAAW,MAAMC,MAAAA;AACvB,kBAAI,CAACD,SAASE,SAAS;AACtB;AAAA,cACD;AACAT,qBAAOU,cAAc,aAAaH,SAASI,IAAI,UAAUJ,SAASK,KAAMC,EAAE,IAAI;AAAA,YAC/E;AAAA,UACD,CAAC;AACDb,iBAAOC,GAAG,SAAS,CAACa,UAAUC,SAAS;AAAA,UACtC,CACA;AACDf,iBAAOC,GAAG,0BAA0B,MAAM;AACzCjC,iBAAK,sBAAsBgC,OAAOgB,WAAY,CAAA;AAAA,UAC/C,CAAC;AAAA,QACF;AAAA,MACD,CAAC;AACDC,UAAAA,MACCC,IAAAA,SAAS,MAAMvD,MAAMwD,UAAU,GAC9BA,gBAAe;AACf,mBAAWhD,aAAYG,iBAAiB;AACvC,cAAIH,UAAS6C,WAAY,MAAKG,YAAY;AACzChD,YAAAA,UAASiD,WAAWD,cAAc,EAAE;AAAA,UACrC;AAAA,QACD;AAAA,MACD,GACA;AAAA,QAAEE,WAAW;AAAA,MAAK,CACnB;AACAJ,UAAAA,MACCC,IAAAA,SAAS,MAAMvD,MAAM2D,QAAQ,GAC5BA,cAAa;AACb,mBAAWnD,aAAYG,iBAAiB;AACvCH,UAAAA,UAASoD,KAAKC,IAAIF,WAAW,aAAa,QAAQ;AAAA,QACnD;AAAA,MACD,GACA;AAAA,QAAED,WAAW;AAAA,MAAK,CACnB;AAEAI,UAAAA,QAAQ,MAAM;AACbC,YAAAA,gBAAgB,MAAM;AACrB,qBAAWvD,aAAYG,iBAAiB;AACvCH,YAAAA,UAASwD,QAAO;AAAA,UACjB;AAAA,QACD,CAAC;AAAA,MACD,GAAExD,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,MAAM;AACZ,aAAAyD,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,IAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAEmDC,QAAqB5D,iBAAiB6D,QAAQD;AAAAA,MAAG,GAAA,IAAA,CAAA,CAAA;AAAA;EAItG;AACD,CAAC;;"}
+{"version":3,"file":"rich-text-editor.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/rich-text-editor.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref, unref, watch, withCtx } from \"vue\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\nimport TinyMCE from \"tinymce\";\r\nimport \"tinymce/themes/silver/theme.js\";\r\nimport \"tinymce/models/dom/model.min.js\";\r\nimport \"tinymce/icons/default/icons.min.js\";\r\nimport \"tinymce/plugins/link\";\r\nimport \"tinymce/plugins/table\";\r\nimport \"tinymce/plugins/fullscreen\";\r\nimport \"tinymce/plugins/code\";\r\nimport \"tinymce/plugins/image\";\r\nimport \"tinymce/plugins/quickbars\";\r\nimport \"tinymce/plugins/lists\";\r\nimport \"./langs/zh-Hans.js\";\r\n\r\nimport \"./skins/ui/ms/skin.js\";\r\nimport \"./skins/ui/ms/content.js\";\r\nimport \"./skins/content/ms/content.js\";\r\n\r\n\r\nimport { richTextEditorEmits, richTextEditorProps } from \"./rich-text-editor-options\";\r\n\r\nexport default defineComponent({\r\n\tname: \"MKRichTextEditor\",\r\n\tprops: richTextEditorProps,\r\n\temits: richTextEditorEmits,\r\n\tsetup(props, { emit }) {\r\n\t\tconst richTextEditorEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n\t\tconst instance = getCurrentInstance();\r\n\r\n    // 这个方法暂时没用上\r\n\t\t// function escapeHtml(text: string) {\r\n\t\t// \treturn text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#039;\");\r\n\t\t// }\r\n\r\n\t\tonMounted(async () => {\r\n\t\t\tconst tinymceInstance = await TinyMCE.init({\r\n\t\t\t\ttarget: unref(richTextEditorEl)!,\r\n\t\t\t\tpromotion: false, \r\n        menubar: false,\r\n\t\t\t\tplugins:props.plugins,\r\n            //\"undo redo | styles | fontfamily |  fontsize forecolor | bold italic underline strikethrough | alignleft aligncenter alignright | material | outdent indent | link | table | hr | removeformat  | code fullscreen\"\r\n        toolbar: props.toolbar,\r\n        inline: props.inline,\r\n\t\t\t\tforced_root_block: \" \",\r\n\t\t\t\tvalid_elements: \"*[*]\", // 允许所有元素和属性\r\n\t\t\t\textended_valid_elements: \"script[src|async|defer|type|charset]\", // 允许 script 标签的特定属性\r\n\t\t\t\tcustom_elements: \"~script\", // 允许自定义标签\r\n\t\t\t\tvalid_children: \"+body[script]\", // 允许 body 包含 script 标签\r\n\t\t\t\tcleanup: false,\r\n\t\t\t\tapply_source_formatting: false,\r\n\t\t\t\tverify_html: false,\r\n\t\t\t\tfont_family_formats:\r\n\t\t\t\t\t\"微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings\",\r\n\t\t\t\tlanguage: \"zh-Hans\",\r\n        skin_url:\"ms\",\r\n        content_css:\"ms\",\r\n        // quickbars_insert_toolbar: 'image',\r\n        // quickbars_selection_toolbar: 'forecolor backcolor fontsize | bold italic underline |  fontfamily |  quicklink',\r\n        // powerpaste_word_import: 'clean',\r\n        // powerpaste_html_import: 'clean',\r\n\t\t\t\tsetup: (editor) => {\r\n\t\t\t\t\t\r\n\t\t\t\t\teditor.on(\"change\", function () {\r\n\t\t\t\t\t\t// console.log(\"Content changed:\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.ui.registry.addButton(\"material\", {\r\n\t\t\t\t\t\ticon: \"image\",\r\n\t\t\t\t\t\tonAction: async () => {\r\n\t\t\t\t\t\t\tconst response = await MKMaterialSelect();\r\n\t\t\t\t\t\t\tif (!response.success) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\teditor.insertContent(`<img src=\"${response.path}\" alt=\"${response.data!.id}\">`);\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"paste\", (event, ...args) => {\r\n\t\t\t\t\t\t// console.log(event, ...args);\r\n\t\t\t\t\t});\r\n\t\t\t\t\teditor.on(\"change input undo redo\", () => {\r\n\t\t\t\t\t\temit(\"update:model-value\", editor.getContent());\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.modelValue),\r\n\t\t\t\t(modelValue) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tif (instance.getContent() !== modelValue) {\r\n\t\t\t\t\t\t\tinstance.setContent(modelValue || \"\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\t\t\twatch(\r\n\t\t\t\tcomputed(() => props.disabled),\r\n\t\t\t\t(disabled) => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.mode.set(disabled ? \"readonly\" : \"design\");\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t{ immediate: true }\r\n\t\t\t);\r\n\r\n\t\t\twithCtx(() => {\r\n\t\t\t\tonBeforeUnmount(() => {\r\n\t\t\t\t\tfor (const instance of tinymceInstance) {\r\n\t\t\t\t\t\tinstance.destroy();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, instance);\r\n\t\t});\r\n\t\treturn () => {\r\n\t\t\treturn (\r\n\t\t\t\t<div class=\"mk-rich-text-editor\">\r\n\t\t\t\t\t<div class=\"mk-rich-text-editor__wrapper\" ref={((el: HTMLElement) => (richTextEditorEl.value = el)) as any} />\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t},\r\n});\r\n"],"names":["defineComponent","name","props","richTextEditorProps","emits","richTextEditorEmits","setup","emit","richTextEditorEl","ref","instance","getCurrentInstance","onMounted","tinymceInstance","TinyMCE","init","target","unref","promotion","menubar","plugins","toolbar","inline","forced_root_block","valid_elements","extended_valid_elements","custom_elements","valid_children","cleanup","apply_source_formatting","verify_html","font_family_formats","language","skin_url","content_css","editor","on","ui","registry","addButton","icon","onAction","response","MKMaterialSelect","success","insertContent","path","data","id","event","args","getContent","watch","computed","modelValue","setContent","immediate","disabled","mode","set","withCtx","onBeforeUnmount","destroy","_createVNode","el","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAeA,qDAAgB;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACtB,UAAMC,mBAA4CC,QAAI,IAAI;AAE1D,UAAMC,WAAWC,IAAAA;AAOjBC,QAAAA,UAAU,YAAY;AACrB,YAAMC,kBAAkB,MAAMC,QAAQC,KAAK;AAAA,QAC1CC,QAAQC,IAAK,MAACT,gBAAgB;AAAA,QAC9BU,WAAW;AAAA,QACPC,SAAS;AAAA,QACbC,SAAQlB,MAAMkB;AAAAA;AAAAA,QAEVC,SAASnB,MAAMmB;AAAAA,QACfC,QAAQpB,MAAMoB;AAAAA,QAClBC,mBAAmB;AAAA,QACnBC,gBAAgB;AAAA;AAAA,QAChBC,yBAAyB;AAAA;AAAA,QACzBC,iBAAiB;AAAA;AAAA,QACjBC,gBAAgB;AAAA;AAAA,QAChBC,SAAS;AAAA,QACTC,yBAAyB;AAAA,QACzBC,aAAa;AAAA,QACbC,qBACC;AAAA,QACDC,UAAU;AAAA,QACNC,UAAS;AAAA,QACTC,aAAY;AAAA;AAAA;AAAA;AAAA;AAAA,QAKhB5B,OAAQ6B,YAAW;AAElBA,iBAAOC,GAAG,UAAU,WAAY;AAAA,UAC/B,CACA;AACDD,iBAAOE,GAAGC,SAASC,UAAU,YAAY;AAAA,YACxCC,MAAM;AAAA,YACNC,UAAU,YAAY;AACrB,oBAAMC,WAAW,MAAMC,MAAAA;AACvB,kBAAI,CAACD,SAASE,SAAS;AACtB;AAAA,cACD;AACAT,qBAAOU,cAAc,aAAaH,SAASI,IAAI,UAAUJ,SAASK,KAAMC,EAAE,IAAI;AAAA,YAC/E;AAAA,UACD,CAAC;AACDb,iBAAOC,GAAG,SAAS,CAACa,UAAUC,SAAS;AAAA,UACtC,CACA;AACDf,iBAAOC,GAAG,0BAA0B,MAAM;AACzC7B,iBAAK,sBAAsB4B,OAAOgB,WAAY,CAAA;AAAA,UAC/C,CAAC;AAAA,QACF;AAAA,MACD,CAAC;AACDC,UAAAA,MACCC,IAAAA,SAAS,MAAMnD,MAAMoD,UAAU,GAC9BA,gBAAe;AACf,mBAAW5C,aAAYG,iBAAiB;AACvC,cAAIH,UAASyC,WAAY,MAAKG,YAAY;AACzC5C,YAAAA,UAAS6C,WAAWD,cAAc,EAAE;AAAA,UACrC;AAAA,QACD;AAAA,MACD,GACA;AAAA,QAAEE,WAAW;AAAA,MAAK,CACnB;AACAJ,UAAAA,MACCC,IAAAA,SAAS,MAAMnD,MAAMuD,QAAQ,GAC5BA,cAAa;AACb,mBAAW/C,aAAYG,iBAAiB;AACvCH,UAAAA,UAASgD,KAAKC,IAAIF,WAAW,aAAa,QAAQ;AAAA,QACnD;AAAA,MACD,GACA;AAAA,QAAED,WAAW;AAAA,MAAK,CACnB;AAEAI,UAAAA,QAAQ,MAAM;AACbC,YAAAA,gBAAgB,MAAM;AACrB,qBAAWnD,aAAYG,iBAAiB;AACvCH,YAAAA,UAASoD,QAAO;AAAA,UACjB;AAAA,QACD,CAAC;AAAA,MACD,GAAEpD,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,MAAM;AACZ,aAAAqD,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,IAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAEmDC,QAAqBxD,iBAAiByD,QAAQD;AAAAA,MAAG,GAAA,IAAA,CAAA,CAAA;AAAA;EAItG;AACD,CAAC;;"}

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

@@ -0,0 +1,75 @@
+import { defineComponent, provide, onMounted, renderSlot } from "vue";
+import { createEditor, $getRoot, $createParagraphNode, $getSelection } from "lexical";
+import { LexicalEditorProviderKey } from "./composables/inject.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LexicalComposer",
+  props: {
+    initialConfig: {}
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const HISTORY_MERGE_OPTIONS = { tag: "history-merge" };
+    const editor = createEditor({
+      editable: props.initialConfig.editable,
+      html: props.initialConfig.html,
+      namespace: props.initialConfig.namespace,
+      nodes: props.initialConfig.nodes,
+      theme: props.initialConfig.theme,
+      onError(error) {
+        emit("error", error, editor);
+      }
+    });
+    initializeEditor(editor, props.initialConfig.editorState);
+    function initializeEditor(editor2, initialEditorState) {
+      if (initialEditorState === null)
+        return;
+      if (initialEditorState === void 0) {
+        editor2.update(() => {
+          const root = $getRoot();
+          if (root.isEmpty()) {
+            const paragraph = $createParagraphNode();
+            root.append(paragraph);
+            const activeElement = document.activeElement;
+            if ($getSelection() !== null || activeElement !== null && activeElement === editor2.getRootElement()) {
+              paragraph.select();
+            }
+          }
+        }, HISTORY_MERGE_OPTIONS);
+      } else if (initialEditorState !== null) {
+        switch (typeof initialEditorState) {
+          case "string": {
+            const parsedEditorState = editor2.parseEditorState(initialEditorState);
+            editor2.setEditorState(parsedEditorState, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+          case "object": {
+            editor2.setEditorState(initialEditorState, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+          case "function": {
+            editor2.update(() => {
+              const root = $getRoot();
+              if (root.isEmpty())
+                initialEditorState(editor2);
+            }, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+        }
+      }
+    }
+    provide(LexicalEditorProviderKey, editor);
+    onMounted(() => {
+      const isEditable = props.initialConfig.editable;
+      editor.setEditable(isEditable !== void 0 ? isEditable : true);
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalComposer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalComposer.vue.js","sources":["../../../../../../src/components/basic/doc-editor/core/LexicalComposer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, provide } from 'vue'\r\nimport type { CreateEditorArgs, LexicalEditor } from 'lexical'\r\nimport { $createParagraphNode, $getRoot, $getSelection, createEditor } from 'lexical'\r\nimport { LexicalEditorProviderKey } from './composables/inject'\r\nimport type { InitialEditorStateType } from './types'\r\n\r\nconst props = defineProps<{\r\n  initialConfig: CreateEditorArgs\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'error', error: Error, editor: LexicalEditor): void\r\n}>()\r\n\r\nconst HISTORY_MERGE_OPTIONS = { tag: 'history-merge' }\r\n\r\nconst editor = createEditor({\r\n  editable: props.initialConfig.editable,\r\n  html: props.initialConfig.html,\r\n  namespace: props.initialConfig.namespace,\r\n  nodes: props.initialConfig.nodes,\r\n  theme: props.initialConfig.theme,\r\n  onError(error) {\r\n    emit('error', error, editor)\r\n  },\r\n})\r\n\r\ninitializeEditor(editor, props.initialConfig.editorState)\r\n\r\nfunction initializeEditor(\r\n  editor: LexicalEditor,\r\n  initialEditorState?: InitialEditorStateType,\r\n): void {\r\n  if (initialEditorState === null)\r\n    return\r\n\r\n  if (initialEditorState === undefined) {\r\n    editor.update(() => {\r\n      const root = $getRoot()\r\n      if (root.isEmpty()) {\r\n        const paragraph = $createParagraphNode()\r\n        root.append(paragraph)\r\n        const activeElement = document.activeElement\r\n        if (\r\n          $getSelection() !== null\r\n          || (activeElement !== null && activeElement === editor.getRootElement())\r\n        ) {\r\n          paragraph.select()\r\n        }\r\n      }\r\n    }, HISTORY_MERGE_OPTIONS)\r\n  }\r\n  else if (initialEditorState !== null) {\r\n    switch (typeof initialEditorState) {\r\n      case 'string': {\r\n        const parsedEditorState = editor.parseEditorState(initialEditorState)\r\n        editor.setEditorState(parsedEditorState, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n      case 'object': {\r\n        editor.setEditorState(initialEditorState, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n      case 'function': {\r\n        editor.update(() => {\r\n          const root = $getRoot()\r\n          if (root.isEmpty())\r\n            initialEditorState(editor)\r\n        }, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nprovide<LexicalEditor>(LexicalEditorProviderKey, editor)\r\n\r\nonMounted(() => {\r\n  const isEditable = props.initialConfig.editable\r\n\r\n  editor.setEditable(isEditable !== undefined ? isEditable : true)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <slot />\r\n</template>\r\n"],"names":["editor"],"mappings":";;;;;;;;;;AAOA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIP,UAAA,wBAAwB,EAAE,KAAK;AAErC,UAAM,SAAS,aAAa;AAAA,MAC1B,UAAU,MAAM,cAAc;AAAA,MAC9B,MAAM,MAAM,cAAc;AAAA,MAC1B,WAAW,MAAM,cAAc;AAAA,MAC/B,OAAO,MAAM,cAAc;AAAA,MAC3B,OAAO,MAAM,cAAc;AAAA,MAC3B,QAAQ,OAAO;AACR,aAAA,SAAS,OAAO,MAAM;AAAA,MAC7B;AAAA,IAAA,CACD;AAEgB,qBAAA,QAAQ,MAAM,cAAc,WAAW;AAE/C,aAAA,iBACPA,SACA,oBACM;AACN,UAAI,uBAAuB;AACzB;AAEF,UAAI,uBAAuB,QAAW;AACpCA,gBAAO,OAAO,MAAM;AAClB,gBAAM,OAAO;AACT,cAAA,KAAK,WAAW;AAClB,kBAAM,YAAY;AAClB,iBAAK,OAAO,SAAS;AACrB,kBAAM,gBAAgB,SAAS;AAE7B,gBAAA,cAAA,MAAoB,QAChB,kBAAkB,QAAQ,kBAAkBA,QAAO,kBACvD;AACA,wBAAU,OAAO;AAAA,YACnB;AAAA,UACF;AAAA,WACC,qBAAqB;AAAA,MAAA,WAEjB,uBAAuB,MAAM;AACpC,gBAAQ,OAAO,oBAAoB;AAAA,UACjC,KAAK,UAAU;AACP,kBAAA,oBAAoBA,QAAO,iBAAiB,kBAAkB;AACpEA,oBAAO,eAAe,mBAAmB,qBAAqB;AAC9D;AAAA,UACF;AAAA,UACA,KAAK,UAAU;AACbA,oBAAO,eAAe,oBAAoB,qBAAqB;AAC/D;AAAA,UACF;AAAA,UACA,KAAK,YAAY;AACfA,oBAAO,OAAO,MAAM;AAClB,oBAAM,OAAO;AACb,kBAAI,KAAK,QAAQ;AACf,mCAAmBA,OAAM;AAAA,eAC1B,qBAAqB;AACxB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,YAAuB,0BAA0B,MAAM;AAEvD,cAAU,MAAM;AACR,YAAA,aAAa,MAAM,cAAc;AAEvC,aAAO,YAAY,eAAe,SAAY,aAAa,IAAI;AAAA,IAAA,CAChE;;;;;;"}

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

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

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

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

package/dist/esm/components/basic/doc-editor/core/composables/inject.js

@@ -0,0 +1,5 @@
+const LexicalEditorProviderKey = "LexicalEditorProviderKey";
+export {
+  LexicalEditorProviderKey
+};
+//# sourceMappingURL=inject.js.map

package/dist/esm/components/basic/doc-editor/core/composables/inject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/inject.ts"],"sourcesContent":["export const LexicalEditorProviderKey = 'LexicalEditorProviderKey'\r\n"],"names":[],"mappings":"AAAO,MAAM,2BAA2B;"}

package/dist/esm/components/basic/doc-editor/core/composables/listenerManager.js

@@ -0,0 +1,18 @@
+let handleClickAndPointerDownListenersCount = 0;
+let handleClickAndPointerDownListenersUnregister;
+function registerClickAndPointerListeners(register, unregister) {
+  if (handleClickAndPointerDownListenersCount++ === 0) {
+    register();
+    handleClickAndPointerDownListenersUnregister = unregister;
+  }
+  return () => {
+    if (--handleClickAndPointerDownListenersCount === 0) {
+      handleClickAndPointerDownListenersUnregister == null ? void 0 : handleClickAndPointerDownListenersUnregister();
+      handleClickAndPointerDownListenersUnregister = void 0;
+    }
+  };
+}
+export {
+  registerClickAndPointerListeners
+};
+//# sourceMappingURL=listenerManager.js.map

package/dist/esm/components/basic/doc-editor/core/composables/listenerManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listenerManager.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/listenerManager.ts"],"sourcesContent":["let handleClickAndPointerDownListenersCount = 0\r\nlet handleClickAndPointerDownListenersUnregister: (() => void) | undefined\r\n\r\nexport function registerClickAndPointerListeners(register: () => void, unregister: () => void) {\r\n  if (handleClickAndPointerDownListenersCount++ === 0) {\r\n    register()\r\n    handleClickAndPointerDownListenersUnregister = unregister\r\n  }\r\n\r\n  return () => {\r\n    if (--handleClickAndPointerDownListenersCount === 0) {\r\n      handleClickAndPointerDownListenersUnregister?.()\r\n      handleClickAndPointerDownListenersUnregister = undefined\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA,IAAI,0CAA0C;AAC9C,IAAI;AAEY,SAAA,iCAAiC,UAAsB,YAAwB;AAC7F,MAAI,8CAA8C,GAAG;AAC1C;AACsC,mDAAA;AAAA,EACjD;AAEA,SAAO,MAAM;AACP,QAAA,EAAE,4CAA4C,GAAG;AACJ;AACA,qDAAA;AAAA,IACjD;AAAA,EAAA;AAEJ;"}

package/dist/esm/components/basic/doc-editor/core/composables/useCanShowPlaceholder.js

@@ -0,0 +1,31 @@
+import { ref, readonly } from "vue";
+import { $canShowPlaceholderCurry } from "@lexical/text";
+import { mergeRegister } from "@lexical/utils";
+import { useMounted } from "./useMounted.js";
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing()));
+  return currentCanShowPlaceholder;
+}
+function useCanShowPlaceholder(editor) {
+  const initialState = editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing()));
+  const canShowPlaceholder = ref(initialState);
+  function resetCanShowPlaceholder() {
+    const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
+    canShowPlaceholder.value = currentCanShowPlaceholder;
+  }
+  useMounted(() => {
+    return mergeRegister(
+      editor.registerUpdateListener(() => {
+        resetCanShowPlaceholder();
+      }),
+      editor.registerEditableListener(() => {
+        resetCanShowPlaceholder();
+      })
+    );
+  });
+  return readonly(canShowPlaceholder);
+}
+export {
+  useCanShowPlaceholder
+};
+//# sourceMappingURL=useCanShowPlaceholder.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useCanShowPlaceholder.js.map

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

package/dist/esm/components/basic/doc-editor/core/composables/useDecorators.js

@@ -0,0 +1,31 @@
+import { shallowRef, computed, unref, h, Teleport } from "vue";
+import { useMounted } from "./useMounted.js";
+function useDecorators(editor) {
+  const decorators = shallowRef(editor.getDecorators());
+  useMounted(() => {
+    return editor.registerDecoratorListener((nextDecorators) => {
+      decorators.value = nextDecorators;
+    });
+  });
+  return computed(() => {
+    const decoratedTeleports = [];
+    const decoratorKeys = Object.keys(unref(decorators));
+    for (let i = 0; i < decoratorKeys.length; i++) {
+      const nodeKey = decoratorKeys[i];
+      const vueDecorator = decorators.value[nodeKey];
+      const element = editor.getElementByKey(nodeKey);
+      if (element !== null) {
+        decoratedTeleports.push(
+          h(Teleport, {
+            to: element
+          }, vueDecorator)
+        );
+      }
+    }
+    return decoratedTeleports;
+  });
+}
+export {
+  useDecorators
+};
+//# sourceMappingURL=useDecorators.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useDecorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDecorators.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useDecorators.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\r\nimport type { DefineComponent } from 'vue'\r\nimport { Teleport, computed, h, shallowRef, unref } from 'vue'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useDecorators(editor: LexicalEditor) {\r\n  const decorators = shallowRef<Record<string, DefineComponent>>(editor.getDecorators())\r\n\r\n  useMounted(() => {\r\n    return editor.registerDecoratorListener((nextDecorators) => {\r\n      decorators.value = nextDecorators as Record<string, DefineComponent>\r\n    })\r\n  })\r\n\r\n  // Return decorators defined as Vue Teleports\r\n  return computed(() => {\r\n    const decoratedTeleports = []\r\n    const decoratorKeys = Object.keys(unref(decorators))\r\n    for (let i = 0; i < decoratorKeys.length; i++) {\r\n      const nodeKey = decoratorKeys[i]\r\n      const vueDecorator = decorators.value[nodeKey]\r\n      const element = editor.getElementByKey(nodeKey)\r\n      if (element !== null) {\r\n        decoratedTeleports.push(\r\n          h(Teleport, {\r\n            to: element,\r\n          }, vueDecorator),\r\n        )\r\n      }\r\n    }\r\n\r\n    return decoratedTeleports\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAKO,SAAS,cAAc,QAAuB;AACnD,QAAM,aAAa,WAA4C,OAAO,cAAe,CAAA;AAErF,aAAW,MAAM;AACR,WAAA,OAAO,0BAA0B,CAAC,mBAAmB;AAC1D,iBAAW,QAAQ;AAAA,IAAA,CACpB;AAAA,EAAA,CACF;AAGD,SAAO,SAAS,MAAM;AACpB,UAAM,qBAAqB,CAAA;AAC3B,UAAM,gBAAgB,OAAO,KAAK,MAAM,UAAU,CAAC;AACnD,aAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AACvC,YAAA,UAAU,cAAc,CAAC;AACzB,YAAA,eAAe,WAAW,MAAM,OAAO;AACvC,YAAA,UAAU,OAAO,gBAAgB,OAAO;AAC9C,UAAI,YAAY,MAAM;AACD,2BAAA;AAAA,UACjB,EAAE,UAAU;AAAA,YACV,IAAI;AAAA,aACH,YAAY;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAEO,WAAA;AAAA,EAAA,CACR;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useHistory.js

@@ -0,0 +1,15 @@
+import { computed, unref, watchEffect } from "vue";
+import { createEmptyHistoryState, registerHistory } from "@lexical/history";
+function useHistory(editor, externalHistoryState, delay) {
+  const historyState = computed(
+    () => unref(externalHistoryState) || createEmptyHistoryState()
+  );
+  watchEffect((onInvalidate) => {
+    const unregisterListener = registerHistory(unref(editor), historyState.value, unref(delay) || 1e3);
+    onInvalidate(unregisterListener);
+  });
+}
+export {
+  useHistory
+};
+//# sourceMappingURL=useHistory.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHistory.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useHistory.ts"],"sourcesContent":["import type { HistoryState } from '@lexical/history'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { type MaybeRef, computed, unref, watchEffect } from 'vue'\r\n\r\nimport { createEmptyHistoryState, registerHistory } from '@lexical/history'\r\n\r\nexport function useHistory(\r\n  editor: MaybeRef<LexicalEditor>,\r\n  externalHistoryState?: MaybeRef<HistoryState>,\r\n  delay?: MaybeRef<number>,\r\n) {\r\n  const historyState = computed<HistoryState>(\r\n    () => unref(externalHistoryState) || createEmptyHistoryState(),\r\n  )\r\n\r\n  watchEffect((onInvalidate) => {\r\n    const unregisterListener = registerHistory(unref(editor), historyState.value, unref(delay) || 1000)\r\n\r\n    onInvalidate(unregisterListener)\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAMgB,SAAA,WACd,QACA,sBACA,OACA;AACA,QAAM,eAAe;AAAA,IACnB,MAAM,MAAM,oBAAoB,KAAK,wBAAwB;AAAA,EAAA;AAG/D,cAAY,CAAC,iBAAiB;AACtB,UAAA,qBAAqB,gBAAgB,MAAM,MAAM,GAAG,aAAa,OAAO,MAAM,KAAK,KAAK,GAAI;AAElG,iBAAa,kBAAkB;AAAA,EAAA,CAChC;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useLexicalComposer.js

@@ -0,0 +1,17 @@
+import { inject } from "vue";
+import invariant from "tiny-invariant";
+import { LexicalEditorProviderKey } from "./inject.js";
+function useLexicalComposer() {
+  const editor = inject(LexicalEditorProviderKey);
+  if (!editor) {
+    invariant(
+      false,
+      "useLexicalComposer: cannot find a LexicalComposer"
+    );
+  }
+  return editor;
+}
+export {
+  useLexicalComposer
+};
+//# sourceMappingURL=useLexicalComposer.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useLexicalComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalComposer.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useLexicalComposer.ts"],"sourcesContent":["import { inject } from 'vue'\r\nimport invariant from 'tiny-invariant'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { LexicalEditorProviderKey } from './inject'\r\n\r\nexport function useLexicalComposer() {\r\n  const editor = inject<LexicalEditor>(LexicalEditorProviderKey)\r\n\r\n  if (!editor) {\r\n    invariant(\r\n      false,\r\n      'useLexicalComposer: cannot find a LexicalComposer',\r\n    )\r\n  }\r\n\r\n  return editor\r\n}\r\n\r\n/**\r\n * @deprecated use `useLexicalComposer` instead\r\n */\r\nexport const useEditor = useLexicalComposer\r\n"],"names":[],"mappings":";;;AAKO,SAAS,qBAAqB;AAC7B,QAAA,SAAS,OAAsB,wBAAwB;AAE7D,MAAI,CAAC,QAAQ;AACX;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;"}

package/dist/esm/components/basic/doc-editor/core/composables/useLexicalTextEntity.js

@@ -0,0 +1,16 @@
+import { registerLexicalTextEntity } from "@lexical/text";
+import { mergeRegister } from "@lexical/utils";
+import { useLexicalComposer } from "./useLexicalComposer.js";
+import { useMounted } from "./useMounted.js";
+function useLexicalTextEntity(getMatch, targetNode, createNode) {
+  const editor = useLexicalComposer();
+  useMounted(() => {
+    return mergeRegister(
+      ...registerLexicalTextEntity(editor, getMatch, targetNode, createNode)
+    );
+  });
+}
+export {
+  useLexicalTextEntity
+};
+//# sourceMappingURL=useLexicalTextEntity.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useLexicalTextEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalTextEntity.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useLexicalTextEntity.ts"],"sourcesContent":["import type { EntityMatch } from '@lexical/text'\r\nimport type { Klass, TextNode } from 'lexical'\r\n\r\nimport { registerLexicalTextEntity } from '@lexical/text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer } from './useLexicalComposer'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useLexicalTextEntity<T extends TextNode>(\r\n  getMatch: (text: string) => null | EntityMatch,\r\n  targetNode: Klass<T>,\r\n  createNode: (textNode: TextNode) => T,\r\n): void {\r\n  const editor = useLexicalComposer()\r\n\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      ...registerLexicalTextEntity(editor, getMatch, targetNode, createNode),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAQgB,SAAA,qBACd,UACA,YACA,YACM;AACN,QAAM,SAAS;AAEf,aAAW,MAAM;AACR,WAAA;AAAA,MACL,GAAG,0BAA0B,QAAQ,UAAU,YAAY,UAAU;AAAA,IAAA;AAAA,EACvE,CACD;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useList.js

@@ -0,0 +1,48 @@
+import { INSERT_ORDERED_LIST_COMMAND, insertList, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, removeList, $handleListInsertParagraph } from "@lexical/list";
+import { mergeRegister } from "@lexical/utils";
+import { COMMAND_PRIORITY_LOW, INSERT_PARAGRAPH_COMMAND } from "lexical";
+import { useMounted } from "./useMounted.js";
+function useList(editor) {
+  useMounted(() => {
+    return mergeRegister(
+      editor.registerCommand(
+        INSERT_ORDERED_LIST_COMMAND,
+        () => {
+          insertList(editor, "number");
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        INSERT_UNORDERED_LIST_COMMAND,
+        () => {
+          insertList(editor, "bullet");
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        REMOVE_LIST_COMMAND,
+        () => {
+          removeList(editor);
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        INSERT_PARAGRAPH_COMMAND,
+        () => {
+          const hasHandledInsertParagraph = $handleListInsertParagraph();
+          if (hasHandledInsertParagraph)
+            return true;
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+  });
+}
+export {
+  useList
+};
+//# sourceMappingURL=useList.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useList.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useList.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\r\n\r\nimport {\r\n  $handleListInsertParagraph,\r\n  INSERT_ORDERED_LIST_COMMAND,\r\n  INSERT_UNORDERED_LIST_COMMAND,\r\n  REMOVE_LIST_COMMAND,\r\n  insertList,\r\n  removeList,\r\n} from '@lexical/list'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {\r\n  COMMAND_PRIORITY_LOW,\r\n  INSERT_PARAGRAPH_COMMAND,\r\n} from 'lexical'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useList(editor: LexicalEditor) {\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      editor.registerCommand(\r\n        INSERT_ORDERED_LIST_COMMAND,\r\n        () => {\r\n          insertList(editor, 'number')\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        INSERT_UNORDERED_LIST_COMMAND,\r\n        () => {\r\n          insertList(editor, 'bullet')\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        REMOVE_LIST_COMMAND,\r\n        () => {\r\n          removeList(editor)\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        INSERT_PARAGRAPH_COMMAND,\r\n        () => {\r\n          const hasHandledInsertParagraph = $handleListInsertParagraph()\r\n\r\n          if (hasHandledInsertParagraph)\r\n            return true\r\n\r\n          return false\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAiBO,SAAS,QAAQ,QAAuB;AAC7C,aAAW,MAAM;AACR,WAAA;AAAA,MACL,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,MAAM;AACV,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,gBAAM,4BAA4B;AAE9B,cAAA;AACK,mBAAA;AAEF,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useMounted.js

@@ -0,0 +1,14 @@
+import { onMounted, onUnmounted } from "vue";
+function useMounted(cb) {
+  let unregister;
+  onMounted(() => {
+    unregister = cb();
+  });
+  onUnmounted(() => {
+    unregister == null ? void 0 : unregister();
+  });
+}
+export {
+  useMounted
+};
+//# sourceMappingURL=useMounted.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useMounted.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue'\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function useMounted(cb: () => undefined | (() => any)) {\r\n  let unregister: (() => void) | undefined\r\n\r\n  onMounted(() => {\r\n    unregister = cb()\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    unregister?.()\r\n  })\r\n}\r\n"],"names":[],"mappings":";AAKO,SAAS,WAAW,IAAmC;AACxD,MAAA;AAEJ,YAAU,MAAM;AACd,iBAAa,GAAG;AAAA,EAAA,CACjB;AAED,cAAY,MAAM;AACH;AAAA,EAAA,CACd;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useRichTextSetup.js

@@ -0,0 +1,16 @@
+import { registerDragonSupport } from "@lexical/dragon";
+import { registerRichText } from "@lexical/rich-text";
+import { mergeRegister } from "@lexical/utils";
+import { useMounted } from "./useMounted.js";
+function useRichTextSetup(editor) {
+  useMounted(() => {
+    return mergeRegister(
+      registerRichText(editor),
+      registerDragonSupport(editor)
+    );
+  });
+}
+export {
+  useRichTextSetup
+};
+//# sourceMappingURL=useRichTextSetup.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useRichTextSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextSetup.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useRichTextSetup.ts"],"sourcesContent":["import { registerDragonSupport } from '@lexical/dragon'\r\nimport { registerRichText } from '@lexical/rich-text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useRichTextSetup(editor: LexicalEditor) {\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      registerRichText(editor),\r\n      registerDragonSupport(editor),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAMO,SAAS,iBAAiB,QAAuB;AACtD,aAAW,MAAM;AACR,WAAA;AAAA,MACL,iBAAiB,MAAM;AAAA,MACvB,sBAAsB,MAAM;AAAA,IAAA;AAAA,EAC9B,CACD;AACH;"}

package/dist/esm/components/basic/doc-editor/core/element-block.js

@@ -1,7 +1,16 @@
 import { mergeRegister } from "@lexical/utils";
 import { createCommand, CLICK_COMMAND, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from "lexical";
-import { useLexicalComposer, useMounted } from "lexical-vue";
 import { unref } from "vue";
+import "@lexical/text";
+import { useMounted } from "./composables/useMounted.js";
+import "@lexical/overflow";
+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 SELECTED_ELEMENTBLOCK_COMMAND = createCommand("SELECTED_ELEMENTBLOCK_COMMAND");
 const REMOVE_ELEMENTBLOCK_COMMAND = createCommand("REMOVE_ELEMENTBLOCK_COMMAND");
 const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND = createCommand("UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND");

package/dist/esm/components/basic/doc-editor/core/element-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\n\r\nimport {\r\n  $createNodeSelection,\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, NodeKey, LexicalEditor,\r\n  SELECTION_CHANGE_COMMAND\r\n} from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport {  ref,watch,unref } from 'vue'\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type SelectElementBlockToolsbarFunction = (nodeKey?:NodeKey | string)=>Array<any>|null;\r\n\r\n/**\r\n * 元素抗选中类型\r\n */\r\nexport type SelectElementBlocktEventType = {\r\n  nodeKey:NodeKey|string,\r\n  toolsbars:Array<any>|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中元素快\r\n */\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 移除元素快\r\n */\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n\r\n\r\n// isNodeSelected  \r\nconst isNodeSelected = function (editor: LexicalEditor, key: NodeKey): boolean {\r\n  return editor.getEditorState().read(() => {\r\n    const node = $getNodeByKey(key)\r\n    if (node === null)\r\n      return false\r\n    return node.isSelected()\r\n  })\r\n}\r\n\r\n// 取消选中\r\nconst clearSelection = (editor: LexicalEditor):Promise<undefined> => {\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      const selection = $getSelection()\r\n      if ($isNodeSelection(selection) && selection){\r\n        selection.clear();\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n}\r\n\r\n// 设置选中\r\nconst setSelected = (editor: LexicalEditor,selected: boolean,key:string):Promise<undefined> => {\r\n\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      let selection = $getSelection()\r\n  \r\n      if (!$isNodeSelection(selection)) {\r\n        selection = $createNodeSelection()\r\n        $setSelection(selection)\r\n      }\r\n      if ($isNodeSelection(selection)) {\r\n        if (selected)\r\n          selection.add(unref(key))\r\n        else\r\n          selection.delete(unref(key))\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n  \r\n}\r\n\r\n// 设置选中\r\nexport const setElementBlockSelection = async (editor:LexicalEditor,nodeKey:string)=>{\r\n  await clearSelection(editor);\r\n  await setSelected(editor,true,nodeKey);\r\n}\r\n\r\n/**\r\n * 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>|SelectElementBlockToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 点击选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          \r\n        const el = func(event.target as HTMLElement);\r\n        const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n        // 不为null的话则视为点击选中\r\n        if(nodeKey != null){\r\n          \r\n          event.preventDefault();\r\n\r\n          // 暂时不支持使用 shift 建 多选\r\n          // if (!event.shiftKey) { \r\n          //   // 先取消\r\n          //   clearSelection(editor)\r\n          // }\r\n          setElementBlockSelection(editor,nodeKey);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 选中的话\r\n      editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n        const selection = $getSelection();\r\n        const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : null;\r\n        const nodeKey = node?.__key;\r\n        const el = nodeKey ? editor.getElementByKey(nodeKey) : null;\r\n\r\n        if(nodeKey && el && func(el)){\r\n          editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,{ \r\n            nodeKey:nodeKey, toolsbars:toolsbars\r\n          });\r\n          return true;\r\n        }\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n        return false;\r\n      },COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n}\r\n"],"names":[],"mappings":";;;;AAgCa,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AAyB9I,MAAM,iBAAiB,CAAC,WAA6C;AAC5D,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAY;AACd,UAAA,iBAAiB,SAAS,KAAK,WAAU;AAC3C,kBAAU,MAAM;AAAA,MAClB;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH;AAGA,MAAM,cAAc,CAAC,QAAsB,UAAkB,QAAkC;AAEtF,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,UAAI,YAAY;AAEZ,UAAA,CAAC,iBAAiB,SAAS,GAAG;AAChC,oBAAY,qBAAqB;AACjC,sBAAc,SAAS;AAAA,MACzB;AACI,UAAA,iBAAiB,SAAS,GAAG;AAEnB,kBAAA,IAAI,MAAM,GAAG,CAAC;AAAA,MAG5B;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AAEH;AAGa,MAAA,2BAA2B,OAAO,QAAqB,YAAiB;AACnF,QAAM,eAAe,MAAM;AACrB,QAAA,YAAY,QAAO,MAAK,OAAO;AACvC;AAKa,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AAGf,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAOrB,mCAAyB,QAAO,OAAO;AAChC,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA;AAAA,MAEvB,OAAO,gBAAgB,0BAA0B,MAAM;AACrD,cAAM,YAAY;AACZ,cAAA,OAAO,iBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAK;AACtE,cAAM,UAAU,6BAAM;AACtB,cAAM,KAAK,UAAU,OAAO,gBAAgB,OAAO,IAAI;AAEvD,YAAG,WAAW,MAAM,KAAK,EAAE,GAAE;AAC3B,iBAAO,gBAAgB,+BAA8B;AAAA,YACnD;AAAA,YAAiB;AAAA,UAAA,CAClB;AACM,iBAAA;AAAA,QACT;AACO,eAAA,gBAAgB,+BAA8B,IAAI;AAClD,eAAA;AAAA,SACP,oBAAoB;AAAA,IAAA;AAAA,EACxB,CACD;AAEH;"}
+{"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\n\r\nimport {\r\n  $createNodeSelection,\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, NodeKey, LexicalEditor,\r\n  SELECTION_CHANGE_COMMAND\r\n} from 'lexical'\r\nimport { useLexicalComposer,useMounted } from './composables'\r\nimport {  ref,watch,unref } from 'vue'\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type SelectElementBlockToolsbarFunction = (nodeKey?:NodeKey | string)=>Array<any>|null;\r\n\r\n/**\r\n * 元素抗选中类型\r\n */\r\nexport type SelectElementBlocktEventType = {\r\n  nodeKey:NodeKey|string,\r\n  toolsbars:Array<any>|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中元素快\r\n */\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 移除元素快\r\n */\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n\r\n\r\n// isNodeSelected  \r\nconst isNodeSelected = function (editor: LexicalEditor, key: NodeKey): boolean {\r\n  return editor.getEditorState().read(() => {\r\n    const node = $getNodeByKey(key)\r\n    if (node === null)\r\n      return false\r\n    return node.isSelected()\r\n  })\r\n}\r\n\r\n// 取消选中\r\nconst clearSelection = (editor: LexicalEditor):Promise<undefined> => {\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      const selection = $getSelection()\r\n      if ($isNodeSelection(selection) && selection){\r\n        selection.clear();\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n}\r\n\r\n// 设置选中\r\nconst setSelected = (editor: LexicalEditor,selected: boolean,key:string):Promise<undefined> => {\r\n\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      let selection = $getSelection()\r\n  \r\n      if (!$isNodeSelection(selection)) {\r\n        selection = $createNodeSelection()\r\n        $setSelection(selection)\r\n      }\r\n      if ($isNodeSelection(selection)) {\r\n        if (selected)\r\n          selection.add(unref(key))\r\n        else\r\n          selection.delete(unref(key))\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n  \r\n}\r\n\r\n// 设置选中\r\nexport const setElementBlockSelection = async (editor:LexicalEditor,nodeKey:string)=>{\r\n  await clearSelection(editor);\r\n  await setSelected(editor,true,nodeKey);\r\n}\r\n\r\n/**\r\n * 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>|SelectElementBlockToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 点击选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          \r\n        const el = func(event.target as HTMLElement);\r\n        const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n        // 不为null的话则视为点击选中\r\n        if(nodeKey != null){\r\n          \r\n          event.preventDefault();\r\n\r\n          // 暂时不支持使用 shift 建 多选\r\n          // if (!event.shiftKey) { \r\n          //   // 先取消\r\n          //   clearSelection(editor)\r\n          // }\r\n          setElementBlockSelection(editor,nodeKey);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 选中的话\r\n      editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n        const selection = $getSelection();\r\n        const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : null;\r\n        const nodeKey = node?.__key;\r\n        const el = nodeKey ? editor.getElementByKey(nodeKey) : null;\r\n\r\n        if(nodeKey && el && func(el)){\r\n          editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,{ \r\n            nodeKey:nodeKey, toolsbars:toolsbars\r\n          });\r\n          return true;\r\n        }\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n        return false;\r\n      },COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCa,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AAyB9I,MAAM,iBAAiB,CAAC,WAA6C;AAC5D,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAY;AACd,UAAA,iBAAiB,SAAS,KAAK,WAAU;AAC3C,kBAAU,MAAM;AAAA,MAClB;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH;AAGA,MAAM,cAAc,CAAC,QAAsB,UAAkB,QAAkC;AAEtF,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,UAAI,YAAY;AAEZ,UAAA,CAAC,iBAAiB,SAAS,GAAG;AAChC,oBAAY,qBAAqB;AACjC,sBAAc,SAAS;AAAA,MACzB;AACI,UAAA,iBAAiB,SAAS,GAAG;AAEnB,kBAAA,IAAI,MAAM,GAAG,CAAC;AAAA,MAG5B;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AAEH;AAGa,MAAA,2BAA2B,OAAO,QAAqB,YAAiB;AACnF,QAAM,eAAe,MAAM;AACrB,QAAA,YAAY,QAAO,MAAK,OAAO;AACvC;AAKa,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AAGf,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAOrB,mCAAyB,QAAO,OAAO;AAChC,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA;AAAA,MAEvB,OAAO,gBAAgB,0BAA0B,MAAM;AACrD,cAAM,YAAY;AACZ,cAAA,OAAO,iBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAK;AACtE,cAAM,UAAU,6BAAM;AACtB,cAAM,KAAK,UAAU,OAAO,gBAAgB,OAAO,IAAI;AAEvD,YAAG,WAAW,MAAM,KAAK,EAAE,GAAE;AAC3B,iBAAO,gBAAgB,+BAA8B;AAAA,YACnD;AAAA,YAAiB;AAAA,UAAA,CAClB;AACM,iBAAA;AAAA,QACT;AACO,eAAA,gBAAgB,+BAA8B,IAAI;AAClD,eAAA;AAAA,SACP,oBAAoB;AAAA,IAAA;AAAA,EACxB,CACD;AAEH;"}

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

@@ -1,5 +1,19 @@
 import { ref, reactive } from "vue";
 import { REMOVE_ELEMENTBLOCK_COMMAND, SELECTED_ELEMENTBLOCK_COMMAND, UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, setElementBlockSelection, useElementBlockSelection } from "./element-block.js";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import "@lexical/hashtag";
+import "@lexical/link";
+import "@lexical/html";
+import "./plugins/LexicalRichTextPlugin/DecoratedTeleports.js";
 const DEVICE_VIEW_MODE = ref("pc");
 const ToolbarExtendPlugins = reactive([]);
 const registerDocEditorToolbarExtend = function(options) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/doc-editor/core/index.ts"],"sourcesContent":["\r\nimport { ref,reactive } from \"vue\"\r\nexport * from \"./element-block\"\r\n\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE = ref<'pc' | 'mobile'>(\"pc\")\r\n\r\n/**\r\n * 工具条扩展\r\n */\r\nexport type ToolbarExtendPlugin = {\r\n  icon: string;\r\n  text:string,\r\n  action:Function,\r\n  sort:number\r\n};\r\n\r\n/**\r\n * 插入的插件列表\r\n */\r\nexport const ToolbarExtendPlugins = reactive<ToolbarExtendPlugin[]>([]);\r\n\r\n/**\r\n * 注册工具条的扩展\r\n * @param options \r\n */\r\nexport const registerDocEditorToolbarExtend = function(options:ToolbarExtendPlugin){\r\n  ToolbarExtendPlugins.push(options);\r\n  ToolbarExtendPlugins.sort((a,b)=>a.sort<b.sort ? 1:-1);\r\n}\r\n\r\n\r\n"],"names":[],"mappings":";;AAOa,MAAA,mBAAmB,IAAqB,IAAI;AAe5C,MAAA,uBAAuB,SAAgC,EAAE;AAMzD,MAAA,iCAAiC,SAAS,SAA4B;AACjF,uBAAqB,KAAK,OAAO;AACZ,uBAAA,KAAK,CAAC,GAAE,MAAI,EAAE,OAAK,EAAE,OAAO,IAAE,EAAE;AACvD;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/doc-editor/core/index.ts"],"sourcesContent":["\r\nimport { ref,reactive } from \"vue\"\r\n\r\nexport * from \"./element-block\"\r\n\r\nexport {\r\n  default as LexicalAutoFocusPlugin,\r\n} from './plugins/LexicalAutoFocusPlugin.vue'\r\nexport {\r\n  default as LexicalCheckListPlugin,\r\n} from './plugins/LexicalCheckListPlugin.vue'\r\nexport {\r\n  default as LexicalHashtagPlugin,\r\n} from './plugins/LexicalHashtagPlugin.vue'\r\nexport {\r\n  default as LexicalHistoryPlugin,\r\n} from './plugins/LexicalHistoryPlugin.vue'\r\nexport {\r\n  default as LexicalLinkPlugin,\r\n} from './plugins/LexicalLinkPlugin.vue'\r\nexport {\r\n  default as LexicalAutoLinkPlugin,\r\n} from './plugins/LexicalAutoLinkPlugin/index.vue'\r\nexport {\r\n  default as LexicalListPlugin,\r\n} from './plugins/LexicalListPlugin.vue'\r\n\r\nexport {\r\n  default as LexicalRichTextPlugin,\r\n} from './plugins/LexicalRichTextPlugin/index.vue'\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE = ref<'pc' | 'mobile'>(\"pc\")\r\n\r\n/**\r\n * 工具条扩展\r\n */\r\nexport type ToolbarExtendPlugin = {\r\n  icon: string;\r\n  text:string,\r\n  action:Function,\r\n  sort:number\r\n};\r\n\r\n/**\r\n * 插入的插件列表\r\n */\r\nexport const ToolbarExtendPlugins = reactive<ToolbarExtendPlugin[]>([]);\r\n\r\n/**\r\n * 注册工具条的扩展\r\n * @param options \r\n */\r\nexport const registerDocEditorToolbarExtend = function(options:ToolbarExtendPlugin){\r\n  ToolbarExtendPlugins.push(options);\r\n  ToolbarExtendPlugins.sort((a,b)=>a.sort<b.sort ? 1:-1);\r\n}\r\n\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiCa,MAAA,mBAAmB,IAAqB,IAAI;AAe5C,MAAA,uBAAuB,SAAgC,EAAE;AAMzD,MAAA,iCAAiC,SAAS,SAA4B;AACjF,uBAAqB,KAAK,OAAO;AACZ,uBAAA,KAAK,CAAC,GAAE,MAAI,EAAE,OAAK,EAAE,OAAO,IAAE,EAAE;AACvD;"}