@maketribe/ms-app 3.2.42 → 3.2.43

package/dist/esm/components/basic/lexical-editor/nodes/ImageNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageNode.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/ImageNode.ts"],"sourcesContent":["\r\nimport type {\r\n  DOMConversionMap,\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n  SerializedLexicalNode,\r\n  LexicalEditor\r\n} from 'lexical'\r\nimport { Component } from 'vue';\r\nimport { HtmlElementDecoratorNode,SerializedHtmlElementDecoratorNode } from \"./HtmlElementDecoratorNode\"\r\nimport { type LexicalCommand, createCommand } from 'lexical'\r\n\r\n/**\r\n * 插入图片指令\r\n */\r\nexport const INSERT_IMAGE_COMMAND: LexicalCommand<{src:string,alt?:string,style?:string}> = createCommand('INSERT_IMAGE_COMMAND')\r\n\r\n// 默认图片\r\nconst ImageDefaultSrc = \"data:image/png;base64,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\";\r\n\r\n/**\r\n * 图片节点序列化\r\n */\r\nexport type SerializedImageNode = Spread<{ src: string,alt?:string },   SerializedHtmlElementDecoratorNode>\r\n\r\n/** \r\n * 定义图片节点\r\n */\r\nexport class ImageNode extends HtmlElementDecoratorNode {\r\n  __src: string\r\n  __alt?:string\r\n\r\n  static getType(): string { return 'image' }\r\n\r\n\r\n  static clone(node: ImageNode): ImageNode {\r\n    return new ImageNode(node.__src,  node.__alt,node.__class,node.__style,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageNode): ImageNode {\r\n    return $createImageNode(serializedNode.src,serializedNode.alt,serializedNode.class,serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (el: HTMLElement) => {\r\n        const src = el.getAttribute('src');\r\n        const alt = el.getAttribute('alt');\r\n        return el.tagName.toLowerCase() == \"img\" ?   {\r\n          conversion: (domNode: HTMLElement) => {\r\n            return { \r\n              node:$createImageNode(src ?? \"\",alt ?? undefined,domNode.className,domNode.getAttribute(\"style\") ?? \"\") \r\n            };\r\n          },\r\n          priority: 1\r\n        } : null\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(src: string,alt?:string,className?:string,style?:string, key?: NodeKey) {\r\n    super(\"img\",className,style,key)\r\n    this.__src = src\r\n    this.__alt = alt\r\n  }\r\n\r\n  /**\r\n   * 隔离渲染函数\r\n   * @param editor \r\n   * @param config \r\n   * @returns \r\n   */\r\n  decorate(editor: LexicalEditor, config: EditorConfig): Component | null {\r\n\r\n    return null;\r\n  }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedImageNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1,\r\n      src: this.__src,\r\n      alt: this.__alt\r\n    }\r\n  }\r\n\r\n\r\n  /**\r\n   * 设置src\r\n   * @param src \r\n   * @returns \r\n   */\r\n  setSrc(src:string) {\r\n    const self = this.getWritable();\r\n    self.__src = src || \"\";\r\n    return this;\r\n  }\r\n\r\n  /**\r\n   * 设置 alt\r\n   * @param alt \r\n   * @returns \r\n   */\r\n  setAlt(alt:string) {\r\n    const self = this.getWritable();\r\n    self.__alt= alt || \"\";\r\n    return this;\r\n  }\r\n  /**\r\n   * 创建DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const element = super.createDOM(config);\r\n\r\n    if(this.__src){\r\n      element.setAttribute('src', this.__src) \r\n    }\r\n    else{\r\n      element.setAttribute('src', ImageDefaultSrc) \r\n    }\r\n\r\n    if(this.__alt){\r\n      element.setAttribute('alt', this.__alt)\r\n    }\r\n\r\n    return element\r\n  }\r\n\r\n  /**\r\n   * 更新DOM\r\n   * @param _prevNode \r\n   * @param _dom \r\n   * @param _config \r\n   * @returns \r\n   */\r\n  updateDOM(prevNode: LexicalNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    super.updateDOM(prevNode,dom,config);\r\n    if(this.__src){\r\n      dom.setAttribute('src', this.__src) \r\n    }\r\n    else{\r\n      dom.setAttribute('src', ImageDefaultSrc) \r\n    }\r\n\r\n    if(this.__alt){\r\n      dom.setAttribute('alt', this.__alt)\r\n    }\r\n    return false;\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(src: string,alt?:string,className?:string,style?:string): ImageNode {\r\n  return new ImageNode(src,alt,className,style)\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":";;;;;AAkBa,MAAA,uBAA+E,cAAc,sBAAsB;AAGhI,MAAM,kBAAkB;AAUjB,MAAM,kBAAkB,yBAAyB;AAAA,EAgCtD,YAAY,KAAY,KAAY,WAAkB,OAAe,KAAe;AAC5E,UAAA,OAAM,WAAU,OAAM,GAAG;AAhCjC;AACA;AAgCE,SAAK,QAAQ;AACb,SAAK,QAAQ;AAAA,EACf;AAAA,EAhCA,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAQ;AAAA,EAG1C,OAAO,MAAM,MAA4B;AAChC,WAAA,IAAI,UAAU,KAAK,OAAQ,KAAK,OAAM,KAAK,SAAQ,KAAK,SAAQ,KAAK,KAAK;AAAA,EACnF;AAAA,EAEA,OAAO,WAAW,gBAAgD;AACzD,WAAA,iBAAiB,eAAe,KAAI,eAAe,KAAI,eAAe,OAAM,eAAe,KAAK;AAAA,EACzG;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAK,CAAC,OAAoB;AAClB,cAAA,MAAM,GAAG,aAAa,KAAK;AAC3B,cAAA,MAAM,GAAG,aAAa,KAAK;AACjC,eAAO,GAAG,QAAQ,YAAY,KAAK,QAAU;AAAA,UAC3C,YAAY,CAAC,YAAyB;AAC7B,mBAAA;AAAA,cACL,MAAK,iBAAiB,OAAO,IAAG,OAAO,QAAU,QAAQ,WAAU,QAAQ,aAAa,OAAO,KAAK,EAAE;AAAA,YAAA;AAAA,UAE1G;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcA,SAAS,QAAuB,QAAwC;AAE/D,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAAkC;AACzB,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,MACT,KAAK,KAAK;AAAA,MACV,KAAK,KAAK;AAAA,IAAA;AAAA,EAEd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAO,KAAY;AACX,UAAA,OAAO,KAAK;AAClB,SAAK,QAAQ,OAAO;AACb,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,KAAY;AACX,UAAA,OAAO,KAAK;AAClB,SAAK,QAAO,OAAO;AACZ,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU,QAAmC;AAErC,UAAA,UAAU,MAAM,UAAU,MAAM;AAEtC,QAAG,KAAK,OAAM;AACJ,cAAA,aAAa,OAAO,KAAK,KAAK;AAAA,IAAA,OAEpC;AACM,cAAA,aAAa,OAAO,eAAe;AAAA,IAC7C;AAEA,QAAG,KAAK,OAAM;AACJ,cAAA,aAAa,OAAO,KAAK,KAAK;AAAA,IACxC;AAEO,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,UAAU,UAAuB,KAAkB,QAA+B;AAC1E,UAAA,UAAU,UAAS,KAAI,MAAM;AACnC,QAAG,KAAK,OAAM;AACR,UAAA,aAAa,OAAO,KAAK,KAAK;AAAA,IAAA,OAEhC;AACE,UAAA,aAAa,OAAO,eAAe;AAAA,IACzC;AAEA,QAAG,KAAK,OAAM;AACR,UAAA,aAAa,OAAO,KAAK,KAAK;AAAA,IACpC;AACO,WAAA;AAAA,EACT;AACF;AAQO,SAAS,iBAAiB,KAAY,KAAY,WAAkB,OAA0B;AACnG,SAAO,IAAI,UAAU,KAAI,KAAI,WAAU,KAAK;AAC9C;AAOO,SAAS,aACd,MACmB;AACnB,SAAO,gBAAgB;AACzB;"}

