@maketribe/ms-app 3.2.23 → 3.2.24

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageTools.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/ImageTools.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { \r\n  type CommandListenerPriority,\r\n  ElementFormatType,SELECTION_CHANGE_COMMAND,$getSelection,$isNodeSelection } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { onMounted, onUnmounted,ref } from 'vue'\r\nimport { useLexicalComposer } from 'lexical-vue'\r\nimport { ImageAttrData,IMAGE_ATTRS_CHANGE,REMOVE_IMAGE_COMMAND,ImageNode } from './index'\r\n\r\n \r\nconst lowPriority: CommandListenerPriority = 1\r\nconst editor = useLexicalComposer()\r\n// 对齐方式\r\nconst alignList = ref<ElementFormatType[]>([\"left\",\"center\",\"right\"])\r\nconst alignValue = ref<any>(\"left\")\r\nconst isFloat = ref<boolean>(false);\r\n\r\n// 设置图片属性\r\nconst setImageAttr = (name:string,value:string|undefined|null)=>{\r\n  editor.dispatchCommand(IMAGE_ATTRS_CHANGE,{value,name} as ImageAttrData)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(IMAGE_ATTRS_CHANGE, (payload:ImageAttrData) => {\r\n      if(payload.name == \"align\"){\r\n        alignValue.value = payload.value;\r\n      }\r\n      return false;\r\n    },lowPriority),\r\n    editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n        \r\n      const selection = $getSelection();\r\n\r\n      if($isNodeSelection(selection)){\r\n\r\n        const node = selection.getNodes()[0] as ImageNode;\r\n\r\n        // 是图片\r\n        if(node?.__attrs != null && node.__type == ImageNode.getType()){\r\n          // 判断是否有浮动\r\n          isFloat.value = node.__attrs.float != null && node.__attrs.float != \"\";\r\n          alignValue.value = isFloat.value ? node.__attrs.float : node.getParent()?.getFormatType() ?? \"left\"\r\n        }\r\n        \r\n      }\r\n      return false;\r\n    },lowPriority)\r\n  )\r\n\r\n  // 卸载\r\n  onUnmounted(() => unregisterMergeListener())\r\n\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n   <el-button-group>\r\n    <template v-for=\"item in alignList\" :key=\"item\">\r\n      <el-button text :class=\"{active:alignValue == item}\" v-if=\"isFloat ? item != 'center':true\" @click=\"setImageAttr('align',item)\">\r\n        <MKSvgIcon :iconClass=\"`doc-align-${item}`\" /> \r\n      </el-button>\r\n    </template>\r\n    <el-button text  @click=\"setImageAttr('edit',null)\">\r\n      <MKSvgIcon :iconClass=\"`Edit`\" /> \r\n    </el-button>\r\n    <el-button text type=\"danger\" v-if=\"!isFloat\" @click=\"editor.dispatchCommand(REMOVE_IMAGE_COMMAND,null)\">\r\n      <MKSvgIcon :iconClass=\"`Delete`\" /> \r\n    </el-button>\r\n  </el-button-group>\r\n</template>\r\n"],"names":[],"mappings":";;;;;AAUA,MAAM,cAAuC;;;;AAC7C,UAAM,SAAS;AAEf,UAAM,YAAY,IAAyB,CAAC,QAAO,UAAS,OAAO,CAAC;AAC9D,UAAA,aAAa,IAAS,MAAM;AAC5B,UAAA,UAAU,IAAa,KAAK;AAG5B,UAAA,eAAe,CAAC,MAAY,UAA8B;AAC9D,aAAO,gBAAgB,oBAAmB,EAAC,OAAM,KAAsB,CAAA;AAAA,IAAA;AAGzE,cAAU,MAAI;AAEZ,YAAM,0BAA0B;AAAA,QAC9B,OAAO,gBAAgB,oBAAoB,CAAC,YAA0B;AACjE,cAAA,QAAQ,QAAQ,SAAQ;AACzB,uBAAW,QAAQ,QAAQ;AAAA,UAC7B;AACO,iBAAA;AAAA,WACP,WAAW;AAAA,QACb,OAAO,gBAAgB,0BAA0B,CAAC,SAAS,cAAc;;AAEvE,gBAAM,YAAY;AAEf,cAAA,iBAAiB,SAAS,GAAE;AAE7B,kBAAM,OAAO,UAAU,SAAS,EAAE,CAAC;AAGnC,iBAAG,6BAAM,YAAW,QAAQ,KAAK,UAAU,UAAU,WAAU;AAE7D,sBAAQ,QAAQ,KAAK,QAAQ,SAAS,QAAQ,KAAK,QAAQ,SAAS;AACzD,yBAAA,QAAQ,QAAQ,QAAQ,KAAK,QAAQ,UAAQ,UAAK,UAAA,MAAL,mBAAkB,oBAAmB;AAAA,YAC/F;AAAA,UAEF;AACO,iBAAA;AAAA,WACP,WAAW;AAAA,MAAA;AAIH,kBAAA,MAAM,yBAAyB;AAAA,IAAA,CAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ImagePlugin/ImageTools.vue2.js

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

