@maketribe/ms-app 3.2.42 → 3.2.43

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

@@ -1,129 +0,0 @@
-import { createCommand } from "lexical";
-import { GridNode } from "./GridNode.js";
-const INSERT_LAYOUTGRID_COMMAND = createCommand("INSERT_LAYOUTGRID_COMMAND");
-class LayoutGridNode extends GridNode {
-  static getType() {
-    return "layout-grid";
-  }
-  static hasGridNodeByElement(el) {
-    return el.classList.contains(LayoutGridNode.getMarkClassName()) ? el : null;
-  }
-  static getMarkClassName() {
-    return `mk-doc__${LayoutGridNode.getType()}`;
-  }
-  static getExtraClassName(el) {
-    return GridNode.getExtraClassName(el).replace(LayoutGridNode.getMarkClassName(), "").trim();
-  }
-  static clone(node) {
-    return new LayoutGridNode(node.__attrs, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return new LayoutGridNode(serializedNode.attrs);
-  }
-  static importDOM() {
-    return {
-      div: $covertGridDOM,
-      section: $covertGridDOM
-    };
-  }
-  constructor(attrs, key) {
-    super(attrs, key);
-  }
-  /**
-   * 选中标题
-   * @returns 
-   */
-  getTitle() {
-    return "布局容器";
-  }
-  /**
-   * 设置属性
-   * @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
-    };
-  }
-  /**
-  * 创建渲染DOM
-  * @param config 
-  * @returns 
-  */
-  createDOM(config) {
-    const el = super.createDOM(config);
-    if (this.getChildrenSize() <= 0) {
-      el.setAttribute("contenteditable", "false");
-      el.setAttribute("data-lexical-decorator", "true");
-    }
-    return el;
-  }
-  /**
-  * 更新DOM
-  * @param prevNode 
-  * @param dom 
-  * @param config 
-  * @returns 
-  */
-  updateDOM(prevNode, el, config) {
-    super.updateDOM(prevNode, el, config);
-    if (this.getChildrenSize() <= 0) {
-      el.setAttribute("contenteditable", "false");
-      el.setAttribute("data-lexical-decorator", "true");
-    } else {
-      el.removeAttribute("contenteditable");
-      el.removeAttribute("data-lexical-decorator");
-    }
-    return false;
-  }
-}
-const $covertGridDOM = (domNode) => {
-  return LayoutGridNode.hasGridNodeByElement(domNode) ? {
-    conversion: () => {
-      return {
-        node: new LayoutGridNode({
-          class: LayoutGridNode.getExtraClassName(domNode),
-          display: domNode.style.display,
-          width: domNode.style.width,
-          height: domNode.style.height,
-          maxWidth: domNode.style.maxWidth,
-          maxHeight: domNode.style.maxHeight,
-          flex: domNode.style.flex,
-          flexDirection: domNode.style.flexDirection,
-          flexWrap: domNode.style.flexWrap,
-          alignContent: domNode.style.alignContent,
-          justifyContent: domNode.style.justifyContent,
-          alignItems: domNode.style.alignItems
-        })
-      };
-    },
-    priority: 4
-  } : null;
-};
-function $isLayoutGridNode(node) {
-  return node instanceof LayoutGridNode;
-}
-export {
-  $isLayoutGridNode,
-  INSERT_LAYOUTGRID_COMMAND,
-  LayoutGridNode
-};
-//# sourceMappingURL=LayoutGridNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutGridNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/LayoutGridNode.ts"],"sourcesContent":["import { type DOMConversionMap,type NodeKey, type Spread, type DOMExportOutput, type LexicalCommand, createCommand, LexicalNode, EditorConfig, DOMConversion } from 'lexical'\r\nimport { type GridNodeAttrType , GridNode,SerializedGridNode } from \"./GridNode\"\r\n\r\n/**\r\n * 属性\r\n */\r\nexport type LayoutGridNodeAttrType  = GridNodeAttrType & {\r\n  display:'flex'|'block'\r\n  flexDirection:'column'|'row'|'row-reverse'|'column-reverse',\r\n  flexWrap:'nowrap'|'warp',\r\n  alignContent:'center'|'flex-start',\r\n  justifyContent:'center'|'flex-start',\r\n  alignItems:'center'|'flex-start'\r\n};\r\n\r\n\r\n/**\r\n * 插入布局格子\r\n */\r\nexport const INSERT_LAYOUTGRID_COMMAND: LexicalCommand<LayoutGridNodeAttrType> = createCommand('INSERT_LAYOUTGRID_COMMAND')\r\n\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedLayoutGridNode = Spread<{ attrs:LayoutGridNodeAttrType },SerializedGridNode>\r\n\r\n/**\r\n * 布局格子\r\n */\r\nexport class LayoutGridNode extends GridNode{\r\n\r\n  declare __attrs:LayoutGridNodeAttrType\r\n\r\n  static getType(): string { return \"layout-grid\"; }\r\n\r\n  static hasGridNodeByElement(el:HTMLElement):HTMLElement|null{\r\n    return el.classList.contains(LayoutGridNode.getMarkClassName()) ? el : null;\r\n  }\r\n \r\n  static getMarkClassName(): string {\r\n    return `mk-doc__${LayoutGridNode.getType()}`\r\n  }\r\n  static getExtraClassName(el:HTMLElement){\r\n    return GridNode.getExtraClassName(el).replace(LayoutGridNode.getMarkClassName(),\"\").trim();\r\n  }\r\n  static clone(node: LayoutGridNode): LayoutGridNode {\r\n    return new LayoutGridNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedLayoutGridNode): LayoutGridNode {\r\n    return new LayoutGridNode(serializedNode.attrs)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : $covertGridDOM,\r\n      section : $covertGridDOM\r\n    }\r\n  }\r\n\r\n  constructor(attrs:LayoutGridNodeAttrType,key?: NodeKey) {\r\n    super(attrs,key)\r\n  }\r\n\r\n  /**\r\n   * 选中标题\r\n   * @returns \r\n   */\r\n  getTitle(){\r\n    return \"布局容器\";\r\n  }\r\n  /**\r\n   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:LayoutGridNodeAttrType){\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():LayoutGridNodeAttrType{\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   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n   createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const el = super.createDOM(config);\r\n\r\n    if(this.getChildrenSize() <= 0 ){\r\n      el.setAttribute(\"contenteditable\",\"false\")\r\n      el.setAttribute(\"data-lexical-decorator\",\"true\")\r\n    }\r\n\r\n    return el;\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: GridNode, el: HTMLElement, config: EditorConfig): boolean {\r\n      // 更新属性\r\n      super.updateDOM(prevNode,el,config);\r\n      if(this.getChildrenSize() <= 0 ){\r\n        el.setAttribute(\"contenteditable\",\"false\")\r\n        el.setAttribute(\"data-lexical-decorator\",\"true\")\r\n      }\r\n      else{\r\n        el.removeAttribute(\"contenteditable\")\r\n        el.removeAttribute(\"data-lexical-decorator\")\r\n      }\r\n      return false\r\n    }\r\n \r\n}\r\n\r\n\r\n/**\r\n * 转换DOM\r\n * @param node \r\n * @returns \r\n */\r\nconst $covertGridDOM = (domNode: HTMLElement):DOMConversion<HTMLElement> | null => {\r\n\r\n  return  LayoutGridNode.hasGridNodeByElement(domNode) ? {\r\n\r\n    conversion: ()=>{ \r\n\r\n      return  { \r\n        node:new LayoutGridNode({\r\n          class:LayoutGridNode.getExtraClassName(domNode),\r\n          display:domNode.style.display,\r\n          width:domNode.style.width,\r\n          height:domNode.style.height,\r\n          maxWidth:domNode.style.maxWidth,\r\n          maxHeight:domNode.style.maxHeight,\r\n          flex:domNode.style.flex,\r\n          flexDirection:domNode.style.flexDirection,\r\n          flexWrap:domNode.style.flexWrap,\r\n          alignContent:domNode.style.alignContent,\r\n          justifyContent:domNode.style.justifyContent,\r\n          alignItems:domNode.style.alignItems\r\n        } as LayoutGridNodeAttrType) \r\n      };\r\n    },\r\n    priority: 4\r\n  } : null;\r\n}\r\n\r\n/**\r\n * 是否是模块格子\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isLayoutGridNode(\r\n  node: LayoutGridNode | LexicalNode | null | undefined,\r\n): node is LayoutGridNode {\r\n  return node instanceof LayoutGridNode\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -1,149 +0,0 @@
-import { createCommand } from "lexical";
-import { GridNode } from "./GridNode.js";
-const INSERT_MODULEGRID_COMMAND = createCommand("INSERT_MODULEGRID_COMMAND");
-class ModuleGridNode extends 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.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: $covertGridDOM,
-      section: $covertGridDOM
-    };
-  }
-  constructor(attrs, key) {
-    super(attrs, key);
-  }
-  /**
-   * 选中标题
-   * @returns 
-   */
-  getTitle() {
-    return "模块容器";
-  }
-  /**
-   * 设置属性
-   * @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) {
-    Object.keys(this.__attrs).filter((key) => key != "class" && key != "overflowX").forEach((key) => {
-      el.style[key] = this.__attrs[key];
-    });
-    let extraClassName = GridNode.getExtraClassName(el);
-    if (extraClassName != this.__attrs.class) {
-      if (extraClassName) {
-        el.classList.remove(extraClassName);
-      }
-      if (this.__attrs.class) {
-        el.classList.add(this.__attrs.class);
-      }
-    }
-    if (!el.classList.contains(GridNode.getMarkClassName())) {
-      el.classList.add(GridNode.getMarkClassName());
-    }
-    if (!el.classList.contains(this.getMarkClassName())) {
-      el.classList.add(this.getMarkClassName());
-    }
-    if (this.__attrs.overflowX) {
-      el.style.overflowX = "auto";
-      el.style.whiteSpace = "nowrap";
-    } else {
-      el.style.overflowX = "";
-      el.style.whiteSpace = "";
-    }
-  }
-  /**
-  * 创建渲染DOM
-  * @param config 
-  * @returns 
-  */
-  createDOM(config) {
-    const el = super.createDOM(config);
-    el.setAttribute("contenteditable", "false");
-    el.setAttribute("data-lexical-decorator", "true");
-    return el;
-  }
-  // /**
-  //  * 非内联
-  //  * @returns 
-  //  */
-  // isInline(): boolean {
-  //   return false;
-  // }
-  // /**
-  //  * 定义为影子根
-  //  * @returns 
-  //  */
-  // isShadowRoot(): boolean {
-  //   return true;
-  // }
-}
-const $covertGridDOM = (domNode) => {
-  return ModuleGridNode.hasGridNodeByElement(domNode) ? {
-    conversion: () => {
-      return {
-        node: new ModuleGridNode({
-          class: ModuleGridNode.getExtraClassName(domNode),
-          width: domNode.style.width,
-          height: domNode.style.height,
-          flex: domNode.style.flex,
-          maxWidth: domNode.style.maxWidth,
-          maxHeight: domNode.style.maxHeight,
-          overflowX: domNode.style.overflowX == "auto"
-        })
-      };
-    },
-    priority: 4
-  } : null;
-};
-function $isModuleGridNode(node) {
-  return node instanceof ModuleGridNode;
-}
-export {
-  $isModuleGridNode,
-  INSERT_MODULEGRID_COMMAND,
-  ModuleGridNode
-};
-//# sourceMappingURL=ModuleGridNode.js.map

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