package/dist/esm/components/basic/lexical-editor/nodes/ImageTextWarpNode.js

@@ -0,0 +1,120 @@
+import { createCommand, $createParagraphNode } from "lexical";
+import { HtmlElementNode } from "./HtmlElementNode.js";
+import { ImageNode } from "./ImageNode.js";
+import { HtmlElementDecoratorNode } from "./HtmlElementDecoratorNode.js";
+const INSERT_IMAGETEXTWARP_COMMAND = createCommand("INSERT_IMAGETEXTWARP_COMMAND");
+const MarkClassName = "mk-doc__image-text-warp";
+class ImageTextWarpNode extends HtmlElementNode {
+  static getType() {
+    return "imageTextWarp";
+  }
+  static clone(node) {
+    return new ImageTextWarpNode(node.__class, node.__style, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ImageTextWarpNode(serializedNode.class, serializedNode.style);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        let isImageTextWarp = domNode.classList.contains(MarkClassName);
+        const firstEl = domNode.children[0];
+        if (firstEl && firstEl.tagName.toLowerCase() == "img" && (firstEl.style.float == "left" || firstEl.style.float == "right")) {
+          isImageTextWarp = true;
+        }
+        return isImageTextWarp ? {
+          conversion: () => {
+            return {
+              node: new ImageTextWarpNode(
+                domNode.className.replace(MarkClassName, "").trim(),
+                domNode.getAttribute("style") || ""
+              )
+            };
+          },
+          priority: 3
+        } : null;
+      }
+    };
+  }
+  constructor(className, style, key) {
+    super("div", className, style, key);
+  }
+  /**
+   * 选中标题
+   * @returns 
+   */
+  getDesc() {
+    return "图文环绕";
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      version: 1
+    };
+  }
+  /**
+   * 导出DOM
+   * @returns 
+   */
+  exportDOM(editor) {
+    const element = this.createDOM(editor._config);
+    return { element };
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const element = super.createDOM(config);
+    if (!element.classList.contains(MarkClassName)) {
+      element.classList.add(MarkClassName);
+    }
+    return element;
+  }
+  /**
+   * 更新DOM 重置标识
+   * @param prevNode 
+   * @param dom 
+   * @param config 
+   * @returns 
+   */
+  updateDOM(prevNode, dom, config) {
+    super.updateDOM(prevNode, dom, config);
+    if (!dom.classList.contains(MarkClassName)) {
+      dom.classList.add(MarkClassName);
+    }
+    return false;
+  }
+}
+function $isImageTextWarpNode(node) {
+  return node instanceof ImageTextWarpNode;
+}
+function $createImageTextWarpNode() {
+  const imageTextWarp = new ImageTextWarpNode();
+  const textWarp = new HtmlElementNode("div");
+  textWarp.append($createParagraphNode());
+  textWarp.append($createParagraphNode());
+  textWarp.append($createParagraphNode());
+  textWarp.append($createParagraphNode());
+  textWarp.append($createParagraphNode());
+  textWarp.append($createParagraphNode());
+  imageTextWarp.append(new ImageNode("", "", "", "margin:0 10px 10px 0;width:200px;float:left"));
+  imageTextWarp.append(textWarp);
+  imageTextWarp.append(textWarp);
+  const clearNode = new HtmlElementDecoratorNode("div", "mk-doc__decorator", "clear:both");
+  imageTextWarp.append(clearNode);
+  return imageTextWarp;
+}
+export {
+  $createImageTextWarpNode,
+  $isImageTextWarpNode,
+  INSERT_IMAGETEXTWARP_COMMAND,
+  ImageTextWarpNode
+};
+//# sourceMappingURL=ImageTextWarpNode.js.map

