@maketribe/ms-app 3.2.23 → 3.2.25

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

@@ -0,0 +1,164 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { useModule } from "./composables.js";
+import { createHtml, createModuleMetaData } from "./utils.js";
+import { BaseBlockNode } from "../RichTextPlugin/nodes/BaseBlockNode.js";
+const AttrMarkName = "module-name";
+class ModuleBlockNode extends BaseBlockNode {
+  constructor(name, data, key) {
+    super(ModuleBlockNode.getType(), key);
+    __publicField(this, "__name");
+    __publicField(this, "__data");
+    this.__name = name;
+    this.__data = data;
+  }
+  static getType() {
+    return "module";
+  }
+  /**
+   * 克隆
+   * @param node 
+   * @returns 
+   */
+  static clone(node) {
+    return new ModuleBlockNode(node.__name, node.__data, node.__key);
+  }
+  /**
+   * 获取模块类标识
+   * @returns 
+   */
+  static getMarkClassName() {
+    return BaseBlockNode.getMarkClassName(ModuleBlockNode.getType());
+  }
+  /**
+   * 导入
+   * @param serializedNode 
+   * @returns 
+   */
+  static importJSON(serializedNode) {
+    return $createModuleBlockNode(serializedNode.name, serializedNode.data);
+  }
+  /**
+   * 获取html内容
+   */
+  getHtml() {
+    const { module } = useModule(this.__name);
+    return createHtml(module.template, this.__data);
+  }
+  /**
+   * 设置内容
+   * @param html 
+   */
+  setContent(data) {
+    const writable = this.getWritable();
+    writable.__data = data;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.getType(),
+      version: 1,
+      name: this.__name,
+      data: this.__data
+    };
+  }
+  static importDOM() {
+    return {
+      div: $covertModuleBlockDOM,
+      section: $covertModuleBlockDOM
+    };
+  }
+  /**
+   * 获取文本内容
+   * @param _includeInert 
+   * @param _includeDirectionless 
+   * @returns 
+   */
+  getTextContent(_includeInert, _includeDirectionless) {
+    const element = document.createElement("div");
+    const { module } = useModule(this.__name);
+    element.innerHTML = createHtml(module.template, this.__data);
+    return element.textContent;
+  }
+  /**
+   * 创建模块的el
+   * @returns 
+   */
+  createModuleElement() {
+    const element = document.createElement("div");
+    const { module } = useModule(this.__name);
+    element.innerHTML = createHtml(module.template, this.__data);
+    if (element.children.length > 1) {
+      throw new Error("定义模块模版的时候请用一个容器将模版内容包裹起来，不能有多个并列的元素！");
+    }
+    const contentEl = element.children[0];
+    if (!contentEl.classList.contains(this.getMarkClassName())) {
+      contentEl.classList.add(this.getMarkClassName());
+    }
+    contentEl.setAttribute(AttrMarkName, this.__name);
+    return contentEl;
+  }
+  /**
+   * 导出DOM结构
+   * @returns 
+   */
+  exportDOM() {
+    return { element: this.createModuleElement() };
+  }
+  /**
+   * 渲染
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const el = this.createModuleElement();
+    el.setAttribute("node-key", this.__key);
+    el.setAttribute("contenteditable", "false");
+    el.setAttribute("data-lexical-decorator", "true");
+    return el;
+  }
+  /**
+  * 更新DOM
+  * @param prevNode 
+  * @param dom 
+  * @param config 
+  * @returns 
+  */
+  updateDOM(prevNode, dom, config) {
+    const el = this.createModuleElement();
+    dom.innerHTML = el.innerHTML;
+    return false;
+  }
+}
+function $createModuleBlockNode(name, data) {
+  return new ModuleBlockNode(name, data);
+}
+function $isModuleBlockNode(node) {
+  return node instanceof ModuleBlockNode;
+}
+const $covertModuleBlockDOM = (domNode) => {
+  const name = domNode.getAttribute(AttrMarkName);
+  const isModule = BaseBlockNode.hasBlockByType(domNode, ModuleBlockNode.getType());
+  const moduleContent = domNode.innerHTML;
+  if (isModule && name) {
+    domNode.innerHTML = "";
+  }
+  return isModule && name ? {
+    conversion: () => {
+      const { module } = useModule(name);
+      const { data } = createModuleMetaData(moduleContent, module.options);
+      return {
+        node: $createModuleBlockNode(name, data)
+      };
+    },
+    priority: 4
+  } : null;
+};
+export {
+  $covertModuleBlockDOM,
+  $createModuleBlockNode,
+  $isModuleBlockNode,
+  ModuleBlockNode
+};
+//# sourceMappingURL=ModuleBlockNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/ModuleBlockNode.ts"],"sourcesContent":["\r\nimport type {\r\n  DOMConversionMap,\r\n  DOMExportOutput,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n  EditorConfig,\r\n  DOMConversion,\r\n} from 'lexical'\r\nimport { type Component,h} from 'vue'\r\nimport { DecoratorModuleBlockNode } from \"../../core\"\r\nimport { useModule } from \"./composables\"\r\nimport { createHtml,createModuleMetaData } from \"./utils\"\r\nimport RenderComponent from \"./ModuleRenderComponent\"\r\nimport { BaseBlockNode,SerializedBlockNode } from '../RichTextPlugin/nodes/BaseBlockNode'\r\n\r\n/**\r\n * 模块模版节点序列化\r\n */\r\nexport type SerializedModuleBlockNode = Spread<\r\n  {\r\n    name:string,\r\n    data: object\r\n  },\r\n  SerializedBlockNode\r\n>\r\n\r\n//\r\nconst ClassMarkName = \"module-name\";\r\n// 属性标识\r\nconst AttrMarkName = \"module-name\";\r\n\r\n/**\r\n * 模块节点\r\n */\r\nexport class ModuleBlockNode extends BaseBlockNode {\r\n  __name: string\r\n  __data: object\r\n\r\n  static getType(): string {\r\n    return \"module\";\r\n  }\r\n\r\n  /**\r\n   * 克隆\r\n   * @param node \r\n   * @returns \r\n   */\r\n  static clone(node: ModuleBlockNode): ModuleBlockNode {\r\n    return new ModuleBlockNode(node.__name,node.__data,node.__key)\r\n  }\r\n\r\n  /**\r\n   * 获取模块类标识\r\n   * @returns \r\n   */\r\n  static getMarkClassName(): string {\r\n    return BaseBlockNode.getMarkClassName(ModuleBlockNode.getType())\r\n  }\r\n\r\n  /**\r\n   * 导入\r\n   * @param serializedNode \r\n   * @returns \r\n   */\r\n  static importJSON(serializedNode: SerializedModuleBlockNode): ModuleBlockNode {\r\n    return $createModuleBlockNode(serializedNode.name,serializedNode.data)\r\n  }\r\n\r\n  constructor(name: string, data: object,  key?: NodeKey) {\r\n    super(ModuleBlockNode.getType(),key)\r\n    this.__name = name\r\n    this.__data = data\r\n  }\r\n\r\n  /**\r\n   * 获取html内容\r\n   */\r\n  getHtml(){\r\n    const { module } = useModule(this.__name);\r\n    return createHtml(module.template,this.__data)\r\n  }\r\n\r\n  /**\r\n   * 设置内容\r\n   * @param html \r\n   */\r\n  setContent(data:any){\r\n    const writable = this.getWritable();\r\n    writable.__data = data;\r\n  }\r\n\r\n  exportJSON(): SerializedModuleBlockNode {\r\n\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      version: 1,\r\n      name:this.__name,\r\n      data: this.__data\r\n    }\r\n  }\r\n\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : $covertModuleBlockDOM,\r\n      section : $covertModuleBlockDOM \r\n    }\r\n  }\r\n\r\n  /**\r\n   * 获取文本内容\r\n   * @param _includeInert \r\n   * @param _includeDirectionless \r\n   * @returns \r\n   */\r\n  getTextContent(\r\n    _includeInert?: boolean | undefined,\r\n    _includeDirectionless?: false | undefined,\r\n  ): string {\r\n\r\n    const element = document.createElement('div')\r\n    const { module } = useModule(this.__name);\r\n    element.innerHTML = createHtml(module.template,this.__data);\r\n\r\n    return element.textContent as string;\r\n  }\r\n\r\n  /**\r\n   * 创建模块的el\r\n   * @returns \r\n   */\r\n  createModuleElement(): HTMLElement {\r\n    const element = document.createElement('div')\r\n    const { module } = useModule(this.__name);\r\n    element.innerHTML = createHtml(module.template,this.__data);\r\n\r\n    if(element.children.length > 1){\r\n      throw new Error(\"定义模块模版的时候请用一个容器将模版内容包裹起来，不能有多个并列的元素！\");\r\n    }\r\n\r\n    const contentEl = element.children[0] as HTMLElement;\r\n\r\n    if (!contentEl.classList.contains(this.getMarkClassName())) {\r\n      contentEl.classList.add(this.getMarkClassName());\r\n    }\r\n\r\n    // 模块名称标识\r\n    contentEl.setAttribute(AttrMarkName,this.__name)\r\n    \r\n    return contentEl;\r\n  }\r\n\r\n  /**\r\n   * 导出DOM结构\r\n   * @returns \r\n   */\r\n  exportDOM(): DOMExportOutput {\r\n    return { element:this.createModuleElement() }\r\n  }\r\n\r\n  /**\r\n   * 渲染\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const el = this.createModuleElement();\r\n    el.setAttribute(\"node-key\",this.__key)\r\n    el.setAttribute(\"contenteditable\",\"false\")\r\n    el.setAttribute(\"data-lexical-decorator\",\"true\")\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: ModuleBlockNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    const el = this.createModuleElement();\r\n    dom.innerHTML = el.innerHTML;\r\n    return false\r\n  }\r\n  \r\n}\r\n\r\n/**\r\n * 创建节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createModuleBlockNode(name:string,data: object): ModuleBlockNode {\r\n  return new ModuleBlockNode(name,data)\r\n}\r\n\r\n/**\r\n * 判断节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleBlockNode(\r\n  node: ModuleBlockNode | LexicalNode | null | undefined,\r\n): node is ModuleBlockNode {\r\n  return node instanceof ModuleBlockNode\r\n}\r\n\r\n\r\n/**\r\n * 转换模块DOM\r\n * @param node \r\n * @returns \r\n */\r\nexport const $covertModuleBlockDOM = (domNode: HTMLElement):DOMConversion<HTMLElement> | null => {\r\n\r\n  const name = domNode.getAttribute(AttrMarkName) as string;\r\n  const isModule = BaseBlockNode.hasBlockByType(domNode,ModuleBlockNode.getType());\r\n  const moduleContent = domNode.innerHTML ;\r\n\r\n  if(isModule && name){\r\n    domNode.innerHTML = \"\";\r\n  }\r\n\r\n  return isModule && name ? {\r\n    conversion: ()=>{ \r\n     \r\n      const { module } = useModule(name);\r\n      const { data } = createModuleMetaData(moduleContent,module.options);\r\n\r\n      return { \r\n        node:$createModuleBlockNode(name,data)\r\n      };\r\n    },\r\n    priority: 4\r\n  } : null;\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { createCommand } from "lexical";
+import { BaseBlockCantainerNode } from "../RichTextPlugin/nodes/BaseBlockCantainerNode.js";
+const INSERT_MODULECONTAINER_COMMAND = createCommand("INSERT_MODULECONTAINER_COMMAND");
+class ModuleContainerNode extends BaseBlockCantainerNode {
+  constructor(attrs, key) {
+    super(ModuleContainerNode.getType(), key);
+    __publicField(this, "__attrs");
+    this.__attrs = attrs;
+  }
+  static getType() {
+    return "module-container";
+  }
+  /**
+   * 获取模块类标识
+   * @returns 
+   */
+  static getMarkClassName() {
+    return BaseBlockCantainerNode.getMarkClassName(ModuleContainerNode.getType());
+  }
+  static clone(node) {
+    return new ModuleContainerNode(node.__attrs, node.__key);
+  }
+  static importJSON(serializedNode) {
+    return new ModuleContainerNode(serializedNode.attrs);
+  }
+  static importDOM() {
+    return {
+      div: (domNode) => {
+        const data = {};
+        return BaseBlockCantainerNode.hasBlockByType(domNode, ModuleContainerNode.getType()) ? {
+          conversion: () => {
+            const className = domNode.className.replace(ModuleContainerNode.getMarkClassName(), "").trim();
+            return {
+              node: $createModuleContainerNode(Object.assign({
+                isFlex: false,
+                direction: "",
+                wrap: false,
+                alignContent: "",
+                justifyContent: "",
+                alignItems: "",
+                class: className
+              }, data))
+            };
+          },
+          priority: 4
+        } : null;
+      }
+    };
+  }
+  /**
+   * 设置属性
+   * @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
+  * @returns 
+  */
+  exportDOM() {
+    const out = super.exportDOM();
+    const el = out.element;
+    if (this.__attrs.class && !el.classList.contains(this.__attrs.class)) {
+      el.classList.add(this.__attrs.class);
+    }
+    return out;
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    const el = super.createDOM(config);
+    if (this.__attrs.class && !el.classList.contains(this.__attrs.class)) {
+      el.classList.add(this.__attrs.class);
+    }
+    if (this.getChildrenSize() <= 0) {
+      el.classList.add("empty");
+    }
+    return el;
+  }
+  /**
+  * 更新DOM
+  * @param prevNode 
+  * @param el 
+  * @param config 
+  * @returns 
+  */
+  updateDOM(node, el, config) {
+    if (node.__attrs.class) {
+      el.className = `${ModuleContainerNode.getMarkClassName()} ${node.__attrs.class}`;
+    } else {
+      el.className = `${ModuleContainerNode.getMarkClassName()}`;
+    }
+    return false;
+  }
+}
+function $isModuleContainerNode(node) {
+  return node instanceof ModuleContainerNode;
+}
+function $createModuleContainerNode(data) {
+  return new ModuleContainerNode(Object.assign({
+    isFlex: false,
+    direction: "",
+    wrap: false,
+    alignContent: "",
+    justifyContent: "",
+    alignItems: "",
+    class: ""
+  }, data));
+}
+export {
+  $createModuleContainerNode,
+  $isModuleContainerNode,
+  INSERT_MODULECONTAINER_COMMAND,
+  ModuleContainerNode
+};
+//# sourceMappingURL=ModuleContainerNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleContainerNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/ModuleContainerNode.ts"],"sourcesContent":["\r\n\r\n\r\n\r\n\r\nimport type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread,EditorConfig, DOMExportOutput } from 'lexical'\r\nimport { createCommand } from 'lexical'\r\nimport { BaseBlockCantainerNode,SerializedBlockCantainerNode } from '../RichTextPlugin/nodes/BaseBlockCantainerNode'\r\n\r\n/**\r\n * 容器属性\r\n */\r\nexport type ModuleContainerAttrType = {\r\n  isFlex:boolean,\r\n  direction:'column'|'row'|'row-reverse'|'column-reverse',\r\n  wrap:boolean,\r\n  alignContent:'center'|'flex-start',\r\n  justifyContent:'center'|'flex-start',\r\n  alignItems:'center'|'flex-start',\r\n  class:string\r\n};\r\n\r\n/**\r\n * 插入模块容器\r\n */\r\nexport const INSERT_MODULECONTAINER_COMMAND: LexicalCommand<ModuleContainerAttrType> = createCommand('INSERT_MODULECONTAINER_COMMAND')\r\n\r\n/**\r\n * 图文节点序列化\r\n */\r\nexport type SerializedModuleContainerNode = Spread<{\r\n  attrs:ModuleContainerAttrType\r\n},SerializedBlockCantainerNode>\r\n\r\n/**\r\n * 模块容器\r\n */\r\nexport class ModuleContainerNode extends BaseBlockCantainerNode{\r\n  __attrs:ModuleContainerAttrType\r\n\r\n  static getType(): string {\r\n    return \"module-container\";\r\n  }\r\n  /**\r\n   * 获取模块类标识\r\n   * @returns \r\n   */\r\n  static getMarkClassName(): string {\r\n    return BaseBlockCantainerNode.getMarkClassName(ModuleContainerNode.getType())\r\n  }\r\n\r\n  static clone(node: ModuleContainerNode): ModuleContainerNode {\r\n    return new ModuleContainerNode(node.__attrs,node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedModuleContainerNode): ModuleContainerNode {\r\n    return new ModuleContainerNode(serializedNode.attrs)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n\r\n        const data = {};\r\n\r\n        return  BaseBlockCantainerNode.hasBlockByType(domNode,ModuleContainerNode.getType()) ? {\r\n          conversion: ()=>{ \r\n\r\n            // 标识类名\r\n            const className = domNode.className.replace(ModuleContainerNode.getMarkClassName(),\"\").trim();\r\n\r\n            return  { \r\n              node:$createModuleContainerNode(Object.assign({\r\n                isFlex:false,\r\n                direction:\"\",\r\n                wrap:false,\r\n                alignContent:\"\",\r\n                justifyContent:'',\r\n                alignItems:'',\r\n                class:className\r\n              },data) as ModuleContainerAttrType) \r\n            };\r\n          },\r\n          priority: 4\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(attrs:ModuleContainerAttrType,key?: NodeKey) {\r\n    super(ModuleContainerNode.getType(),key)\r\n    this.__attrs = attrs;\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   * 获取属性\r\n   * @param pos \r\n   */\r\n  getAttrs(){\r\n    return this.__attrs;\r\n  }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedModuleContainerNode {\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   * @returns \r\n   */\r\n  exportDOM(): DOMExportOutput {\r\n  \r\n    const out = super.exportDOM();\r\n    const el = out.element as HTMLElement\r\n\r\n    if (this.__attrs.class && !el.classList.contains(this.__attrs.class)) {\r\n      el.classList.add(this.__attrs.class);\r\n    }\r\n\r\n    return out\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.__attrs.class && !el.classList.contains(this.__attrs.class)) {\r\n      el.classList.add(this.__attrs.class);\r\n    }\r\n\r\n    if(this.getChildrenSize() <= 0){\r\n      el.classList.add(\"empty\")\r\n    }\r\n    \r\n    return el;\r\n  }\r\n\r\n    /**\r\n   * 更新DOM\r\n   * @param prevNode \r\n   * @param el \r\n   * @param config \r\n   * @returns \r\n   */\r\n    updateDOM(node: ModuleContainerNode, el: HTMLElement, config: EditorConfig): boolean {\r\n      if (node.__attrs.class) {\r\n        // 标识类名\r\n        el.className = `${ModuleContainerNode.getMarkClassName()} ${node.__attrs.class}`;\r\n      }\r\n      else{\r\n        el.className = `${ModuleContainerNode.getMarkClassName()}`;\r\n      }\r\n      return false\r\n    }\r\n}\r\n\r\n/**\r\n * 判断是否是模块容器节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isModuleContainerNode(\r\n  node: ModuleContainerNode | LexicalNode | null | undefined,\r\n): node is ModuleContainerNode {\r\n  return node instanceof ModuleContainerNode\r\n}\r\n\r\n\r\n/**\r\n * 创建模块容器\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createModuleContainerNode(data: ModuleContainerAttrType): ModuleContainerNode {\r\n  return new ModuleContainerNode(Object.assign({\r\n    isFlex:false,\r\n    direction:\"\",\r\n    wrap:false,\r\n    alignContent:\"\",\r\n    justifyContent:'',\r\n    alignItems:'',\r\n    class:\"\"\r\n  },data))\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { createCommand } from "lexical";
+const INSERT_MODULE_COMMAND = createCommand("INSERT_MODULE_COMMAND");
+export {
+  INSERT_MODULE_COMMAND
+};
+//# sourceMappingURL=commands.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/commands.ts"],"sourcesContent":["\r\n\r\nimport { type LexicalCommand, createCommand} from 'lexical'\r\n\r\n/**\r\n * 属性类型\r\n */\r\nexport type ModulePropType = { name:string,data:object };\r\n\r\n/**\r\n * 插入模块模版块指令\r\n */\r\nexport const INSERT_MODULE_COMMAND: LexicalCommand<ModulePropType> = createCommand('INSERT_MODULE_COMMAND')\r\n"],"names":[],"mappings":";AAYa,MAAA,wBAAwD,cAAc,uBAAuB;"}

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