@@ -1 +0,0 @@
-{"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, EditorConfig, DOMConversion } 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 : $covertGridDOM,\r\n      section : $covertGridDOM\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   * @returns \r\n   */\r\n  getTitle(){\r\n    return \"模块容器\";\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\r\n    // 更新属性\r\n    Object.keys(this.__attrs).filter(key=>key != \"class\" && key != \"overflowX\").forEach((key:any)=>{\r\n      el.style[key] = (this.__attrs as any)[key]\r\n    })\r\n\r\n    // 移除格子基础标识\r\n    let extraClassName = GridNode.getExtraClassName(el);\r\n\r\n    if(extraClassName != this.__attrs.class){\r\n\r\n      if(extraClassName){\r\n        el.classList.remove(extraClassName);\r\n      }\r\n\r\n      // 添加样式\r\n      if (this.__attrs.class) {\r\n        el.classList.add(this.__attrs.class);\r\n      }\r\n    }\r\n\r\n    // 标识基础格子\r\n    if (!el.classList.contains(GridNode.getMarkClassName())) {\r\n      el.classList.add(GridNode.getMarkClassName());\r\n    }\r\n\r\n    // 标识指定格子\r\n    if (!el.classList.contains(this.getMarkClassName())) {\r\n      el.classList.add(this.getMarkClassName());\r\n    }\r\n\r\n    \r\n    if(this.__attrs.overflowX){\r\n      el.style.overflowX = \"auto\";\r\n      el.style.whiteSpace = \"nowrap\";\r\n    }\r\n    else{\r\n      el.style.overflowX = \"\";\r\n      el.style.whiteSpace = \"\";\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 el = super.createDOM(config);\r\n\r\n    el.setAttribute(\"contenteditable\",\"false\")\r\n    el.setAttribute(\"data-lexical-decorator\",\"true\")\r\n\r\n    return el;\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 * 转换DOM\r\n * @param node \r\n * @returns \r\n */\r\nconst $covertGridDOM = (domNode: HTMLElement):DOMConversion<HTMLElement> | null => {\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,\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 * @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":[],"mappings":"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"}

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