package/dist/esm/components/basic/doc-editor/plugins/ImagePlugin/ImageTools.vue2.js.map

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

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

@@ -1,128 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { createCommand } from "lexical";
-import { DecoratorBlockNode } from "lexical-vue";
-import { h } from "vue";
-import DocImageComponent from "./DocImageComponent.js";
-const IMAGE_ATTRS_CHANGE = createCommand("IMAGE_ATTRS_CHANGE");
-const REMOVE_IMAGE_COMMAND = createCommand("REMOVE_IMAGE_COMMAND");
-const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
-class ImageNode extends DecoratorBlockNode {
-  constructor(attrs, format, key) {
-    super(format, key);
-    __publicField(this, "__attrs");
-    this.__attrs = attrs;
-  }
-  static getType() {
-    return "Image";
-  }
-  static clone(node) {
-    return new ImageNode(node.__attrs, node.__format, node.__key);
-  }
-  static importJSON(serializedNode) {
-    const node = $createImageNode(serializedNode.attrs);
-    node.setFormat(serializedNode.format);
-    return node;
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.getType(),
-      version: 1,
-      attrs: this.__attrs
-    };
-  }
-  exportDOM() {
-    const element = document.createElement("img");
-    element.setAttribute("src", this.__attrs.src);
-    if (this.__attrs.alt != null) {
-      element.setAttribute("alt", this.__attrs.alt ?? "");
-    }
-    element.setAttribute("style", this.getStyles().join(";"));
-    return { element };
-  }
-  static importDOM() {
-    return {
-      img: (dn) => {
-        return {
-          conversion: (domNode) => {
-            const src = domNode.getAttribute("src");
-            const alt = domNode.getAttribute("alt");
-            return domNode.tagName.toLowerCase() == "img" && src != null ? {
-              node: $createImageNode({
-                src,
-                alt,
-                width: domNode.style.width,
-                height: domNode.style.height,
-                maxWidth: domNode.style.maxWidth || "100%",
-                maxHeight: domNode.style.maxHeight,
-                margin: domNode.style.margin,
-                float: domNode.style.float
-              })
-            } : null;
-          },
-          priority: 0
-        };
-      }
-    };
-  }
-  setFloat(pos) {
-    this.__attrs.float = pos;
-  }
-  getStyles() {
-    const style = [];
-    if (this.__attrs.width) {
-      style.push("width:" + this.__attrs.width);
-    }
-    if (this.__attrs.height) {
-      style.push("height:" + this.__attrs.height);
-    }
-    if (this.__attrs.float) {
-      style.push("float:" + this.__attrs.float);
-    }
-    if (this.__attrs.maxWidth) {
-      style.push("max-width:" + this.__attrs.maxWidth);
-    }
-    if (this.__attrs.maxHeight) {
-      style.push("max-height:" + this.__attrs.maxHeight);
-    }
-    if (this.__attrs.float) {
-      style.push("float:" + this.__attrs.float);
-    }
-    if (this.__attrs.margin) {
-      style.push("margin:" + this.__attrs.margin);
-    }
-    return style;
-  }
-  updateDOM() {
-    return false;
-  }
-  getTextContent(_includeInert, _includeDirectionless) {
-    return this.__attrs.src;
-  }
-  decorate(_editor, config) {
-    const embedBlockTheme = config.theme.embedBlock || {};
-    return h(DocImageComponent, {
-      baseClass: embedBlockTheme.base || "",
-      focusClass: embedBlockTheme.focus || "",
-      format: this.__format,
-      nodeKey: this.getKey(),
-      attrs: this.__attrs
-    });
-  }
-  isInline() {
-    return false;
-  }
-}
-function $createImageNode(attrs) {
-  return new ImageNode(attrs);
-}
-export {
-  $createImageNode,
-  IMAGE_ATTRS_CHANGE,
-  INSERT_IMAGE_COMMAND,
-  ImageNode,
-  REMOVE_IMAGE_COMMAND
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":"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"}

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

@@ -1,56 +0,0 @@
-import { createCommand, $createParagraphNode } from "lexical";
-import { $createImageNode } from "../ImagePlugin/index.js";
-import { BaseBlockNode } from "../BaseBlockNode.js";
-const INSERT_IMAGETEXT_COMMAND = createCommand(
-  "INSERT_IMAGETEXT_COMMAND"
-);
-class ImageTextNode extends BaseBlockNode {
-  static getType() {
-    return "image-text";
-  }
-  static clone(node) {
-    return new ImageTextNode(node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createImageTextNode();
-  }
-  static getMakeClassName() {
-    return `${BaseBlockNode.MarkClassName}-${ImageTextNode.getType()}`;
-  }
-  static importDOM() {
-    return {
-      "div": (domNode) => {
-        return {
-          conversion: (domNode2) => {
-            return domNode2.classList.contains(ImageTextNode.getMakeClassName()) ? { node: $createImageTextNode() } : null;
-          },
-          priority: 0
-        };
-      }
-    };
-  }
-  constructor(key) {
-    super(ImageTextNode.getType(), key);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.getType(),
-      version: 1
-    };
-  }
-}
-function $createImageTextNode(attrs) {
-  const imageText = new ImageTextNode();
-  if (attrs != null) {
-    imageText.append($createImageNode(attrs));
-    imageText.append($createParagraphNode());
-  }
-  return imageText;
-}
-export {
-  $createImageTextNode,
-  INSERT_IMAGETEXT_COMMAND,
-  ImageTextNode
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImageTextPlugin/index.ts"],"sourcesContent":["\r\n\r\n\r\n\r\n\r\nimport type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread } from 'lexical'\r\nimport { createCommand,$createParagraphNode } from 'lexical'\r\nimport { ImageAttrs,$createImageNode } from '../ImagePlugin'\r\nimport { BaseBlockNode,SerializedMkDocEditBlockComponentNode } from '../BaseBlockNode'\r\n\r\n/**\r\n * 插入图文\r\n */\r\nexport const INSERT_IMAGETEXT_COMMAND: LexicalCommand<ImageAttrs> = createCommand(\r\n  'INSERT_IMAGETEXT_COMMAND',\r\n)\r\n\r\n\r\n/**\r\n * 图文节点序列化\r\n */\r\nexport type SerializedImageTextNode = Spread<{},SerializedMkDocEditBlockComponentNode>\r\n\r\n/**\r\n * 图文节点\r\n */\r\nexport class ImageTextNode extends BaseBlockNode{\r\n\r\n  static getType(): string {\r\n    return \"image-text\";\r\n  }\r\n\r\n\r\n  static clone(node: ImageTextNode): ImageTextNode {\r\n    return new ImageTextNode(node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageTextNode): ImageTextNode {\r\n    return $createImageTextNode()\r\n  }\r\n\r\n  static getMakeClassName(): string {\r\n    return `${BaseBlockNode.MarkClassName}-${ImageTextNode.getType()}`\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      \"div\" : (domNode: HTMLElement) => {\r\n        return  {\r\n          conversion: (domNode : HTMLElement)=>{\r\n            return domNode.classList.contains(ImageTextNode.getMakeClassName()) ? { node:$createImageTextNode() } : null;\r\n          },\r\n          priority: 0\r\n        }\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(key?: NodeKey) {\r\n    super(ImageTextNode.getType(),key)\r\n  }\r\n\r\n  exportJSON(): SerializedMkDocEditBlockComponentNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * 创建图片节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createImageTextNode(attrs?: ImageAttrs): ImageTextNode {\r\n\r\n  const imageText = new ImageTextNode()\r\n\r\n  if(attrs != null){\r\n    imageText.append($createImageNode(attrs))\r\n    imageText.append($createParagraphNode())\r\n  }\r\n\r\n  return imageText;\r\n}\r\n\r\n/**\r\n * 判断是否是图文节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageTextNode(\r\n  node: ImageTextNode | LexicalNode | null | undefined,\r\n): node is ImageTextNode {\r\n  return node instanceof ImageTextNode\r\n}\r\n"],"names":["domNode"],"mappings":";;;AAaO,MAAM,2BAAuD;AAAA,EAClE;AACF;AAWO,MAAM,sBAAsB,cAAa;AAAA,EAE9C,OAAO,UAAkB;AAChB,WAAA;AAAA,EACT;AAAA,EAGA,OAAO,MAAM,MAAoC;AACxC,WAAA,IAAI,cAAc,KAAK,KAAK;AAAA,EACrC;AAAA,EAEA,OAAO,WAAW,gBAAwD;AACxE,WAAO,qBAAqB;AAAA,EAC9B;AAAA,EAEA,OAAO,mBAA2B;AAChC,WAAO,GAAG,cAAc,aAAa,IAAI,cAAc,QAAS,CAAA;AAAA,EAClE;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,OAAQ,CAAC,YAAyB;AACxB,eAAA;AAAA,UACN,YAAY,CAACA,aAAwB;AAC5BA,mBAAAA,SAAQ,UAAU,SAAS,cAAc,kBAAkB,IAAI,EAAE,MAAK,qBAAqB,EAAA,IAAM;AAAA,UAC1G;AAAA,UACA,UAAU;AAAA,QAAA;AAAA,MAEd;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,KAAe;AACnB,UAAA,cAAc,QAAQ,GAAE,GAAG;AAAA,EACnC;AAAA,EAEA,aAAoD;AAC3C,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,EAEb;AACF;AAOO,SAAS,qBAAqB,OAAmC;AAEhE,QAAA,YAAY,IAAI;AAEtB,MAAG,SAAS,MAAK;AACL,cAAA,OAAO,iBAAiB,KAAK,CAAC;AAC9B,cAAA,OAAO,sBAAsB;AAAA,EACzC;AAEO,SAAA;AACT;"}

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

@@ -1,68 +0,0 @@
-import { defineComponent, ref, shallowRef, reactive, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, createBlock, resolveDynamicComponent, createCommentVNode, nextTick } from "vue";
-import { mergeRegister } from "@lexical/utils";
-import { useLexicalComposer } from "lexical-vue";
-import { IMAGE_ATTRS_CHANGE } from "../ImagePlugin/index.js";
-import { DEVICE_VIEW_MODE, SELECTED_COMPONENT_COMMAND } from "../commands.js";
-const lowPriority = 1;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InlineToolsPlugin",
-  setup(__props) {
-    const toolbarRef = ref(null);
-    const editor = useLexicalComposer();
-    const selectPayload = shallowRef(null);
-    const toolsPos = reactive({ left: "px", top: "0px" });
-    const updateToolsPos = () => {
-      nextTick(() => {
-        if (selectPayload.value != null && toolbarRef.value != null) {
-          const editIframeRect = toolbarRef.value.getRootNode().body.querySelector(".mk-doc-editor__stage_iframe").getBoundingClientRect();
-          const editBodyRect = toolbarRef.value.getRootNode().body.querySelector(".mk-doc-editor__stage_body").getBoundingClientRect();
-          const baseY = editIframeRect.y - editBodyRect.y;
-          const selectRect = selectPayload.value.el.getBoundingClientRect();
-          const toolsRect = toolbarRef.value.getBoundingClientRect();
-          if (toolsRect) {
-            toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + "px";
-            toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + "px";
-          }
-        }
-      });
-      return false;
-    };
-    onMounted(() => {
-      const unregisterMergeListener = mergeRegister(
-        editor.registerCommand(DEVICE_VIEW_MODE, () => updateToolsPos(), lowPriority),
-        editor.registerCommand(IMAGE_ATTRS_CHANGE, () => updateToolsPos(), lowPriority),
-        editor.registerUpdateListener(({ editorState }) => editorState.read(() => updateToolsPos())),
-        editor.registerCommand(SELECTED_COMPONENT_COMMAND, (payload) => {
-          selectPayload.value = payload;
-          return updateToolsPos();
-        }, lowPriority)
-        // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {
-        //   const selection = $getSelection();
-        //   if($isNodeSelection(selection)){
-        //     const node = selection.getNodes()[0]
-        //     console.log(node,node.getTopLevelElement());
-        //   }
-        //   return updateToolsPos();
-        // },lowPriority)
-      );
-      onUnmounted(() => {
-        unregisterMergeListener();
-      });
-    });
-    return (_ctx, _cache) => {
-      return selectPayload.value != null ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref_key: "toolbarRef",
-        ref: toolbarRef,
-        class: "mk-doc-editor-inline-toolbar",
-        style: normalizeStyle(toolsPos)
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(selectPayload.value.component)))
-      ], 4)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=InlineToolsPlugin.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InlineToolsPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CommandListenerPriority } from 'lexical'\r\nimport {  mergeRegister } from '@lexical/utils'\r\nimport {  useLexicalComposer } from 'lexical-vue'\r\nimport { IMAGE_ATTRS_CHANGE } from \"../ImagePlugin\"\r\nimport { onMounted, onUnmounted, ref,reactive,shallowRef,nextTick } from 'vue'\r\nimport { DEVICE_VIEW_MODE,SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst editor = useLexicalComposer()\r\nconst selectPayload = shallowRef<ComponentSelectEvent|null>(null);\r\nconst toolsPos = reactive({ left:\"px\",top:\"0px\" });\r\n\r\nconst updateToolsPos = ()=>{\r\n\r\n  nextTick(()=>{\r\n    if(selectPayload.value != null && toolbarRef.value != null){\r\n      const editIframeRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_iframe\").getBoundingClientRect();\r\n      const editBodyRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_body\").getBoundingClientRect();\r\n      const baseY =  editIframeRect.y - editBodyRect.y;\r\n      const selectRect = selectPayload.value.el.getBoundingClientRect();\r\n      const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n      if(toolsRect){\r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY,5 +baseY) + \"px\"\r\n        toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + \"px\";\r\n      }\r\n    }\r\n  })\r\n \r\n\r\n  return false;\r\n}\r\n\r\nonMounted(() => {\r\n\r\n  const unregisterMergeListener = mergeRegister(\r\n    editor.registerCommand(DEVICE_VIEW_MODE,() => updateToolsPos(),lowPriority),\r\n    editor.registerCommand(IMAGE_ATTRS_CHANGE,() => updateToolsPos(),lowPriority),\r\n    editor.registerUpdateListener(({ editorState }) =>  editorState.read(() => updateToolsPos())),\r\n    editor.registerCommand(SELECTED_COMPONENT_COMMAND, (payload:ComponentSelectEvent) => {\r\n      selectPayload.value = payload;\r\n      return updateToolsPos();\r\n    },lowPriority)\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n      \r\n    //   const selection = $getSelection();\r\n\r\n    //   if($isNodeSelection(selection)){\r\n\r\n    //     const node = selection.getNodes()[0]\r\n\r\n    //     console.log(node,node.getTopLevelElement());\r\n    //   }\r\n\r\n    //   return updateToolsPos();\r\n    // },lowPriority)\r\n  )\r\n\r\n  onUnmounted(() => {\r\n    unregisterMergeListener()\r\n  })\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null\" ref=\"toolbarRef\" class=\"mk-doc-editor-inline-toolbar\" :style=\"toolsPos\">\r\n    <component :is=\"selectPayload.component\" />\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;AAQA,MAAM,cAAuC;;;;AACvC,UAAA,aAAa,IAA2B,IAAI;AAClD,UAAM,SAAS;AACT,UAAA,gBAAgB,WAAsC,IAAI;AAChE,UAAM,WAAW,SAAS,EAAE,MAAK,MAAK,KAAI,OAAO;AAEjD,UAAM,iBAAiB,MAAI;AAEzB,eAAS,MAAI;AACX,YAAG,cAAc,SAAS,QAAQ,WAAW,SAAS,MAAK;AACnD,gBAAA,iBAAkB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,8BAA8B,EAAE;AAC5G,gBAAA,eAAgB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,4BAA4B,EAAE;AACxG,gBAAA,QAAS,eAAe,IAAI,aAAa;AAC/C,gBAAM,aAAa,cAAc,MAAM,GAAG,sBAAsB;AAC1D,gBAAA,YAAY,WAAW,MAAM,sBAAsB;AACzD,cAAG,WAAU;AAEF,qBAAA,MAAM,KAAK,IAAI,WAAW,IAAI,UAAU,SAAS,IAAI,OAAM,IAAG,KAAK,IAAI;AACvE,qBAAA,OAAO,UAAU,QAAQ,KAAK,WAAW,IAAI,WAAW,QAAQ,IAAI;AAAA,UAC/E;AAAA,QACF;AAAA,MAAA,CACD;AAGM,aAAA;AAAA,IAAA;AAGT,cAAU,MAAM;AAEd,YAAM,0BAA0B;AAAA,QAC9B,OAAO,gBAAgB,kBAAiB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC1E,OAAO,gBAAgB,oBAAmB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC5E,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAmB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA,QAC5F,OAAO,gBAAgB,4BAA4B,CAAC,YAAiC;AACnF,wBAAc,QAAQ;AACtB,iBAAO,eAAe;AAAA,WACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAgBf,kBAAY,MAAM;AACQ;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue2.js

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