@@ -0,0 +1,21 @@
+const Modules = [];
+const registerDocModule = (options) => {
+  Modules.push(options);
+};
+const useModules = () => {
+  return Modules;
+};
+const useModule = (name) => {
+  const module = Modules.find((item) => item.name == name);
+  if (module == null) {
+    throw new Error("未知的模块模版：【" + name + "】");
+  }
+  return { module };
+};
+export {
+  Modules,
+  registerDocModule,
+  useModule,
+  useModules
+};
+//# sourceMappingURL=composables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/composables.ts"],"sourcesContent":["import { DynamicFormItemType } from \"../../../dynamic-form-panel\"\r\n\r\n/**\r\n * 模块模版类型\r\n */\r\nexport type ModuleType = {\r\n  name:string,\r\n  title:string,\r\n  cover:string,\r\n  template:string,\r\n  editorCss:string|null|undefined,\r\n  options:DynamicFormItemType[]\r\n}\r\n\r\n\r\n/**\r\n * 模块模版定义\r\n */\r\nexport const Modules:ModuleType[] = [];\r\n\r\n/**\r\n * 注册模块模版\r\n * @param options \r\n */\r\nexport const registerDocModule = (options:ModuleType) => {\r\n  Modules.push(options);\r\n}\r\n\r\n/**\r\n * \r\n * @param name \r\n * @returns \r\n */\r\nexport const useModules = () => {\r\n  return Modules;\r\n}\r\n\r\n/**\r\n * \r\n * @param name \r\n * @returns \r\n */\r\nexport const useModule = (name:string) => {\r\n\r\n  const module = Modules.find(item=>item.name == name);\r\n\r\n  if(module == null){\r\n    throw new Error(\"未知的模块模版：【\" + name + \"】\");\r\n  }\r\n\r\n  return { module };\r\n}\r\n"],"names":[],"mappings":"AAkBO,MAAM,UAAuB,CAAC;AAMxB,MAAA,oBAAoB,CAAC,YAAuB;AACvD,UAAQ,KAAK,OAAO;AACtB;AAOO,MAAM,aAAa,MAAM;AACvB,SAAA;AACT;AAOa,MAAA,YAAY,CAAC,SAAgB;AAExC,QAAM,SAAS,QAAQ,KAAK,CAAM,SAAA,KAAK,QAAQ,IAAI;AAEnD,MAAG,UAAU,MAAK;AAChB,UAAM,IAAI,MAAM,cAAc,OAAO,GAAG;AAAA,EAC1C;AAEA,SAAO,EAAE,OAAO;AAClB;"}

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