package/dist/esm/components/basic/lexical-editor/nodes/ImageTextWarpNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageTextWarpNode.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/ImageTextWarpNode.ts"],"sourcesContent":["import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread, DOMExportOutput, LexicalEditor, EditorConfig } from 'lexical'\r\nimport { $createParagraphNode, createCommand, } from 'lexical'\r\nimport { HtmlElementNode,SerializedHtmlElementNode } from './HtmlElementNode'\r\nimport { ImageNode } from './ImageNode'\r\nimport { HtmlElementDecoratorNode } from './HtmlElementDecoratorNode' \r\n\r\n/**\r\n * 插入图文\r\n */\r\nexport const INSERT_IMAGETEXTWARP_COMMAND: LexicalCommand<string|undefined|null> = createCommand('INSERT_IMAGETEXTWARP_COMMAND')\r\n\r\n/**\r\n * 图文节点序列化\r\n */\r\nexport type SerializedImageTextWarpNode = Spread<{},SerializedHtmlElementNode>\r\n\r\n/**\r\n * 图文环绕\r\n */\r\nconst MarkClassName = \"mk-doc__image-text-warp\"\r\n\r\n/**\r\n * 图文环绕\r\n */\r\nexport class ImageTextWarpNode extends HtmlElementNode{\r\n\r\n \r\n  static getType(): string { return \"imageTextWarp\"; }\r\n\r\n  static clone(node: ImageTextWarpNode): ImageTextWarpNode {\r\n    return new ImageTextWarpNode(node.__class,node.__style, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageTextWarpNode): ImageTextWarpNode {\r\n    return new ImageTextWarpNode(serializedNode.class,serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n\r\n        // document.querySelector(\"div\").ownerDocument.defaultView\r\n         // mk-doc__image-text class 是为了兼容老的图文环绕 \r\n        let isImageTextWarp =domNode.classList.contains(MarkClassName)\r\n        const firstEl = domNode.children[0] as HTMLImageElement;\r\n\r\n        // 也是图文环绕\r\n        if(firstEl && firstEl.tagName.toLowerCase() == \"img\" && (firstEl.style.float == \"left\" || firstEl.style.float == \"right\")){\r\n          isImageTextWarp = true;\r\n        }\r\n       \r\n        return isImageTextWarp ? {\r\n\r\n          conversion: ()=>{ \r\n            return  { \r\n              node:new ImageTextWarpNode(\r\n                domNode.className.replace(MarkClassName,\"\").trim(),\r\n                domNode.getAttribute(\"style\") || \"\"\r\n              ) \r\n            };\r\n          },\r\n          priority: 3\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(className?:string,style?:string,key?: NodeKey) {\r\n    super(\"div\",className,style,key)\r\n  }\r\n\r\n  /**\r\n   * 选中标题\r\n   * @returns \r\n   */\r\n  getDesc(){ return \"图文环绕\"; }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedImageTextWarpNode {\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   * 导出DOM\r\n   * @returns \r\n   */\r\n  exportDOM(editor:LexicalEditor): DOMExportOutput {\r\n\r\n    const element = this.createDOM(editor._config)\r\n\r\n    return { element }\r\n  }\r\n  \r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = super.createDOM(config)\r\n    // 追加 编辑 标识 class\r\n    if(!element.classList.contains(MarkClassName)){\r\n      element.classList.add(MarkClassName)\r\n    }\r\n    return element;\r\n  }\r\n\r\n  /**\r\n   * 更新DOM 重置标识\r\n   * @param prevNode \r\n   * @param dom \r\n   * @param config \r\n   * @returns \r\n   */\r\n  updateDOM(prevNode: LexicalNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    super.updateDOM(prevNode,dom,config);\r\n    // 追加 编辑 标识 class\r\n    if(!dom.classList.contains(MarkClassName)){\r\n      dom.classList.add(MarkClassName)\r\n    }\r\n    return false;\r\n  }\r\n}\r\n\r\n/**\r\n * 判断是否是图文节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageTextWarpNode(\r\n  node: ImageTextWarpNode | LexicalNode | null | undefined,\r\n): node is ImageTextWarpNode {\r\n  return node instanceof ImageTextWarpNode\r\n}\r\n\r\n\r\n/**\r\n * 创建图文节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $createImageTextWarpNode(){\r\n\r\n  const imageTextWarp = new ImageTextWarpNode()\r\n  const textWarp = new HtmlElementNode(\"div\")\r\n\r\n  textWarp.append($createParagraphNode())\r\n  textWarp.append($createParagraphNode())\r\n  textWarp.append($createParagraphNode())\r\n  textWarp.append($createParagraphNode())\r\n  textWarp.append($createParagraphNode())\r\n  textWarp.append($createParagraphNode())\r\n\r\n  imageTextWarp.append(new ImageNode(\"\",\"\",\"\",\"margin:0 10px 10px 0;width:200px;float:left\"));\r\n  imageTextWarp.append(textWarp)\r\n  imageTextWarp.append(textWarp)\r\n  const clearNode = new HtmlElementDecoratorNode(\"div\",\"mk-doc__decorator\",\"clear:both\")\r\n  imageTextWarp.append(clearNode)\r\n  return imageTextWarp;\r\n}\r\n"],"names":[],"mappings":";;;;AASa,MAAA,+BAAsE,cAAc,8BAA8B;AAU/H,MAAM,gBAAgB;AAKf,MAAM,0BAA0B,gBAAe;AAAA,EAGpD,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAiB;AAAA,EAEnD,OAAO,MAAM,MAA4C;AACvD,WAAO,IAAI,kBAAkB,KAAK,SAAQ,KAAK,SAAS,KAAK,KAAK;AAAA,EACpE;AAAA,EAEA,OAAO,WAAW,gBAAgE;AAChF,WAAO,IAAI,kBAAkB,eAAe,OAAM,eAAe,KAAK;AAAA,EACxE;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAI9B,YAAI,kBAAiB,QAAQ,UAAU,SAAS,aAAa;AACvD,cAAA,UAAU,QAAQ,SAAS,CAAC;AAGlC,YAAG,WAAW,QAAQ,QAAQ,YAAiB,KAAA,UAAU,QAAQ,MAAM,SAAS,UAAU,QAAQ,MAAM,SAAS,UAAS;AACtG,4BAAA;AAAA,QACpB;AAEA,eAAO,kBAAkB;AAAA,UAEvB,YAAY,MAAI;AACN,mBAAA;AAAA,cACN,MAAK,IAAI;AAAA,gBACP,QAAQ,UAAU,QAAQ,eAAc,EAAE,EAAE,KAAK;AAAA,gBACjD,QAAQ,aAAa,OAAO,KAAK;AAAA,cACnC;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,WAAkB,OAAc,KAAe;AACnD,UAAA,OAAM,WAAU,OAAM,GAAG;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAS;AAAS,WAAA;AAAA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,aAA0C;AACjC,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU,QAAuC;AAE/C,UAAM,UAAU,KAAK,UAAU,OAAO,OAAO;AAE7C,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,QAAmC;AACrC,UAAA,UAAU,MAAM,UAAU,MAAM;AAEtC,QAAG,CAAC,QAAQ,UAAU,SAAS,aAAa,GAAE;AACpC,cAAA,UAAU,IAAI,aAAa;AAAA,IACrC;AACO,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,UAAU,UAAuB,KAAkB,QAA+B;AAC1E,UAAA,UAAU,UAAS,KAAI,MAAM;AAEnC,QAAG,CAAC,IAAI,UAAU,SAAS,aAAa,GAAE;AACpC,UAAA,UAAU,IAAI,aAAa;AAAA,IACjC;AACO,WAAA;AAAA,EACT;AACF;AAOO,SAAS,qBACd,MAC2B;AAC3B,SAAO,gBAAgB;AACzB;AAQO,SAAS,2BAA0B;AAElC,QAAA,gBAAgB,IAAI;AACpB,QAAA,WAAW,IAAI,gBAAgB,KAAK;AAEjC,WAAA,OAAO,sBAAsB;AAC7B,WAAA,OAAO,sBAAsB;AAC7B,WAAA,OAAO,sBAAsB;AAC7B,WAAA,OAAO,sBAAsB;AAC7B,WAAA,OAAO,sBAAsB;AAC7B,WAAA,OAAO,sBAAsB;AAEtC,gBAAc,OAAO,IAAI,UAAU,IAAG,IAAG,IAAG,6CAA6C,CAAC;AAC1F,gBAAc,OAAO,QAAQ;AAC7B,gBAAc,OAAO,QAAQ;AAC7B,QAAM,YAAY,IAAI,yBAAyB,OAAM,qBAAoB,YAAY;AACrF,gBAAc,OAAO,SAAS;AACvB,SAAA;AACT;"}

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorNode.js