package/dist/esm/components/basic/doc-editor/plugins/ToolbarPlugin/InlineToolsPlugin.vue2.js.map

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

package/dist/esm/components/basic/doc-editor/plugins/commands.js

@@ -1,8 +0,0 @@
-import { createCommand } from "lexical";
-const DEVICE_VIEW_MODE = createCommand("DEVICE_VIEW_MODE");
-const SELECTED_COMPONENT_COMMAND = createCommand("SELECTED_COMPONENT_COMMAND");
-export {
-  DEVICE_VIEW_MODE,
-  SELECTED_COMPONENT_COMMAND
-};
-//# sourceMappingURL=commands.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"commands.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/commands.ts"],"sourcesContent":["\r\nimport type { LexicalCommand, LexicalNode } from 'lexical'\r\nimport { createCommand } from 'lexical'\r\nimport { type Component } from \"vue\"\r\n\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE: LexicalCommand<string> = createCommand('DEVICE_VIEW_MODE')\r\n\r\n/**\r\n * 组件选中\r\n */\r\nexport type ComponentSelectEvent = {\r\n  component:Component,\r\n  el:HTMLElement\r\n}\r\n\r\n/**\r\n * 选中可节点\r\n */\r\nexport const SELECTED_COMPONENT_COMMAND: LexicalCommand<ComponentSelectEvent|null> = createCommand('SELECTED_COMPONENT_COMMAND')\r\n"],"names":[],"mappings":";AAQa,MAAA,mBAA2C,cAAc,kBAAkB;AAa3E,MAAA,6BAAwE,cAAc,4BAA4B;"}

