@maketribe/ms-app 3.2.42 → 3.2.44

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

@@ -1,162 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-class GridNode extends lexical.ElementNode {
-  constructor(attrs, key) {
-    super(key);
-    __publicField(this, "__attrs");
-    this.__attrs = attrs;
-  }
-  static getType() {
-    return "grid";
-  }
-  static hasGridNodeByElement(el) {
-    return el.classList.contains(GridNode.getMarkClassName()) ? el : null;
-  }
-  static getMarkClassName() {
-    return `mk-doc__${GridNode.getType()}`;
-  }
-  static getExtraClassName(el) {
-    return el.className.replace(GridNode.getMarkClassName(), "").trim();
-  }
-  static clone(node) {
-    return new GridNode(node.__attrs, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return new GridNode(serializedNode.attrs);
-  }
-  static importDOM() {
-    return {
-      div: $covertGridDOM,
-      section: $covertGridDOM
-    };
-  }
-  /**
-   * 选中标题
-   * @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
-    };
-  }
-  /**
-   * 获取标识类
-   * @returns 
-   */
-  getMarkClassName() {
-    return `mk-doc__${this.getType()}`;
-  }
-  /**
-   * 更新元素属性
-   * @param el 
-   */
-  updateElementAttr(el) {
-    Object.keys(this.__attrs).filter((key) => key != "class").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());
-    }
-  }
-  /**
-   * 导出DOM
-   * @returns 
-   */
-  exportDOM() {
-    const element = document.createElement("div");
-    this.updateElementAttr(element);
-    return { element };
-  }
-  /**
-   * 创建渲染DOM
-   * @param config 
-   * @returns 
-   */
-  createDOM(config) {
-    const el = this.exportDOM().element;
-    el.setAttribute("node-key", this.__key);
-    return el;
-  }
-  /**
-   * 更新DOM
-   * @param prevNode 
-   * @param dom 
-   * @param config 
-   * @returns 
-   */
-  updateDOM(prevNode, el, config) {
-    this.updateElementAttr(el);
-    return false;
-  }
-  /**
-   * 非内联
-   * @returns 
-   */
-  isInline() {
-    return false;
-  }
-}
-const $covertGridDOM = (domNode) => {
-  return GridNode.hasGridNodeByElement(domNode) ? {
-    conversion: () => {
-      return {
-        node: new GridNode({
-          class: GridNode.getExtraClassName(domNode),
-          width: domNode.style.width,
-          height: domNode.style.height,
-          flex: domNode.style.flex,
-          maxWidth: domNode.style.maxWidth,
-          maxHeight: domNode.style.maxHeight
-        })
-      };
-    },
-    priority: 1
-  } : null;
-};
-function $isGridNode(node) {
-  return node instanceof GridNode;
-}
-exports.$isGridNode = $isGridNode;
-exports.GridNode = GridNode;
-//# sourceMappingURL=GridNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GridNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/GridNode.ts"],"sourcesContent":["\r\n\r\n\r\n\r\n\r\nimport type { DOMConversionMap, SerializedElementNode, LexicalNode, NodeKey, Spread,EditorConfig, DOMExportOutput, DOMConversion } from 'lexical'\r\nimport { ElementNode } from 'lexical'\r\n\r\n/**\r\n * 容器属性\r\n */\r\nexport type GridNodeAttrType = {\r\n  class:string,\r\n  width:string,\r\n  height:string,\r\n  maxWidth:string,\r\n  maxHeight:string,\r\n  flex:string\r\n};\r\n\r\n// console.log(ElementNode);\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedGridNode = Spread<{ attrs:GridNodeAttrType },SerializedElementNode>\r\n\r\n/**\r\n * 格子\r\n */\r\nexport class GridNode extends ElementNode{\r\n\r\n  __attrs:GridNodeAttrType\r\n\r\n  static getType(): string { return \"grid\"; }\r\n\r\n  static hasGridNodeByElement(el:HTMLElement):HTMLElement|null{\r\n    return el.classList.contains(GridNode.getMarkClassName()) ? el : null;\r\n  }\r\n\r\n  static getMarkClassName(): string {\r\n    return `mk-doc__${GridNode.getType()}`\r\n  }\r\n\r\n  static getExtraClassName(el:HTMLElement){\r\n    return el.className.replace(GridNode.getMarkClassName(),\"\").trim();\r\n  }\r\n\r\n  static clone(node: GridNode): GridNode {\r\n  \r\n    return new GridNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedGridNode): GridNode {\r\n    return new GridNode(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:GridNodeAttrType,key?: NodeKey) {\r\n    super(key)\r\n    this.__attrs = attrs;\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?:GridNodeAttrType){\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():GridNodeAttrType{\r\n    return this.__attrs;\r\n  }\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   * @returns \r\n   */\r\n  getMarkClassName(): string {\r\n    return `mk-doc__${this.getType()}`\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\").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\r\n  /**\r\n   * 导出DOM\r\n   * @returns \r\n   */\r\n  exportDOM(): DOMExportOutput {\r\n   \r\n    const element = document.createElement('div')\r\n\r\n    this.updateElementAttr(element);\r\n\r\n    return { element }\r\n  }\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n\r\n    const el = this.exportDOM().element as HTMLElement;\r\n\r\n    el.setAttribute(\"node-key\",this.__key)\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    this.updateElementAttr(el);\r\n    return false\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 * 转换DOM\r\n * @param node \r\n * @returns \r\n */\r\nconst $covertGridDOM = (domNode: HTMLElement):DOMConversion<HTMLElement> | null => {\r\n\r\n  return GridNode.hasGridNodeByElement(domNode) ? {\r\n\r\n    conversion: ()=>{ \r\n\r\n      return  { \r\n\r\n       node:new GridNode({\r\n          class:GridNode.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 GridNodeAttrType) \r\n      };\r\n    },\r\n    priority: 1\r\n  } : null;\r\n}\r\n\r\n\r\n/**\r\n * 是否是格子\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isGridNode(\r\n  node: GridNode | LexicalNode | null | undefined,\r\n): node is GridNode {\r\n  return node instanceof GridNode\r\n}\r\n\r\n"],"names":["ElementNode"],"mappings":"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"}

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

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const GridNode = require("./GridNode.js");
-const INSERT_IMAGETEXTGRID_COMMAND = lexical.createCommand("INSERT_IMAGETEXTGRID_COMMAND");
-class ImageTextGridNode extends GridNode.GridNode {
-  static getType() {
-    return "image-text";
-  }
-  static hasGridNodeByElement(el) {
-    return el.classList.contains(ImageTextGridNode.getMarkClassName()) ? el : null;
-  }
-  static getMarkClassName() {
-    return `mk-doc__${ImageTextGridNode.getType()}`;
-  }
-  static getExtraClassName(el) {
-    return GridNode.GridNode.getExtraClassName(el).replace(ImageTextGridNode.getMarkClassName(), "").trim();
-  }
-  static clone(node) {
-    return new ImageTextGridNode(node.__attrs, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return new ImageTextGridNode(serializedNode.attrs);
-  }
-  static importDOM() {
-    return {
-      div: (domNode) => {
-        return ImageTextGridNode.hasGridNodeByElement(domNode) ? {
-          conversion: () => {
-            return {
-              node: new ImageTextGridNode({
-                class: ImageTextGridNode.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
-    };
-  }
-  /* 不允许空
-   * @returns 
-   */
-  canBeEmpty() {
-    return false;
-  }
-}
-function $isImageTextGridNode(node) {
-  return node instanceof ImageTextGridNode;
-}
-exports.$isImageTextGridNode = $isImageTextGridNode;
-exports.INSERT_IMAGETEXTGRID_COMMAND = INSERT_IMAGETEXTGRID_COMMAND;
-exports.ImageTextGridNode = ImageTextGridNode;
-//# sourceMappingURL=ImageTextGridNode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageTextGridNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/GridPlugin/ImageTextGridNode.ts"],"sourcesContent":["import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread, DOMExportOutput } from 'lexical'\r\nimport { createCommand,} from 'lexical'\r\nimport { type GridNodeAttrType , GridNode,SerializedGridNode } from \"./GridNode\"\r\n\r\n/**\r\n * 属性\r\n */\r\nexport type ImageTextGridNodeAttrType  = GridNodeAttrType & {};\r\n\r\n/**\r\n * 插入图文\r\n */\r\nexport const INSERT_IMAGETEXTGRID_COMMAND: LexicalCommand<ImageTextGridNodeAttrType> = createCommand('INSERT_IMAGETEXTGRID_COMMAND')\r\n\r\n/**\r\n * 图文节点序列化\r\n */\r\nexport type SerializedImageTextGridNode = Spread<{},SerializedGridNode>\r\n\r\n/**\r\n * 图文格子\r\n */\r\nexport class ImageTextGridNode extends GridNode{\r\n\r\n  declare __attrs:ImageTextGridNodeAttrType\r\n\r\n  static getType(): string {\r\n    return \"image-text\";\r\n  }\r\n\r\n\r\n  static hasGridNodeByElement(el:HTMLElement):HTMLElement|null{\r\n    return el.classList.contains(ImageTextGridNode.getMarkClassName()) ? el : null;\r\n  }\r\n \r\n  static getMarkClassName(): string {\r\n    return `mk-doc__${ImageTextGridNode.getType()}`\r\n  }\r\n\r\n  static getExtraClassName(el:HTMLElement){\r\n    return GridNode.getExtraClassName(el).replace(ImageTextGridNode.getMarkClassName(),\"\").trim();\r\n  }\r\n\r\n  static clone(node: ImageTextGridNode): ImageTextGridNode {\r\n    return new ImageTextGridNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageTextGridNode): ImageTextGridNode {\r\n    return new ImageTextGridNode(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  ImageTextGridNode.hasGridNodeByElement(domNode) ? {\r\n\r\n          conversion: ()=>{ \r\n\r\n            return  { \r\n              node:new ImageTextGridNode({\r\n                class:ImageTextGridNode.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 ImageTextGridNodeAttrType) \r\n            };\r\n          },\r\n          priority: 4\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(attrs:ImageTextGridNodeAttrType,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   * 设置属性\r\n   * @param pos \r\n   */\r\n  setAttrs(data?:ImageTextGridNodeAttrType){\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():ImageTextGridNodeAttrType{\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   * @returns \r\n   */\r\n  canBeEmpty(): boolean {\r\n    return false\r\n  }\r\n}\r\n\r\n/**\r\n * 判断是否是图文节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageTextGridNode(\r\n  node: ImageTextGridNode | LexicalNode | null | undefined,\r\n): node is ImageTextGridNode {\r\n  return node instanceof ImageTextGridNode\r\n}\r\n"],"names":["createCommand","GridNode"],"mappings":";;;;AAYa,MAAA,+BAA0EA,sBAAc,8BAA8B;AAU5H,MAAM,0BAA0BC,SAAAA,SAAQ;AAAA,EAI7C,OAAO,UAAkB;AAChB,WAAA;AAAA,EACT;AAAA,EAGA,OAAO,qBAAqB,IAAgC;AAC1D,WAAO,GAAG,UAAU,SAAS,kBAAkB,kBAAkB,IAAI,KAAK;AAAA,EAC5E;AAAA,EAEA,OAAO,mBAA2B;AACzB,WAAA,WAAW,kBAAkB,QAAA,CAAS;AAAA,EAC/C;AAAA,EAEA,OAAO,kBAAkB,IAAe;AAC/B,WAAAA,kBAAS,kBAAkB,EAAE,EAAE,QAAQ,kBAAkB,oBAAmB,EAAE,EAAE;EACzF;AAAA,EAEA,OAAO,MAAM,MAA4C;AACvD,WAAO,IAAI,kBAAkB,KAAK,SAAQ,KAAK,KAAK;AAAA,EACtD;AAAA,EAEA,OAAO,WAAW,gBAAgE;AACzE,WAAA,IAAI,kBAAkB,eAAe,KAAK;AAAA,EACnD;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAEtB,eAAA,kBAAkB,qBAAqB,OAAO,IAAI;AAAA,UAExD,YAAY,MAAI;AAEN,mBAAA;AAAA,cACN,MAAK,IAAI,kBAAkB;AAAA,gBACzB,OAAM,kBAAkB,kBAAkB,OAAO;AAAA,gBACjD,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,CACI;AAAA,YAAA;AAAA,UAElC;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,OAAgC,KAAe;AACzD,UAAM,OAAM,GAAG;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAU;AACD,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS,MAAgC;AACjC,UAAA,WAAW,KAAK;AACf,WAAA,OAAO,SAAS,SAAQ,IAAI;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAoC;AAClC,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,EAMA,aAAsB;AACb,WAAA;AAAA,EACT;AACF;AAOO,SAAS,qBACd,MAC2B;AAC3B,SAAO,gBAAgB;AACzB;;;;"}

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

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const GridNode = require("./GridNode.js");
-const INSERT_LAYOUTGRID_COMMAND = lexical.createCommand("INSERT_LAYOUTGRID_COMMAND");
-class LayoutGridNode extends GridNode.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.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;
-}
-exports.$isLayoutGridNode = $isLayoutGridNode;
-exports.INSERT_LAYOUTGRID_COMMAND = INSERT_LAYOUTGRID_COMMAND;
-exports.LayoutGridNode = LayoutGridNode;
-//# sourceMappingURL=LayoutGridNode.js.map

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

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

@@ -1,149 +0,0 @@
-"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: $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.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.GridNode.getMarkClassName())) {
-      el.classList.add(GridNode.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;
-}
-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

@@ -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":["createCommand","GridNode"],"mappings":"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"}