@@ -0,0 +1,195 @@
+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 { HtmlElementDecoratorNode } from "./HtmlElementDecoratorNode.js";
+const INSERT_MODULE_COMMAND = createCommand("INSERT_MODULE_COMMAND");
+const AttrMarkName = "module-name";
+class ModuleDecoratorNode extends HtmlElementDecoratorNode {
+  /**
+   * 
+   * @param name 
+   * @param data 
+   * @param className 
+   * @param style 
+   * @param key 
+   */
+  constructor(name, html, className, style, key) {
+    super("div", className, style, key);
+    __publicField(this, "__moduleName");
+    __publicField(this, "__moduleHtml");
+    this.__moduleName = name;
+    this.__moduleHtml = html;
+  }
+  static getType() {
+    return "module";
+  }
+  static clone(node) {
+    return new ModuleDecoratorNode(node.__moduleName, node.__moduleHtml, node.__class, node.__style, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ModuleDecoratorNode(serializedNode.moduleName, serializedNode.moduleHtml, serializedNode.class, serializedNode.style);
+  }
+  static importDOM() {
+    return {
+      div: $covertModuleDecoratorNode,
+      section: $covertModuleDecoratorNode,
+      main: $covertModuleDecoratorNode,
+      header: $covertModuleDecoratorNode
+    };
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      moduleName: this.__moduleName,
+      moduleHtml: this.__moduleHtml,
+      version: 1
+    };
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const warpEl = super.createDOM(config);
+    warpEl.innerHTML = this.__moduleHtml;
+    if (warpEl.children.length > 1) {
+      throw new Error("定义模块模版的时候请用一个容器将模版内容包裹起来，不能有多个并列的元素！");
+    }
+    const element = warpEl.children[0];
+    element.setAttribute(AttrMarkName, this.__moduleName);
+    element.setAttribute("node-key", this.__key);
+    return element;
+  }
+  /**
+   * 隔离渲染函数
+   * @param editor 
+   * @param config 
+   * @returns 
+   */
+  decorate(editor, config) {
+    return null;
+  }
+  /**
+   * 更新DOM
+   * @param _prevNode 
+   * @param _dom 
+   * @param _config 
+   * @returns 
+   */
+  updateDOM(prevNode, dom, config) {
+    dom.innerHTML = this.__moduleHtml;
+    return false;
+  }
+  /**
+   * 设置 html
+   * @param html 
+   * @returns 
+   */
+  setHtml(html) {
+    const self = this.getWritable();
+    self.__moduleHtml = html || "";
+    return this;
+  }
+  // /**
+  //  * 创建父亲
+  //  * */
+  // createParentElementNode() {
+  //   return new ModuleDecoratorWarpNode();
+  // }
+  // /**
+  //  * 必须有父亲
+  //  * @returns 
+  //  */
+  // isParentRequired() { return true; }
+}
+const $covertModuleDecoratorNode = (domNode) => {
+  try {
+    const moduleName = domNode.getAttribute(AttrMarkName);
+    const moduleHtml = domNode.outerHTML;
+    return moduleName ? {
+      conversion: () => {
+        return {
+          node: new ModuleDecoratorNode(moduleName, moduleHtml, domNode.getAttribute("class") || "", domNode.getAttribute("style") || "")
+        };
+      },
+      priority: 3
+    } : null;
+  } catch (e) {
+    console.log(e);
+    return null;
+  }
+};
+function $isModuleDecoratorNode(node) {
+  return node instanceof ModuleDecoratorNode;
+}
+const ElAttrList = ["src", "alt", "poster", "href", "_target"];
+const createModuleHtml = (template, data) => {
+  const parser = new DOMParser();
+  const element = parser.parseFromString(template, "text/html");
+  const list = [element.body];
+  Object.keys(data).forEach((key) => {
+    for (let i = 0; i < list.length; i++) {
+      const el = list[i];
+      const val = data[key];
+      if (el.nodeType != 3) {
+        if (ElAttrList.filter((attr) => el.hasAttribute(`data-${key}-${attr}`)).some((attr) => el.setAttribute(attr, val))) {
+          break;
+        } else if (el.hasAttribute(`data-${key}`)) {
+          el.textContent = val;
+          break;
+        } else if (el.hasAttribute(`data-${key}-html`)) {
+          el.innerHTML = val;
+          break;
+        }
+      }
+      if (el.childNodes.length) {
+        el.childNodes.forEach((sub) => list.push(sub));
+      }
+    }
+  });
+  return element.body.innerHTML.replaceAll(/[\r|\n|\r\n]+/g, "");
+};
+const getModuleData = (html, options) => {
+  const parser = new DOMParser();
+  const element = parser.parseFromString(html, "text/html");
+  const list = [element.body];
+  const data = {};
+  options.forEach((item) => {
+    for (let i = 0; i < list.length; i++) {
+      const el = list[i];
+      const val = "";
+      if (el.nodeType != 3) {
+        if (ElAttrList.filter((attr) => el.hasAttribute(`data-${item.name}-${attr}`)).some((attr) => data[item.name] = el.getAttribute(attr))) {
+          break;
+        } else if (el.hasAttribute(`data-${item.name}`)) {
+          data[item.name] = el.textContent;
+          break;
+        } else if (el.hasAttribute(`data-${item.name}-html`)) {
+          data[item.name] = el.innerHTML;
+          break;
+        }
+      }
+      if (el.childNodes.length) {
+        el.childNodes.forEach((sub) => list.push(sub));
+      }
+      data[item.name] = val;
+    }
+  });
+  return { data };
+};
+export {
+  $isModuleDecoratorNode,
+  AttrMarkName,
+  INSERT_MODULE_COMMAND,
+  ModuleDecoratorNode,
+  createModuleHtml,
+  getModuleData
+};
+//# sourceMappingURL=ModuleDecoratorNode.js.map

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleDecoratorNode.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/ModuleDecoratorNode.ts"],"sourcesContent":["\r\nimport {\r\n  type DOMConversionMap,\r\n  type DOMExportOutput,\r\n  type EditorConfig,\r\n  type LexicalNode,\r\n  type NodeKey,\r\n  type Spread,\r\n  type LexicalEditor,\r\n  type DOMConversion,\r\n  type LexicalCommand,\r\n  createCommand\r\n} from 'lexical'\r\nimport { Component } from 'vue';\r\nimport { HtmlElementDecoratorNode,SerializedHtmlElementDecoratorNode } from \"./HtmlElementDecoratorNode\"\r\nimport { ModuleDecoratorWarpNode } from './ModuleDecoratorWarpNode';\r\n\r\n\r\n/**\r\n * 属性类型\r\n */\r\nexport type ModulePropType = { name:string,data:object };\r\n\r\n/**\r\n * 插入模块模版块指令\r\n */\r\nexport const INSERT_MODULE_COMMAND: LexicalCommand<ModulePropType> = createCommand('INSERT_MODULE_COMMAND')\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedModuleDecoratorNode = Spread<{ moduleName:string,moduleHtml:any }, SerializedHtmlElementDecoratorNode>\r\n\r\n\r\n// 属性标识\r\nexport const AttrMarkName = \"module-name\";\r\n\r\n/**\r\n * 模块\r\n * 会导致\r\n */\r\nexport class ModuleDecoratorNode extends  HtmlElementDecoratorNode {\r\n\r\n  __moduleName: string\r\n  __moduleHtml: string\r\n\r\n\r\n  static getType(): string { return \"module\"; }\r\n\r\n  static clone(node: ModuleDecoratorNode): ModuleDecoratorNode {\r\n    return new ModuleDecoratorNode(node.__moduleName,node.__moduleHtml,node.__class,node.__style,node.__key);\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedModuleDecoratorNode): ModuleDecoratorNode {\r\n    return new ModuleDecoratorNode(serializedNode.moduleName,serializedNode.moduleHtml,serializedNode.class, serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div: $covertModuleDecoratorNode,\r\n      section: $covertModuleDecoratorNode,\r\n      main : $covertModuleDecoratorNode ,\r\n      header : $covertModuleDecoratorNode \r\n    }\r\n  }\r\n\r\n  /**\r\n   * \r\n   * @param name \r\n   * @param data \r\n   * @param className \r\n   * @param style \r\n   * @param key \r\n   */\r\n  constructor(name:string,html:string,className?: string , style?: string, key?: NodeKey) {\r\n    super(\"div\",className,style,key)\r\n    this.__moduleName = name;\r\n    this.__moduleHtml = html;\r\n  }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedModuleDecoratorNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      moduleName:this.__moduleName,\r\n      moduleHtml:this.__moduleHtml,\r\n      version: 1\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const warpEl = super.createDOM(config)\r\n\r\n    warpEl.innerHTML = this.__moduleHtml;\r\n\r\n    if(warpEl.children.length > 1){\r\n      throw new Error(\"定义模块模版的时候请用一个容器将模版内容包裹起来，不能有多个并列的元素！\");\r\n    }\r\n\r\n    const element = warpEl.children[0] as HTMLElement;\r\n\r\n    // 模块名称标识\r\n    element.setAttribute(AttrMarkName,this.__moduleName)\r\n    element.setAttribute(\"node-key\",this.__key);\r\n\r\n    return element;\r\n  }\r\n\r\n  /**\r\n   * 隔离渲染函数\r\n   * @param editor \r\n   * @param config \r\n   * @returns \r\n   */\r\n  decorate(editor: LexicalEditor, config: EditorConfig): Component | null {\r\n    return null;\r\n  }\r\n  \r\n  /**\r\n   * 更新DOM\r\n   * @param _prevNode \r\n   * @param _dom \r\n   * @param _config \r\n   * @returns \r\n   */\r\n  updateDOM(prevNode: LexicalNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    dom.innerHTML = this.__moduleHtml;\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * 设置 html\r\n   * @param html \r\n   * @returns \r\n   */\r\n  setHtml(html:string) {\r\n    const self = this.getWritable();\r\n    self.__moduleHtml = html || \"\";\r\n    return this;\r\n  }\r\n  // /**\r\n  //  * 创建父亲\r\n  //  * */\r\n  // createParentElementNode() {\r\n  //   return new ModuleDecoratorWarpNode();\r\n  // }\r\n  // /**\r\n  //  * 必须有父亲\r\n  //  * @returns \r\n  //  */\r\n  // isParentRequired() { return true; }\r\n}\r\n\r\n/**\r\n * 转换隔离节点DOM\r\n * @param node \r\n * @returns \r\n */\r\nconst $covertModuleDecoratorNode = (domNode: HTMLElement): DOMConversion<HTMLElement> | null => {\r\n\r\n  try{\r\n    \r\n    const moduleName = domNode.getAttribute(AttrMarkName);\r\n    const moduleHtml = domNode.outerHTML;\r\n\r\n    return moduleName ?  {\r\n      conversion: () => {\r\n        return {\r\n          node: new ModuleDecoratorNode(moduleName,moduleHtml,domNode.getAttribute(\"class\") || \"\", domNode.getAttribute(\"style\") || \"\")\r\n        };\r\n      },\r\n      priority: 3\r\n    } : null;\r\n  }\r\n  catch(e){\r\n    console.log(e)\r\n    return null;\r\n  }\r\n \r\n}\r\n\r\n\r\n/**\r\n * 判断是否是模块节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleDecoratorNode(\r\n  node: ModuleDecoratorNode | LexicalNode | null | undefined,\r\n): node is ModuleDecoratorNode {\r\n  return node instanceof ModuleDecoratorNode\r\n}\r\n\r\n\r\n// 元素属性列表\r\nconst ElAttrList = [\"src\",\"alt\",\"poster\",\"href\",\"_target\"];\r\n\r\n/**\r\n * 创建 模块 html\r\n * @param template \r\n * @param data \r\n */\r\nexport const createModuleHtml = (template:string,data:any)=>{\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(template,\"text/html\")\r\n  const list = [element.body];\r\n\r\n  Object.keys(data).forEach(key=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = data[key] as any;\r\n  \r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${key}-${attr}`)).\r\n        some(attr=> el.setAttribute(attr,val))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${key}`)){\r\n          el.textContent = val;\r\n          break;\r\n        }\r\n        else if(el.hasAttribute(`data-${key}-html`)){\r\n          el.innerHTML = val;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n    }\r\n  })\r\n\r\n  return element.body.innerHTML.replaceAll(/[\\r|\\n|\\r\\n]+/g,\"\")\r\n}\r\n\r\n/**\r\n * 获取模块数据 \r\n * @param template \r\n * @param data \r\n */\r\nexport const getModuleData = (html:string,options:Array<any>)=>{\r\n\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(html,\"text/html\")\r\n  const list = [element.body];\r\n  const data:any = {};\r\n\r\n  options.forEach(item=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = \"\";\r\n\r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${item.name}-${attr}`)).\r\n        some(attr=> data[item.name] = el.getAttribute(attr))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${item.name}`)){\r\n          data[item.name] = el.textContent;\r\n          break;\r\n        }\r\n        // html 解析\r\n        else if(el.hasAttribute(`data-${item.name}-html`)){\r\n          data[item.name] = el.innerHTML;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n\r\n      data[item.name] = val;\r\n    }\r\n  })\r\n\r\n  return { data }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.js

