@maketribe/ms-app 3.2.24 → 3.2.26

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/ModuleGridNode.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lexical = require("lexical");
+const GridNode = require("./GridNode.js");
+const INSERT_MODULEGRID_COMMAND = lexical.createCommand("INSERT_MODULEGRID_COMMAND");
+class ModuleGridNode extends GridNode.GridNode {
+  static getType() {
+    return "module-grid";
+  }
+  static hasGridNodeByElement(el) {
+    return el.classList.contains(ModuleGridNode.getMarkClassName()) ? el : null;
+  }
+  static getMarkClassName() {
+    return `mk-doc__${ModuleGridNode.getType()}`;
+  }
+  static getExtraClassName(el) {
+    return GridNode.GridNode.getExtraClassName(el).replace(ModuleGridNode.getMarkClassName(), "").trim();
+  }
+  static clone(node) {
+    return new ModuleGridNode(node.__attrs, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ModuleGridNode(serializedNode.attrs);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        return ModuleGridNode.hasGridNodeByElement(domNode) ? {
+          conversion: () => {
+            return {
+              node: new ModuleGridNode({
+                class: ModuleGridNode.getExtraClassName(domNode),
+                width: domNode.style.width || "100%",
+                height: domNode.style.height,
+                flex: domNode.style.flex,
+                maxWidth: domNode.style.maxWidth,
+                maxHeight: domNode.style.maxHeight,
+                overflowX: domNode.style.overflowX == "auto"
+              })
+            };
+          },
+          priority: 4
+        } : null;
+      }
+    };
+  }
+  constructor(attrs, key) {
+    super(attrs, key);
+  }
+  /**
+   * 设置属性
+   * @param pos 
+   */
+  setAttrs(data) {
+    const writable = this.getWritable();
+    Object.assign(writable.__attrs, data);
+  }
+  /**
+   * 获取属性
+   * @param pos 
+   */
+  getAttrs() {
+    return this.__attrs;
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      attrs: this.__attrs,
+      version: 1
+    };
+  }
+  /**
+  * 更新元素属性
+  * @param el 
+  */
+  updateElementAttr(el) {
+    super.updateElementAttr(el);
+    Object.keys(this.__attrs).forEach((key) => {
+      if (["class", "overflowX"].indexOf(key) < 0) {
+        el.style[key] = this.__attrs[key];
+      }
+    });
+    if (this.__attrs.overflowX) {
+      el.style.overflowX = "auto";
+    } else {
+      el.style.overflowX = "";
+    }
+  }
+  // /**
+  //  * 非内联
+  //  * @returns 
+  //  */
+  // isInline(): boolean {
+  //   return false;
+  // }
+  // /**
+  //  * 定义为影子根
+  //  * @returns 
+  //  */
+  // isShadowRoot(): boolean {
+  //   return true;
+  // }
+}
+function $isModuleGridNode(node) {
+  return node instanceof ModuleGridNode;
+}
+exports.$isModuleGridNode = $isModuleGridNode;
+exports.INSERT_MODULEGRID_COMMAND = INSERT_MODULEGRID_COMMAND;
+exports.ModuleGridNode = ModuleGridNode;
+//# sourceMappingURL=ModuleGridNode.js.map

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/ModuleGridNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleGridNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/ModuleGridNode.ts"],"sourcesContent":["import { type DOMConversionMap,type NodeKey, type Spread, type DOMExportOutput, type LexicalCommand, createCommand, LexicalNode } from 'lexical'\r\nimport { type GridNodeAttrType , GridNode,SerializedGridNode } from \"./GridNode\"\r\n\r\n/**\r\n * 属性\r\n */\r\nexport type ModuleGridNodeAttrType  = GridNodeAttrType & {\r\n  overflowX:boolean\r\n};\r\n\r\n\r\n/**\r\n * 插入模块格子\r\n */\r\nexport const INSERT_MODULEGRID_COMMAND: LexicalCommand<ModuleGridNodeAttrType> = createCommand('INSERT_MODULEGRID_COMMAND')\r\n\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedModuleGridNode = Spread<{ attrs:ModuleGridNodeAttrType },SerializedGridNode>\r\n\r\n/**\r\n * 模块格子\r\n */\r\nexport class ModuleGridNode extends GridNode{\r\n\r\n  declare __attrs:ModuleGridNodeAttrType\r\n\r\n  static getType(): string { return \"module-grid\"; }\r\n\r\n  static hasGridNodeByElement(el:HTMLElement):HTMLElement|null{\r\n    return el.classList.contains(ModuleGridNode.getMarkClassName()) ? el : null;\r\n  }\r\n \r\n  static getMarkClassName(): string {\r\n    return `mk-doc__${ModuleGridNode.getType()}`\r\n  }\r\n  static getExtraClassName(el:HTMLElement){\r\n    return GridNode.getExtraClassName(el).replace(ModuleGridNode.getMarkClassName(),\"\").trim();\r\n  }\r\n  static clone(node: ModuleGridNode): ModuleGridNode {\r\n    return new ModuleGridNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedModuleGridNode): ModuleGridNode {\r\n    return new ModuleGridNode(serializedNode.attrs)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n\r\n        return  ModuleGridNode.hasGridNodeByElement(domNode) ? {\r\n\r\n          conversion: ()=>{ \r\n\r\n            return  { \r\n              node:new ModuleGridNode({\r\n                class:ModuleGridNode.getExtraClassName(domNode),\r\n                width:domNode.style.width || \"100%\",\r\n                height:domNode.style.height,\r\n                flex:domNode.style.flex,\r\n                maxWidth:domNode.style.maxWidth,\r\n                maxHeight:domNode.style.maxHeight,\r\n                overflowX:domNode.style.overflowX == \"auto\"\r\n              } as ModuleGridNodeAttrType) \r\n            };\r\n          },\r\n          priority: 4\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(attrs:ModuleGridNodeAttrType,key?: NodeKey) {\r\n    super(attrs,key)\r\n  }\r\n\r\n  /**\r\n   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:ModuleGridNodeAttrType){\r\n    const writable = this.getWritable();\r\n    Object.assign(writable.__attrs,data)\r\n  }\r\n\r\n  /**\r\n   * 获取属性\r\n   * @param pos \r\n   */\r\n  getAttrs():ModuleGridNodeAttrType{\r\n    return this.__attrs;\r\n  }\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedGridNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      attrs:this.__attrs,\r\n      version: 1\r\n    }\r\n  }\r\n\r\n    /**\r\n   * 更新元素属性\r\n   * @param el \r\n   */\r\n  updateElementAttr(el:HTMLElement){\r\n    super.updateElementAttr(el);\r\n    // 更新属性\r\n    Object.keys(this.__attrs).forEach((key:any)=>{\r\n      if([\"class\",\"overflowX\"].indexOf(key) < 0){\r\n        el.style[key] = (this.__attrs as any)[key];\r\n      }\r\n    })\r\n    if(this.__attrs.overflowX){\r\n      el.style.overflowX = \"auto\";\r\n    }\r\n    else{\r\n      el.style.overflowX = \"\";\r\n    }\r\n  }\r\n\r\n  \r\n  // /**\r\n  //  * 非内联\r\n  //  * @returns \r\n  //  */\r\n  // isInline(): boolean {\r\n  //   return false;\r\n  // }\r\n\r\n  // /**\r\n  //  * 定义为影子根\r\n  //  * @returns \r\n  //  */\r\n  // isShadowRoot(): boolean {\r\n  //   return true;\r\n  // }\r\n}\r\n\r\n/**\r\n * 是否是模块格子\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleGridNode(\r\n  node: ModuleGridNode | LexicalNode | null | undefined,\r\n): node is ModuleGridNode {\r\n  return node instanceof ModuleGridNode\r\n}\r\n"],"names":["createCommand","GridNode"],"mappings":";;;;AAca,MAAA,4BAAoEA,sBAAc,2BAA2B;AAWnH,MAAM,uBAAuBC,SAAAA,SAAQ;AAAA,EAI1C,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAe;AAAA,EAEjD,OAAO,qBAAqB,IAAgC;AAC1D,WAAO,GAAG,UAAU,SAAS,eAAe,kBAAkB,IAAI,KAAK;AAAA,EACzE;AAAA,EAEA,OAAO,mBAA2B;AACzB,WAAA,WAAW,eAAe,QAAA,CAAS;AAAA,EAC5C;AAAA,EACA,OAAO,kBAAkB,IAAe;AAC/B,WAAAA,kBAAS,kBAAkB,EAAE,EAAE,QAAQ,eAAe,oBAAmB,EAAE,EAAE;EACtF;AAAA,EACA,OAAO,MAAM,MAAsC;AACjD,WAAO,IAAI,eAAe,KAAK,SAAQ,KAAK,KAAK;AAAA,EACnD;AAAA,EAEA,OAAO,WAAW,gBAA0D;AACnE,WAAA,IAAI,eAAe,eAAe,KAAK;AAAA,EAChD;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAEtB,eAAA,eAAe,qBAAqB,OAAO,IAAI;AAAA,UAErD,YAAY,MAAI;AAEN,mBAAA;AAAA,cACN,MAAK,IAAI,eAAe;AAAA,gBACtB,OAAM,eAAe,kBAAkB,OAAO;AAAA,gBAC9C,OAAM,QAAQ,MAAM,SAAS;AAAA,gBAC7B,QAAO,QAAQ,MAAM;AAAA,gBACrB,MAAK,QAAQ,MAAM;AAAA,gBACnB,UAAS,QAAQ,MAAM;AAAA,gBACvB,WAAU,QAAQ,MAAM;AAAA,gBACxB,WAAU,QAAQ,MAAM,aAAa;AAAA,cAAA,CACZ;AAAA,YAAA;AAAA,UAE/B;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,OAA6B,KAAe;AACtD,UAAM,OAAM,GAAG;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS,MAA6B;AAC9B,UAAA,WAAW,KAAK;AACf,WAAA,OAAO,SAAS,SAAQ,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAiC;AAC/B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,aAAiC;AACxB,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,OAAM,KAAK;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,IAAe;AAC/B,UAAM,kBAAkB,EAAE;AAE1B,WAAO,KAAK,KAAK,OAAO,EAAE,QAAQ,CAAC,QAAU;AAC3C,UAAG,CAAC,SAAQ,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAE;AACxC,WAAG,MAAM,GAAG,IAAK,KAAK,QAAgB,GAAG;AAAA,MAC3C;AAAA,IAAA,CACD;AACE,QAAA,KAAK,QAAQ,WAAU;AACxB,SAAG,MAAM,YAAY;AAAA,IAAA,OAEnB;AACF,SAAG,MAAM,YAAY;AAAA,IACvB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBF;AAOO,SAAS,kBACd,MACwB;AACxB,SAAO,gBAAgB;AACzB;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/TextGridNode.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lexical = require("lexical");
+const GridNode = require("./GridNode.js");
+const INSERT_TEXTGRID_COMMAND = lexical.createCommand("INSERT_TEXTGRID_COMMAND");
+class TextGridNode extends GridNode.GridNode {
+  static getType() {
+    return "text-grid";
+  }
+  static hasGridNodeByElement(el) {
+    return el.classList.contains(TextGridNode.getMarkClassName()) ? el : null;
+  }
+  static getMarkClassName() {
+    return `mk-doc__${TextGridNode.getType()}`;
+  }
+  static getExtraClassName(el) {
+    return GridNode.GridNode.getExtraClassName(el).replace(TextGridNode.getMarkClassName(), "").trim();
+  }
+  static clone(node) {
+    return new TextGridNode(node.__attrs, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new TextGridNode(serializedNode.attrs);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        return TextGridNode.hasGridNodeByElement(domNode) ? {
+          conversion: () => {
+            return {
+              node: new TextGridNode({
+                class: TextGridNode.getExtraClassName(domNode),
+                width: domNode.style.width || "100%",
+                height: domNode.style.height,
+                flex: domNode.style.flex,
+                maxWidth: domNode.style.maxWidth,
+                maxHeight: domNode.style.maxHeight
+              })
+            };
+          },
+          priority: 4
+        } : null;
+      }
+    };
+  }
+  constructor(attrs, key) {
+    super(attrs, key);
+  }
+  /**
+   * 设置属性
+   * @param pos 
+   */
+  setAttrs(data) {
+    const writable = this.getWritable();
+    Object.assign(writable.__attrs, data);
+  }
+  /**
+   * 获取属性
+   * @param pos 
+   */
+  getAttrs() {
+    return this.__attrs;
+  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      attrs: this.__attrs,
+      version: 1
+    };
+  }
+}
+function $isTextGridNode(node) {
+  return node instanceof TextGridNode;
+}
+exports.$isTextGridNode = $isTextGridNode;
+exports.INSERT_TEXTGRID_COMMAND = INSERT_TEXTGRID_COMMAND;
+exports.TextGridNode = TextGridNode;
+//# sourceMappingURL=TextGridNode.js.map

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/TextGridNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextGridNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/TextGridNode.ts"],"sourcesContent":["import { type DOMConversionMap,  type NodeKey, type Spread, type DOMExportOutput, type LexicalCommand, createCommand, LexicalNode } from 'lexical'\r\nimport { type GridNodeAttrType , GridNode,SerializedGridNode } from \"./GridNode\"\r\n\r\n\r\n/**\r\n * 插入文本格子\r\n */\r\nexport const INSERT_TEXTGRID_COMMAND: LexicalCommand<GridNodeAttrType> = createCommand('INSERT_TEXTGRID_COMMAND')\r\n\r\n/**\r\n * 属性\r\n */\r\nexport type TextGridNodeAttrType  = GridNodeAttrType & {};\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedTextGridNode= Spread<{ attrs:TextGridNodeAttrType },SerializedGridNode>\r\n\r\n/**\r\n * 布局格子\r\n */\r\nexport class TextGridNode extends GridNode{\r\n\r\n  declare __attrs:TextGridNodeAttrType\r\n\r\n  static getType(): string { return \"text-grid\"; }\r\n\r\n  static hasGridNodeByElement(el:HTMLElement):HTMLElement|null{\r\n    return el.classList.contains(TextGridNode.getMarkClassName()) ? el : null;\r\n  }\r\n \r\n  static getMarkClassName(): string {\r\n    return `mk-doc__${TextGridNode.getType()}`\r\n  }\r\n  static getExtraClassName(el:HTMLElement){\r\n    return GridNode.getExtraClassName(el).replace(TextGridNode.getMarkClassName(),\"\").trim();\r\n  }\r\n  static clone(node: TextGridNode): TextGridNode{\r\n    return new TextGridNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedTextGridNode): TextGridNode{\r\n    return new TextGridNode(serializedNode.attrs)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n\r\n        return  TextGridNode.hasGridNodeByElement(domNode) ? {\r\n\r\n          conversion: ()=>{ \r\n\r\n            return  { \r\n              node:new TextGridNode({\r\n                class:TextGridNode.getExtraClassName(domNode),\r\n                width:domNode.style.width || \"100%\",\r\n                height:domNode.style.height,\r\n                flex:domNode.style.flex,\r\n                maxWidth:domNode.style.maxWidth,\r\n                maxHeight:domNode.style.maxHeight\r\n              } as TextGridNodeAttrType) \r\n            };\r\n          },\r\n          priority: 4\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(attrs:TextGridNodeAttrType,key?: NodeKey) {\r\n    super(attrs,key)\r\n  }\r\n\r\n  /**\r\n   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:TextGridNodeAttrType){\r\n    const writable = this.getWritable();\r\n    Object.assign(writable.__attrs,data)\r\n  }\r\n\r\n  /**\r\n   * 获取属性\r\n   * @param pos \r\n   */\r\n  getAttrs():TextGridNodeAttrType{\r\n    return this.__attrs;\r\n  }\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedGridNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      attrs:this.__attrs,\r\n      version: 1\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * 是否是文本格子\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isTextGridNode(\r\n  node: TextGridNode | LexicalNode | null | undefined,\r\n): node is TextGridNode {\r\n  return node instanceof TextGridNode\r\n}\r\n"],"names":["createCommand","GridNode"],"mappings":";;;;AAOa,MAAA,0BAA4DA,sBAAc,yBAAyB;AAezG,MAAM,qBAAqBC,SAAAA,SAAQ;AAAA,EAIxC,OAAO,UAAkB;AAAS,WAAA;AAAA,EAAa;AAAA,EAE/C,OAAO,qBAAqB,IAAgC;AAC1D,WAAO,GAAG,UAAU,SAAS,aAAa,kBAAkB,IAAI,KAAK;AAAA,EACvE;AAAA,EAEA,OAAO,mBAA2B;AACzB,WAAA,WAAW,aAAa,QAAA,CAAS;AAAA,EAC1C;AAAA,EACA,OAAO,kBAAkB,IAAe;AAC/B,WAAAA,kBAAS,kBAAkB,EAAE,EAAE,QAAQ,aAAa,oBAAmB,EAAE,EAAE;EACpF;AAAA,EACA,OAAO,MAAM,MAAiC;AAC5C,WAAO,IAAI,aAAa,KAAK,SAAQ,KAAK,KAAK;AAAA,EACjD;AAAA,EAEA,OAAO,WAAW,gBAAqD;AAC9D,WAAA,IAAI,aAAa,eAAe,KAAK;AAAA,EAC9C;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAEtB,eAAA,aAAa,qBAAqB,OAAO,IAAI;AAAA,UAEnD,YAAY,MAAI;AAEN,mBAAA;AAAA,cACN,MAAK,IAAI,aAAa;AAAA,gBACpB,OAAM,aAAa,kBAAkB,OAAO;AAAA,gBAC5C,OAAM,QAAQ,MAAM,SAAS;AAAA,gBAC7B,QAAO,QAAQ,MAAM;AAAA,gBACrB,MAAK,QAAQ,MAAM;AAAA,gBACnB,UAAS,QAAQ,MAAM;AAAA,gBACvB,WAAU,QAAQ,MAAM;AAAA,cAAA,CACD;AAAA,YAAA;AAAA,UAE7B;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,OAA2B,KAAe;AACpD,UAAM,OAAM,GAAG;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS,MAA2B;AAC5B,UAAA,WAAW,KAAK;AACf,WAAA,OAAO,SAAS,SAAQ,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAA+B;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,aAAiC;AACxB,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,OAAM,KAAK;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAEb;AACF;AAOO,SAAS,gBACd,MACsB;AACtB,SAAO,gBAAgB;AACzB;;;;"}

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