package/dist/types/components/basic/doc-editor/plugins/BaseBlockNode.d.ts

@@ -1,20 +0,0 @@
-import type { DOMExportOutput, EditorConfig, NodeKey, Spread } from 'lexical';
-import { ElementNode, type SerializedElementNode } from 'lexical';
-/**
- * 可编辑组件块节点
- */
-export type SerializedMkDocEditBlockComponentNode = Spread<{
-    mkDocBlockName: string;
-}, SerializedElementNode>;
-/**
- * 定义组件块节点
- */
-export declare class BaseBlockNode extends ElementNode {
-    __mkDocBlockName: string;
-    constructor(name: string, key?: NodeKey);
-    static MarkClassName: string;
-    exportJSON(): SerializedMkDocEditBlockComponentNode;
-    exportDOM(): DOMExportOutput;
-    createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(prevNode: BaseBlockNode, dom: HTMLElement, config: EditorConfig): false;
-}

package/dist/types/components/basic/doc-editor/plugins/HtmlBlockPlugin/HtmlEditDialog.d.ts

@@ -1,6 +0,0 @@
-/**
- *
- * @param html
- * @returns
- */
-export declare const ShowHtmlEditPanel: (content: any) => Promise<unknown>;

package/dist/types/components/basic/doc-editor/plugins/HtmlBlockPlugin/index.d.ts