@@ -0,0 +1,76 @@
+import { HtmlElementNode } from "./HtmlElementNode.js";
+import { AttrMarkName } from "./ModuleDecoratorNode.js";
+class ModuleDecoratorWarpNode extends HtmlElementNode {
+  static getType() {
+    return "moduleWarp";
+  }
+  static clone(node) {
+    return new ModuleDecoratorWarpNode(node.__class, node.__style, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ModuleDecoratorWarpNode(serializedNode.class, serializedNode.style);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        return domNode.children[0] && domNode.children[0].getAttribute(AttrMarkName) ? {
+          conversion: () => {
+            return {
+              node: new ModuleDecoratorWarpNode(
+                domNode.className.trim(),
+                domNode.getAttribute("style") || ""
+              )
+            };
+          },
+          priority: 3
+        } : null;
+      }
+    };
+  }
+  constructor(className, style, key) {
+    super("div", className, style, key);
+  }
+  /**
+   * 名称
+   * @returns 
+   */
+  getName() {
+    return this.getType();
+  }
+  /**
+   * 描述
+   * @returns 
+   */
+  getDesc() {
+    return "模块容器";
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      version: 1
+    };
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const element = super.createDOM(config);
+    element.setAttribute("node-key", this.__key);
+    return element;
+  }
+}
+function $isModuleDecoratorWarpNode(node) {
+  return node instanceof ModuleDecoratorWarpNode;
+}
+export {
+  $isModuleDecoratorWarpNode,
+  ModuleDecoratorWarpNode
+};
+//# sourceMappingURL=ModuleDecoratorWarpNode.js.map