@@ -1,101 +0,0 @@
-import { createCommand } from "lexical";
-import { GridNode } from "./GridNode.js";
-const INSERT_TEXTGRID_COMMAND = createCommand("INSERT_TEXTGRID_COMMAND");
-class TextGridNode extends 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.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,
-                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);
-  }
-  /**
-   * 选中标题
-   * @returns 
-   */
-  getTitle() {
-    return "文本框";
-  }
-  /**
-   * 设置属性
-   * @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
-    };
-  }
-  //  /**
-  //  * 创建渲染DOM
-  //  * @param config 
-  //  * @returns 
-  //  */
-  //  createDOM(config: EditorConfig): HTMLElement {
-  //   const el = super.createDOM(config);
-  //   el.setAttribute("contenteditable","true")
-  //   el.setAttribute("data-lexical-decorator","true")
-  //   return el;
-  // }
-}
-function $isTextGridNode(node) {
-  return node instanceof TextGridNode;
-}
-export {
-  $isTextGridNode,
-  INSERT_TEXTGRID_COMMAND,
-  TextGridNode
-};
-//# sourceMappingURL=TextGridNode.js.map

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

@@ -1 +0,0 @@
-{"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, EditorConfig } 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,\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   * @returns \r\n   */\r\n  getTitle(){\r\n    return \"文本框\";\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  //  * 创建渲染DOM\r\n  //  * @param config \r\n  //  * @returns \r\n  //  */\r\n  //  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n  //   const el = super.createDOM(config);\r\n\r\n  //   el.setAttribute(\"contenteditable\",\"true\")\r\n  //   el.setAttribute(\"data-lexical-decorator\",\"true\")\r\n\r\n  //   return el;\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":[],"mappings":";;AAOa,MAAA,0BAA4D,cAAc,yBAAyB;AAezG,MAAM,qBAAqB,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,WAAA,SAAS,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;AAAA,gBACpB,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,WAAU;AACD,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBF;AAOO,SAAS,gBACd,MACsB;AACtB,SAAO,gBAAgB;AACzB;"}

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

