@maketribe/ms-app 3.2.22 → 3.2.23

package/dist/cjs/components/basic/doc-editor/plugins/ImagePlugin/index.js

@@ -4,35 +4,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lexical = require("lexical");
+const lexicalVue = require("lexical-vue");
 const vue = require("vue");
-require("@lexical/text");
-require("@lexical/utils");
-require("@lexical/overflow");
-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");
-const LexicalDecoratorBlockNode = require("../../lexical-vue/components/LexicalDecoratorBlockNode.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 DocImageComponent = require("./DocImageComponent.js");
 const IMAGE_ATTRS_CHANGE = lexical.createCommand("IMAGE_ATTRS_CHANGE");
 const REMOVE_IMAGE_COMMAND = lexical.createCommand("REMOVE_IMAGE_COMMAND");
 const INSERT_IMAGE_COMMAND = lexical.createCommand("INSERT_IMAGE_COMMAND");
-class ImageNode extends LexicalDecoratorBlockNode.DecoratorBlockNode {
+class ImageNode extends lexicalVue.DecoratorBlockNode {
   constructor(attrs, format, key) {
     super(format, key);
     __publicField(this, "__attrs");
@@ -135,6 +113,9 @@ class ImageNode extends LexicalDecoratorBlockNode.DecoratorBlockNode {
       attrs: this.__attrs
     });
   }
+  isInline() {
+    return false;
+  }
 }
 function $createImageNode(attrs) {
   return new ImageNode(attrs);

package/dist/cjs/components/basic/doc-editor/plugins/ImagePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/index.ts"],"sourcesContent":["\r\nimport type {\r\n  DOMConversionMap,\r\n  DOMConversionOutput,\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  ElementFormatType,\r\n  LexicalEditor,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n  LexicalCommand\r\n} from 'lexical'\r\nimport { createCommand } from 'lexical'\r\nimport { DecoratorBlockNode,type SerializedDecoratorBlockNode  } from '../../lexical-vue'\r\nimport { h ,type Component} from 'vue'\r\nimport DocImageComponent from './DocImageComponent'\r\n\r\n/**\r\n * 图片属性类型\r\n */\r\nexport type ImageAttrs = {\r\n  src:string,\r\n  alt?:string,\r\n  width?:string,\r\n  height?:string,\r\n  float?:string,\r\n  maxWidth?:string,\r\n  maxHeight?:string,\r\n  margin?:string\r\n};\r\n\r\n/**\r\n * 图片属性数据\r\n */\r\nexport type ImageAttrData = { name:string, value:string|null|undefined }\r\n\r\n/**\r\n * 图片属性改变\r\n */\r\nexport const IMAGE_ATTRS_CHANGE: LexicalCommand<ImageAttrData> = createCommand('IMAGE_ATTRS_CHANGE')\r\n\r\n\r\n/**\r\n * 删除图片\r\n */\r\nexport const REMOVE_IMAGE_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_IMAGE_COMMAND')\r\n\r\n\r\n/**\r\n * 插入图片指令\r\n */\r\nexport const INSERT_IMAGE_COMMAND: LexicalCommand<ImageAttrs> = createCommand('INSERT_IMAGE_COMMAND')\r\n\r\n/**\r\n * 图片节点序列化\r\n */\r\nexport type SerializedImageNode = Spread<\r\n  {\r\n    attrs: ImageAttrs\r\n  },\r\n  SerializedDecoratorBlockNode\r\n>\r\n\r\n/**\r\n * 定义图片节点\r\n */\r\nexport class ImageNode extends DecoratorBlockNode {\r\n  __attrs: ImageAttrs\r\n\r\n  static getType(): string {\r\n    return 'Image'\r\n  }\r\n\r\n  static clone(node: ImageNode): ImageNode {\r\n    return new ImageNode(node.__attrs, node.__format, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageNode): ImageNode {\r\n    const node = $createImageNode(serializedNode.attrs)\r\n    node.setFormat(serializedNode.format)\r\n    return node\r\n  }\r\n\r\n  constructor(attrs: ImageAttrs, format?: ElementFormatType, key?: NodeKey) {\r\n    super(format, key)\r\n    this.__attrs = attrs\r\n  }\r\n\r\n  exportJSON(): SerializedImageNode {\r\n\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1,\r\n      attrs: this.__attrs,\r\n    }\r\n  }\r\n\r\n  exportDOM(): DOMExportOutput {\r\n\r\n    const element = document.createElement('img') \r\n\r\n    element.setAttribute('src', this.__attrs.src) \r\n\r\n    if(this.__attrs.alt  != null){\r\n      element.setAttribute('alt', this.__attrs.alt ?? \"\")\r\n    }\r\n\r\n    element.setAttribute(\"style\",this.getStyles().join(\";\"))\r\n    \r\n    return { element }\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (dn: HTMLElement) => {\r\n        return  {\r\n          conversion: (domNode: HTMLElement) => {\r\n            const src = domNode.getAttribute('src');\r\n            const alt = domNode.getAttribute('alt');\r\n            return domNode.tagName.toLowerCase() == \"img\" && src != null ?  { \r\n              node:$createImageNode({\r\n                src:src,\r\n                alt:alt,\r\n                width:domNode.style.width,\r\n                height:domNode.style.height,\r\n                maxWidth:domNode.style.maxWidth || \"100%\",\r\n                maxHeight:domNode.style.maxHeight,\r\n                margin:domNode.style.margin,\r\n                float:domNode.style.float\r\n              } as ImageAttrs) \r\n            } : null;\r\n          },\r\n          priority: 0\r\n        }\r\n      },\r\n    }\r\n  }\r\n\r\n  setFloat(pos?:string){\r\n    this.__attrs.float = pos;\r\n  }\r\n\r\n  getStyles():string[]{\r\n\r\n    const style : string[] = [];\r\n\r\n    if(this.__attrs.width){\r\n      style.push(\"width:\"+this.__attrs.width)\r\n    }\r\n    if(this.__attrs.height){\r\n      style.push(\"height:\"+this.__attrs.height)\r\n    }\r\n    if(this.__attrs.float){\r\n      style.push(\"float:\"+this.__attrs.float)\r\n    }\r\n    if(this.__attrs.maxWidth){\r\n      style.push(\"max-width:\"+this.__attrs.maxWidth)\r\n    }\r\n    if(this.__attrs.maxHeight){\r\n      style.push(\"max-height:\"+this.__attrs.maxHeight)\r\n    }\r\n    if(this.__attrs.float){\r\n      style.push(\"float:\"+this.__attrs.float)\r\n    }\r\n    if(this.__attrs.margin){\r\n      style.push(\"margin:\"+this.__attrs.margin)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false\r\n  }\r\n\r\n  getTextContent(\r\n    _includeInert?: boolean | undefined,\r\n    _includeDirectionless?: false | undefined,\r\n  ): string {\r\n    return this.__attrs.src\r\n  }\r\n\r\n  decorate(_editor: LexicalEditor, config: EditorConfig): Component {\r\n    const embedBlockTheme = config.theme.embedBlock || {}\r\n    return h(DocImageComponent, {\r\n      baseClass: embedBlockTheme.base || '',\r\n      focusClass: embedBlockTheme.focus || '',\r\n      format: this.__format,\r\n      nodeKey: this.getKey(),\r\n      attrs: this.__attrs\r\n    })\r\n  }\r\n}\r\n\r\n/**\r\n * 创建图片节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createImageNode(attrs: ImageAttrs): ImageNode {\r\n  return new ImageNode(attrs)\r\n}\r\n\r\n/**\r\n * 判断是否是图片节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageNode(\r\n  node: ImageNode | LexicalNode | null | undefined,\r\n): node is ImageNode {\r\n  return node instanceof ImageNode\r\n}\r\n"],"names":["createCommand","DecoratorBlockNode","h"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/index.ts"],"sourcesContent":["\r\nimport type {\r\n  DOMConversionMap,\r\n  DOMConversionOutput,\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  ElementFormatType,\r\n  LexicalEditor,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n  LexicalCommand\r\n} from 'lexical'\r\nimport { createCommand } from 'lexical'\r\nimport { DecoratorBlockNode,type SerializedDecoratorBlockNode  } from 'lexical-vue'\r\nimport { h ,type Component} from 'vue'\r\nimport DocImageComponent from './DocImageComponent'\r\n\r\n/**\r\n * 图片属性类型\r\n */\r\nexport type ImageAttrs = {\r\n  src:string,\r\n  alt?:string,\r\n  width?:string,\r\n  height?:string,\r\n  float?:string,\r\n  maxWidth?:string,\r\n  maxHeight?:string,\r\n  margin?:string\r\n};\r\n\r\n/**\r\n * 图片属性数据\r\n */\r\nexport type ImageAttrData = { name:string, value:string|null|undefined }\r\n\r\n/**\r\n * 图片属性改变\r\n */\r\nexport const IMAGE_ATTRS_CHANGE: LexicalCommand<ImageAttrData> = createCommand('IMAGE_ATTRS_CHANGE')\r\n\r\n\r\n/**\r\n * 删除图片\r\n */\r\nexport const REMOVE_IMAGE_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_IMAGE_COMMAND')\r\n\r\n\r\n/**\r\n * 插入图片指令\r\n */\r\nexport const INSERT_IMAGE_COMMAND: LexicalCommand<ImageAttrs> = createCommand('INSERT_IMAGE_COMMAND')\r\n\r\n/**\r\n * 图片节点序列化\r\n */\r\nexport type SerializedImageNode = Spread<\r\n  {\r\n    attrs: ImageAttrs\r\n  },\r\n  SerializedDecoratorBlockNode\r\n>\r\n\r\n/**\r\n * 定义图片节点\r\n */\r\nexport class ImageNode extends DecoratorBlockNode {\r\n  __attrs: ImageAttrs\r\n\r\n  static getType(): string {\r\n    return 'Image'\r\n  }\r\n\r\n  static clone(node: ImageNode): ImageNode {\r\n    return new ImageNode(node.__attrs, node.__format, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageNode): ImageNode {\r\n    const node = $createImageNode(serializedNode.attrs)\r\n    node.setFormat(serializedNode.format)\r\n    return node\r\n  }\r\n\r\n  constructor(attrs: ImageAttrs, format?: ElementFormatType, key?: NodeKey) {\r\n    super(format, key)\r\n    this.__attrs = attrs\r\n  }\r\n\r\n  exportJSON(): SerializedImageNode {\r\n\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1,\r\n      attrs: this.__attrs,\r\n    }\r\n  }\r\n\r\n  exportDOM(): DOMExportOutput {\r\n\r\n    const element = document.createElement('img') \r\n\r\n    element.setAttribute('src', this.__attrs.src) \r\n\r\n    if(this.__attrs.alt  != null){\r\n      element.setAttribute('alt', this.__attrs.alt ?? \"\")\r\n    }\r\n\r\n    element.setAttribute(\"style\",this.getStyles().join(\";\"))\r\n    \r\n    return { element }\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (dn: HTMLElement) => {\r\n        return  {\r\n          conversion: (domNode: HTMLElement) => {\r\n            const src = domNode.getAttribute('src');\r\n            const alt = domNode.getAttribute('alt');\r\n            return domNode.tagName.toLowerCase() == \"img\" && src != null ?  { \r\n              node:$createImageNode({\r\n                src:src,\r\n                alt:alt,\r\n                width:domNode.style.width,\r\n                height:domNode.style.height,\r\n                maxWidth:domNode.style.maxWidth || \"100%\",\r\n                maxHeight:domNode.style.maxHeight,\r\n                margin:domNode.style.margin,\r\n                float:domNode.style.float\r\n              } as ImageAttrs) \r\n            } : null;\r\n          },\r\n          priority: 0\r\n        }\r\n      },\r\n    }\r\n  }\r\n\r\n  setFloat(pos?:string){\r\n    this.__attrs.float = pos;\r\n  }\r\n\r\n  getStyles():string[]{\r\n\r\n    const style : string[] = [];\r\n\r\n    if(this.__attrs.width){\r\n      style.push(\"width:\"+this.__attrs.width)\r\n    }\r\n    if(this.__attrs.height){\r\n      style.push(\"height:\"+this.__attrs.height)\r\n    }\r\n    if(this.__attrs.float){\r\n      style.push(\"float:\"+this.__attrs.float)\r\n    }\r\n    if(this.__attrs.maxWidth){\r\n      style.push(\"max-width:\"+this.__attrs.maxWidth)\r\n    }\r\n    if(this.__attrs.maxHeight){\r\n      style.push(\"max-height:\"+this.__attrs.maxHeight)\r\n    }\r\n    if(this.__attrs.float){\r\n      style.push(\"float:\"+this.__attrs.float)\r\n    }\r\n    if(this.__attrs.margin){\r\n      style.push(\"margin:\"+this.__attrs.margin)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false\r\n  }\r\n\r\n  getTextContent(\r\n    _includeInert?: boolean | undefined,\r\n    _includeDirectionless?: false | undefined,\r\n  ): string {\r\n    return this.__attrs.src\r\n  }\r\n\r\n  decorate(_editor: LexicalEditor, config: EditorConfig): Component {\r\n    const embedBlockTheme = config.theme.embedBlock || {}\r\n    return h(DocImageComponent, {\r\n      baseClass: embedBlockTheme.base || '',\r\n      focusClass: embedBlockTheme.focus || '',\r\n      format: this.__format,\r\n      nodeKey: this.getKey(),\r\n      attrs: this.__attrs\r\n    })\r\n  }\r\n  isInline() {\r\n    return false;\r\n  }\r\n}\r\n\r\n/**\r\n * 创建图片节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createImageNode(attrs: ImageAttrs): ImageNode {\r\n  return new ImageNode(attrs)\r\n}\r\n\r\n/**\r\n * 判断是否是图片节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageNode(\r\n  node: ImageNode | LexicalNode | null | undefined,\r\n): node is ImageNode {\r\n  return node instanceof ImageNode\r\n}\r\n"],"names":["createCommand","DecoratorBlockNode","h"],"mappings":"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"}

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

@@ -3,27 +3,7 @@ const vue = require("vue");
 const utils = require("@lexical/utils");
 const lexical = require("lexical");
 const richText = require("@lexical/rich-text");
-require("@lexical/text");
-require("@lexical/overflow");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../lexical-vue/composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-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");
-require("../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js");
+const lexicalVue = require("lexical-vue");
 const index = require("./index.js");
 const defines = require("../ToolbarPlugin/defines.js");
 const ImageEditPanel = require("./ImageEditPanel.js");
@@ -37,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       "image/gif",
       "image/webp"
     ];
-    const editor = useLexicalComposer.useLexicalComposer();
+    const editor = lexicalVue.useLexicalComposer();
     vue.onMounted(() => {
       if (!editor.hasNodes([index.ImageNode])) {
         throw new Error("ImagePlugin: 图片节点未注册！");

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { $insertNodeToNearestRoot,mergeRegister,mediaFileReader,isMimeType } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection } from 'lexical'\r\nimport { DRAG_DROP_PASTE } from '@lexical/rich-text'\r\nimport { useLexicalComposer } from '../../lexical-vue'\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { INSERT_IMAGE_COMMAND,$createImageNode,ImageNode,type ImageAttrs } from './index'\r\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\r\nimport { ShowImageEditPanel } from \"./ImageEditPanel\"\r\n\r\nconst ACCEPTABLE_IMAGE_TYPES = [\r\n  'image/',\r\n  'image/heic',\r\n  'image/heif',\r\n  'image/gif',\r\n  'image/webp',\r\n]\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ImageNode])){\r\n    throw new Error('ImagePlugin: 图片节点未注册！')\r\n  }\r\n\r\n  // 注册到工具条\r\n  RegisterToolbarExtend({\r\n    icon:\"Picture\",\r\n    text:\"图片\",\r\n    action:async ()=>{\r\n      // 显示图片编辑面板\r\n      ShowImageEditPanel({\r\n        src:\"\", alt:\"\", width:\"\", height:\"\", maxWidth:\"100%\", maxHeight:\"\", margin:\"\"\r\n      } as ImageAttrs).then((data:any)=>{\r\n        editor.dispatchCommand(INSERT_IMAGE_COMMAND,data as ImageAttrs)\r\n      });\r\n    },\r\n    sort:11\r\n  } as ToolbarExtendPlugin)\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n\r\n    // 插入图片\r\n    editor.registerCommand<ImageAttrs>(INSERT_IMAGE_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createImageNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n\r\n    // 剪切板图片\r\n    editor.registerCommand(DRAG_DROP_PASTE,(files) => {\r\n\r\n      (async () => {\r\n\r\n        const filesResult = await mediaFileReader(files, [ACCEPTABLE_IMAGE_TYPES].flatMap((x) => x))\r\n\r\n        for (const {file, result} of filesResult) {\r\n\r\n          if (isMimeType(file, ACCEPTABLE_IMAGE_TYPES)) {\r\n\r\n            editor.dispatchCommand(INSERT_IMAGE_COMMAND, {\r\n              src:result,\r\n              alt:file.name,\r\n              maxWidth:\":100%\"\r\n            } as ImageAttrs)\r\n          }\r\n        }\r\n      })()\r\n\r\n      return true\r\n    },COMMAND_PRIORITY_LOW)\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":["useLexicalComposer","onMounted","ImageNode","RegisterToolbarExtend","ShowImageEditPanel","INSERT_IMAGE_COMMAND","mergeRegister","$insertNodeToNearestRoot","$createImageNode","COMMAND_PRIORITY_EDITOR","DRAG_DROP_PASTE","mediaFileReader","isMimeType","COMMAND_PRIORITY_LOW","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,yBAAyB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,SAASA,mBAAAA;AAEfC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,MAAAA,SAAS,CAAC,GAAE;AAC1B,cAAA,IAAI,MAAM,uBAAuB;AAAA,MACzC;AAGsBC,oCAAA;AAAA,QACpB,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAO,YAAU;AAEIC,4CAAA;AAAA,YACjB,KAAI;AAAA,YAAI,KAAI;AAAA,YAAI,OAAM;AAAA,YAAI,QAAO;AAAA,YAAI,UAAS;AAAA,YAAQ,WAAU;AAAA,YAAI,QAAO;AAAA,UAAA,CAC9D,EAAE,KAAK,CAAC,SAAW;AACzB,mBAAA,gBAAgBC,4BAAqB,IAAkB;AAAA,UAAA,CAC/D;AAAA,QACH;AAAA,QACA,MAAK;AAAA,MAAA,CACiB;AAGxB,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAA4BD,4BAAqB,CAAC,YAAY;AAC1CE,yCAAAC,MAAAA,iBAAiB,OAAO,CAAC;AAC3C,iBAAA;AAAA,WACPC,+BAAuB;AAAA;AAAA,QAGzB,OAAO,gBAAgBC,0BAAgB,CAAC,UAAU;AAEhD,WAAC,YAAY;AAEL,kBAAA,cAAc,MAAMC,sBAAgB,OAAO,CAAC,sBAAsB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AAE3F,uBAAW,EAAC,MAAM,OAAM,KAAK,aAAa;AAEpC,kBAAAC,MAAA,WAAW,MAAM,sBAAsB,GAAG;AAE5C,uBAAO,gBAAgBP,4BAAsB;AAAA,kBAC3C,KAAI;AAAA,kBACJ,KAAI,KAAK;AAAA,kBACT,UAAS;AAAA,gBAAA,CACI;AAAA,cACjB;AAAA,YACF;AAAA,UAAA;AAGK,iBAAA;AAAA,WACPQ,4BAAoB;AAAA,MAAA;AAGZC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { $insertNodeToNearestRoot,mergeRegister,mediaFileReader,isMimeType } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection } from 'lexical'\r\nimport { DRAG_DROP_PASTE } from '@lexical/rich-text'\r\nimport { useLexicalComposer } from 'lexical-vue'\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { INSERT_IMAGE_COMMAND,$createImageNode,ImageNode,type ImageAttrs } from './index'\r\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\r\nimport { ShowImageEditPanel } from \"./ImageEditPanel\"\r\n\r\nconst ACCEPTABLE_IMAGE_TYPES = [\r\n  'image/',\r\n  'image/heic',\r\n  'image/heif',\r\n  'image/gif',\r\n  'image/webp',\r\n]\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ImageNode])){\r\n    throw new Error('ImagePlugin: 图片节点未注册！')\r\n  }\r\n\r\n  // 注册到工具条\r\n  RegisterToolbarExtend({\r\n    icon:\"Picture\",\r\n    text:\"图片\",\r\n    action:async ()=>{\r\n      // 显示图片编辑面板\r\n      ShowImageEditPanel({\r\n        src:\"\", alt:\"\", width:\"\", height:\"\", maxWidth:\"100%\", maxHeight:\"\", margin:\"\"\r\n      } as ImageAttrs).then((data:any)=>{\r\n        editor.dispatchCommand(INSERT_IMAGE_COMMAND,data as ImageAttrs)\r\n      });\r\n    },\r\n    sort:11\r\n  } as ToolbarExtendPlugin)\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n\r\n    // 插入图片\r\n    editor.registerCommand<ImageAttrs>(INSERT_IMAGE_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createImageNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n\r\n    // 剪切板图片\r\n    editor.registerCommand(DRAG_DROP_PASTE,(files) => {\r\n\r\n      (async () => {\r\n\r\n        const filesResult = await mediaFileReader(files, [ACCEPTABLE_IMAGE_TYPES].flatMap((x) => x))\r\n\r\n        for (const {file, result} of filesResult) {\r\n\r\n          if (isMimeType(file, ACCEPTABLE_IMAGE_TYPES)) {\r\n\r\n            editor.dispatchCommand(INSERT_IMAGE_COMMAND, {\r\n              src:result,\r\n              alt:file.name,\r\n              maxWidth:\":100%\"\r\n            } as ImageAttrs)\r\n          }\r\n        }\r\n      })()\r\n\r\n      return true\r\n    },COMMAND_PRIORITY_LOW)\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":["useLexicalComposer","onMounted","ImageNode","RegisterToolbarExtend","ShowImageEditPanel","INSERT_IMAGE_COMMAND","mergeRegister","$insertNodeToNearestRoot","$createImageNode","COMMAND_PRIORITY_EDITOR","DRAG_DROP_PASTE","mediaFileReader","isMimeType","COMMAND_PRIORITY_LOW","onUnmounted"],"mappings":";;;;;;;;;;;;AAUA,UAAM,yBAAyB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,SAASA,WAAAA;AAEfC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,MAAAA,SAAS,CAAC,GAAE;AAC1B,cAAA,IAAI,MAAM,uBAAuB;AAAA,MACzC;AAGsBC,oCAAA;AAAA,QACpB,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAO,YAAU;AAEIC,4CAAA;AAAA,YACjB,KAAI;AAAA,YAAI,KAAI;AAAA,YAAI,OAAM;AAAA,YAAI,QAAO;AAAA,YAAI,UAAS;AAAA,YAAQ,WAAU;AAAA,YAAI,QAAO;AAAA,UAAA,CAC9D,EAAE,KAAK,CAAC,SAAW;AACzB,mBAAA,gBAAgBC,4BAAqB,IAAkB;AAAA,UAAA,CAC/D;AAAA,QACH;AAAA,QACA,MAAK;AAAA,MAAA,CACiB;AAGxB,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAA4BD,4BAAqB,CAAC,YAAY;AAC1CE,yCAAAC,MAAAA,iBAAiB,OAAO,CAAC;AAC3C,iBAAA;AAAA,WACPC,+BAAuB;AAAA;AAAA,QAGzB,OAAO,gBAAgBC,0BAAgB,CAAC,UAAU;AAEhD,WAAC,YAAY;AAEL,kBAAA,cAAc,MAAMC,sBAAgB,OAAO,CAAC,sBAAsB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AAE3F,uBAAW,EAAC,MAAM,OAAM,KAAK,aAAa;AAEpC,kBAAAC,MAAA,WAAW,MAAM,sBAAsB,GAAG;AAE5C,uBAAO,gBAAgBP,4BAAsB;AAAA,kBAC3C,KAAI;AAAA,kBACJ,KAAI,KAAK;AAAA,kBACT,UAAS;AAAA,gBAAA,CACI;AAAA,cACjB;AAAA,YACF;AAAA,UAAA;AAGK,iBAAA;AAAA,WACPQ,4BAAoB;AAAA,MAAA;AAGZC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;"}

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

@@ -1,35 +1,14 @@
 "use strict";
 const vue = require("vue");
-require("@lexical/text");
+const lexicalVue = require("lexical-vue");
 const utils = require("@lexical/utils");
-require("@lexical/overflow");
 const lexical = require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../lexical-vue/composables/useLexicalComposer.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");
-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 index = require("./index.js");
 const defines = require("../ToolbarPlugin/defines.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
-    const editor = useLexicalComposer.useLexicalComposer();
+    const editor = lexicalVue.useLexicalComposer();
     vue.onMounted(() => {
       if (!editor.hasNodes([index.ImageTextNode])) {
         throw new Error("ImageTextPlugin: 图文节点未注册！");

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImageTextPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../lexical-vue'\r\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection,CLICK_COMMAND } from 'lexical'\r\n\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { INSERT_IMAGETEXT_COMMAND,ImageTextNode,$createImageTextNode } from './index'\r\nimport { ImageAttrs } from '../ImagePlugin/index'\r\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\r\n\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ImageTextNode])){\r\n    throw new Error('ImageTextPlugin: 图文节点未注册！')\r\n  }\r\n \r\n  // 注册到工具条\r\n  RegisterToolbarExtend({\r\n    icon:\"richtext-outline\",\r\n    text:\"图文\",\r\n    action:async ()=>{\r\n      editor.dispatchCommand(INSERT_IMAGETEXT_COMMAND,{\r\n        src:\"\",\r\n        float:\"left\",\r\n        width:\"200px\",\r\n        margin:\"0 10px 10px 0\"\r\n      })\r\n    },\r\n    sort:10\r\n  } as ToolbarExtendPlugin)\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n\r\n    // 插入图片\r\n    editor.registerCommand<ImageAttrs>(INSERT_IMAGETEXT_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createImageTextNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n    // editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n\r\n    //   let dom = event.target as HTMLElement\r\n    //   let block = dom.parentElement\r\n\r\n    //   if(block?.classList.contains(ImageTextNode.getMakeClassName())){\r\n\r\n    //     event.preventDefault();\r\n    //     console.log(block);\r\n\r\n    //     // if (!event.shiftKey){ clearSelection() }\r\n        \r\n    //     // setSelected(true)\r\n    //     // updateImageActiveBox();\r\n\r\n    //     return true\r\n    //   }\r\n\r\n    //   // if (event.target === selfElRef.value) {\r\n\r\n    \r\n    //   // }\r\n    //   return false\r\n    // },COMMAND_PRIORITY_LOW),\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":["useLexicalComposer","onMounted","ImageTextNode","RegisterToolbarExtend","INSERT_IMAGETEXT_COMMAND","mergeRegister","$insertNodeToNearestRoot","$createImageTextNode","COMMAND_PRIORITY_EDITOR","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,SAASA,mBAAAA;AAEfC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,MAAAA,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAC7C;AAGsBC,oCAAA;AAAA,QACpB,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAO,YAAU;AACf,iBAAO,gBAAgBC,gCAAyB;AAAA,YAC9C,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,OAAM;AAAA,YACN,QAAO;AAAA,UAAA,CACR;AAAA,QACH;AAAA,QACA,MAAK;AAAA,MAAA,CACiB;AAGxB,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAA4BD,gCAAyB,CAAC,YAAY;AAC9CE,yCAAAC,MAAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACPC,+BAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AA2BfC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImageTextPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from 'lexical-vue'\r\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection,CLICK_COMMAND } from 'lexical'\r\n\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { INSERT_IMAGETEXT_COMMAND,ImageTextNode,$createImageTextNode } from './index'\r\nimport { ImageAttrs } from '../ImagePlugin/index'\r\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\r\n\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ImageTextNode])){\r\n    throw new Error('ImageTextPlugin: 图文节点未注册！')\r\n  }\r\n \r\n  // 注册到工具条\r\n  RegisterToolbarExtend({\r\n    icon:\"richtext-outline\",\r\n    text:\"图文\",\r\n    action:async ()=>{\r\n      editor.dispatchCommand(INSERT_IMAGETEXT_COMMAND,{\r\n        src:\"\",\r\n        float:\"left\",\r\n        width:\"200px\",\r\n        margin:\"0 10px 10px 0\"\r\n      })\r\n    },\r\n    sort:10\r\n  } as ToolbarExtendPlugin)\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n\r\n    // 插入图片\r\n    editor.registerCommand<ImageAttrs>(INSERT_IMAGETEXT_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createImageTextNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n    // editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n\r\n    //   let dom = event.target as HTMLElement\r\n    //   let block = dom.parentElement\r\n\r\n    //   if(block?.classList.contains(ImageTextNode.getMakeClassName())){\r\n\r\n    //     event.preventDefault();\r\n    //     console.log(block);\r\n\r\n    //     // if (!event.shiftKey){ clearSelection() }\r\n        \r\n    //     // setSelected(true)\r\n    //     // updateImageActiveBox();\r\n\r\n    //     return true\r\n    //   }\r\n\r\n    //   // if (event.target === selfElRef.value) {\r\n\r\n    \r\n    //   // }\r\n    //   return false\r\n    // },COMMAND_PRIORITY_LOW),\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":["useLexicalComposer","onMounted","ImageTextNode","RegisterToolbarExtend","INSERT_IMAGETEXT_COMMAND","mergeRegister","$insertNodeToNearestRoot","$createImageTextNode","COMMAND_PRIORITY_EDITOR","onUnmounted"],"mappings":";;;;;;;;;;AAWA,UAAM,SAASA,WAAAA;AAEfC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,MAAAA,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAC7C;AAGsBC,oCAAA;AAAA,QACpB,MAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAO,YAAU;AACf,iBAAO,gBAAgBC,gCAAyB;AAAA,YAC9C,KAAI;AAAA,YACJ,OAAM;AAAA,YACN,OAAM;AAAA,YACN,QAAO;AAAA,UAAA,CACR;AAAA,QACH;AAAA,QACA,MAAK;AAAA,MAAA,CACiB;AAGxB,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAA4BD,gCAAyB,CAAC,YAAY;AAC9CE,yCAAAC,MAAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACPC,+BAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AA2BfC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/{lexical-vue/components/LexicalContentEditable.vue.js → plugins/RichTextPlugin/ContentEditable.vue.js}

@@ -1,22 +1,9 @@
 "use strict";
 const vue = require("vue");
-require("@lexical/text");
-require("@lexical/utils");
-const useMounted = require("../composables/useMounted.js");
-require("@lexical/overflow");
-require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("@lexical/rich-text");
-require("@lexical/yjs");
-require("yjs");
+const lexicalVue = require("lexical-vue");
 const _hoisted_1 = ["id", "aria-activedescendant", "aria-autocomplete", "aria-controls", "aria-describedby", "aria-expanded", "aria-label", "aria-labelledby", "aria-multiline", "aria-owns", "aria-required", "autocapitalize", "autocomplete", "autocorrect", "contenteditable", "role", "spellcheck", "tabindex"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "LexicalContentEditable",
+  __name: "ContentEditable",
   props: {
     ariaActivedescendant: {},
     ariaAutocomplete: {},
@@ -40,9 +27,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const root = vue.ref(null);
-    const editor = useLexicalComposer.useLexicalComposer();
+    const editor = lexicalVue.useLexicalComposer();
     const editable = vue.ref(false);
-    useMounted.useMounted(() => {
+    lexicalVue.useMounted(() => {
       if (root.value) {
         editor.setRootElement(root.value);
         editable.value = editor.isEditable();
@@ -79,4 +66,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 module.exports = _sfc_main;
-//# sourceMappingURL=LexicalContentEditable.vue.js.map
+//# sourceMappingURL=ContentEditable.vue.js.map

package/dist/{esm/components/basic/doc-editor/lexical-vue/components/LexicalContentEditable.vue.js.map → cjs/components/basic/doc-editor/plugins/RichTextPlugin/ContentEditable.vue.js.map}

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

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/ContentEditable.vue2.js

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

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/ContentEditable.vue2.js.map

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

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/DecoratedTeleports.js

@@ -0,0 +1,13 @@
+"use strict";
+const vue = require("vue");
+const lexicalVue = require("lexical-vue");
+const DecoratedTeleports = vue.defineComponent({
+  name: "LexicalDecoratedTeleports",
+  setup() {
+    const editor = lexicalVue.useLexicalComposer();
+    const decorators = lexicalVue.useDecorators(editor);
+    return () => decorators.value;
+  }
+});
+module.exports = DecoratedTeleports;
+//# sourceMappingURL=DecoratedTeleports.js.map

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/DecoratedTeleports.js.map

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

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

@@ -1,34 +1,27 @@
 "use strict";
 const vue = require("vue");
-const useCanShowPlaceholder = require("../composables/useCanShowPlaceholder.js");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
+const lexicalVue = require("lexical-vue");
 const lexical = require("lexical");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-const useRichTextSetup = require("../composables/useRichTextSetup.js");
-require("@lexical/rich-text");
-require("@lexical/yjs");
-require("yjs");
-const LexicalDecoratedTeleports = require("./LexicalDecoratedTeleports.js");
 const html = require("@lexical/html");
+const ContentEditable_vue_vue_type_script_setup_true_lang = require("./ContentEditable.vue.js");
+const DecoratedTeleports = require("./DecoratedTeleports.js");
 const _hoisted_1 = { class: "mk-doc-editor__stage__editable" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mk-doc-editor__stage__placeholder mk-doc__paragraph"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "LexicalRichTextPlugin",
+  __name: "index",
   props: {
-    content: { type: String, default: `` }
+    content: { type: String, default: `` },
+    placeholder: { type: String, default: `` }
   },
-  emits: ["change"],
+  emits: ["change", "init"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const editor = useLexicalComposer.useLexicalComposer();
-    const canShowPlaceholder = useCanShowPlaceholder.useCanShowPlaceholder(editor);
+    const editor = lexicalVue.useLexicalComposer();
+    const canShowPlaceholder = lexicalVue.useCanShowPlaceholder(editor);
     const parser = new DOMParser();
     const htmlContent = vue.ref("");
     const contentIsEmpty = vue.computed(() => htmlContent.value == `<p class="mk-doc__paragraph"><br></p>` || !htmlContent.value);
@@ -39,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         editor.update(() => {
           var _a, _b;
           if (html$1.trim()) {
-            nodes = html.$generateNodesFromDOM(editor, parser.parseFromString(html$1.trim(), "text/html"));
+            nodes = [...html.$generateNodesFromDOM(editor, parser.parseFromString(html$1.trim(), "text/html"))];
           }
           lexical.$selectAll();
           if (nodes.length > 0) {
@@ -51,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
+      emit("init", editor);
       vue.watch(() => props.content, setHtml, { immediate: true });
       vue.watch(htmlContent, (value) => emit("change", value));
       const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {
@@ -60,15 +54,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       vue.onUnmounted(() => unregisterMergeListener());
     });
-    useRichTextSetup.useRichTextSetup(editor);
+    lexicalVue.useRichTextSetup(editor);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "contentEditable"),
-        vue.unref(canShowPlaceholder) && contentIsEmpty.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(LexicalDecoratedTeleports))
+        vue.createVNode(ContentEditable_vue_vue_type_script_setup_true_lang),
+        vue.unref(canShowPlaceholder) && contentIsEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(props.placeholder), 1)) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(DecoratedTeleports))
       ]);
     };
   }
 });
 module.exports = _sfc_main;
-//# sourceMappingURL=LexicalRichTextPlugin.vue.js.map
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/RichTextPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { ref,defineProps,computed,defineEmits,onMounted,onUnmounted,watch } from \"vue\"\r\nimport { useCanShowPlaceholder, useLexicalComposer, useRichTextSetup} from 'lexical-vue'\r\nimport { $getRoot, $getSelection ,$createRangeSelection,$selectAll } from 'lexical'\r\nimport { $generateHtmlFromNodes,$generateNodesFromDOM } from '@lexical/html'\r\nimport ContentEditable from \"./ContentEditable.vue\"\r\nimport DecoratedTeleports from \"./DecoratedTeleports\"\r\n\r\n// 事件\r\nconst emit = defineEmits([\"change\",\"init\"]);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  content:{ type:String,default:`` },\r\n  placeholder:{ type:String,default:`` }\r\n})\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nconst canShowPlaceholder = useCanShowPlaceholder(editor)\r\n\r\nconst parser = new DOMParser();\r\n\r\n// html 内容\r\nconst htmlContent = ref(\"\");\r\n\r\n// 空内容\r\nconst contentIsEmpty = computed(()=>htmlContent.value == `<p class=\"mk-doc__paragraph\"><br></p>` || !htmlContent.value);\r\n\r\n// 设置 HTML\r\nconst setHtml = (html : any)=>{\r\n\r\n    // 内容不同则重置 \r\n    if(htmlContent.value != html){\r\n\r\n      let nodes : Array<any> = [];\r\n\r\n      htmlContent.value = html;\r\n\r\n      editor.update(()=>{\r\n\r\n        if(html.trim()){\r\n        \r\n          // Once you have the DOM instance it's easy to generate LexicalNodes.\r\n          nodes = [...$generateNodesFromDOM(editor,parser.parseFromString(html.trim(),\"text/html\"))];\r\n\r\n        }\r\n        // 设置权限替换\r\n        $selectAll();\r\n\r\n        if(nodes.length > 0){\r\n          $getSelection()?.insertNodes(nodes);\r\n        }\r\n        else{\r\n          $getSelection()?.insertText(\"\")\r\n        }\r\n      })\r\n    }\r\n}\r\n\r\n\r\nonMounted(()=>{\r\n\r\n  emit(\"init\",editor)\r\n  \r\n  // 初始化\r\n  watch(()=>props.content,setHtml,{ immediate:true });\r\n\r\n  // 监听内容变化\r\n  watch(htmlContent,(value:any)=>emit('change',value));\r\n\r\n  // 更新操作\r\n  const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {\r\n    editorState.read(() => {\r\n      htmlContent.value = $generateHtmlFromNodes(editor);\r\n    })\r\n  })\r\n\r\n  // 取消\r\n  onUnmounted(() => unregisterMergeListener());\r\n\r\n})\r\n\r\n// 使用富文本\r\nuseRichTextSetup(editor)\r\n\r\n</script>\r\n\r\n<template>\r\n <div class=\"mk-doc-editor__stage__editable\">\r\n    <ContentEditable />\r\n    <template v-if=\"canShowPlaceholder && contentIsEmpty\">\r\n      <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\r\n        {{props.placeholder}}\r\n      </div>\r\n    </template>\r\n    <DecoratedTeleports />\r\n  </div>\r\n\r\n</template>\r\n"],"names":["useLexicalComposer","useCanShowPlaceholder","ref","computed","html","$generateNodesFromDOM","$selectAll","$getSelection","onMounted","watch","$generateHtmlFromNodes","onUnmounted","useRichTextSetup"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAKd,UAAM,SAASA,WAAAA;AAET,UAAA,qBAAqBC,iCAAsB,MAAM;AAEjD,UAAA,SAAS,IAAI;AAGb,UAAA,cAAcC,QAAI,EAAE;AAGpB,UAAA,iBAAiBC,aAAS,MAAI,YAAY,SAAS,2CAA2C,CAAC,YAAY,KAAK;AAGhH,UAAA,UAAU,CAACC,WAAa;AAGvB,UAAA,YAAY,SAASA,QAAK;AAE3B,YAAI,QAAqB,CAAA;AAEzB,oBAAY,QAAQA;AAEpB,eAAO,OAAO,MAAI;;AAEb,cAAAA,OAAK,QAAO;AAGL,oBAAA,CAAC,GAAGC,2BAAsB,QAAO,OAAO,gBAAgBD,OAAK,KAAK,GAAE,WAAW,CAAC,CAAC;AAAA,UAE3F;AAEWE,kBAAAA;AAER,cAAA,MAAM,SAAS,GAAE;AACJC,wCAAA,MAAAA,mBAAG,YAAY;AAAA,UAAK,OAEhC;AACYA,wCAAA,MAAAA,mBAAG,WAAW;AAAA,UAC9B;AAAA,QAAA,CACD;AAAA,MACH;AAAA,IAAA;AAIJC,QAAAA,UAAU,MAAI;AAEZ,WAAK,QAAO,MAAM;AAGlBC,UAAA,MAAM,MAAI,MAAM,SAAQ,SAAQ,EAAE,WAAU,MAAM;AAGlDA,UAAA,MAAM,aAAY,CAAC,UAAY,KAAK,UAAS,KAAK,CAAC;AAGnD,YAAM,0BAA0B,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjF,oBAAY,KAAK,MAAM;AACT,sBAAA,QAAQC,4BAAuB,MAAM;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAGWC,sBAAA,MAAM,yBAAyB;AAAA,IAAA,CAE5C;AAGDC,eAAA,iBAAiB,MAAM;;;;;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/nodes/RichTextNode.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lexical = require("lexical");
+class RichTextNode extends lexical.TextNode {
+  static getType() {
+    return "rich-text";
+  }
+  static clone(node) {
+    return new RichTextNode(node.__key);
+  }
+  static importJSON(serializedNode) {
+    return lexical.TextNode.importJSON(serializedNode);
+  }
+  static importDOM() {
+    return {
+      b: () => ({
+        conversion: convertBringAttentionToElement,
+        priority: 4
+      }),
+      code: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      em: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      i: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      s: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      span: () => ({
+        conversion: convertSpanElement,
+        priority: 4
+      }),
+      strong: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      sub: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      sup: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      }),
+      u: () => ({
+        conversion: convertTextFormatElement,
+        priority: 4
+      })
+    };
+  }
+  constructor(text, key) {
+    super(text, key);
+  }
+}
+function convertBringAttentionToElement(domNode) {
+  const b = domNode;
+  const hasNormalFontWeight = b.style.fontWeight === "normal";
+  return {
+    forChild: applyTextFormatFromStyle(b.style, hasNormalFontWeight ? void 0 : "bold"),
+    node: null
+  };
+}
+var nodeNameToTextFormat = {
+  code: "code",
+  em: "italic",
+  i: "italic",
+  s: "strikethrough",
+  strong: "bold",
+  sub: "subscript",
+  sup: "superscript",
+  u: "underline"
+};
+function convertTextFormatElement(domNode) {
+  const format = nodeNameToTextFormat[domNode.nodeName.toLowerCase()];
+  if (format === void 0) {
+    return {
+      node: null
+    };
+  }
+  return {
+    forChild: applyTextFormatFromStyle(domNode.style, format),
+    node: null
+  };
+}
+function convertSpanElement(domNode) {
+  const span = domNode;
+  const style = span.style;
+  return {
+    forChild: applyTextFormatFromStyle(style, null),
+    node: null
+  };
+}
+function applyTextFormatFromStyle(style, shouldApply) {
+  const fontWeight = style.fontWeight;
+  const textDecoration = style.textDecoration.split(" ");
+  const hasBoldFontWeight = fontWeight === "700" || fontWeight === "bold";
+  const hasLinethroughTextDecoration = textDecoration.includes("line-through");
+  const hasItalicFontStyle = style.fontStyle === "italic";
+  const hasUnderlineTextDecoration = textDecoration.includes("underline");
+  const verticalAlign = style.verticalAlign;
+  return (lexicalNode) => {
+    if (!lexical.$isTextNode(lexicalNode)) {
+      return lexicalNode;
+    }
+    let styleStr = "";
+    if (style.color) {
+      styleStr += `color:${style.color};`;
+    }
+    if (style.fontSize) {
+      styleStr += `font-size:${style.fontSize};`;
+    }
+    if (style.fontFamily) {
+      styleStr += `font-family:${style.fontFamily};`;
+    }
+    if (style.backgroundColor) {
+      styleStr += `background-color:${style.backgroundColor};`;
+    }
+    if (styleStr) {
+      lexicalNode.setStyle(styleStr);
+    }
+    if (hasBoldFontWeight && !lexicalNode.hasFormat("bold")) {
+      lexicalNode.toggleFormat("bold");
+    }
+    if (hasLinethroughTextDecoration && !lexicalNode.hasFormat("strikethrough")) {
+      lexicalNode.toggleFormat("strikethrough");
+    }
+    if (hasItalicFontStyle && !lexicalNode.hasFormat("italic")) {
+      lexicalNode.toggleFormat("italic");
+    }
+    if (hasUnderlineTextDecoration && !lexicalNode.hasFormat("underline")) {
+      lexicalNode.toggleFormat("underline");
+    }
+    if (verticalAlign === "sub" && !lexicalNode.hasFormat("subscript")) {
+      lexicalNode.toggleFormat("subscript");
+    }
+    if (verticalAlign === "super" && !lexicalNode.hasFormat("superscript")) {
+      lexicalNode.toggleFormat("superscript");
+    }
+    if (shouldApply && !lexicalNode.hasFormat(shouldApply)) {
+      lexicalNode.toggleFormat(shouldApply);
+    }
+    return lexicalNode;
+  };
+}
+exports.RichTextNode = RichTextNode;
+//# sourceMappingURL=RichTextNode.js.map

package/dist/cjs/components/basic/doc-editor/plugins/RichTextPlugin/nodes/RichTextNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextNode.js","sources":["../../../../../../../../src/components/basic/doc-editor/plugins/RichTextPlugin/nodes/RichTextNode.ts"],"sourcesContent":["\r\n\r\nimport type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, SerializedTextNode } from 'lexical'\r\nimport { $isTextNode,TextNode,$createTextNode } from 'lexical'\r\n\r\n/**\r\n * 富文本的文本节点\r\n */\r\nexport class RichTextNode extends TextNode{\r\n\r\n  static getType(): string {\r\n    return \"rich-text\";\r\n  }\r\n\r\n  static clone(node: RichTextNode): RichTextNode {\r\n    return new RichTextNode(node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedTextNode): TextNode {\r\n    return TextNode.importJSON(serializedNode);\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    \r\n    return {\r\n      b: () => ({\r\n        conversion: convertBringAttentionToElement,\r\n        priority: 4\r\n      }),\r\n      code: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      em: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      i: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      s: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      span: () => ({\r\n        conversion: convertSpanElement,\r\n        priority: 4\r\n      }),\r\n      strong: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      sub: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      sup: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      u: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      })\r\n    };\r\n  }\r\n\r\n  constructor(text:string,key?: NodeKey) {\r\n    super(text,key)\r\n  }\r\n\r\n}\r\n\r\nfunction convertBringAttentionToElement(domNode:HTMLElement) {\r\n  const b = domNode;\r\n  const hasNormalFontWeight = b.style.fontWeight === \"normal\";\r\n  return {\r\n    forChild: applyTextFormatFromStyle(b.style, hasNormalFontWeight ? void 0 : \"bold\"),\r\n    node: null\r\n  };\r\n}\r\n\r\nvar nodeNameToTextFormat:any = {\r\n  code: \"code\",\r\n  em: \"italic\",\r\n  i: \"italic\",\r\n  s: \"strikethrough\",\r\n  strong: \"bold\",\r\n  sub: \"subscript\",\r\n  sup: \"superscript\",\r\n  u: \"underline\"\r\n};\r\nfunction convertTextFormatElement(domNode:HTMLElement) {\r\n  const format = nodeNameToTextFormat[domNode.nodeName.toLowerCase()];\r\n  if (format === void 0) {\r\n    return {\r\n      node: null\r\n    };\r\n  }\r\n  return {\r\n    forChild: applyTextFormatFromStyle(domNode.style, format),\r\n    node: null\r\n  };\r\n}\r\nfunction convertSpanElement(domNode:HTMLElement) {\r\n  const span = domNode;\r\n  const style = span.style;\r\n  return {\r\n    forChild: applyTextFormatFromStyle(style,null),\r\n    node: null\r\n  };\r\n}\r\n\r\nfunction applyTextFormatFromStyle(style:any, shouldApply:any) {\r\n  const fontWeight = style.fontWeight;\r\n  const textDecoration = style.textDecoration.split(\" \");\r\n  const hasBoldFontWeight = fontWeight === \"700\" || fontWeight === \"bold\";\r\n  const hasLinethroughTextDecoration = textDecoration.includes(\"line-through\");\r\n  const hasItalicFontStyle = style.fontStyle === \"italic\";\r\n  const hasUnderlineTextDecoration = textDecoration.includes(\"underline\");\r\n  const verticalAlign = style.verticalAlign;\r\n\r\n  return (lexicalNode:LexicalNode) => {\r\n    if (!$isTextNode(lexicalNode)) {\r\n      return lexicalNode;\r\n    }\r\n\r\n    let styleStr = \"\";\r\n\r\n    if(style.color){\r\n      styleStr += `color:${style.color};`\r\n    }\r\n    if(style.fontSize){\r\n      styleStr += `font-size:${style.fontSize};`\r\n    }\r\n    if(style.fontFamily){\r\n      styleStr += `font-family:${style.fontFamily};`\r\n    }\r\n    if(style.backgroundColor){\r\n      styleStr += `background-color:${style.backgroundColor};`\r\n    }\r\n\r\n    if(styleStr){\r\n      lexicalNode.setStyle(styleStr);\r\n    }\r\n\r\n\r\n    if (hasBoldFontWeight && !lexicalNode.hasFormat(\"bold\")) {\r\n      lexicalNode.toggleFormat(\"bold\");\r\n    }\r\n    if (hasLinethroughTextDecoration && !lexicalNode.hasFormat(\"strikethrough\")) {\r\n      lexicalNode.toggleFormat(\"strikethrough\");\r\n    }\r\n    if (hasItalicFontStyle && !lexicalNode.hasFormat(\"italic\")) {\r\n      lexicalNode.toggleFormat(\"italic\");\r\n    }\r\n    if (hasUnderlineTextDecoration && !lexicalNode.hasFormat(\"underline\")) {\r\n      lexicalNode.toggleFormat(\"underline\");\r\n    }\r\n    if (verticalAlign === \"sub\" && !lexicalNode.hasFormat(\"subscript\")) {\r\n      lexicalNode.toggleFormat(\"subscript\");\r\n    }\r\n    if (verticalAlign === \"super\" && !lexicalNode.hasFormat(\"superscript\")) {\r\n      lexicalNode.toggleFormat(\"superscript\");\r\n    }\r\n    if (shouldApply && !lexicalNode.hasFormat(shouldApply)) {\r\n      lexicalNode.toggleFormat(shouldApply);\r\n    }\r\n    return lexicalNode;\r\n  };\r\n}\r\n\r\n\r\n"],"names":["TextNode","$isTextNode"],"mappings":"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"}

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

@@ -4,27 +4,7 @@ const lexical = require("lexical");
 const selection = require("@lexical/selection");
 const richText = require("@lexical/rich-text");
 const utils = require("@lexical/utils");
-require("@lexical/text");
-require("@lexical/overflow");
-require("tiny-invariant");
-require("@lexical/history");
-const useLexicalComposer = require("../../lexical-vue/composables/useLexicalComposer.js");
-require("@lexical/list");
-require("@lexical/dragon");
-require("@lexical/plain-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");
-require("../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js");
+const lexicalVue = require("lexical-vue");
 const _hoisted_1 = {
   key: 0,
   class: "mk-doc-editor-toolbar-content-style-item text"
@@ -33,7 +13,7 @@ const _hoisted_2 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ContentStyleTool",
   setup(__props) {
-    const editor = useLexicalComposer.useLexicalComposer();
+    const editor = lexicalVue.useLexicalComposer();
     const CONTENT_TYPE_DEFINES = [
       { value: "paragraph", label: "正文" },
       { value: "h1", label: "标题 1" },