package/dist/esm/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleDecoratorWarpNode.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/ModuleDecoratorWarpNode.ts"],"sourcesContent":["import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread, DOMExportOutput, EditorConfig } from 'lexical'\r\nimport { createCommand, } from 'lexical'\r\nimport { HtmlElementNode,SerializedHtmlElementNode } from './HtmlElementNode'\r\nimport { AttrMarkName } from './ModuleDecoratorNode'\r\n\r\n/**\r\n * 节点序列化\r\n */\r\nexport type SerializedModuleDecoratorWarpNode = Spread<{},SerializedHtmlElementNode>\r\n\r\n/**\r\n * 模块容器\r\n */\r\nexport class ModuleDecoratorWarpNode extends HtmlElementNode{\r\n\r\n  static getType(): string { return \"moduleWarp\"; }\r\n\r\n  static clone(node: ModuleDecoratorWarpNode): ModuleDecoratorWarpNode {\r\n    return new ModuleDecoratorWarpNode(node.__class,node.__style, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedModuleDecoratorWarpNode): ModuleDecoratorWarpNode {\r\n    return new ModuleDecoratorWarpNode(serializedNode.class,serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n        // 儿子是模块的就是模块容器\r\n        return domNode.children[0] && domNode.children[0].getAttribute(AttrMarkName) ? {\r\n          \r\n          conversion: ()=>{ \r\n           \r\n            return  { \r\n              node:new ModuleDecoratorWarpNode(\r\n                domNode.className.trim(),\r\n                domNode.getAttribute(\"style\") || \"\"\r\n              ) \r\n            };\r\n          },\r\n          priority: 3\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(className?:string,style?:string,key?: NodeKey) {\r\n    super(\"div\",className,style,key)\r\n  }\r\n\r\n  /**\r\n   * 名称\r\n   * @returns \r\n   */\r\n  getName(){ return this.getType(); }\r\n\r\n  /**\r\n   * 描述\r\n   * @returns \r\n   */\r\n  getDesc(){ return \"模块容器\"; }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedModuleDecoratorWarpNode {\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   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const element = super.createDOM(config)\r\n    \r\n    element.setAttribute(\"node-key\",this.__key);\r\n\r\n    return element;\r\n  }\r\n}\r\n\r\n\r\n/**\r\n * 判断是否是模块容器节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleDecoratorWarpNode(\r\n  node: ModuleDecoratorWarpNode | LexicalNode | null | undefined,\r\n): node is ModuleDecoratorWarpNode {\r\n  return node instanceof ModuleDecoratorWarpNode\r\n}\r\n"],"names":[],"mappings":";;AAaO,MAAM,gCAAgC,gBAAe;AAAA,EAE1D,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAc;AAAA,EAEhD,OAAO,MAAM,MAAwD;AACnE,WAAO,IAAI,wBAAwB,KAAK,SAAQ,KAAK,SAAS,KAAK,KAAK;AAAA,EAC1E;AAAA,EAEA,OAAO,WAAW,gBAA4E;AAC5F,WAAO,IAAI,wBAAwB,eAAe,OAAM,eAAe,KAAK;AAAA,EAC9E;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAEvB,eAAA,QAAQ,SAAS,CAAC,KAAK,QAAQ,SAAS,CAAC,EAAE,aAAa,YAAY,IAAI;AAAA,UAE7E,YAAY,MAAI;AAEN,mBAAA;AAAA,cACN,MAAK,IAAI;AAAA,gBACP,QAAQ,UAAU,KAAK;AAAA,gBACvB,QAAQ,aAAa,OAAO,KAAK;AAAA,cACnC;AAAA,YAAA;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,WAAkB,OAAc,KAAe;AACnD,UAAA,OAAM,WAAU,OAAM,GAAG;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAS;AAAE,WAAO,KAAK;EAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,UAAS;AAAS,WAAA;AAAA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,aAAgD;AACvC,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,UAAU,QAAmC;AAErC,UAAA,UAAU,MAAM,UAAU,MAAM;AAE9B,YAAA,aAAa,YAAW,KAAK,KAAK;AAEnC,WAAA;AAAA,EACT;AACF;AAQO,SAAS,2BACd,MACiC;AACjC,SAAO,gBAAgB;AACzB;"}

