@maketribe/ms-app 3.2.23 → 3.2.24

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

@@ -1,91 +0,0 @@
-"use strict";
-const vue = require("vue");
-const lexical = require("lexical");
-const utils = require("@lexical/utils");
-const lexicalVue = require("lexical-vue");
-const index = require("./index.js");
-const lowPriority = 1;
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ImageTools",
-  setup(__props) {
-    const editor = lexicalVue.useLexicalComposer();
-    const alignList = vue.ref(["left", "center", "right"]);
-    const alignValue = vue.ref("left");
-    const isFloat = vue.ref(false);
-    const setImageAttr = (name, value) => {
-      editor.dispatchCommand(index.IMAGE_ATTRS_CHANGE, { value, name });
-    };
-    vue.onMounted(() => {
-      const unregisterMergeListener = utils.mergeRegister(
-        editor.registerCommand(index.IMAGE_ATTRS_CHANGE, (payload) => {
-          if (payload.name == "align") {
-            alignValue.value = payload.value;
-          }
-          return false;
-        }, lowPriority),
-        editor.registerCommand(lexical.SELECTION_CHANGE_COMMAND, (payload, newEditor) => {
-          var _a;
-          const selection = lexical.$getSelection();
-          if (lexical.$isNodeSelection(selection)) {
-            const node = selection.getNodes()[0];
-            if ((node == null ? void 0 : node.__attrs) != null && node.__type == index.ImageNode.getType()) {
-              isFloat.value = node.__attrs.float != null && node.__attrs.float != "";
-              alignValue.value = isFloat.value ? node.__attrs.float : ((_a = node.getParent()) == null ? void 0 : _a.getFormatType()) ?? "left";
-            }
-          }
-          return false;
-        }, lowPriority)
-      );
-      vue.onUnmounted(() => unregisterMergeListener());
-    });
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_button_group = vue.resolveComponent("el-button-group");
-      return vue.openBlock(), vue.createBlock(_component_el_button_group, null, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(alignList.value, (item) => {
-            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
-              (isFloat.value ? item != "center" : true) ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-                key: 0,
-                text: "",
-                class: vue.normalizeClass({ active: alignValue.value == item }),
-                onClick: ($event) => setImageAttr("align", item)
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_MKSvgIcon, {
-                    iconClass: `doc-align-${item}`
-                  }, null, 8, ["iconClass"])
-                ]),
-                _: 2
-              }, 1032, ["class", "onClick"])) : vue.createCommentVNode("", true)
-            ], 64);
-          }), 128)),
-          vue.createVNode(_component_el_button, {
-            text: "",
-            onClick: _cache[0] || (_cache[0] = ($event) => setImageAttr("edit", null))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_MKSvgIcon, { iconClass: `Edit` })
-            ]),
-            _: 1
-          }),
-          !isFloat.value ? (vue.openBlock(), vue.createBlock(_component_el_button, {
-            key: 0,
-            text: "",
-            type: "danger",
-            onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(editor).dispatchCommand(vue.unref(index.REMOVE_IMAGE_COMMAND), null))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_MKSvgIcon, { iconClass: `Delete` })
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("", true)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=ImageTools.vue.js.map

package/dist/cjs/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":["useLexicalComposer","ref","IMAGE_ATTRS_CHANGE","onMounted","mergeRegister","SELECTION_CHANGE_COMMAND","$getSelection","$isNodeSelection","ImageNode","onUnmounted"],"mappings":";;;;;;AAUA,MAAM,cAAuC;;;;AAC7C,UAAM,SAASA,WAAAA;AAEf,UAAM,YAAYC,IAAAA,IAAyB,CAAC,QAAO,UAAS,OAAO,CAAC;AAC9D,UAAA,aAAaA,QAAS,MAAM;AAC5B,UAAA,UAAUA,QAAa,KAAK;AAG5B,UAAA,eAAe,CAAC,MAAY,UAA8B;AAC9D,aAAO,gBAAgBC,MAAA,oBAAmB,EAAC,OAAM,KAAsB,CAAA;AAAA,IAAA;AAGzEC,QAAAA,UAAU,MAAI;AAEZ,YAAM,0BAA0BC,MAAA;AAAA,QAC9B,OAAO,gBAAgBF,0BAAoB,CAAC,YAA0B;AACjE,cAAA,QAAQ,QAAQ,SAAQ;AACzB,uBAAW,QAAQ,QAAQ;AAAA,UAC7B;AACO,iBAAA;AAAA,WACP,WAAW;AAAA,QACb,OAAO,gBAAgBG,QAAAA,0BAA0B,CAAC,SAAS,cAAc;;AAEvE,gBAAM,YAAYC,QAAAA;AAEf,cAAAC,QAAAA,iBAAiB,SAAS,GAAE;AAE7B,kBAAM,OAAO,UAAU,SAAS,EAAE,CAAC;AAGnC,iBAAG,6BAAM,YAAW,QAAQ,KAAK,UAAUC,MAAAA,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;AAIHC,sBAAA,MAAM,yBAAyB;AAAA,IAAA,CAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/cjs/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/cjs/components/basic/doc-editor/plugins/ImagePlugin/index.js

@@ -1,128 +0,0 @@
-"use strict";
-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);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const lexicalVue = require("lexical-vue");
-const vue = require("vue");
-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 lexicalVue.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 vue.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);
-}
-exports.$createImageNode = $createImageNode;
-exports.IMAGE_ATTRS_CHANGE = IMAGE_ATTRS_CHANGE;
-exports.INSERT_IMAGE_COMMAND = INSERT_IMAGE_COMMAND;
-exports.ImageNode = ImageNode;
-exports.REMOVE_IMAGE_COMMAND = REMOVE_IMAGE_COMMAND;
-//# sourceMappingURL=index.js.map