@@ -0,0 +1,143 @@
+"use strict";
+const vue = require("vue");
+const lexicalVue = require("lexical-vue");
+const utils = require("@lexical/utils");
+const lexical = require("lexical");
+const index = require("../../core/index.js");
+const GridNode = require("./GridNode.js");
+const LayoutGridNode = require("./LayoutGridNode.js");
+const TextGridNode = require("./TextGridNode.js");
+const ImageTextGridNode = require("./ImageTextGridNode.js");
+const ModuleGridNode = require("./ModuleGridNode.js");
+const commands = require("../ModulePlugin/commands.js");
+const utils$1 = require("../ModulePlugin/utils.js");
+require("../ImagePlugin/commands.js");
+const ImageNode = require("../ImagePlugin/ImageNode.js");
+const utils$2 = require("../../../dynamic-form-panel/utils.js");
+const utils$3 = require("./utils.js");
+const elementBlock = require("../../core/element-block.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const editor = lexicalVue.useLexicalComposer();
+    index.registerDocEditorToolbarExtend({
+      icon: "richtext-outline",
+      text: "图文环绕",
+      action: async () => {
+        editor.dispatchCommand(ImageTextGridNode.INSERT_IMAGETEXTGRID_COMMAND, null);
+      },
+      sort: 9
+    });
+    index.registerDocEditorToolbarExtend({
+      icon: "Grid",
+      text: "文本容器",
+      action: async () => {
+        editor.dispatchCommand(TextGridNode.INSERT_TEXTGRID_COMMAND, { width: "100%" });
+      },
+      sort: 9
+    });
+    index.registerDocEditorToolbarExtend({
+      icon: "Grid",
+      text: "模块容器",
+      action: async () => {
+        editor.dispatchCommand(ModuleGridNode.INSERT_MODULEGRID_COMMAND, {});
+      },
+      sort: 9
+    });
+    index.registerDocEditorToolbarExtend({
+      icon: "Grid",
+      text: "布局容器",
+      action: async () => {
+        editor.dispatchCommand(LayoutGridNode.INSERT_LAYOUTGRID_COMMAND, { display: "flex", width: "100%" });
+      },
+      sort: 9
+    });
+    const { isSelected, curSelectKey, curSelectPos } = elementBlock.useElementBlockSelection(GridNode.GridNode.hasGridNodeByElement, () => {
+      const node = lexical.$getNodeByKey(curSelectKey.value);
+      if (GridNode.$isGridNode(node)) {
+        const parent = node.getParent();
+        const toolbars = [
+          {
+            title: `编辑容器`,
+            icon: "Edit",
+            action: async () => {
+              var result = await utils$3.showGridEditDialoger(node, parent, node.getAttrs());
+              editor.update(() => node.setAttrs(result));
+            }
+          }
+        ];
+        if (ModuleGridNode.$isModuleGridNode(node)) {
+          toolbars.push(...[
+            {
+              title: "添加模块",
+              icon: "Plus",
+              action: async () => {
+                const result = await utils$1.showModuleSelectDialog();
+                const defaultData = utils$2.createDefaultFormData(result.options);
+                editor.dispatchCommand(commands.INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
+              }
+            }
+          ]);
+        }
+        return toolbars;
+      }
+      return null;
+    });
+    vue.onMounted(() => {
+      const insertGridHandle = (layoutGrid) => {
+        const selection = lexical.$getSelection();
+        const elementNode = lexical.$isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : null;
+        if (elementNode) {
+          elementNode.append(layoutGrid);
+        } else {
+          utils.$insertNodeToNearestRoot(layoutGrid);
+        }
+      };
+      const unregister = utils.mergeRegister(
+        // 插入布局格子
+        editor.registerCommand(LayoutGridNode.INSERT_LAYOUTGRID_COMMAND, (payload) => {
+          insertGridHandle(new LayoutGridNode.LayoutGridNode(payload));
+          return true;
+        }, lexical.COMMAND_PRIORITY_EDITOR),
+        // 插入文本格子
+        editor.registerCommand(TextGridNode.INSERT_TEXTGRID_COMMAND, (payload) => {
+          const textGrid = new TextGridNode.TextGridNode(payload);
+          const p = lexical.$createParagraphNode();
+          textGrid.append(p);
+          insertGridHandle(textGrid);
+          return true;
+        }, lexical.COMMAND_PRIORITY_EDITOR),
+        // 插入模块格子
+        editor.registerCommand(ModuleGridNode.INSERT_MODULEGRID_COMMAND, (payload) => {
+          insertGridHandle(new ModuleGridNode.ModuleGridNode(payload));
+          return true;
+        }, lexical.COMMAND_PRIORITY_EDITOR),
+        // 插入图文环绕格子
+        editor.registerCommand(ImageTextGridNode.INSERT_IMAGETEXTGRID_COMMAND, () => {
+          const textImageGrid = new ImageTextGridNode.ImageTextGridNode({ width: "100%" });
+          const textGrid = new TextGridNode.TextGridNode({ width: "100%" });
+          textGrid.append(lexical.$createParagraphNode());
+          textImageGrid.append(new ImageNode.InlineImageNode({
+            src: "",
+            float: "left",
+            width: "200px",
+            margin: "0 10px 10px 0"
+          }));
+          textImageGrid.append(textGrid);
+          insertGridHandle(textImageGrid);
+          return true;
+        }, lexical.COMMAND_PRIORITY_EDITOR)
+      );
+      vue.onUnmounted(() => unregister());
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(isSelected) ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "mk-doc-active-mark box",
+        style: vue.normalizeStyle(vue.unref(curSelectPos))
+      }, null, 4)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { useLexicalComposer } from 'lexical-vue'\r\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\r\nimport { \r\n  $getNodeByKey,$createParagraphNode,$isNodeSelection, $getSelection,\r\n  ElementNode,COMMAND_PRIORITY_EDITOR\r\n} from 'lexical'\r\nimport { onMounted, onUnmounted,ref } from 'vue'\r\nimport { registerDocEditorToolbarExtend,type ToolbarExtendPlugin } from \"../../core\"\r\nimport { GridNode,$isGridNode } from \"./GridNode\"\r\nimport { type LayoutGridNodeAttrType,LayoutGridNode,INSERT_LAYOUTGRID_COMMAND } from \"./LayoutGridNode\"\r\nimport { type TextGridNodeAttrType,TextGridNode,INSERT_TEXTGRID_COMMAND } from \"./TextGridNode\"\r\nimport { type ImageTextGridNodeAttrType,ImageTextGridNode,INSERT_IMAGETEXTGRID_COMMAND } from \"./ImageTextGridNode\"\r\nimport { type ModuleGridNodeAttrType,ModuleGridNode,INSERT_MODULEGRID_COMMAND,$isModuleGridNode } from \"./ModuleGridNode\"\r\nimport { INSERT_MODULE_COMMAND } from \"../ModulePlugin/commands\"\r\nimport { showModuleSelectDialog } from \"../ModulePlugin/utils\"\r\nimport { ModuleType,useModule } from \"../ModulePlugin/composables\"\r\nimport { ImageAttrType,InlineImageNode } from '../ImagePlugin'\r\nimport {  useElementBlockSelection } from '../../core'\r\nimport { createDefaultFormData } from \"../../../dynamic-form-panel/utils\"\r\nimport { showGridEditDialoger } from \"./utils\"\r\n\r\n// 编辑器\r\nconst editor = useLexicalComposer()\r\n\r\n// 注册到工具条\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"richtext-outline\",\r\n  text:\"图文环绕\",\r\n  action:async ()=>{\r\n    editor.dispatchCommand(INSERT_IMAGETEXTGRID_COMMAND,null)\r\n  },\r\n  sort:9\r\n} as ToolbarExtendPlugin)\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"Grid\",\r\n  text:\"文本容器\",\r\n  action:async ()=>{\r\n    editor.dispatchCommand(INSERT_TEXTGRID_COMMAND,{ width:\"100%\" } as TextGridNodeAttrType)\r\n  },\r\n  sort:9\r\n} as ToolbarExtendPlugin)\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"Grid\",\r\n  text:\"模块容器\",\r\n  action:async ()=>{\r\n    editor.dispatchCommand(INSERT_MODULEGRID_COMMAND,{  } as ModuleGridNodeAttrType)\r\n  },\r\n  sort:9\r\n} as ToolbarExtendPlugin)\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"Grid\",\r\n  text:\"布局容器\",\r\n  action:async ()=>{\r\n    editor.dispatchCommand(INSERT_LAYOUTGRID_COMMAND,{ display:\"flex\",width:\"100%\" } as LayoutGridNodeAttrType)\r\n  },\r\n  sort:9\r\n} as ToolbarExtendPlugin)\r\n\r\n// 使用元素模块 集成了模块选中删除以及工具条\r\nconst { isSelected, curSelectKey, curSelectPos } = useElementBlockSelection(GridNode.hasGridNodeByElement,()=>{\r\n  \r\n  const node = $getNodeByKey(curSelectKey.value)\r\n  \r\n  if($isGridNode(node)){\r\n\r\n    const parent = node.getParent() as ElementNode\r\n\r\n    const toolbars = [\r\n      {\r\n          title:`编辑容器`,icon:\"Edit\",action:async ()=>{\r\n\r\n            var result = await showGridEditDialoger(node,parent,node.getAttrs());\r\n      \r\n            editor.update(() => node.setAttrs(result as any))\r\n          } \r\n        }\r\n    ];\r\n\r\n    // 模块容器\r\n    if($isModuleGridNode(node)){\r\n      toolbars.push(...[\r\n        {\r\n          title:\"添加模块\",icon:\"Plus\",action:async ()=>{\r\n            // 打开模块面板\r\n            const result = (await showModuleSelectDialog()) as ModuleType;\r\n            const defaultData = createDefaultFormData(result.options);\r\n            // 插入模块\r\n            editor.dispatchCommand(INSERT_MODULE_COMMAND,{ name:result.name,data:defaultData})\r\n          } \r\n        }\r\n      ])\r\n    }\r\n\r\n    return toolbars;\r\n  }\r\n\r\n  return null;\r\n})\r\n\r\n\r\nonMounted(() => {\r\n\r\n  // 插入格子\r\n  const insertGridHandle = (layoutGrid:GridNode)=>{\r\n    const selection = $getSelection()\r\n    const elementNode = $isNodeSelection(selection) ? selection?.getNodes()[0] as ElementNode : null;\r\n    if (elementNode) {\r\n      elementNode.append(layoutGrid);\r\n    }\r\n    else{\r\n      $insertNodeToNearestRoot(layoutGrid)\r\n    }\r\n  }\r\n \r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n    // 插入布局格子\r\n    editor.registerCommand<LayoutGridNodeAttrType>(INSERT_LAYOUTGRID_COMMAND,(payload) => { \r\n   \r\n      insertGridHandle(new LayoutGridNode(payload));\r\n     \r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n    // 插入文本格子\r\n    editor.registerCommand<TextGridNodeAttrType>(INSERT_TEXTGRID_COMMAND,(payload) => { \r\n   \r\n      const textGrid = new TextGridNode(payload)\r\n      const p = $createParagraphNode();\r\n      textGrid.append(p);\r\n      insertGridHandle(textGrid);\r\n     \r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n     // 插入模块格子\r\n    editor.registerCommand<ModuleGridNodeAttrType>(INSERT_MODULEGRID_COMMAND,(payload) => { \r\n      insertGridHandle(new ModuleGridNode(payload));\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n    // 插入图文环绕格子\r\n    editor.registerCommand(INSERT_IMAGETEXTGRID_COMMAND,() => { \r\n   \r\n      const textImageGrid = new ImageTextGridNode({ width:\"100%\" } as ImageTextGridNodeAttrType)\r\n      const textGrid = new TextGridNode({ width:\"100%\" } as TextGridNodeAttrType)\r\n\r\n      textGrid.append($createParagraphNode())\r\n\r\n      textImageGrid.append(new InlineImageNode({\r\n        src:\"\",\r\n        float:\"left\",\r\n        width:\"200px\",\r\n        margin:\"0 10px 10px 0\"\r\n      } as ImageAttrType))\r\n      textImageGrid.append(textGrid)\r\n\r\n\r\n      insertGridHandle(textImageGrid);\r\n     \r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR)\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"mk-doc-active-mark box\" v-if=\"isSelected\" :style=\"curSelectPos\">\r\n    \r\n  </div>\r\n</template>\r\n./GridNode\r\n"],"names":["useLexicalComposer","registerDocEditorToolbarExtend","INSERT_IMAGETEXTGRID_COMMAND","INSERT_TEXTGRID_COMMAND","INSERT_MODULEGRID_COMMAND","INSERT_LAYOUTGRID_COMMAND","useElementBlockSelection","GridNode","$getNodeByKey","$isGridNode","showGridEditDialoger","$isModuleGridNode","showModuleSelectDialog","createDefaultFormData","INSERT_MODULE_COMMAND","onMounted","$getSelection","$isNodeSelection","$insertNodeToNearestRoot","mergeRegister","LayoutGridNode","COMMAND_PRIORITY_EDITOR","TextGridNode","$createParagraphNode","ModuleGridNode","ImageTextGridNode","InlineImageNode","onUnmounted"],"mappings":"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"}

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dialog = require("../../../dynamic-form-panel/dialog.js");
+require("vue");
+require("element-plus");
+const LayoutGridNode = require("./LayoutGridNode.js");
+const ModuleGridNode = require("./ModuleGridNode.js");
+const showGridEditDialoger = async (node, parent, data) => {
+  const options = [
+    { name: "class", title: "标识类名 : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+    { name: "width", title: "宽度（支持%） : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+    { name: "height", title: "高度度（支持%） : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+    { name: "maxWidth", title: "最大宽度（支持%） : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+    { name: "maxHeight", title: "最大高度（支持%） : ", component: "el-input", props: { clearable: true }, defaultValue: "" }
+  ];
+  if (LayoutGridNode.$isLayoutGridNode(parent)) {
+    options.push({ name: "flex", title: "弹性比例（Flex） : ", component: "el-input", props: { clearable: true }, defaultValue: "" });
+  }
+  if (LayoutGridNode.$isLayoutGridNode(node)) {
+    options.push(...[
+      { name: "flexDirection", title: "flex-direction : ", component: "el-input", props: { clearable: true }, defaultValue: "column" },
+      { name: "flexWrap", title: "flex-wrap） : ", component: "el-input", props: { clearable: true }, defaultValue: "warp" },
+      { name: "alignContent", title: "align-content : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+      { name: "justifyContent", title: "justify-content : ", component: "el-input", props: { clearable: true }, defaultValue: "" },
+      { name: "alignItems", title: "align-items : ", component: "el-input", props: { clearable: true }, defaultValue: "" }
+    ]);
+  } else if (ModuleGridNode.$isModuleGridNode(node)) {
+    options.push({ name: "overflowX", title: "横向滚动 : ", component: "el-switch", props: {}, defaultValue: false });
+  }
+  return await dialog.showDynamicFormDialoger("模块容器", options, data);
+};
+exports.showGridEditDialoger = showGridEditDialoger;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/basic/doc-editor/plugins/GridPlugin/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/utils.ts"],"sourcesContent":["import { LexicalNode } from \"lexical\"\r\n\r\nimport { createDefaultFormData } from \"../../../dynamic-form-panel/utils\"\r\nimport { showDynamicFormDialoger } from \"../../../dynamic-form-panel\"\r\n\r\nimport { GridNode,$isGridNode } from \"./GridNode\"\r\nimport { $isLayoutGridNode } from \"./LayoutGridNode\"\r\nimport { type TextGridNodeAttrType,TextGridNode,INSERT_TEXTGRID_COMMAND } from \"./TextGridNode\"\r\nimport { type ImageTextGridNodeAttrType,ImageTextGridNode,INSERT_IMAGETEXTGRID_COMMAND } from \"./ImageTextGridNode\"\r\nimport { type ModuleGridNodeAttrType,ModuleGridNode,INSERT_MODULEGRID_COMMAND,$isModuleGridNode } from \"./ModuleGridNode\"\r\n\r\nexport const showGridEditDialoger = async (node:GridNode,parent:LexicalNode,data:any)=>{\r\n\r\n  // 表单面板\r\n  const options = [\r\n    { name:\"class\", title:\"标识类名 : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n    { name:\"width\", title:\"宽度（支持%） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n    { name:\"height\", title:\"高度度（支持%） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n    { name:\"maxWidth\", title:\"最大宽度（支持%） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n    { name:\"maxHeight\", title:\"最大高度（支持%） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" }\r\n  ];\r\n\r\n  if($isLayoutGridNode(parent)){\r\n    options.push({ name:\"flex\", title:\"弹性比例（Flex） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" })\r\n  }\r\n\r\n  // 布局格子\r\n  if($isLayoutGridNode(node)){\r\n    options.push(...[\r\n      { name:\"flexDirection\", title:\"flex-direction : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"column\" },\r\n      { name:\"flexWrap\", title:\"flex-wrap） : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"warp\" },\r\n      { name:\"alignContent\", title:\"align-content : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n      { name:\"justifyContent\", title:\"justify-content : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" },\r\n      { name:\"alignItems\", title:\"align-items : \", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" }\r\n    ]);\r\n  }\r\n  else if($isModuleGridNode(node)){\r\n    options.push( { name:\"overflowX\", title:\"横向滚动 : \", component:\"el-switch\",  props:{ } as any, defaultValue:false as any });\r\n  }\r\n\r\n  return await showDynamicFormDialoger(\"模块容器\",options,data)\r\n}\r\n"],"names":["$isLayoutGridNode","$isModuleGridNode","showDynamicFormDialoger"],"mappings":";;;;;;;AAWO,MAAM,uBAAuB,OAAO,MAAc,QAAmB,SAAW;AAGrF,QAAM,UAAU;AAAA,IACd,EAAE,MAAK,SAAS,OAAM,WAAW,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,IAClG,EAAE,MAAK,SAAS,OAAM,cAAc,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,IACrG,EAAE,MAAK,UAAU,OAAM,eAAe,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,IACvG,EAAE,MAAK,YAAY,OAAM,gBAAgB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,IAC1G,EAAE,MAAK,aAAa,OAAM,gBAAgB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,EAAA;AAG1G,MAAAA,eAAAA,kBAAkB,MAAM,GAAE;AAC3B,YAAQ,KAAK,EAAE,MAAK,QAAQ,OAAM,iBAAiB,WAAU,YAAa,OAAM,EAAE,WAAU,KAAQ,GAAA,cAAa,IAAI;AAAA,EACvH;AAGG,MAAAA,eAAAA,kBAAkB,IAAI,GAAE;AACzB,YAAQ,KAAK,GAAG;AAAA,MACd,EAAE,MAAK,iBAAiB,OAAM,qBAAqB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,SAAS;AAAA,MAC1H,EAAE,MAAK,YAAY,OAAM,iBAAiB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,OAAO;AAAA,MAC/G,EAAE,MAAK,gBAAgB,OAAM,oBAAoB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,MAClH,EAAE,MAAK,kBAAkB,OAAM,sBAAsB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,MACtH,EAAE,MAAK,cAAc,OAAM,kBAAkB,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,IAAA,CAC/G;AAAA,EAAA,WAEKC,eAAAA,kBAAkB,IAAI,GAAE;AAC9B,YAAQ,KAAM,EAAE,MAAK,aAAa,OAAM,WAAW,WAAU,aAAc,OAAM,CAAA,GAAY,cAAa,MAAc,CAAA;AAAA,EAC1H;AAEA,SAAO,MAAMC,OAAAA,wBAAwB,QAAO,SAAQ,IAAI;AAC1D;;"}

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

@@ -27,7 +27,7 @@ class ImageNode extends lexical.TextNode {
       img: (el) => {
         const src = el.getAttribute("src");
         const alt = el.getAttribute("alt");
-        return el.tagName.toLowerCase() == "img" && !el.style.float ? {
+        return el.tagName.toLowerCase() == "img" ? {
           conversion: (domNode) => {
             return {
               node: $createImageNode({
@@ -42,7 +42,7 @@ class ImageNode extends lexical.TextNode {
               })
             };
           },
-          priority: 1
+          priority: 0
         } : null;
       }
     };
@@ -63,9 +63,6 @@ class ImageNode extends lexical.TextNode {
     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);
     }
@@ -89,19 +86,6 @@ class ImageNode extends lexical.TextNode {
     element.setAttribute("style", this.getStyles().join(";"));
     return { element };
   }
-  /**
-   * 设置属性
-   * @param pos 
-   */
-  setAttrs(data) {
-    const writable = this.getWritable();
-    Object.assign(writable.__attrs, data);
-  }
-  /**
-   * 创建DOM
-   * @param config 
-   * @returns 
-   */
   createDOM(config) {
     const element = document.createElement("img");
     element.setAttribute("src", this.__attrs.src || ImageDefaultSrc);
@@ -121,16 +105,26 @@ class ImageNode extends lexical.TextNode {
     super.updateDOM(prevNode, inner, config);
     return false;
   }
-  getTextContent(_includeInert, _includeDirectionless) {
-    return "";
+  canHaveFormat() {
+    return false;
+  }
+  isToken() {
+    return true;
   }
   /**
-   * 内联
-   * @returns 
+   * 设置属性
+   * @param pos 
    */
-  isInline() {
-    return true;
+  setAttrs(data) {
+    const writable = this.getWritable();
+    Object.assign(writable.__attrs, data);
   }
+  // getTextContent(
+  //   includeInert?: boolean | undefined,
+  //   includeDirectionless?: false | undefined,
+  // ): string { 
+  //   return (this.exportDOM().element as HTMLImageElement).outerHTML;
+  // }
 }
 class InlineImageNode extends ImageNode {
   static getType() {

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

@@ -1 +1 @@
-{"version":3,"file":"ImageNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/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  SerializedElementNode,\r\n  SerializedTextNode\r\n} from 'lexical'\r\nimport { ElementNode,TextNode } from 'lexical'\r\n\r\n\r\n// 默认图片\r\nconst ImageDefaultSrc = \"data:image/png;base64,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\";\r\n\r\n\r\n/**\r\n * 图片属性类型\r\n */\r\nexport type ImageAttrType = {\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 SerializedImageNode = Spread<\r\n  {\r\n    attrs: ImageAttrType\r\n  },\r\n  SerializedTextNode\r\n>\r\n\r\n/**\r\n * 定义图片节点\r\n */\r\nexport class ImageNode extends TextNode {\r\n  __attrs: ImageAttrType\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.__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  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (el: HTMLElement) => {\r\n\r\n        const src = el.getAttribute('src');\r\n        const alt = el.getAttribute('alt');\r\n\r\n        return el.tagName.toLowerCase() == \"img\" && !el.style.float ?   {\r\n          conversion: (domNode: HTMLElement) => {\r\n\r\n            return { \r\n              \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:\"\"\r\n              } as ImageAttrType) \r\n            };\r\n          },\r\n          priority: 1\r\n        } : null\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(attrs: ImageAttrType,  key?: NodeKey) {\r\n    super(\"\",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  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  exportDOM(): DOMExportOutput {\r\n\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    \r\n    return { element }\r\n  }\r\n\r\n  /**\r\n   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:any){\r\n    const writable = this.getWritable();\r\n    Object.assign(writable.__attrs,data)\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 = document.createElement('img') \r\n\r\n    element.setAttribute('src', this.__attrs.src || ImageDefaultSrc) \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    element.setAttribute(\"node-key\",this.__key)\r\n    element.setAttribute(\"class\",config.theme.image ?? \"\")\r\n\r\n\r\n    return element\r\n  }\r\n\r\n  updateDOM(\r\n    prevNode: ImageNode,\r\n    dom: HTMLElement,\r\n    config: EditorConfig,\r\n  ): boolean {\r\n    // console.log(prevNode,dom,dom.firstChild,config);\r\n    const inner = dom.firstChild\r\n    if (inner === null){ return true }\r\n    super.updateDOM(prevNode, inner as HTMLElement, config)\r\n    return false\r\n  }\r\n\r\n  getTextContent(\r\n    _includeInert?: boolean | undefined,\r\n    _includeDirectionless?: false | undefined,\r\n  ): string { return \"\"; }\r\n\r\n  /**\r\n   * 内联\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\r\n    return true;\r\n  }\r\n}\r\n/**\r\n * 定义内联图片节点\r\n */\r\nexport class InlineImageNode extends ImageNode{\r\n  \r\n  static getType(): string {\r\n    return 'InlineImage'\r\n  }\r\n\r\n  static clone(node: ImageNode): ImageNode {\r\n    return new InlineImageNode(node.__attrs,  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  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (el: HTMLElement) => {\r\n\r\n        const src = el.getAttribute('src');\r\n        const alt = el.getAttribute('alt');\r\n\r\n        return el.tagName.toLowerCase() == \"img\" && el.style.float ?   {\r\n          conversion: (domNode: HTMLElement) => {\r\n           \r\n            // 内联图\r\n            return { \r\n              node:new InlineImageNode({\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 ImageAttrType) \r\n            };\r\n          },\r\n          priority: 1\r\n        } : null\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(attrs: ImageAttrType,  key?: NodeKey) {\r\n    super(attrs,key)\r\n  }\r\n\r\n  /**\r\n   * 非内联元素\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\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: ImageAttrType): 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":["TextNode"],"mappings":"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"}
+{"version":3,"file":"ImageNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/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  SerializedElementNode,\r\n  SerializedTextNode\r\n} from 'lexical'\r\nimport { ElementNode,TextNode } from 'lexical'\r\n\r\n\r\n// 默认图片\r\nconst ImageDefaultSrc = \"data:image/png;base64,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\";\r\n\r\n\r\n/**\r\n * 图片属性类型\r\n */\r\nexport type ImageAttrType = {\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 SerializedImageNode = Spread<\r\n  {\r\n    attrs: ImageAttrType\r\n  },\r\n  SerializedTextNode\r\n>\r\n\r\n/**\r\n * 定义图片节点\r\n */\r\nexport class ImageNode extends TextNode {\r\n  __attrs: ImageAttrType\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.__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  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (el: HTMLElement) => {\r\n\r\n        const src = el.getAttribute('src');\r\n        const alt = el.getAttribute('alt');\r\n\r\n        return el.tagName.toLowerCase() == \"img\" ?   {\r\n          conversion: (domNode: HTMLElement) => {\r\n\r\n            return { \r\n              \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:\"\"\r\n              } as ImageAttrType) \r\n            };\r\n          },\r\n          priority: 0\r\n        } : null\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(attrs: ImageAttrType,  key?: NodeKey) {\r\n    super(\"\",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  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.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  exportDOM(): DOMExportOutput {\r\n\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    \r\n    return { element }\r\n  }\r\n \r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const element = document.createElement('img') \r\n\r\n    element.setAttribute('src', this.__attrs.src || ImageDefaultSrc) \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    element.setAttribute(\"node-key\",this.__key)\r\n    element.setAttribute(\"class\",config.theme.image ?? \"\")\r\n\r\n\r\n    return element\r\n  }\r\n\r\n  updateDOM(\r\n    prevNode: ImageNode,\r\n    dom: HTMLElement,\r\n    config: EditorConfig,\r\n  ): boolean {\r\n    // console.log(prevNode,dom,dom.firstChild,config);\r\n    const inner = dom.firstChild\r\n    if (inner === null){ return true }\r\n    super.updateDOM(prevNode, inner as HTMLElement, config)\r\n    return false\r\n  }\r\n\r\n  canHaveFormat() {\r\n    return false;\r\n  }\r\n  isToken() {\r\n    return true;\r\n  }\r\n  /**\r\n   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:any){\r\n    const writable = this.getWritable();\r\n    Object.assign(writable.__attrs,data)\r\n  }\r\n\r\n  // getTextContent(\r\n  //   includeInert?: boolean | undefined,\r\n  //   includeDirectionless?: false | undefined,\r\n  // ): string { \r\n  //   return (this.exportDOM().element as HTMLImageElement).outerHTML;\r\n  // }\r\n\r\n\r\n}\r\n/**\r\n * 定义内联图片节点\r\n */\r\nexport class InlineImageNode extends ImageNode{\r\n  \r\n  static getType(): string {\r\n    return 'InlineImage'\r\n  }\r\n\r\n  static clone(node: ImageNode): ImageNode {\r\n    return new InlineImageNode(node.__attrs,  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  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      img: (el: HTMLElement) => {\r\n\r\n        const src = el.getAttribute('src');\r\n        const alt = el.getAttribute('alt');\r\n\r\n        return el.tagName.toLowerCase() == \"img\" && el.style.float ?   {\r\n          conversion: (domNode: HTMLElement) => {\r\n           \r\n            // 内联图\r\n            return { \r\n              node:new InlineImageNode({\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 ImageAttrType) \r\n            };\r\n          },\r\n          priority: 1\r\n        } : null\r\n      },\r\n    }\r\n  }\r\n\r\n  constructor(attrs: ImageAttrType,  key?: NodeKey) {\r\n    super(attrs,key)\r\n  }\r\n\r\n  /**\r\n   * 非内联元素\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\r\n    return false;\r\n  }\r\n\r\n\r\n}\r\n\r\n/**\r\n * 创建图片节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createImageNode(attrs: ImageAttrType): 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":["TextNode"],"mappings":"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"}