package/dist/esm/components/basic/{doc-editor/plugins/TemplatePlugin/commands.js → lexical-editor/nodes/Template.js}

@@ -5,4 +5,4 @@ export {
   INSERT_HTMLTEMPLATE_COMMAND,
   INSERT_TEMPLATE_COMMAND
 };
-//# sourceMappingURL=commands.js.map
+//# sourceMappingURL=Template.js.map

package/dist/esm/components/basic/lexical-editor/nodes/Template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Template.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/Template.ts"],"sourcesContent":["\r\n\r\nimport { type LexicalCommand, createCommand} from 'lexical'\r\n\r\n/**\r\n * 插入模版块指令\r\n */\r\nexport const INSERT_TEMPLATE_COMMAND: LexicalCommand<string> = createCommand('INSERT_TEMPLATE_COMMAND')\r\n\r\n/**\r\n * 插入HTML模版块指令  \r\n */\r\nexport const INSERT_HTMLTEMPLATE_COMMAND: LexicalCommand<string> = createCommand('INSERT_HTMLTEMPLATE_COMMAND')\r\n"],"names":[],"mappings":";AAOa,MAAA,0BAAkD,cAAc,yBAAyB;AAKzF,MAAA,8BAAsD,cAAc,6BAA6B;"}

package/dist/esm/components/basic/lexical-editor/nodes/index.js