@@ -1,56 +0,0 @@
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, Spread, LexicalCommand, SerializedLexicalNode } from 'lexical';
-import { DecoratorNode } from 'lexical';
-import { type Component } from 'vue';
-/**
- * html块改变
- */
-export declare const HTML_BLOCK_CHANGE: LexicalCommand<string>;
-/**
- * 删除html块
- */
-export declare const REMOVE_HTML_BLOCK_COMMAND: LexicalCommand<undefined | null>;
-/**
- * 插入html块指令
- */
-export declare const INSERT_HTML_BLOCK_COMMAND: LexicalCommand<string>;
-/**
- * 图片节点序列化
- */
-export type SerializedHtmlBlockNode = Spread<{
-    html: string;
-    indent: number;
-}, SerializedLexicalNode>;
-/**
- * 定义html节点
- */
-export declare class HtmlBlockNode extends DecoratorNode<Component> {
-    __html: string;
-    __indent: number;
-    static getType(): string;
-    static clone(node: HtmlBlockNode): HtmlBlockNode;
-    static importJSON(serializedNode: SerializedHtmlBlockNode): HtmlBlockNode;
-    constructor(html: string, key?: NodeKey);
-    setHtml(html: string): void;
-    exportJSON(): SerializedHtmlBlockNode;
-    exportDOM(): DOMExportOutput;
-    static importDOM(): DOMConversionMap | null;
-    createDOM(): HTMLDivElement;
-    updateDOM(): false;
-    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
-    decorate(_editor: LexicalEditor, config: EditorConfig): Component;
-    setIndent(indentLevel: number): this;
-    getIndent(): number;
-    isInline(): boolean;
-}
-/**
- * 创建图片节点
- * @param src
- * @returns
- */
-export declare function $createHtmlBlockNode(html: string): HtmlBlockNode;
-/**
- * 判断是否是图片节点
- * @param node
- * @returns
- */
-export declare function $isHtmlBlockNode(node: HtmlBlockNode | LexicalNode | null | undefined): node is HtmlBlockNode;