@@ -1,180 +0,0 @@
-import { defineComponent, onMounted, onUnmounted } from "vue";
-import "@lexical/text";
-import { mergeRegister, $insertNodeToNearestRoot } from "@lexical/utils";
-import "@lexical/overflow";
-import { COMMAND_PRIORITY_EDITOR, $createParagraphNode, $getNodeByKey, $getSelection, $isNodeSelection } from "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../core/composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import { registerDocEditorToolbarExtend } from "../../core/index.js";
-import { $isGridNode, GridNode } from "./GridNode.js";
-import { INSERT_LAYOUTGRID_COMMAND, LayoutGridNode } from "./LayoutGridNode.js";
-import { INSERT_TEXTGRID_COMMAND, TextGridNode } from "./TextGridNode.js";
-import { INSERT_IMAGETEXTGRID_COMMAND, ImageTextGridNode } from "./ImageTextGridNode.js";
-import { INSERT_MODULEGRID_COMMAND, ModuleGridNode, $isModuleGridNode } from "./ModuleGridNode.js";
-import { INSERT_MODULE_COMMAND } from "../ModulePlugin/commands.js";
-import { showModuleSelectDialog } from "../ModulePlugin/utils.js";
-import "../ImagePlugin/commands.js";
-import { InlineImageNode } from "../ImagePlugin/ImageNode.js";
-import { createDefaultFormData } from "../../../dynamic-form-panel/utils.js";
-import { showGridEditDialoger } from "./utils.js";
-import { useElementBlockSelection } from "../../core/element-block.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const editor = useLexicalComposer();
-    registerDocEditorToolbarExtend({
-      icon: "richtext-outline",
-      text: "图文环绕",
-      action: async () => {
-        editor.dispatchCommand(INSERT_IMAGETEXTGRID_COMMAND, { width: "100%" });
-      },
-      sort: 80
-    });
-    registerDocEditorToolbarExtend({
-      icon: "Grid",
-      text: "文本容器",
-      action: async () => {
-        editor.dispatchCommand(INSERT_TEXTGRID_COMMAND, { width: "100%" });
-      },
-      sort: 81
-    });
-    registerDocEditorToolbarExtend({
-      icon: "Grid",
-      text: "模块容器",
-      action: async () => {
-        editor.dispatchCommand(INSERT_MODULEGRID_COMMAND, { width: "100%" });
-      },
-      sort: 70
-    });
-    registerDocEditorToolbarExtend({
-      icon: "Grid",
-      text: "布局容器",
-      action: async () => {
-        editor.dispatchCommand(INSERT_LAYOUTGRID_COMMAND, { display: "flex", width: "100%" });
-      },
-      sort: 1
-    });
-    useElementBlockSelection((el) => {
-      if (el != null && el.parentElement != null && TextGridNode.hasGridNodeByElement(el) && ImageTextGridNode.hasGridNodeByElement(el.parentElement)) {
-        return el.parentElement;
-      }
-      return GridNode.hasGridNodeByElement(el);
-    }, (nodeKey) => {
-      const node = $getNodeByKey(nodeKey);
-      if ($isGridNode(node)) {
-        const parent = node.getParent();
-        const toolbars = [
-          {
-            title: `编辑容器`,
-            icon: "Edit",
-            action: async () => {
-              var result = await showGridEditDialoger(node, parent, node.getAttrs());
-              editor.update(() => node.setAttrs(result));
-            }
-          },
-          {
-            title: `在此之前插入布局容器`,
-            icon: "BottomLeft",
-            action: async () => {
-              editor.update(() => {
-                node.insertBefore(new LayoutGridNode({ display: "block", width: "100%" }));
-              });
-            }
-          },
-          {
-            title: `在此之后插入布局容器`,
-            icon: "BottomRight",
-            action: async () => {
-              editor.update(() => {
-                node.insertAfter(new LayoutGridNode({ display: "block", width: "100%" }));
-              });
-            }
-          }
-        ];
-        if ($isModuleGridNode(node)) {
-          toolbars.push(...[
-            {
-              title: "添加模块",
-              icon: "Plus",
-              action: async () => {
-                const result = await showModuleSelectDialog();
-                const defaultData = createDefaultFormData(result.options);
-                editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
-              }
-            }
-          ]);
-        }
-        return toolbars;
-      }
-      return null;
-    });
-    onMounted(() => {
-      const insertGridHandle = (layoutGrid) => {
-        const selection = $getSelection();
-        const elementNode = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : null;
-        if (elementNode) {
-          elementNode.append(layoutGrid);
-        } else {
-          $insertNodeToNearestRoot(layoutGrid);
-        }
-      };
-      const unregister = mergeRegister(
-        // 插入布局格子
-        editor.registerCommand(INSERT_LAYOUTGRID_COMMAND, (payload) => {
-          insertGridHandle(new LayoutGridNode(payload));
-          return true;
-        }, COMMAND_PRIORITY_EDITOR),
-        // 插入文本格子
-        editor.registerCommand(INSERT_TEXTGRID_COMMAND, (payload) => {
-          const textGrid = new TextGridNode(payload);
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          insertGridHandle(textGrid);
-          return true;
-        }, COMMAND_PRIORITY_EDITOR),
-        // 插入模块格子
-        editor.registerCommand(INSERT_MODULEGRID_COMMAND, (payload) => {
-          insertGridHandle(new ModuleGridNode(payload));
-          return true;
-        }, COMMAND_PRIORITY_EDITOR),
-        // 插入图文环绕格子
-        editor.registerCommand(INSERT_IMAGETEXTGRID_COMMAND, (payload) => {
-          const textImageGrid = new ImageTextGridNode(payload);
-          const textGrid = new TextGridNode({});
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textGrid.append($createParagraphNode());
-          textImageGrid.append(new InlineImageNode({
-            src: "",
-            float: "left",
-            width: "200px",
-            margin: "0 10px 10px 0"
-          }));
-          textImageGrid.append(textGrid);
-          insertGridHandle(textImageGrid);
-          return true;
-        }, COMMAND_PRIORITY_EDITOR)
-      );
-      onUnmounted(() => unregister());
-    });
-    return (_ctx, _cache) => {
-      return null;
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=index.vue.js.map

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

@@ -1 +0,0 @@
-{"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 '../../core/composables'\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 } 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, { width: \"100%\" } as ImageTextGridNodeAttrType)\r\n  },\r\n  sort: 80\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: 81\r\n} as ToolbarExtendPlugin)\r\nregisterDocEditorToolbarExtend({\r\n  icon: \"Grid\",\r\n  text: \"模块容器\",\r\n  action: async () => {\r\n    editor.dispatchCommand(INSERT_MODULEGRID_COMMAND, { width: \"100%\" } as ModuleGridNodeAttrType)\r\n  },\r\n  sort: 70\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: 1\r\n} as ToolbarExtendPlugin)\r\n\r\n// 使用元素模块 集成了模块选中删除以及工具条\r\nuseElementBlockSelection((el) => {\r\n\r\n  // 文本环绕的文本框不做选中处理\r\n  if (el != null && el.parentElement != null && TextGridNode.hasGridNodeByElement(el) && ImageTextGridNode.hasGridNodeByElement(el.parentElement)) {\r\n    return el.parentElement;\r\n  }\r\n\r\n  return GridNode.hasGridNodeByElement(el);\r\n\r\n}, (nodeKey) => {\r\n\r\n  const node = $getNodeByKey(nodeKey as any)\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        title: `在此之前插入布局容器`, icon: \"BottomLeft\", action: async () => {\r\n          editor.update(() => {\r\n            node.insertBefore(new LayoutGridNode({ display: \"block\", width: \"100%\" } as any))\r\n          })\r\n        }\r\n      },\r\n      {\r\n        title: `在此之后插入布局容器`, icon: \"BottomRight\", action: async () => {\r\n          editor.update(() => {\r\n            node.insertAfter(new LayoutGridNode({ display: \"block\", width: \"100%\" } as any))\r\n          })\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\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      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\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<ImageTextGridNodeAttrType>(INSERT_IMAGETEXTGRID_COMMAND, (payload) => {\r\n\r\n      const textImageGrid = new ImageTextGridNode(payload)\r\n      const textGrid = new TextGridNode({} as TextGridNodeAttrType)\r\n\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\r\n      textGrid.append($createParagraphNode())\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></template>\r\n"],"names":[],"mappings":"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"}

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

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

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

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