@@ -0,0 +1,45 @@
+import { $copyNode, $isElementNode } from "lexical";
+import "../utils/html.js";
+import "@lexical/selection";
+import "vue";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../composables/useElementBlockSelection.js";
+import { $isModuleDecoratorNode, AttrMarkName, INSERT_MODULE_COMMAND, ModuleDecoratorNode, createModuleHtml, getModuleData } from "./ModuleDecoratorNode.js";
+import { $createImageNode, $isImageNode, INSERT_IMAGE_COMMAND, ImageNode } from "./ImageNode.js";
+import { $createImageTextWarpNode, $isImageTextWarpNode, INSERT_IMAGETEXTWARP_COMMAND, ImageTextWarpNode } from "./ImageTextWarpNode.js";
+import { INSERT_HTMLTEMPLATE_COMMAND, INSERT_TEMPLATE_COMMAND } from "./Template.js";
+const deepCloneNode = function(node) {
+  const copyNode = $copyNode(node);
+  if ($isElementNode(node)) {
+    node.getChildren().forEach((child) => copyNode.append(deepCloneNode(child)));
+  }
+  return copyNode;
+};
+export {
+  $createImageNode,
+  $createImageTextWarpNode,
+  $isImageNode,
+  $isImageTextWarpNode,
+  $isModuleDecoratorNode,
+  AttrMarkName,
+  INSERT_HTMLTEMPLATE_COMMAND,
+  INSERT_IMAGETEXTWARP_COMMAND,
+  INSERT_IMAGE_COMMAND,
+  INSERT_MODULE_COMMAND,
+  INSERT_TEMPLATE_COMMAND,
+  ImageNode,
+  ImageTextWarpNode,
+  ModuleDecoratorNode,
+  createModuleHtml,
+  deepCloneNode,
+  getModuleData
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/basic/lexical-editor/nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/lexical-editor/nodes/index.ts"],"sourcesContent":["\r\n\r\nimport { $copyNode, $isElementNode, LexicalNode } from 'lexical'\r\n\r\nexport * from './HtmlElementNode'\r\nexport * from './HtmlElementDecoratorNode'\r\nexport * from './ModuleDecoratorNode'\r\nexport * from './ModuleDecoratorWarpNode'\r\nexport * from './ImageNode'\r\nexport * from './ImageTextWarpNode'\r\nexport * from './Template'\r\n\r\n\r\nexport const deepCloneNode = function(node:LexicalNode){\r\n\r\n  const copyNode:any = $copyNode(node)\r\n\r\n  if($isElementNode(node)){\r\n    node.getChildren().forEach(child=>copyNode.append(deepCloneNode(child)))\r\n  }\r\n\r\n  return copyNode;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAaa,MAAA,gBAAgB,SAAS,MAAiB;AAE/C,QAAA,WAAe,UAAU,IAAI;AAEhC,MAAA,eAAe,IAAI,GAAE;AACjB,SAAA,YAAA,EAAc,QAAQ,CAAA,UAAO,SAAS,OAAO,cAAc,KAAK,CAAC,CAAC;AAAA,EACzE;AAEO,SAAA;AACT;"}

package/dist/esm/components/basic/{doc-editor/core/plugins/LexicalAutoFocusPlugin.vue.js → lexical-editor/plugins/AutoFocusPlugin.vue.js}

@@ -1,23 +1,26 @@
 import { defineComponent, onMounted, nextTick } from "vue";
+import "@lexical/overflow";
 import "@lexical/text";
 import "@lexical/utils";
-import "@lexical/overflow";
 import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
+import "@lexical/selection";
+import "@lexical/link";
 import "@lexical/rich-text";
+import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import "../utils/html.js";
+import "@maketribe/dm";
+import "element-plus";
+import "../utils/image.js";
+import "@element-plus/icons-vue";
+import "../composables/useElementBlockSelection.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LexicalAutoFocusPlugin",
+  __name: "AutoFocusPlugin",
   props: {
     defaultSelection: {}
   },
   setup(__props) {
     const props = __props;
-    const editor = useLexicalComposer();
+    const { editor } = useLexicalEditorContext();
     onMounted(() => {
       nextTick(() => {
         editor.focus(
@@ -40,4 +43,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=LexicalAutoFocusPlugin.vue.js.map
+//# sourceMappingURL=AutoFocusPlugin.vue.js.map

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFocusPlugin.vue.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { nextTick, onMounted } from 'vue'\r\nimport { useLexicalEditorContext } from '../composables'\r\n\r\nconst props = defineProps<{\r\n  defaultSelection?: 'rootStart' | 'rootEnd'\r\n}>()\r\n\r\nconst { editor } = useLexicalEditorContext();\r\n\r\nonMounted(() => {\r\n\r\n  nextTick(() => {\r\n    editor.focus(\r\n      () => {\r\n      // If we try and move selection to the same point with setBaseAndExtent, it won't\r\n      // trigger a re-focus on the element. So in the case this occurs, we'll need to correct it.\r\n      // Normally this is fine, Selection API !== Focus API, but fore the intents of the naming\r\n      // of this plugin, which should preserve focus too.\r\n        const activeElement = document.activeElement\r\n        const rootElement = editor.getRootElement() as HTMLDivElement\r\n        if (\r\n          rootElement !== null\r\n          && (activeElement === null || !rootElement.contains(activeElement))\r\n        ) {\r\n        // Note: preventScroll won't work in Webkit.\r\n          rootElement.focus({ preventScroll: true })\r\n        }\r\n      },\r\n      { defaultSelection: props.defaultSelection },\r\n    )\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAIR,UAAA,EAAE,WAAW;AAEnB,cAAU,MAAM;AAEd,eAAS,MAAM;AACN,eAAA;AAAA,UACL,MAAM;AAKJ,kBAAM,gBAAgB,SAAS;AACzB,kBAAA,cAAc,OAAO;AAEzB,gBAAA,gBAAgB,SACZ,kBAAkB,QAAQ,CAAC,YAAY,SAAS,aAAa,IACjE;AAEA,0BAAY,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,YAC3C;AAAA,UACF;AAAA,UACA,EAAE,kBAAkB,MAAM,iBAAiB;AAAA,QAAA;AAAA,MAC7C,CACD;AAAA,IAAA,CACF;;;;;;"}

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue2.js

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

package/dist/esm/components/basic/lexical-editor/plugins/AutoFocusPlugin.vue2.js.map

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