package/dist/types/components/basic/doc-editor/plugins/ImagePlugin/DocImageComponent.d.ts

@@ -1,23 +0,0 @@
-/**
- * 图片渲染组件
- */
-declare const _default: import("vue").DefineComponent<Readonly<{
-    attrs?: any;
-    format?: any;
-    nodeKey?: any;
-    baseClass?: any;
-    focusClass?: any;
-}>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    attrs?: any;
-    format?: any;
-    nodeKey?: any;
-    baseClass?: any;
-    focusClass?: any;
-}>>>, {
-    readonly attrs?: any;
-    readonly format?: any;
-    readonly nodeKey?: any;
-    readonly baseClass?: any;
-    readonly focusClass?: any;
-}, {}>;
-export default _default;

package/dist/types/components/basic/doc-editor/plugins/ImagePlugin/ImageEditPanel.d.ts

@@ -1,6 +0,0 @@
-/**
- *
- * @param attrs 显示图片编辑面板
- * @returns
- */
-export declare const ShowImageEditPanel: (attrs: any) => Promise<unknown>;

package/dist/types/components/basic/doc-editor/plugins/commands.d.ts

@@ -1,17 +0,0 @@
-import type { LexicalCommand } from 'lexical';
-import { type Component } from "vue";
-/**
- * 设备显示模式
- */
-export declare const DEVICE_VIEW_MODE: LexicalCommand<string>;
-/**
- * 组件选中
- */
-export type ComponentSelectEvent = {
-    component: Component;
-    el: HTMLElement;
-};
-/**
- * 选中可节点
- */
-export declare const SELECTED_COMPONENT_COMMAND: LexicalCommand<ComponentSelectEvent | null>;