@@ -0,0 +1,153 @@
+import { defineComponent, ref, onMounted, onUnmounted, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+import { useLexicalComposer } from "lexical-vue";
+import { mergeRegister, $insertNodeToNearestRoot } from "@lexical/utils";
+import { COMMAND_PRIORITY_EDITOR, $getNodeByKey } from "lexical";
+import { registerDocEditorToolbarExtend } from "../../core/index.js";
+import { useModule } from "./composables.js";
+import { ModuleBlockNode, $createModuleBlockNode, $isModuleBlockNode } from "./ModuleBlockNode.js";
+import { INSERT_MODULECONTAINER_COMMAND, $createModuleContainerNode, $isModuleContainerNode } from "./ModuleContainerNode.js";
+import { INSERT_MODULE_COMMAND } from "./commands.js";
+import { findModuleNodeEl, findModuleContainerEl, showModuleSelectDialog } from "./utils.js";
+import { createDefaultFormData } from "../../../dynamic-form-panel/utils.js";
+import { showDynamicFormDialoger } from "../../../dynamic-form-panel/dialog.js";
+import "element-plus";
+import { useElementModule } from "../../core/element-module.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const editor = useLexicalComposer();
+    registerDocEditorToolbarExtend({
+      icon: "Grid",
+      text: "模块",
+      action: async () => {
+        editor.dispatchCommand(INSERT_MODULECONTAINER_COMMAND, {});
+      },
+      sort: 9
+    });
+    const isSelectContainer = ref(false);
+    const { isSelected, curSelectKey, curSelectPos, updateActiveViewState } = useElementModule((el) => {
+      var modelEl = findModuleNodeEl(el);
+      var moduleContainerEl = findModuleContainerEl(el);
+      if (modelEl && moduleContainerEl) {
+        isSelectContainer.value = false;
+        return modelEl;
+      } else if (moduleContainerEl) {
+        isSelectContainer.value = true;
+        return moduleContainerEl;
+      }
+      isSelectContainer.value = false;
+      return null;
+    }, (selection) => {
+      const node = $getNodeByKey(curSelectKey.value);
+      if (node != null) {
+        const toolbarList = [];
+        if ($isModuleContainerNode(node)) {
+          toolbarList.push(...[
+            {
+              title: `编辑模块容器`,
+              icon: "Edit",
+              action: async () => {
+                var result = await showDynamicFormDialoger("模块容器", [
+                  { name: "class", title: "标识类名", component: "el-input", props: { clearable: true }, defaultValue: "" }
+                ], node.getAttrs());
+                editor.update(() => {
+                  node.setAttrs(result);
+                  updateActiveViewState(null);
+                });
+              }
+            },
+            {
+              title: "添加模块",
+              icon: "Plus",
+              action: async () => {
+                const result = await showModuleSelectDialog();
+                const defaultData = createDefaultFormData(result.options);
+                editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
+                updateActiveViewState(null);
+              }
+            }
+          ]);
+        } else if ($isModuleBlockNode(node)) {
+          const { module } = useModule(node.__name);
+          toolbarList.push(...[
+            {
+              title: `编辑【${module.title}】`,
+              icon: "Edit",
+              action: async () => {
+                var result = await showDynamicFormDialoger(module.title, module.options, node.__data);
+                editor.update(() => {
+                  node.setContent(result);
+                  updateActiveViewState(null);
+                });
+              }
+            },
+            {
+              title: `插入【${module.title}】之前`,
+              icon: "BottomLeft",
+              action: async () => {
+                const result = await showModuleSelectDialog();
+                const defaultData = createDefaultFormData(result.options);
+                editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
+                updateActiveViewState(null);
+                editor.update(() => {
+                  node.insertBefore($createModuleBlockNode(result.name, defaultData));
+                  updateActiveViewState(null);
+                });
+              }
+            },
+            {
+              title: `插入【${module.title}】之后`,
+              icon: "BottomRight",
+              action: async () => {
+                const result = await showModuleSelectDialog();
+                const defaultData = createDefaultFormData(result.options);
+                editor.dispatchCommand(INSERT_MODULE_COMMAND, { name: result.name, data: defaultData });
+                updateActiveViewState(null);
+                editor.update(() => {
+                  node.insertAfter($createModuleBlockNode(result.name, defaultData));
+                  updateActiveViewState(null);
+                });
+              }
+            }
+          ]);
+        }
+        return toolbarList;
+      }
+      return null;
+    });
+    onMounted(() => {
+      if (!editor.hasNodes([ModuleBlockNode])) {
+        throw new Error("ModuleBlockPlugin: 未注册模块模版节点！");
+      }
+      const unregister = mergeRegister(
+        // 插入模块容器
+        editor.registerCommand(INSERT_MODULECONTAINER_COMMAND, (payload) => {
+          $insertNodeToNearestRoot($createModuleContainerNode(payload));
+          return true;
+        }, COMMAND_PRIORITY_EDITOR),
+        // 插入模块
+        editor.registerCommand(INSERT_MODULE_COMMAND, (payload) => {
+          if (curSelectKey.value) {
+            const node = $getNodeByKey(curSelectKey.value);
+            if ($isModuleContainerNode(node)) {
+              node.append($createModuleBlockNode(payload.name, payload.data));
+            }
+          }
+          return true;
+        }, COMMAND_PRIORITY_EDITOR)
+      );
+      onUnmounted(() => unregister());
+    });
+    return (_ctx, _cache) => {
+      return unref(isSelected) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["mk-doc-active-mark", { box: isSelectContainer.value }]),
+        style: normalizeStyle(unref(curSelectPos))
+      }, null, 6)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/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  COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,CLICK_COMMAND, $getSelection,$isNodeSelection, $getNodeByKey\r\n} from 'lexical'\r\nimport { onMounted, onUnmounted,ref } from 'vue'\r\nimport { registerDocEditorToolbarExtend,type ToolbarExtendPlugin } from \"../../core\"\r\nimport { ModuleType,useModule } from \"./composables\"\r\nimport { ModuleBlockNode,$createModuleBlockNode,$isModuleBlockNode } from \"./ModuleBlockNode\"\r\nimport { type ModuleContainerAttrType,INSERT_MODULECONTAINER_COMMAND,$createModuleContainerNode,$isModuleContainerNode } from \"./ModuleContainerNode\"\r\nimport { INSERT_MODULE_COMMAND,type ModulePropType } from \"./commands\"\r\nimport { showModuleSelectDialog,findModuleNodeEl,findModuleContainerEl } from \"./utils\"\r\nimport { createDefaultFormData } from \"../../../dynamic-form-panel/utils\"\r\nimport {  useElementModule } from '../../core'\r\nimport { showDynamicFormDialoger } from \"../../../dynamic-form-panel\"\r\n\r\n// 编辑器\r\nconst editor = useLexicalComposer()\r\n\r\n// 注册到工具条\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"Grid\",\r\n  text:\"模块\",\r\n  action:async ()=>{\r\n    // 插入\r\n    editor.dispatchCommand(INSERT_MODULECONTAINER_COMMAND,{ } as ModuleContainerAttrType)\r\n \r\n  },\r\n  sort:9\r\n} as ToolbarExtendPlugin)\r\n\r\n// 是否是选中模块容器\r\nconst isSelectContainer = ref(false);\r\n\r\n// 使用元素模块 集成了模块选中删除以及工具条\r\nconst { isSelected, curSelectKey, curSelectPos,updateActiveViewState } = useElementModule(el=>{\r\n  \r\n  var modelEl = findModuleNodeEl(el);\r\n  var moduleContainerEl = findModuleContainerEl(el);\r\n\r\n\r\n  if(modelEl && moduleContainerEl){\r\n    isSelectContainer.value = false;\r\n    \r\n    return modelEl;\r\n  }\r\n  else if(moduleContainerEl){\r\n\r\n    isSelectContainer.value = true;\r\n\r\n    return moduleContainerEl;\r\n  }\r\n\r\n  isSelectContainer.value = false;\r\n  return null;\r\n\r\n},(selection)=>{\r\n  \r\n  const node = $getNodeByKey(curSelectKey.value)\r\n\r\n  if(node != null){\r\n\r\n    // 工具条\r\n    const toolbarList =  [];\r\n\r\n    // 模块容器\r\n    if($isModuleContainerNode(node)){\r\n      toolbarList.push(...[\r\n      {\r\n          title:`编辑模块容器`,icon:\"Edit\",action:async ()=>{\r\n\r\n            var result = await showDynamicFormDialoger(\"模块容器\",[\r\n            { name:\"class\", title:\"标识类名\", component:\"el-input\",  props:{ clearable:true }, defaultValue:\"\" }\r\n            ],node.getAttrs())\r\n      \r\n            editor.update(() => {\r\n              node.setAttrs(result)\r\n              updateActiveViewState(null);\r\n            })\r\n\r\n          } \r\n        },\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            updateActiveViewState(null);\r\n          } \r\n        }\r\n      ])\r\n    }\r\n    // 选中模块\r\n    else if($isModuleBlockNode(node)){\r\n\r\n      const { module } = useModule(node.__name);\r\n\r\n      toolbarList.push(...[\r\n        {\r\n          title:`编辑【${module.title}】`,icon:\"Edit\",action:async ()=>{\r\n\r\n            var result = await showDynamicFormDialoger(module.title,module.options,node.__data)\r\n      \r\n            editor.update(() => {\r\n              node.setContent(result)\r\n              updateActiveViewState(null);\r\n            })\r\n\r\n          } \r\n        },\r\n        {\r\n          title:`插入【${module.title}】之前`,icon:\"BottomLeft\",action:async ()=>{\r\n\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            updateActiveViewState(null);\r\n      \r\n            editor.update(() => {\r\n              node.insertBefore($createModuleBlockNode(result.name,defaultData))\r\n              updateActiveViewState(null);\r\n            })\r\n\r\n          } \r\n        },\r\n        {\r\n          title:`插入【${module.title}】之后`,icon:\"BottomRight\",action:async ()=>{\r\n\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            updateActiveViewState(null);\r\n      \r\n            editor.update(() => {\r\n              node.insertAfter($createModuleBlockNode(result.name,defaultData))\r\n              updateActiveViewState(null);\r\n            })\r\n\r\n          } \r\n        }\r\n      ])\r\n    }\r\n\r\n    return toolbarList;\r\n  }\r\n\r\n  return null;\r\n})\r\n\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ModuleBlockNode])){\r\n    throw new Error('ModuleBlockPlugin: 未注册模块模版节点！')\r\n  }\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n    // 插入模块容器\r\n    editor.registerCommand<ModuleContainerAttrType>(INSERT_MODULECONTAINER_COMMAND,(payload) => { \r\n      $insertNodeToNearestRoot($createModuleContainerNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n    // 插入模块\r\n    editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n      \r\n      if(curSelectKey.value){\r\n\r\n        const node = $getNodeByKey(curSelectKey.value);\r\n\r\n        if($isModuleContainerNode(node)){\r\n          node.append($createModuleBlockNode(payload.name,payload.data))\r\n        }\r\n      }\r\n     \r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR)\r\n\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\" :class=\"{box:isSelectContainer}\" v-if=\"isSelected\" :style=\"curSelectPos\">\r\n    \r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAmBA,UAAM,SAAS;AAGgB,mCAAA;AAAA,MAC7B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAO,YAAU;AAER,eAAA,gBAAgB,gCAA+B,CAAA,CAA8B;AAAA,MAEtF;AAAA,MACA,MAAK;AAAA,IAAA,CACiB;AAGlB,UAAA,oBAAoB,IAAI,KAAK;AAGnC,UAAM,EAAE,YAAY,cAAc,cAAa,0BAA0B,iBAAiB,CAAI,OAAA;AAExF,UAAA,UAAU,iBAAiB,EAAE;AAC7B,UAAA,oBAAoB,sBAAsB,EAAE;AAGhD,UAAG,WAAW,mBAAkB;AAC9B,0BAAkB,QAAQ;AAEnB,eAAA;AAAA,iBAED,mBAAkB;AAExB,0BAAkB,QAAQ;AAEnB,eAAA;AAAA,MACT;AAEA,wBAAkB,QAAQ;AACnB,aAAA;AAAA,IAET,GAAE,CAAC,cAAY;AAEP,YAAA,OAAO,cAAc,aAAa,KAAK;AAE7C,UAAG,QAAQ,MAAK;AAGd,cAAM,cAAe,CAAA;AAGlB,YAAA,uBAAuB,IAAI,GAAE;AAC9B,sBAAY,KAAK,GAAG;AAAA,YACpB;AAAA,cACI,OAAM;AAAA,cAAS,MAAK;AAAA,cAAO,QAAO,YAAU;AAEtC,oBAAA,SAAS,MAAM,wBAAwB,QAAO;AAAA,kBAClD,EAAE,MAAK,SAAS,OAAM,QAAQ,WAAU,YAAa,OAAM,EAAE,WAAU,QAAQ,cAAa,GAAG;AAAA,gBAAA,GAC7F,KAAK,SAAA,CAAU;AAEjB,uBAAO,OAAO,MAAM;AAClB,uBAAK,SAAS,MAAM;AACpB,wCAAsB,IAAI;AAAA,gBAAA,CAC3B;AAAA,cAEH;AAAA,YACF;AAAA,YACA;AAAA,cACE,OAAM;AAAA,cAAO,MAAK;AAAA,cAAO,QAAO,YAAU;AAElC,sBAAA,SAAU,MAAM;AAChB,sBAAA,cAAc,sBAAsB,OAAO,OAAO;AAEjD,uBAAA,gBAAgB,uBAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AACjF,sCAAsB,IAAI;AAAA,cAC5B;AAAA,YACF;AAAA,UAAA,CACD;AAAA,QAAA,WAGK,mBAAmB,IAAI,GAAE;AAE/B,gBAAM,EAAE,OAAW,IAAA,UAAU,KAAK,MAAM;AAExC,sBAAY,KAAK,GAAG;AAAA,YAClB;AAAA,cACE,OAAM,MAAM,OAAO,KAAK;AAAA,cAAI,MAAK;AAAA,cAAO,QAAO,YAAU;AAEnD,oBAAA,SAAS,MAAM,wBAAwB,OAAO,OAAM,OAAO,SAAQ,KAAK,MAAM;AAElF,uBAAO,OAAO,MAAM;AAClB,uBAAK,WAAW,MAAM;AACtB,wCAAsB,IAAI;AAAA,gBAAA,CAC3B;AAAA,cAEH;AAAA,YACF;AAAA,YACA;AAAA,cACE,OAAM,MAAM,OAAO,KAAK;AAAA,cAAM,MAAK;AAAA,cAAa,QAAO,YAAU;AAGzD,sBAAA,SAAU,MAAM;AAChB,sBAAA,cAAc,sBAAsB,OAAO,OAAO;AAEjD,uBAAA,gBAAgB,uBAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AACjF,sCAAsB,IAAI;AAE1B,uBAAO,OAAO,MAAM;AAClB,uBAAK,aAAa,uBAAuB,OAAO,MAAK,WAAW,CAAC;AACjE,wCAAsB,IAAI;AAAA,gBAAA,CAC3B;AAAA,cAEH;AAAA,YACF;AAAA,YACA;AAAA,cACE,OAAM,MAAM,OAAO,KAAK;AAAA,cAAM,MAAK;AAAA,cAAc,QAAO,YAAU;AAG1D,sBAAA,SAAU,MAAM;AAChB,sBAAA,cAAc,sBAAsB,OAAO,OAAO;AAEjD,uBAAA,gBAAgB,uBAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AACjF,sCAAsB,IAAI;AAE1B,uBAAO,OAAO,MAAM;AAClB,uBAAK,YAAY,uBAAuB,OAAO,MAAK,WAAW,CAAC;AAChE,wCAAsB,IAAI;AAAA,gBAAA,CAC3B;AAAA,cAEH;AAAA,YACF;AAAA,UAAA,CACD;AAAA,QACH;AAEO,eAAA;AAAA,MACT;AAEO,aAAA;AAAA,IAAA,CACR;AAGD,cAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAAC,eAAe,CAAC,GAAE;AAChC,cAAA,IAAI,MAAM,+BAA+B;AAAA,MACjD;AAGA,YAAM,aAAa;AAAA;AAAA,QAEjB,OAAO,gBAAyC,gCAA+B,CAAC,YAAY;AACjE,mCAAA,2BAA2B,OAAO,CAAC;AACrD,iBAAA;AAAA,WACP,uBAAuB;AAAA;AAAA,QAEzB,OAAO,gBAAgC,uBAAsB,CAAC,YAAY;AAExE,cAAG,aAAa,OAAM;AAEd,kBAAA,OAAO,cAAc,aAAa,KAAK;AAE1C,gBAAA,uBAAuB,IAAI,GAAE;AAC9B,mBAAK,OAAO,uBAAuB,QAAQ,MAAK,QAAQ,IAAI,CAAC;AAAA,YAC/D;AAAA,UACF;AAEO,iBAAA;AAAA,WACP,uBAAuB;AAAA,MAAA;AAIf,kBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+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/ModulePlugin/index.vue2.js.map

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