package/dist/cjs/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":["createCommand","DecoratorBlockNode","h"],"mappings":"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"}

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

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const index = require("../ImagePlugin/index.js");
-const BaseBlockNode = require("../BaseBlockNode.js");
-const INSERT_IMAGETEXT_COMMAND = lexical.createCommand(
-  "INSERT_IMAGETEXT_COMMAND"
-);
-class ImageTextNode extends BaseBlockNode.BaseBlockNode {
-  static getType() {
-    return "image-text";
-  }
-  static clone(node) {
-    return new ImageTextNode(node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createImageTextNode();
-  }
-  static getMakeClassName() {
-    return `${BaseBlockNode.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(index.$createImageNode(attrs));
-    imageText.append(lexical.$createParagraphNode());
-  }
-  return imageText;
-}
-exports.$createImageTextNode = $createImageTextNode;
-exports.INSERT_IMAGETEXT_COMMAND = INSERT_IMAGETEXT_COMMAND;
-exports.ImageTextNode = ImageTextNode;
-//# sourceMappingURL=index.js.map

package/dist/cjs/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":["createCommand","BaseBlockNode","domNode","$createImageNode","$createParagraphNode"],"mappings":";;;;;AAaO,MAAM,2BAAuDA,QAAA;AAAA,EAClE;AACF;AAWO,MAAM,sBAAsBC,cAAAA,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,GAAGA,cAAAA,cAAc,aAAa,IAAI,cAAc,QAAS,CAAA;AAAA,EAClE;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,OAAQ,CAAC,YAAyB;AACxB,eAAA;AAAA,UACN,YAAY,CAACC,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,OAAOC,uBAAiB,KAAK,CAAC;AAC9B,cAAA,OAAOC,8BAAsB;AAAA,EACzC;AAEO,SAAA;AACT;;;;"}

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

@@ -1,67 +0,0 @@
-"use strict";
-const vue = require("vue");
-const utils = require("@lexical/utils");
-const lexicalVue = require("lexical-vue");
-const index = require("../ImagePlugin/index.js");
-const commands = require("../commands.js");
-const lowPriority = 1;
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "InlineToolsPlugin",
-  setup(__props) {
-    const toolbarRef = vue.ref(null);
-    const editor = lexicalVue.useLexicalComposer();
-    const selectPayload = vue.shallowRef(null);
-    const toolsPos = vue.reactive({ left: "px", top: "0px" });
-    const updateToolsPos = () => {
-      vue.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;
-    };
-    vue.onMounted(() => {
-      const unregisterMergeListener = utils.mergeRegister(
-        editor.registerCommand(commands.DEVICE_VIEW_MODE, () => updateToolsPos(), lowPriority),
-        editor.registerCommand(index.IMAGE_ATTRS_CHANGE, () => updateToolsPos(), lowPriority),
-        editor.registerUpdateListener(({ editorState }) => editorState.read(() => updateToolsPos())),
-        editor.registerCommand(commands.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)
-      );
-      vue.onUnmounted(() => {
-        unregisterMergeListener();
-      });
-    });
-    return (_ctx, _cache) => {
-      return selectPayload.value != null ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        ref_key: "toolbarRef",
-        ref: toolbarRef,
-        class: "mk-doc-editor-inline-toolbar",
-        style: vue.normalizeStyle(toolsPos)
-      }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(selectPayload.value.component)))
-      ], 4)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=InlineToolsPlugin.vue.js.map

package/dist/cjs/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":["ref","useLexicalComposer","shallowRef","reactive","nextTick","onMounted","mergeRegister","DEVICE_VIEW_MODE","IMAGE_ATTRS_CHANGE","SELECTED_COMPONENT_COMMAND","onUnmounted"],"mappings":";;;;;;AAQA,MAAM,cAAuC;;;;AACvC,UAAA,aAAaA,QAA2B,IAAI;AAClD,UAAM,SAASC,WAAAA;AACT,UAAA,gBAAgBC,eAAsC,IAAI;AAChE,UAAM,WAAWC,IAAAA,SAAS,EAAE,MAAK,MAAK,KAAI,OAAO;AAEjD,UAAM,iBAAiB,MAAI;AAEzBC,UAAAA,SAAS,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;AAGTC,QAAAA,UAAU,MAAM;AAEd,YAAM,0BAA0BC,MAAA;AAAA,QAC9B,OAAO,gBAAgBC,SAAAA,kBAAiB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC1E,OAAO,gBAAgBC,MAAAA,oBAAmB,MAAM,eAAA,GAAiB,WAAW;AAAA,QAC5E,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAmB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA,QAC5F,OAAO,gBAAgBC,qCAA4B,CAAC,YAAiC;AACnF,wBAAc,QAAQ;AACtB,iBAAO,eAAe;AAAA,WACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAgBfC,UAAAA,YAAY,MAAM;AACQ;MAAA,CACzB;AAAA,IAAA,CACF;;;;;;;;;;;;;;;"}

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

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

package/dist/cjs/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/cjs/components/basic/doc-editor/plugins/commands.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const DEVICE_VIEW_MODE = lexical.createCommand("DEVICE_VIEW_MODE");
-const SELECTED_COMPONENT_COMMAND = lexical.createCommand("SELECTED_COMPONENT_COMMAND");
-exports.DEVICE_VIEW_MODE = DEVICE_VIEW_MODE;
-exports.SELECTED_COMPONENT_COMMAND = SELECTED_COMPONENT_COMMAND;
-//# sourceMappingURL=commands.js.map

package/dist/cjs/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":["createCommand"],"mappings":";;;AAQa,MAAA,mBAA2CA,sBAAc,kBAAkB;AAa3E,MAAA,6BAAwEA,sBAAc,4BAA4B;;;"}

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

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

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

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

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

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

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

@@ -1,44 +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 { ElementNode } from "lexical";
-const _BaseBlockNode = class _BaseBlockNode extends ElementNode {
-  constructor(name, key) {
-    super(key);
-    __publicField(this, "__mkDocBlockName");
-    this.__mkDocBlockName = name;
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.__mkDocBlockName,
-      version: 1,
-      mkDocBlockName: this.__mkDocBlockName
-    };
-  }
-  exportDOM() {
-    const element = document.createElement("div");
-    const name = this.__mkDocBlockName;
-    if (!element.classList.contains(_BaseBlockNode.MarkClassName)) {
-      element.classList.add(_BaseBlockNode.MarkClassName);
-    }
-    if (!element.classList.contains(`${_BaseBlockNode.MarkClassName}-${name}`)) {
-      element.classList.add(`${_BaseBlockNode.MarkClassName}-${name}`);
-    }
-    return { element };
-  }
-  // View
-  createDOM(config) {
-    return this.exportDOM().element;
-  }
-  updateDOM(prevNode, dom, config) {
-    return false;
-  }
-};
-// 标识的类名
-__publicField(_BaseBlockNode, "MarkClassName", "mk-doc-block");
-let BaseBlockNode = _BaseBlockNode;
-export {
-  BaseBlockNode
-};
-//# sourceMappingURL=BaseBlockNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseBlockNode.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/BaseBlockNode.ts"],"sourcesContent":["import type {\r\n  DOMConversionMap,\r\n  DOMConversionOutput,\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n} from 'lexical'\r\nimport { ElementNode,type SerializedElementNode } from 'lexical'\r\n\r\n/**\r\n * 可编辑组件块节点\r\n */\r\nexport type SerializedMkDocEditBlockComponentNode = Spread<\r\n  {\r\n    mkDocBlockName:string\r\n  },\r\n  SerializedElementNode\r\n>\r\n\r\n/**\r\n * 定义组件块节点\r\n */\r\nexport class BaseBlockNode extends ElementNode {\r\n  __mkDocBlockName: string;\r\n\r\n  constructor(name: string,  key?: NodeKey) {\r\n    super(key)\r\n    this.__mkDocBlockName = name\r\n  }\r\n\r\n  // 标识的类名\r\n  static MarkClassName:string = \"mk-doc-block\"\r\n\r\n  exportJSON(): SerializedMkDocEditBlockComponentNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.__mkDocBlockName,\r\n      version: 1,\r\n      mkDocBlockName: this.__mkDocBlockName\r\n    }\r\n  }\r\n\r\n  exportDOM(): DOMExportOutput {\r\n   \r\n    const element = document.createElement('div')\r\n   \r\n    const name = this.__mkDocBlockName;\r\n\r\n    if (!element.classList.contains(BaseBlockNode.MarkClassName)) {\r\n      element.classList.add(BaseBlockNode.MarkClassName);\r\n    }\r\n\r\n    if (!element.classList.contains(`${BaseBlockNode.MarkClassName}-${name}`)) {\r\n      element.classList.add(`${BaseBlockNode.MarkClassName}-${name}`);\r\n    }\r\n\r\n    return { element }\r\n  }\r\n\r\n  // View\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    return this.exportDOM().element as HTMLElement;\r\n  }\r\n\r\n  updateDOM(prevNode: BaseBlockNode, dom: HTMLElement, config: EditorConfig): false {\r\n    // console.log(\"Image Text updateDOM\",prevNode,dom);\r\n    // const position = this.__pos\r\n    // if (position !== prevNode.__pos) {\r\n    //   const className = `${config.theme.image} position-${position}`\r\n    //   if (className !== undefined) {\r\n    //     dom.className = className\r\n    //   }\r\n    // }\r\n    return false\r\n  }\r\n\r\n}\r\n\r\n"],"names":[],"mappings":";;;;AAwBO,MAAM,iBAAN,MAAM,uBAAsB,YAAY;AAAA,EAG7C,YAAY,MAAe,KAAe;AACxC,UAAM,GAAG;AAHX;AAIE,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAKA,aAAoD;AAC3C,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB,KAAK;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,YAA6B;AAErB,UAAA,UAAU,SAAS,cAAc,KAAK;AAE5C,UAAM,OAAO,KAAK;AAElB,QAAI,CAAC,QAAQ,UAAU,SAAS,eAAc,aAAa,GAAG;AACpD,cAAA,UAAU,IAAI,eAAc,aAAa;AAAA,IACnD;AAEI,QAAA,CAAC,QAAQ,UAAU,SAAS,GAAG,eAAc,aAAa,IAAI,IAAI,EAAE,GAAG;AACzE,cAAQ,UAAU,IAAI,GAAG,eAAc,aAAa,IAAI,IAAI,EAAE;AAAA,IAChE;AAEA,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA,EAGA,UAAU,QAAmC;AACpC,WAAA,KAAK,UAAY,EAAA;AAAA,EAC1B;AAAA,EAEA,UAAU,UAAyB,KAAkB,QAA6B;AASzE,WAAA;AAAA,EACT;AAEF;AAAA;AA7CE,cATW,gBASJ,iBAAuB;AATzB,IAAM,gBAAN;"}

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

@@ -1,74 +0,0 @@
-import { defineComponent, ref, createVNode } from "vue";
-import { CLICK_COMMAND, COMMAND_PRIORITY_LOW, $getSelection, $isNodeSelection } from "lexical";
-import { mergeRegister } from "@lexical/utils";
-import { useLexicalComposer, useLexicalNodeSelection, useMounted } from "lexical-vue";
-import { REMOVE_HTML_BLOCK_COMMAND, HTML_BLOCK_CHANGE } from "./index.js";
-import { SELECTED_COMPONENT_COMMAND } from "../commands.js";
-import _sfc_main from "./HtmlBlockTools.vue.js";
-const DocHtmlBlockComponent = /* @__PURE__ */ defineComponent({
-  name: "DocHtmlBlockComponent",
-  props: ["baseClass", "focusClass", "class", "nodeKey", "html"],
-  setup(props) {
-    const editor = useLexicalComposer();
-    const {
-      isSelected,
-      setSelected,
-      clearSelection
-    } = useLexicalNodeSelection(props.nodeKey);
-    const selfElRef = ref(null);
-    const htmlContent = ref(props.html);
-    useMounted(() => {
-      return mergeRegister(
-        // 选中
-        editor.registerCommand(CLICK_COMMAND, (event) => {
-          if (event.target === selfElRef.value) {
-            event.preventDefault();
-            if (!event.shiftKey) {
-              clearSelection();
-            }
-            setSelected(true);
-            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, {
-              el: selfElRef.value,
-              component: _sfc_main
-            });
-            return true;
-          }
-          editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, null);
-          return false;
-        }, COMMAND_PRIORITY_LOW),
-        // 删除
-        editor.registerCommand(REMOVE_HTML_BLOCK_COMMAND, () => {
-          const selection = $getSelection();
-          if ($isNodeSelection(selection)) {
-            selection.getNodes().forEach((node) => node.remove());
-            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, null);
-          }
-          return false;
-        }, COMMAND_PRIORITY_LOW),
-        // 修改
-        editor.registerCommand(HTML_BLOCK_CHANGE, (payload) => {
-          const selection = $getSelection();
-          if ($isNodeSelection(selection)) {
-            const node = selection.getNodes()[0];
-            if (node.getKey() == props.nodeKey) {
-              htmlContent.value = payload;
-              node.setHtml(payload);
-            }
-          }
-          return false;
-        }, COMMAND_PRIORITY_LOW)
-      );
-    });
-    return () => {
-      return createVNode("div", {
-        "class": `${props.baseClass} ${props.class} ${isSelected.value ? props.focusClass : ""}`,
-        "ref": (el) => selfElRef.value = el,
-        "innerHTML": htmlContent.value
-      }, null);
-    };
-  }
-});
-export {
-  DocHtmlBlockComponent as default
-};
-//# sourceMappingURL=DocHtmlBlockComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DocHtmlBlockComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.tsx"],"sourcesContent":["import {\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  CLICK_COMMAND,\r\n  COMMAND_PRIORITY_LOW,\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n} from \"lexical-vue\";\r\nimport { defineComponent, ref } from \"vue\";\r\nimport { REMOVE_HTML_BLOCK_COMMAND,HTML_BLOCK_CHANGE, HtmlBlockNode } from './index'\r\nimport { SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\nimport HtmlBlockTools from \"./HtmlBlockTools.vue\";\r\n\r\n/**\r\n * 图片渲染组件\r\n */\r\nexport default defineComponent({\r\n  name: \"DocHtmlBlockComponent\",\r\n  props: [\"baseClass\", \"focusClass\", \"class\",\"nodeKey\", \"html\"],\r\n  setup(props) {\r\n    const editor = useLexicalComposer();\r\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(props.nodeKey);\r\n\r\n    const selfElRef = ref<any>(null);\r\n    const htmlContent = ref(props.html);\r\n\r\n    // 编辑器挂载的时候\r\n    useMounted(() => {\r\n      return mergeRegister(\r\n        // 选中\r\n        editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          if (event.target === selfElRef.value) {\r\n\r\n            event.preventDefault();\r\n\r\n            if (!event.shiftKey) { clearSelection();  }\r\n\r\n            setSelected(true);\r\n\r\n            // 选中后显示工具条\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,{ \r\n              el:selfElRef.value,\r\n              component:HtmlBlockTools\r\n            } as ComponentSelectEvent);\r\n\r\n            return true;\r\n          }\r\n          // 没选中\r\n          editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n          return false;\r\n        }, COMMAND_PRIORITY_LOW),\r\n        // 删除\r\n        editor.registerCommand(REMOVE_HTML_BLOCK_COMMAND, () => {\r\n            \r\n          const selection = $getSelection();\r\n    \r\n          if($isNodeSelection(selection)){\r\n\r\n            selection.getNodes().forEach(node=>node.remove());\r\n            // 没选中\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n          }\r\n          return false;\r\n        },COMMAND_PRIORITY_LOW),\r\n        // 修改\r\n        editor.registerCommand(HTML_BLOCK_CHANGE,(payload:string) => {\r\n\r\n          const selection = $getSelection();\r\n\r\n          if($isNodeSelection(selection)){\r\n    \r\n            const node = selection.getNodes()[0] as HtmlBlockNode;\r\n\r\n            if(node.getKey() == props.nodeKey){\r\n              htmlContent.value = payload;\r\n              node.setHtml(payload)\r\n            }\r\n           \r\n          }\r\n        \r\n          return false\r\n        },COMMAND_PRIORITY_LOW),\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      return <div class={`${props.baseClass} ${props.class} ${isSelected.value ? props.focusClass : ''}`} \r\n      ref={el=>selfElRef.value=el} v-html={htmlContent.value}>\r\n      </div>\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","htmlContent","html","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","target","value","preventDefault","shiftKey","dispatchCommand","SELECTED_COMPONENT_COMMAND","el","component","HtmlBlockTools","COMMAND_PRIORITY_LOW","REMOVE_HTML_BLOCK_COMMAND","selection","$getSelection","$isNodeSelection","getNodes","forEach","node","remove","HTML_BLOCK_CHANGE","payload","getKey","setHtml","_createVNode","baseClass","class","focusClass"],"mappings":";;;;;;;AAoBA,MAAeA,wDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO,CAAC,aAAa,cAAc,SAAQ,WAAW,MAAM;AAAA,EAC5DC,MAAMD,OAAO;AACX,UAAME,SAASC;AACf,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAaC;AAAAA,IAAe,IAAIC,wBAAwBP,MAAMQ,OAAO;AAEzF,UAAMC,YAAYC,IAAS,IAAI;AAC/B,UAAMC,cAAcD,IAAIV,MAAMY,IAAI;AAGlCC,eAAW,MAAM;AACf,aAAOC;AAAAA;AAAAA,QAELZ,OAAOa,gBAA4BC,eAAeC,WAAU;AAC1D,cAAIA,MAAMC,WAAWT,UAAUU,OAAO;AAEpCF,kBAAMG,eAAc;AAEpB,gBAAI,CAACH,MAAMI,UAAU;AAAEf;YAAmB;AAE1CD,wBAAY,IAAI;AAGhBH,mBAAOoB,gBAAgBC,4BAA2B;AAAA,cAChDC,IAAGf,UAAUU;AAAAA,cACbM,WAAUC;AAAAA,YACZ,CAAyB;AAEzB,mBAAO;AAAA,UACT;AAEAxB,iBAAOoB,gBAAgBC,4BAA2B,IAAI;AACtD,iBAAO;AAAA,QACR,GAAEI,oBAAoB;AAAA;AAAA,QAEvBzB,OAAOa,gBAAgBa,2BAA2B,MAAM;AAEtD,gBAAMC,YAAYC;AAElB,cAAGC,iBAAiBF,SAAS,GAAE;AAE7BA,sBAAUG,SAAQ,EAAGC,QAAQC,UAAMA,KAAKC,OAAM,CAAE;AAEhDjC,mBAAOoB,gBAAgBC,4BAA2B,IAAI;AAAA,UACxD;AACA,iBAAO;AAAA,QACR,GAACI,oBAAoB;AAAA;AAAA,QAEtBzB,OAAOa,gBAAgBqB,mBAAmBC,aAAmB;AAE3D,gBAAMR,YAAYC;AAElB,cAAGC,iBAAiBF,SAAS,GAAE;AAE7B,kBAAMK,OAAOL,UAAUG,SAAU,EAAC,CAAC;AAEnC,gBAAGE,KAAKI,YAAYtC,MAAMQ,SAAQ;AAChCG,0BAAYQ,QAAQkB;AACpBH,mBAAKK,QAAQF,OAAO;AAAA,YACtB;AAAA,UAEF;AAEA,iBAAO;AAAA,WACPV,oBAAoB;AAAA,MACxB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAa,YAAA,OAAA;AAAA,QAAA,SAAmB,GAAGxC,MAAMyC,SAAS,IAAIzC,MAAM0C,KAAK,IAAItC,WAAWe,QAAQnB,MAAM2C,aAAa,EAAE;AAAA,QAAE,OAC7FnB,QAAIf,UAAUU,QAAMK;AAAAA,QAAE,aAAUb,YAAYQ;AAAAA,MAAK,GAAA,IAAA;AAAA;EAG1D;AACF,CAAC;"}