@maketribe/ms-app 3.2.32 → 3.2.34

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lexical = require("lexical");
 const composables = require("./composables.js");
 const utils = require("./utils.js");
+const { findModuleByName } = composables.useModule();
 const ClassMarkName = "mk-doc-block__module";
 const AttrMarkName = "module-name";
 class ModuleBlockNode extends lexical.DecoratorNode {
@@ -46,7 +47,7 @@ class ModuleBlockNode extends lexical.DecoratorNode {
    * 获取html内容
    */
   getHtml() {
-    const { module: module2 } = composables.useModule(this.__name);
+    const module2 = findModuleByName(this.__name);
     return utils.createHtml(module2.template, this.__data);
   }
   /**
@@ -73,7 +74,9 @@ class ModuleBlockNode extends lexical.DecoratorNode {
   static importDOM() {
     return {
       div: $covertModuleBlockDOM,
-      section: $covertModuleBlockDOM
+      section: $covertModuleBlockDOM,
+      main: $covertModuleBlockDOM,
+      header: $covertModuleBlockDOM
     };
   }
   /**
@@ -84,17 +87,24 @@ class ModuleBlockNode extends lexical.DecoratorNode {
    */
   getTextContent(_includeInert, _includeDirectionless) {
     const element = document.createElement("div");
-    const { module: module2 } = composables.useModule(this.__name);
+    const module2 = findModuleByName(this.__name);
     element.innerHTML = utils.createHtml(module2.template, this.__data);
     return element.textContent;
   }
+  /**
+   * 选中标题
+   * @returns 
+   */
+  getTitle() {
+    return findModuleByName(this.__name).title;
+  }
   /**
    * 创建模块的el
    * @returns 
    */
   createModuleElement() {
     const element = document.createElement("div");
-    const { module: module2 } = composables.useModule(this.__name);
+    const module2 = findModuleByName(this.__name);
     element.innerHTML = utils.createHtml(module2.template, this.__data);
     if (element.children.length > 1) {
       throw new Error("定义模块模版的时候请用一个容器将模版内容包裹起来，不能有多个并列的元素！");
@@ -140,14 +150,11 @@ class ModuleBlockNode extends lexical.DecoratorNode {
   decorate(editor, config) {
     return null;
   }
-  isEmpty() {
-    return false;
-  }
   isIsolated() {
     return false;
   }
   isInline() {
-    return true;
+    return false;
   }
   isKeyboardSelectable() {
     return true;
@@ -168,7 +175,7 @@ const $covertModuleBlockDOM = (domNode) => {
   }
   return isModule && name ? {
     conversion: () => {
-      const { module: module2 } = composables.useModule(name);
+      const module2 = findModuleByName(name);
       const { data } = utils.createModuleMetaData(moduleContent, module2.options);
       return {
         node: $createModuleBlockNode(name, data)

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

@@ -1 +1 @@
-{"version":3,"file":"ModuleBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/ModuleBlockNode.ts"],"sourcesContent":["\r\nimport {\r\n  type DOMConversionMap,\r\n  type DOMExportOutput,\r\n  type LexicalNode,\r\n  type NodeKey,\r\n  type Spread,\r\n  type EditorConfig,\r\n  type DOMConversion,\r\n  type SerializedLexicalNode,\r\n  DecoratorNode,\r\n  LexicalEditor,\r\n} from 'lexical'\r\nimport { useModule } from \"./composables\"\r\nimport { createHtml,createModuleMetaData } from \"./utils\"\r\nimport { Component } from 'vue'\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  SerializedLexicalNode\r\n>\r\n\r\n// 类标识\r\nconst ClassMarkName = \"mk-doc-block__module\";\r\n// 属性标识\r\nconst AttrMarkName = \"module-name\";\r\n\r\n/**\r\n * 模块节点\r\n */\r\nexport class ModuleBlockNode extends DecoratorNode<Component|null> {\r\n  __name: string\r\n  __data: object\r\n\r\n  static getType(): string { return \"module\"; }\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 { return ClassMarkName }\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(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  /**\r\n   * 导出JSON\r\n   * @returns \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\r\n    const element = document.createElement('div')\r\n    const { module } = useModule(this.__name);\r\n\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(ClassMarkName)) {\r\n      contentEl.classList.add(ClassMarkName);\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  decorate(editor: LexicalEditor, config: EditorConfig): Component | null {\r\n    return null;\r\n  }\r\n  isEmpty(){\r\n    return false;\r\n  }\r\n  isIsolated() {\r\n    return false;\r\n  }\r\n  isInline() {\r\n    return true;\r\n  }\r\n  isKeyboardSelectable() {\r\n    return true;\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 = domNode.classList.contains(ClassMarkName);\r\n  const moduleContent = domNode.innerHTML ;\r\n\r\n  if(isModule && name){ domNode.innerHTML = \"\"; }\r\n\r\n  return isModule && name ? {\r\n    conversion: ()=>{ \r\n      const { module } = useModule(name);\r\n      const { data } = createModuleMetaData(moduleContent,module.options);\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":["DecoratorNode","module","useModule","createHtml","createModuleMetaData"],"mappings":"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"}
+{"version":3,"file":"ModuleBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/ModuleBlockNode.ts"],"sourcesContent":["\r\nimport {\r\n  type DOMConversionMap,\r\n  type DOMExportOutput,\r\n  type LexicalNode,\r\n  type NodeKey,\r\n  type Spread,\r\n  type EditorConfig,\r\n  type DOMConversion,\r\n  type SerializedLexicalNode,\r\n  DecoratorNode,\r\n  LexicalEditor,\r\n} from 'lexical'\r\nimport { useModule } from \"./composables\"\r\nimport { createHtml,createModuleMetaData } from \"./utils\"\r\nimport { Component } from 'vue'\r\n\r\nconst { findModuleByName } = useModule();\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  SerializedLexicalNode\r\n>\r\n\r\n// 类标识\r\nconst ClassMarkName = \"mk-doc-block__module\";\r\n// 属性标识\r\nconst AttrMarkName = \"module-name\";\r\n\r\n/**\r\n * 模块节点\r\n */\r\nexport class ModuleBlockNode extends DecoratorNode<Component|null> {\r\n  __name: string\r\n  __data: object\r\n\r\n  static getType(): string { return \"module\"; }\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 { return ClassMarkName }\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(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 = findModuleByName(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  /**\r\n   * 导出JSON\r\n   * @returns \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      main : $covertModuleBlockDOM ,\r\n      header : $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 = findModuleByName(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   * 选中标题\r\n   * @returns \r\n   */\r\n  getTitle(){\r\n    return findModuleByName(this.__name).title;\r\n  }\r\n  /**\r\n   * 创建模块的el\r\n   * @returns \r\n   */\r\n  createModuleElement(): HTMLElement {\r\n\r\n    const element = document.createElement('div')\r\n    const module = findModuleByName(this.__name);\r\n\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(ClassMarkName)) {\r\n      contentEl.classList.add(ClassMarkName);\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  decorate(editor: LexicalEditor, config: EditorConfig): Component | null {\r\n    return null;\r\n  }\r\n  \r\n  isIsolated() {\r\n    return false;\r\n  }\r\n\r\n  isInline() {\r\n    return false;\r\n  }\r\n  \r\n  isKeyboardSelectable() {\r\n    return true;\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 = domNode.classList.contains(ClassMarkName);\r\n  const moduleContent = domNode.innerHTML ;\r\n\r\n  if(isModule && name){ domNode.innerHTML = \"\"; }\r\n\r\n  return isModule && name ? {\r\n    conversion: ()=>{ \r\n      const module = findModuleByName(name);\r\n      const { data } = createModuleMetaData(moduleContent,module.options);\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":["useModule","DecoratorNode","module","createHtml","createModuleMetaData"],"mappings":"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"}

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

@@ -16,19 +16,20 @@ const unRegisterDocModule = (name) => {
     }
   }
 };
-const useModules = () => {
-  return Modules;
-};
-const useModule = (name) => {
-  const module2 = Modules.find((item) => item.name == name);
-  if (module2 == null) {
-    throw new Error("未知的模块模版：【" + name + "】");
-  }
-  return { module: module2 };
+const useModule = () => {
+  return {
+    Modules,
+    findModuleByName: (name) => {
+      const module2 = Modules.find((item) => item.name == name);
+      if (module2 == null) {
+        throw new Error("未知的模块模版：【" + name + "】");
+      }
+      return module2;
+    }
+  };
 };
 exports.Modules = Modules;
 exports.registerDocModule = registerDocModule;
 exports.unRegisterDocModule = unRegisterDocModule;
 exports.useModule = useModule;
-exports.useModules = useModules;
 //# sourceMappingURL=composables.js.map

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

@@ -1 +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\r\n  if(Modules.findIndex(item=>item.name == options.name) >= 0){\r\n    console.warn(`模块【${options.title}】重复注册！`);\r\n  }\r\n  else{\r\n    Modules.push(options);\r\n  }\r\n}\r\n\r\n\r\n/**\r\n * 卸载模块\r\n * @param name \r\n */\r\nexport const unRegisterDocModule = (name:string) => {\r\n\r\n  for(let i = 0;i < Modules.length; i++){\r\n    if(Modules[i].name == name){\r\n      Modules.splice(i,1);\r\n      break;\r\n    }\r\n  }\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":["module"],"mappings":";;AAkBO,MAAM,UAAuB,CAAC;AAMxB,MAAA,oBAAoB,CAAC,YAAuB;AAEpD,MAAA,QAAQ,UAAU,CAAM,SAAA,KAAK,QAAQ,QAAQ,IAAI,KAAK,GAAE;AACzD,YAAQ,KAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,EAAA,OAEtC;AACF,YAAQ,KAAK,OAAO;AAAA,EACtB;AACF;AAOa,MAAA,sBAAsB,CAAC,SAAgB;AAElD,WAAQ,IAAI,GAAE,IAAI,QAAQ,QAAQ,KAAI;AACpC,QAAG,QAAQ,CAAC,EAAE,QAAQ,MAAK;AACjB,cAAA,OAAO,GAAE,CAAC;AAClB;AAAA,IACF;AAAA,EACF;AACF;AAOO,MAAM,aAAa,MAAM;AACvB,SAAA;AACT;AAOa,MAAA,YAAY,CAAC,SAAgB;AAExC,QAAMA,UAAS,QAAQ,KAAK,CAAM,SAAA,KAAK,QAAQ,IAAI;AAEnD,MAAGA,WAAU,MAAK;AAChB,UAAM,IAAI,MAAM,cAAc,OAAO,GAAG;AAAA,EAC1C;AAEA,SAAO,EAAE,QAAAA,QAAO;AAClB;;;;;;"}
+{"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\r\n  if(Modules.findIndex(item=>item.name == options.name) >= 0){\r\n    console.warn(`模块【${options.title}】重复注册！`);\r\n  }\r\n  else{\r\n    Modules.push(options);\r\n  }\r\n}\r\n\r\n\r\n/**\r\n * 卸载模块\r\n * @param name \r\n */\r\nexport const unRegisterDocModule = (name:string) => {\r\n\r\n  for(let i = 0;i < Modules.length; i++){\r\n    if(Modules[i].name == name){\r\n      Modules.splice(i,1);\r\n      break;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * \r\n * @param name \r\n * @returns \r\n */\r\nexport const useModule = () => {\r\n  return { \r\n    Modules,\r\n    findModuleByName:(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  };\r\n}\r\n\r\n"],"names":["module"],"mappings":";;AAkBO,MAAM,UAAuB,CAAC;AAMxB,MAAA,oBAAoB,CAAC,YAAuB;AAEpD,MAAA,QAAQ,UAAU,CAAM,SAAA,KAAK,QAAQ,QAAQ,IAAI,KAAK,GAAE;AACzD,YAAQ,KAAK,MAAM,QAAQ,KAAK,QAAQ;AAAA,EAAA,OAEtC;AACF,YAAQ,KAAK,OAAO;AAAA,EACtB;AACF;AAOa,MAAA,sBAAsB,CAAC,SAAgB;AAElD,WAAQ,IAAI,GAAE,IAAI,QAAQ,QAAQ,KAAI;AACpC,QAAG,QAAQ,CAAC,EAAE,QAAQ,MAAK;AACjB,cAAA,OAAO,GAAE,CAAC;AAClB;AAAA,IACF;AAAA,EACF;AACF;AAOO,MAAM,YAAY,MAAM;AACtB,SAAA;AAAA,IACL;AAAA,IACA,kBAAiB,CAAC,SAAgB;AAEhC,YAAMA,UAAS,QAAQ,KAAK,CAAM,SAAA,KAAK,QAAQ,IAAI;AAEnD,UAAGA,WAAU,MAAK;AAChB,cAAM,IAAI,MAAM,cAAc,OAAO,GAAG;AAAA,MAC1C;AAEO,aAAAA;AAAA,IACT;AAAA,EAAA;AAEJ;;;;;"}

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

@@ -1,8 +1,16 @@
 "use strict";
 const vue = require("vue");
-const lexicalVue = require("lexical-vue");
+require("@lexical/text");
 const utils = require("@lexical/utils");
+require("@lexical/overflow");
 const lexical = require("lexical");
+require("tiny-invariant");
+require("@lexical/history");
+const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
+require("@lexical/list");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("@lexical/rich-text");
 const composables = require("./composables.js");
 const ModuleBlockNode = require("./ModuleBlockNode.js");
 const ModuleGridNode = require("../GridPlugin/ModuleGridNode.js");
@@ -34,11 +42,12 @@ const elementBlock = require("../../core/element-block.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
-    const editor = lexicalVue.useLexicalComposer();
-    const { isSelected, curSelectKey, curSelectPos, setSelection } = elementBlock.useElementBlockSelection(utils$1.findModuleNodeEl, () => {
-      const node = lexical.$getNodeByKey(curSelectKey.value);
+    const editor = useLexicalComposer.useLexicalComposer();
+    const { findModuleByName } = composables.useModule();
+    elementBlock.useElementBlockSelection(utils$1.findModuleNodeEl, (nodeKey) => {
+      const node = lexical.$getNodeByKey(nodeKey);
       if (ModuleBlockNode.$isModuleBlockNode(node)) {
-        const { module: module2 } = composables.useModule(node.__name);
+        const module2 = findModuleByName(node.__name);
         const toobarList = [
           {
             title: `编辑【${module2.title}】`,
@@ -75,24 +84,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }
           }
         ];
-        if (node.__prev) {
-          toobarList.push(
-            {
-              title: "选中上一个兄弟",
-              icon: "ArrowLeftBold",
-              action: async () => setSelection(node.__prev, null)
-            }
-          );
-        }
-        if (node.__next) {
-          toobarList.push(
-            {
-              title: "选中上下个兄弟",
-              icon: "ArrowRightBold",
-              action: async () => setSelection(node.__next, null)
-            }
-          );
-        }
         return toobarList;
       }
       return null;
@@ -115,11 +106,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       vue.onUnmounted(() => unregister());
     });
     return (_ctx, _cache) => {
-      return vue.unref(isSelected) ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: "mk-doc-active-element-block-mark",
-        style: vue.normalizeStyle(vue.unref(curSelectPos))
-      }, null, 4)) : vue.createCommentVNode("", true);
+      return null;
     };
   }
 });

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

@@ -1 +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 { mergeRegister } from '@lexical/utils'\r\nimport { \r\n  COMMAND_PRIORITY_EDITOR,$getNodeByKey,$getSelection,$isNodeSelection\r\n} from 'lexical'\r\nimport { onMounted, onUnmounted,ref } from 'vue'\r\nimport { ModuleType,useModule } from \"./composables\"\r\nimport { ModuleBlockNode,$createModuleBlockNode,$isModuleBlockNode } from \"./ModuleBlockNode\"\r\nimport { $isModuleGridNode } from \"../GridPlugin/ModuleGridNode\"\r\nimport { INSERT_MODULE_COMMAND,type ModulePropType } from \"./commands\"\r\nimport { showModuleSelectDialog,findModuleNodeEl } from \"./utils\"\r\nimport { createDefaultFormData } from \"../../../dynamic-form-panel/utils\"\r\nimport {  useElementBlockSelection } from '../../core'\r\nimport { showDynamicFormDialoger } from \"../../../dynamic-form-panel\"\r\n\r\n// 编辑器\r\nconst editor = useLexicalComposer()\r\n\r\n// 使用元素模块 集成了模块选中删除以及工具条\r\nconst { isSelected, curSelectKey, curSelectPos,setSelection } = useElementBlockSelection(findModuleNodeEl,()=>{\r\n  \r\n  const node = $getNodeByKey(curSelectKey.value)\r\n\r\n  if($isModuleBlockNode(node)){\r\n\r\n    const { module } = useModule(node.__name);\r\n\r\n    const toobarList = [\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          })\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\r\n          editor.update(() => {\r\n            node.insertBefore($createModuleBlockNode(result.name,defaultData))\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\r\n          editor.update(() => {\r\n            node.insertAfter($createModuleBlockNode(result.name,defaultData))\r\n          })\r\n\r\n        } \r\n      }\r\n    ];\r\n\r\n    if(node.__prev){\r\n      toobarList.push(\r\n        {\r\n          title:\"选中上一个兄弟\",icon:\"ArrowLeftBold\",action: async ()=> setSelection(node.__prev!,null)\r\n        }\r\n      )\r\n    }\r\n    if(node.__next){\r\n      toobarList.push(\r\n        {\r\n          title:\"选中上下个兄弟\",icon:\"ArrowRightBold\",action: async ()=> setSelection(node.__next!,null)\r\n        }\r\n      )\r\n    }\r\n\r\n    return toobarList;\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    // 插入模块\r\n    editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n\r\n      const selection = $getSelection()\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : null;\r\n\r\n      if($isModuleGridNode(node)){\r\n        node.append($createModuleBlockNode(payload.name,payload.data))\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-element-block-mark\" v-if=\"isSelected\" :style=\"curSelectPos\">\r\n    \r\n  </div>\r\n</template>\r\n"],"names":["useLexicalComposer","useElementBlockSelection","findModuleNodeEl","$getNodeByKey","$isModuleBlockNode","module","useModule","showDynamicFormDialoger","showModuleSelectDialog","createDefaultFormData","INSERT_MODULE_COMMAND","$createModuleBlockNode","onMounted","ModuleBlockNode","mergeRegister","$getSelection","$isNodeSelection","$isModuleGridNode","COMMAND_PRIORITY_EDITOR","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,SAASA,WAAAA;AAGT,UAAA,EAAE,YAAY,cAAc,cAAa,iBAAiBC,aAAAA,yBAAyBC,QAAAA,kBAAiB,MAAI;AAEtG,YAAA,OAAOC,QAAAA,cAAc,aAAa,KAAK;AAE1C,UAAAC,gBAAAA,mBAAmB,IAAI,GAAE;AAE1B,cAAM,EAAE,QAAAC,QAAW,IAAAC,YAAA,UAAU,KAAK,MAAM;AAExC,cAAM,aAAa;AAAA,UACjB;AAAA,YACE,OAAM,MAAMD,QAAO,KAAK;AAAA,YAAI,MAAK;AAAA,YAAO,QAAO,YAAU;AAEnD,kBAAA,SAAS,MAAME,OAAwB,wBAAAF,QAAO,OAAMA,QAAO,SAAQ,KAAK,MAAM;AAElF,qBAAO,OAAO,MAAM;AAClB,qBAAK,WAAW,MAAM;AAAA,cAAA,CACvB;AAAA,YAEH;AAAA,UACF;AAAA,UACA;AAAA,YACE,OAAM,MAAMA,QAAO,KAAK;AAAA,YAAM,MAAK;AAAA,YAAa,QAAO,YAAU;AAGzD,oBAAA,SAAU,MAAMG,QAAAA;AAChB,oBAAA,cAAcC,QAAAA,sBAAsB,OAAO,OAAO;AAEjD,qBAAA,gBAAgBC,gCAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AAEjF,qBAAO,OAAO,MAAM;AAClB,qBAAK,aAAaC,gBAAA,uBAAuB,OAAO,MAAK,WAAW,CAAC;AAAA,cAAA,CAClE;AAAA,YAEH;AAAA,UACF;AAAA,UACA;AAAA,YACE,OAAM,MAAMN,QAAO,KAAK;AAAA,YAAM,MAAK;AAAA,YAAc,QAAO,YAAU;AAG1D,oBAAA,SAAU,MAAMG,QAAAA;AAChB,oBAAA,cAAcC,QAAAA,sBAAsB,OAAO,OAAO;AAEjD,qBAAA,gBAAgBC,gCAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AAEjF,qBAAO,OAAO,MAAM;AAClB,qBAAK,YAAYC,gBAAA,uBAAuB,OAAO,MAAK,WAAW,CAAC;AAAA,cAAA,CACjE;AAAA,YAEH;AAAA,UACF;AAAA,QAAA;AAGF,YAAG,KAAK,QAAO;AACF,qBAAA;AAAA,YACT;AAAA,cACE,OAAM;AAAA,cAAU,MAAK;AAAA,cAAgB,QAAQ,YAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,YACxF;AAAA,UAAA;AAAA,QAEJ;AACA,YAAG,KAAK,QAAO;AACF,qBAAA;AAAA,YACT;AAAA,cACE,OAAM;AAAA,cAAU,MAAK;AAAA,cAAiB,QAAQ,YAAW,aAAa,KAAK,QAAQ,IAAI;AAAA,YACzF;AAAA,UAAA;AAAA,QAEJ;AAEO,eAAA;AAAA,MACT;AAEO,aAAA;AAAA,IAAA,CACR;AAGDC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,gBAAAA,eAAe,CAAC,GAAE;AAChC,cAAA,IAAI,MAAM,+BAA+B;AAAA,MACjD;AAGA,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAAgCJ,gCAAsB,CAAC,YAAY;AAExE,gBAAM,YAAYK,QAAAA;AACZ,gBAAA,OAAOC,yBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAK;AAEnE,cAAAC,eAAAA,kBAAkB,IAAI,GAAE;AACzB,iBAAK,OAAON,uCAAuB,QAAQ,MAAK,QAAQ,IAAI,CAAC;AAAA,UAC/D;AAEO,iBAAA;AAAA,WACPO,+BAAuB;AAAA,MAAA;AAIfC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;;;;;"}
+{"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 '../../core/composables'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {  COMMAND_PRIORITY_EDITOR,$getNodeByKey,$getSelection,$isNodeSelection, NodeKey } from 'lexical'\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { ModuleType,useModule } from \"./composables\"\r\nimport { ModuleBlockNode,$createModuleBlockNode,$isModuleBlockNode } from \"./ModuleBlockNode\"\r\nimport { $isModuleGridNode } from \"../GridPlugin/ModuleGridNode\"\r\nimport { INSERT_MODULE_COMMAND,type ModulePropType } from \"./commands\"\r\nimport { showModuleSelectDialog,findModuleNodeEl } from \"./utils\"\r\nimport { createDefaultFormData } from \"../../../dynamic-form-panel/utils\"\r\nimport {  useElementBlockSelection } from '../../core'\r\nimport { showDynamicFormDialoger } from \"../../../dynamic-form-panel\"\r\n\r\n// 编辑器\r\nconst editor = useLexicalComposer()\r\nconst { findModuleByName } = useModule();\r\n\r\n// 使用元素模块\r\nuseElementBlockSelection(findModuleNodeEl,(nodeKey)=>{\r\n  \r\n  const node = $getNodeByKey(nodeKey as NodeKey)\r\n\r\n  if($isModuleBlockNode(node)){\r\n\r\n    const module = findModuleByName(node.__name);\r\n\r\n    const toobarList = [\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          })\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\r\n          editor.update(() => {\r\n            node.insertBefore($createModuleBlockNode(result.name,defaultData))\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\r\n          editor.update(() => {\r\n            node.insertAfter($createModuleBlockNode(result.name,defaultData))\r\n          })\r\n\r\n        } \r\n      }\r\n    ];\r\n\r\n    return toobarList;\r\n  }\r\n\r\n  return null;\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    // 插入模块\r\n    editor.registerCommand<ModulePropType>(INSERT_MODULE_COMMAND,(payload) => {\r\n\r\n      const selection = $getSelection()\r\n      const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : null;\r\n\r\n      if($isModuleGridNode(node)){\r\n        node.append($createModuleBlockNode(payload.name,payload.data))\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></template>\r\n"],"names":["useLexicalComposer","useModule","useElementBlockSelection","findModuleNodeEl","$getNodeByKey","$isModuleBlockNode","module","showDynamicFormDialoger","showModuleSelectDialog","createDefaultFormData","INSERT_MODULE_COMMAND","$createModuleBlockNode","onMounted","ModuleBlockNode","mergeRegister","$getSelection","$isNodeSelection","$isModuleGridNode","COMMAND_PRIORITY_EDITOR","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,SAASA,mBAAAA;AACT,UAAA,EAAE,qBAAqBC,YAAAA;AAGJC,0CAAAC,QAAAA,kBAAiB,CAAC,YAAU;AAE7C,YAAA,OAAOC,sBAAc,OAAkB;AAE1C,UAAAC,gBAAAA,mBAAmB,IAAI,GAAE;AAEpB,cAAAC,UAAS,iBAAiB,KAAK,MAAM;AAE3C,cAAM,aAAa;AAAA,UACjB;AAAA,YACE,OAAM,MAAMA,QAAO,KAAK;AAAA,YAAI,MAAK;AAAA,YAAO,QAAO,YAAU;AAEnD,kBAAA,SAAS,MAAMC,OAAwB,wBAAAD,QAAO,OAAMA,QAAO,SAAQ,KAAK,MAAM;AAElF,qBAAO,OAAO,MAAM;AAClB,qBAAK,WAAW,MAAM;AAAA,cAAA,CACvB;AAAA,YAEH;AAAA,UACF;AAAA,UACA;AAAA,YACE,OAAM,MAAMA,QAAO,KAAK;AAAA,YAAM,MAAK;AAAA,YAAa,QAAO,YAAU;AAGzD,oBAAA,SAAU,MAAME,QAAAA;AAChB,oBAAA,cAAcC,QAAAA,sBAAsB,OAAO,OAAO;AAEjD,qBAAA,gBAAgBC,gCAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AAEjF,qBAAO,OAAO,MAAM;AAClB,qBAAK,aAAaC,gBAAA,uBAAuB,OAAO,MAAK,WAAW,CAAC;AAAA,cAAA,CAClE;AAAA,YAEH;AAAA,UACF;AAAA,UACA;AAAA,YACE,OAAM,MAAML,QAAO,KAAK;AAAA,YAAM,MAAK;AAAA,YAAc,QAAO,YAAU;AAG1D,oBAAA,SAAU,MAAME,QAAAA;AAChB,oBAAA,cAAcC,QAAAA,sBAAsB,OAAO,OAAO;AAEjD,qBAAA,gBAAgBC,gCAAsB,EAAE,MAAK,OAAO,MAAK,MAAK,aAAY;AAEjF,qBAAO,OAAO,MAAM;AAClB,qBAAK,YAAYC,gBAAA,uBAAuB,OAAO,MAAK,WAAW,CAAC;AAAA,cAAA,CACjE;AAAA,YAEH;AAAA,UACF;AAAA,QAAA;AAGK,eAAA;AAAA,MACT;AAEO,aAAA;AAAA,IAAA,CACR;AAEDC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,gBAAAA,eAAe,CAAC,GAAE;AAChC,cAAA,IAAI,MAAM,+BAA+B;AAAA,MACjD;AAGA,YAAM,aAAaC,MAAA;AAAA;AAAA,QAGjB,OAAO,gBAAgCJ,gCAAsB,CAAC,YAAY;AAExE,gBAAM,YAAYK,QAAAA;AACZ,gBAAA,OAAOC,yBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAK;AAEnE,cAAAC,eAAAA,kBAAkB,IAAI,GAAE;AACzB,iBAAK,OAAON,uCAAuB,QAAQ,MAAK,QAAQ,IAAI,CAAC;AAAA,UAC/D;AAEO,iBAAA;AAAA,WACPO,+BAAuB;AAAA,MAAA;AAIfC,sBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;;"}

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

@@ -6,9 +6,11 @@ const elementPlus = require("element-plus");
 const elIcons = require("@element-plus/icons-vue");
 const composables = require("./composables.js");
 const ModuleBlockNode = require("./ModuleBlockNode.js");
+const {
+  Modules
+} = composables.useModule();
 const showModuleSelectDialog = async () => {
   return new Promise((resolve) => {
-    const Modules = composables.useModules();
     const selectOption = vue.ref(null);
     const searchInputValue = vue.ref("");
     const handleCancelClick = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/utils.tsx"],"sourcesContent":["\r\nimport { Fragment,ref,unref,resolveComponent,h,reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport {  ElButton,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { useModules,type ModuleType } from \"./composables\"\r\nimport { DynamicFormItemType } from \"../../../dynamic-form-panel\"\r\n\r\nimport { ModuleBlockNode } from \"./ModuleBlockNode\"\r\n\r\n/**\r\n * 显示模块模版选择\r\n * @returns \r\n */\r\nexport const showModuleSelectDialog = async  () => {\r\n\r\n  return new Promise(resolve => {\r\n\r\n    const Modules = useModules();\r\n    const selectOption = ref<ModuleType|null>(null);\r\n    const searchInputValue = ref(\"\");\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve({...selectOption.value as any});\r\n    };\r\n\r\n    // 点击块\r\n    const clickHandle = (item:any)=>{\r\n      selectOption.value = item;\r\n    }\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"模版选择\",\r\n      class: \"mk-doc-editor__module-template_dialog\",\r\n      width: \"700px\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n\r\n        // 循环体\r\n        const templateListComponent = Modules.filter(item=>{\r\n          if(searchInputValue.value){\r\n            return item.name.indexOf(searchInputValue.value) >= 0 || item.title.indexOf(searchInputValue.value) >= 0\r\n          }\r\n          else{\r\n            return true;\r\n          }\r\n        }).map(item=>{\r\n\r\n          return <div \r\n          class={`mk-doc-editor__module-template_dialog_list-item ${(item.cover ? 'cover':'')} ${(selectOption.value?.name == item.name ? 'active':'')}`} \r\n          onClick={()=>clickHandle(item)}>\r\n            {item.cover ?  <img src={item.cover}  /> :null}\r\n            <div class=\"mk-doc-editor__module-template_dialog_list-item_title\">{item.title}</div>\r\n          </div>\r\n        })\r\n\r\n        return <div class=\"mk-doc-editor__module-template_dialog_warp\">\r\n          <ElInput v-model={searchInputValue.value} prefix-icon={Search} clearable={true} />\r\n          <div class=\"mk-doc-editor__module-template_dialog_list-body\">\r\n            {templateListComponent}\r\n          </div>\r\n        </div>\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick} disabled={!selectOption.value}>\r\n            确定\r\n          </ElButton>\r\n      </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\n// 元素属性列表\r\nconst ElAttrList = [\"src\",\"alt\",\"poster\",\"href\",\"_target\"];\r\n\r\n/**\r\n * 创建html\r\n * @param template \r\n * @param data \r\n */\r\nexport const createHtml = (template:string,data:any)=>{\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(template,\"text/html\")\r\n  const list = [element.body];\r\n\r\n  Object.keys(data).forEach(key=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = data[key] as any;\r\n  \r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${key}-${attr}`)).\r\n        some(attr=> el.setAttribute(attr,val))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${key}`)){\r\n          el.textContent = val;\r\n          break;\r\n        }\r\n        else if(el.hasAttribute(`data-${key}-html`)){\r\n          el.innerHTML = val;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n    }\r\n  })\r\n\r\n  return element.body.innerHTML.replaceAll(/[\\r|\\n|\\r\\n]+/g,\"\")\r\n}\r\n\r\n/**\r\n * 创建html\r\n * @param template \r\n * @param data \r\n */\r\nexport const createModuleMetaData = (html:string,options:DynamicFormItemType[])=>{\r\n\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(html,\"text/html\")\r\n  const list = [element.body];\r\n  const data:any = {};\r\n\r\n  options.forEach(item=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = \"\";\r\n\r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${item.name}-${attr}`)).\r\n        some(attr=> data[item.name] = el.getAttribute(attr))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${item.name}`)){\r\n          data[item.name] = el.textContent;\r\n          break;\r\n        }\r\n        // html 解析\r\n        else if(el.hasAttribute(`data-${item.name}-html`)){\r\n          data[item.name] = el.innerHTML;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n\r\n      data[item.name] = val;\r\n    }\r\n  })\r\n\r\n  return { data }\r\n}\r\n\r\n/**\r\n * 查找模块节点\r\n * @param element \r\n * @returns \r\n */\r\nexport const findModuleNodeEl = (element:HTMLElement):HTMLElement|null => {\r\n\r\n  var el:HTMLElement|null = element\r\n\r\n  if(el.classList.contains(ModuleBlockNode.getMarkClassName())){\r\n    return el;\r\n  }\r\n\r\n  while (el != null && !el.classList.contains(ModuleBlockNode.getMarkClassName())) {\r\n    el = el.parentElement;\r\n  }\r\n\r\n  return el\r\n}\r\n\r\n// 测试代码\r\n// console.log(createHtml(\"<div data-title>111</div>\",{title:\"asdasdasdasd\"}))\r\n// console.log(createModuleMetaData(\"<div data-title>asdasdasd<img  data-path-src src='aaa.jpg'></div>\",[\r\n//   { name:\"title\", title:\"标题\", component:\"el-input\", props:{ clearable:true }, defaultValue:\"测试标题\" },\r\n//   { name:\"path\", title:\"标题\", component:\"el-input\", props:{ clearable:true }, defaultValue:\"111\" }\r\n// ]))\r\n"],"names":["showModuleSelectDialog","Promise","resolve","Modules","useModules","selectOption","ref","searchInputValue","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","clickHandle","item","Dialoger","customRender","title","class","width","onClose","body","templateListComponent","filter","name","indexOf","map","_createVNode","cover","onClick","ElInput","$event","Search","footer","_Fragment","ElButton","default","_createTextVNode","ElAttrList","createHtml","template","data","parser","DOMParser","element","parseFromString","list","Object","keys","forEach","key","i","length","el","val","nodeType","attr","hasAttribute","some","setAttribute","textContent","innerHTML","childNodes","sub","push","replaceAll","createModuleMetaData","html","options","getAttribute","findModuleNodeEl","classList","contains","ModuleBlockNode","getMarkClassName","parentElement"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ModulePlugin/utils.tsx"],"sourcesContent":["\r\nimport { Fragment,ref,unref,resolveComponent,h,reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport {  ElButton,ElCollapse,ElCollapseItem,ElInput } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { useModule,type ModuleType } from \"./composables\"\r\nimport { DynamicFormItemType } from \"../../../dynamic-form-panel\"\r\nimport { ModuleBlockNode } from \"./ModuleBlockNode\"\r\n\r\nconst { Modules } = useModule();\r\n\r\n/**\r\n * 显示模块选择\r\n * @returns \r\n */\r\nexport const showModuleSelectDialog = async  () => {\r\n\r\n  return new Promise(resolve => {\r\n\r\n    \r\n    const selectOption = ref<ModuleType|null>(null);\r\n    const searchInputValue = ref(\"\");\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve({...selectOption.value as any});\r\n    };\r\n\r\n    // 点击块\r\n    const clickHandle = (item:any)=>{\r\n      selectOption.value = item;\r\n    }\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"模版选择\",\r\n      class: \"mk-doc-editor__module-template_dialog\",\r\n      width: \"700px\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n\r\n        // 循环体\r\n        const templateListComponent = Modules.filter(item=>{\r\n          if(searchInputValue.value){\r\n            return item.name.indexOf(searchInputValue.value) >= 0 || item.title.indexOf(searchInputValue.value) >= 0\r\n          }\r\n          else{\r\n            return true;\r\n          }\r\n        }).map(item=>{\r\n\r\n          return <div \r\n          class={`mk-doc-editor__module-template_dialog_list-item ${(item.cover ? 'cover':'')} ${(selectOption.value?.name == item.name ? 'active':'')}`} \r\n          onClick={()=>clickHandle(item)}>\r\n            {item.cover ?  <img src={item.cover}  /> :null}\r\n            <div class=\"mk-doc-editor__module-template_dialog_list-item_title\">{item.title}</div>\r\n          </div>\r\n        })\r\n\r\n        return <div class=\"mk-doc-editor__module-template_dialog_warp\">\r\n          <ElInput v-model={searchInputValue.value} prefix-icon={Search} clearable={true} />\r\n          <div class=\"mk-doc-editor__module-template_dialog_list-body\">\r\n            {templateListComponent}\r\n          </div>\r\n        </div>\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick} disabled={!selectOption.value}>\r\n            确定\r\n          </ElButton>\r\n      </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\n// 元素属性列表\r\nconst ElAttrList = [\"src\",\"alt\",\"poster\",\"href\",\"_target\"];\r\n\r\n/**\r\n * 创建html\r\n * @param template \r\n * @param data \r\n */\r\nexport const createHtml = (template:string,data:any)=>{\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(template,\"text/html\")\r\n  const list = [element.body];\r\n\r\n  Object.keys(data).forEach(key=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = data[key] as any;\r\n  \r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${key}-${attr}`)).\r\n        some(attr=> el.setAttribute(attr,val))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${key}`)){\r\n          el.textContent = val;\r\n          break;\r\n        }\r\n        else if(el.hasAttribute(`data-${key}-html`)){\r\n          el.innerHTML = val;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n    }\r\n  })\r\n\r\n  return element.body.innerHTML.replaceAll(/[\\r|\\n|\\r\\n]+/g,\"\")\r\n}\r\n\r\n/**\r\n * 创建html\r\n * @param template \r\n * @param data \r\n */\r\nexport const createModuleMetaData = (html:string,options:DynamicFormItemType[])=>{\r\n\r\n\r\n  const parser = new DOMParser();\r\n  const element = parser.parseFromString(html,\"text/html\")\r\n  const list = [element.body];\r\n  const data:any = {};\r\n\r\n  options.forEach(item=>{\r\n\r\n    for(let i=0;i<list.length;i++){\r\n\r\n      const el = list[i];\r\n      const val = \"\";\r\n\r\n      // 忽略文本节点\r\n      if(el.nodeType != 3){\r\n        // 属性解析\r\n        if(ElAttrList.filter(attr=>el.hasAttribute(`data-${item.name}-${attr}`)).\r\n        some(attr=> data[item.name] = el.getAttribute(attr))){  break; }\r\n        // 文本解析\r\n        else if(el.hasAttribute(`data-${item.name}`)){\r\n          data[item.name] = el.textContent;\r\n          break;\r\n        }\r\n        // html 解析\r\n        else if(el.hasAttribute(`data-${item.name}-html`)){\r\n          data[item.name] = el.innerHTML;\r\n          break;\r\n        } \r\n      }\r\n\r\n      // 广域递归\r\n      if(el.childNodes.length){\r\n        el.childNodes.forEach((sub:any)=>list.push(sub))\r\n      }\r\n\r\n      data[item.name] = val;\r\n    }\r\n  })\r\n\r\n  return { data }\r\n}\r\n\r\n/**\r\n * 查找模块节点\r\n * @param element \r\n * @returns \r\n */\r\nexport const findModuleNodeEl = (element:HTMLElement):HTMLElement|null => {\r\n\r\n  var el:HTMLElement|null = element\r\n\r\n  if(el.classList.contains(ModuleBlockNode.getMarkClassName())){\r\n    return el;\r\n  }\r\n\r\n  while (el != null && !el.classList.contains(ModuleBlockNode.getMarkClassName())) {\r\n    el = el.parentElement;\r\n  }\r\n\r\n  return el\r\n}\r\n\r\n// 测试代码\r\n// console.log(createHtml(\"<div data-title>111</div>\",{title:\"asdasdasdasd\"}))\r\n// console.log(createModuleMetaData(\"<div data-title>asdasdasd<img  data-path-src src='aaa.jpg'></div>\",[\r\n//   { name:\"title\", title:\"标题\", component:\"el-input\", props:{ clearable:true }, defaultValue:\"测试标题\" },\r\n//   { name:\"path\", title:\"标题\", component:\"el-input\", props:{ clearable:true }, defaultValue:\"111\" }\r\n// ]))\r\n"],"names":["Modules","useModule","showModuleSelectDialog","Promise","resolve","selectOption","ref","searchInputValue","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","clickHandle","item","Dialoger","customRender","title","class","width","onClose","body","templateListComponent","filter","name","indexOf","map","_createVNode","cover","onClick","ElInput","$event","Search","footer","_Fragment","ElButton","default","_createTextVNode","ElAttrList","createHtml","template","data","parser","DOMParser","element","parseFromString","list","Object","keys","forEach","key","i","length","el","val","nodeType","attr","hasAttribute","some","setAttribute","textContent","innerHTML","childNodes","sub","push","replaceAll","createModuleMetaData","html","options","getAttribute","findModuleNodeEl","classList","contains","ModuleBlockNode","getMarkClassName","parentElement"],"mappings":"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"}

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/commands.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const lexical = require("lexical");
+const INSERT_TEMPLATE_COMMAND = lexical.createCommand("INSERT_TEMPLATE_COMMAND");
+exports.INSERT_TEMPLATE_COMMAND = INSERT_TEMPLATE_COMMAND;
+//# sourceMappingURL=commands.js.map

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/TemplatePlugin/commands.ts"],"sourcesContent":["\r\n\r\nimport { type LexicalCommand, createCommand} from 'lexical'\r\n\r\n/**\r\n * 插入模版块指令\r\n */\r\nexport const INSERT_TEMPLATE_COMMAND: LexicalCommand<string> = createCommand('INSERT_TEMPLATE_COMMAND')\r\n"],"names":["createCommand"],"mappings":";;;AAOa,MAAA,0BAAkDA,sBAAc,yBAAyB;;"}

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/composables.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const lexical = require("lexical");
+const html = require("@lexical/html");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const elIcons = require("@element-plus/icons-vue");
+const commands = require("./commands.js");
+require("@lexical/text");
+const utils = require("@lexical/utils");
+const useMounted = require("../../core/composables/useMounted.js");
+require("@lexical/overflow");
+require("tiny-invariant");
+require("@lexical/history");
+const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
+require("@lexical/list");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("@lexical/rich-text");
+const Templates = [];
+const registerDocTemplate = (options) => {
+  if (Templates.findIndex((item) => item.name == options.name) >= 0) {
+    console.warn(`模版【${options.title}】重复注册！`);
+  } else {
+    Templates.push(options);
+  }
+};
+const parser = new DOMParser();
+const useTemplate = () => {
+  const editor = useLexicalComposer.useLexicalComposer();
+  const findTemplateNodesByName = (name) => {
+    const template = Templates.find((item) => item.name == name);
+    if (template != null) {
+      return html.$generateNodesFromDOM(editor, parser.parseFromString(template.template.trim(), "text/html"));
+    }
+    throw new Error("未知的模版：【" + name + "】");
+  };
+  useMounted.useMounted(() => {
+    return utils.mergeRegister(
+      // 插入模版
+      editor.registerCommand(commands.INSERT_TEMPLATE_COMMAND, (name) => {
+        const selection = lexical.$getSelection();
+        const elementNode = lexical.$isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : null;
+        const templateNodes = findTemplateNodesByName(name);
+        if (elementNode) {
+          templateNodes.forEach((node) => elementNode.append(node));
+        } else {
+          templateNodes.forEach((node) => utils.$insertNodeToNearestRoot(node));
+        }
+        return true;
+      }, lexical.COMMAND_PRIORITY_EDITOR)
+    );
+  });
+};
+const showTemplateSelectDialog = function() {
+  return new Promise((resolve) => {
+    const selectOption = vue.ref(null);
+    const searchInputValue = vue.ref("");
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+    };
+    const handleConfirmClick = () => {
+      var _a;
+      dialogInstance.destroy();
+      resolve((_a = selectOption.value) == null ? void 0 : _a.name);
+    };
+    const clickHandle = (item) => {
+      selectOption.value = item;
+    };
+    const dialogInstance = dm.Dialoger.customRender({
+      title: "模版选择",
+      class: "mk-doc-editor__module-template_dialog",
+      width: "700px",
+      onClose: () => {
+        dialogInstance.destroy();
+      },
+      body: () => {
+        const templateListComponent = Templates.filter((item) => {
+          if (searchInputValue.value) {
+            return item.name.indexOf(searchInputValue.value) >= 0 || item.title.indexOf(searchInputValue.value) >= 0;
+          } else {
+            return true;
+          }
+        }).map((item) => {
+          var _a;
+          return vue.createVNode("div", {
+            "class": `mk-doc-editor__module-template_dialog_list-item ${item.cover ? "cover" : ""} ${((_a = selectOption.value) == null ? void 0 : _a.name) == item.name ? "active" : ""}`,
+            "onClick": () => clickHandle(item)
+          }, [item.cover ? vue.createVNode("img", {
+            "src": item.cover
+          }, null) : null, vue.createVNode("div", {
+            "class": "mk-doc-editor__module-template_dialog_list-item_title"
+          }, [item.title])]);
+        });
+        return vue.createVNode("div", {
+          "class": "mk-doc-editor__module-template_dialog_warp"
+        }, [vue.createVNode(elementPlus.ElInput, {
+          "modelValue": searchInputValue.value,
+          "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
+          "prefix-icon": elIcons.Search,
+          "clearable": true
+        }, null), vue.createVNode("div", {
+          "class": "mk-doc-editor__module-template_dialog_list-body"
+        }, [templateListComponent])]);
+      },
+      footer: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick,
+          "disabled": !selectOption.value
+        }, {
+          default: () => [vue.createTextVNode("确定")]
+        })]);
+      }
+    });
+  });
+};
+exports.Templates = Templates;
+exports.registerDocTemplate = registerDocTemplate;
+exports.showTemplateSelectDialog = showTemplateSelectDialog;
+exports.useTemplate = useTemplate;
+//# sourceMappingURL=composables.js.map

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/TemplatePlugin/composables.tsx"],"sourcesContent":["import { $getSelection, $isNodeSelection, COMMAND_PRIORITY_EDITOR, ElementNode, LexicalEditor, LexicalNode } from \"lexical\";\r\nimport { $generateNodesFromDOM } from \"@lexical/html\";\r\nimport { ref,Fragment } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport {  ElButton,ElInput } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { INSERT_TEMPLATE_COMMAND } from \"./commands\"\r\nimport { useMounted,useLexicalComposer } from \"../../core/composables\";\r\nimport { $insertNodeToNearestRoot, mergeRegister } from \"@lexical/utils\";\r\n\r\n/**\r\n * 模版类型\r\n */\r\nexport type TemplateType = {\r\n  name:string,\r\n  title:string,\r\n  cover:string,\r\n  template:string,\r\n  editorCss?:string|null|undefined,\r\n}\r\n\r\n/**\r\n * 模版定义\r\n */\r\nexport const Templates:TemplateType[] = [];\r\n\r\n/**\r\n * 注册模版\r\n * @param options \r\n */\r\nexport const registerDocTemplate = (options:TemplateType) => {\r\n\r\n  if(Templates.findIndex(item=>item.name == options.name) >= 0){\r\n    console.warn(`模版【${options.title}】重复注册！`);\r\n  }\r\n  else{\r\n    Templates.push(options);\r\n  }\r\n}\r\n\r\n/**\r\n * 卸载模块\r\n * @param name \r\n */\r\nexport const unRegisterDocTemplate = (name:string) => {\r\n\r\n  for(let i = 0;i < Templates.length; i++){\r\n    if(Templates[i].name == name){\r\n      Templates.splice(i,1);\r\n      break;\r\n    }\r\n  }\r\n}\r\n\r\n// dom 解析器\r\nconst parser = new DOMParser();\r\n\r\n/**\r\n * \r\n * @param name \r\n * @returns \r\n */\r\nexport const useTemplate = () => {\r\n\r\n  // 编辑器\r\n  const editor = useLexicalComposer()\r\n\r\n  const findTemplateNodesByName = (name:string):LexicalNode[] => {\r\n\r\n    const template = Templates.find(item=>item.name == name);\r\n\r\n    if(template != null){\r\n      return $generateNodesFromDOM(editor,parser.parseFromString(template.template.trim(),\"text/html\"));\r\n    }\r\n\r\n    throw new Error(\"未知的模版：【\" + name + \"】\");\r\n  }\r\n\r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n\r\n    return mergeRegister(\r\n      // 插入模版\r\n      editor.registerCommand<string>(INSERT_TEMPLATE_COMMAND,(name) => {\r\n\r\n        const selection = $getSelection()\r\n        const elementNode = $isNodeSelection(selection) ? selection?.getNodes()[0] as ElementNode : null;\r\n        const templateNodes = findTemplateNodesByName(name)\r\n\r\n        if (elementNode) {\r\n          templateNodes.forEach(node=> elementNode.append(node))\r\n        }\r\n        else{\r\n          templateNodes.forEach(node=> $insertNodeToNearestRoot(node))\r\n        }\r\n        return true\r\n      },COMMAND_PRIORITY_EDITOR)\r\n    )\r\n  })\r\n\r\n\r\n}\r\n\r\n\r\n/**\r\n * 显示模块模版选择\r\n * @returns \r\n */\r\nexport const showTemplateSelectDialog = function():Promise<string> {\r\n\r\n  return new Promise<string>((resolve:any)=> {\r\n\r\n    const selectOption = ref<TemplateType|null>(null);\r\n    const searchInputValue = ref(\"\");\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve(selectOption.value?.name);\r\n    };\r\n\r\n    // 点击块\r\n    const clickHandle = (item:any)=>{\r\n      selectOption.value = item;\r\n    }\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"模版选择\",\r\n      class: \"mk-doc-editor__module-template_dialog\",\r\n      width: \"700px\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n\r\n        // 循环体\r\n        const templateListComponent = Templates.filter(item=>{\r\n          if(searchInputValue.value){\r\n            return item.name.indexOf(searchInputValue.value) >= 0 || item.title.indexOf(searchInputValue.value) >= 0\r\n          }\r\n          else{\r\n            return true;\r\n          }\r\n        }).map(item=>{\r\n\r\n          return <div \r\n          class={`mk-doc-editor__module-template_dialog_list-item ${(item.cover ? 'cover':'')} ${(selectOption.value?.name == item.name ? 'active':'')}`} \r\n          onClick={()=>clickHandle(item)}>\r\n            {item.cover ?  <img src={item.cover}  /> :null}\r\n            <div class=\"mk-doc-editor__module-template_dialog_list-item_title\">{item.title}</div>\r\n          </div>\r\n        })\r\n\r\n        return <div class=\"mk-doc-editor__module-template_dialog_warp\">\r\n          <ElInput v-model={searchInputValue.value} prefix-icon={Search} clearable={true} />\r\n          <div class=\"mk-doc-editor__module-template_dialog_list-body\">\r\n            {templateListComponent}\r\n          </div>\r\n        </div>\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick} disabled={!selectOption.value}>\r\n            确定\r\n          </ElButton>\r\n      </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["Templates","registerDocTemplate","options","findIndex","item","name","console","warn","title","push","parser","DOMParser","useTemplate","editor","useLexicalComposer","findTemplateNodesByName","template","find","$generateNodesFromDOM","parseFromString","trim","Error","useMounted","mergeRegister","registerCommand","INSERT_TEMPLATE_COMMAND","selection","$getSelection","elementNode","$isNodeSelection","getNodes","templateNodes","forEach","node","append","$insertNodeToNearestRoot","COMMAND_PRIORITY_EDITOR","showTemplateSelectDialog","Promise","resolve","selectOption","ref","searchInputValue","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","clickHandle","Dialoger","customRender","class","width","onClose","body","templateListComponent","filter","indexOf","map","_createVNode","cover","onClick","ElInput","$event","Search","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+"use strict";
+const vue = require("vue");
+require("@lexical/text");
+require("@lexical/utils");
+require("@lexical/overflow");
+require("lexical");
+require("tiny-invariant");
+require("@lexical/history");
+const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
+require("@lexical/list");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("@lexical/rich-text");
+const index = require("../../core/index.js");
+const composables = require("./composables.js");
+const commands = require("./commands.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const editor = useLexicalComposer.useLexicalComposer();
+    index.registerDocEditorToolbarExtend({
+      icon: "richtext",
+      text: "模版",
+      action: async () => {
+        editor.dispatchCommand(commands.INSERT_TEMPLATE_COMMAND, await composables.showTemplateSelectDialog());
+      },
+      sort: 90
+    });
+    composables.useTemplate();
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/TemplatePlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { useLexicalComposer } from '../../core/composables'\r\nimport { registerDocEditorToolbarExtend,type ToolbarExtendPlugin } from \"../../core\"\r\nimport { showTemplateSelectDialog,useTemplate } from \"./composables\"\r\nimport { INSERT_TEMPLATE_COMMAND } from \"./commands\"\r\n\r\n\r\n  // 编辑器\r\n  const editor = useLexicalComposer()\r\n\r\n  // 注册到工具条\r\n  registerDocEditorToolbarExtend({\r\n    icon:\"richtext\",\r\n    text:\"模版\",\r\n    action:async ()=>{\r\n      editor.dispatchCommand(INSERT_TEMPLATE_COMMAND,await showTemplateSelectDialog())\r\n    },\r\n    sort:90\r\n  } as ToolbarExtendPlugin)\r\n\r\n  useTemplate();\r\n\r\n</script>\r\n\r\n<template></template>\r\n"],"names":["useLexicalComposer","registerDocEditorToolbarExtend","INSERT_TEMPLATE_COMMAND","showTemplateSelectDialog","useTemplate"],"mappings":";;;;;;;;;;;;;;;;;;;AASE,UAAM,SAASA,mBAAAA;AAGgBC,yCAAA;AAAA,MAC7B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAO,YAAU;AACf,eAAO,gBAAgBC,SAAAA,yBAAwB,MAAMC,YAAAA,yBAA0B,CAAA;AAAA,MACjF;AAAA,MACA,MAAK;AAAA,IAAA,CACiB;AAEZC,gBAAAA;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/components/basic/doc-editor/plugins/TemplatePlugin/index.vue2.js.map

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

package/dist/cjs/components/basic/doc-editor/plugins/ToolbarPlugin/ContentStyleTool.vue.js

@@ -5,7 +5,13 @@ const selection = require("@lexical/selection");
 const richText = require("@lexical/rich-text");
 const list = require("@lexical/list");
 const utils = require("@lexical/utils");
-const lexicalVue = require("lexical-vue");
+require("@lexical/text");
+require("@lexical/overflow");
+require("tiny-invariant");
+require("@lexical/history");
+const useLexicalComposer = require("../../core/composables/useLexicalComposer.js");
+require("@lexical/dragon");
+require("@lexical/plain-text");
 const _hoisted_1 = {
   key: 0,
   class: "mk-doc-editor-toolbar-content-style-item text"
@@ -14,7 +20,7 @@ const _hoisted_2 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ContentStyleTool",
   setup(__props) {
-    const editor = lexicalVue.useLexicalComposer();
+    const editor = useLexicalComposer.useLexicalComposer();
     const CONTENT_TYPE_DEFINES = [
       { value: "paragraph", label: "正文" },
       { value: "bullet", label: "无序列表" },
@@ -92,7 +98,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(CONTENT_TYPE_DEFINES, (item) => {
                 return vue.createVNode(_component_el_dropdown_item, {
                   class: vue.normalizeClass({ active: contentType.value.label == item.label }),
-                  disabled: disabled.value,
                   value: item.value,
                   onClick: ($event) => setContentType(item)
                 }, {
@@ -104,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, _hoisted_2))
                   ]),
                   _: 2
-                }, 1032, ["class", "disabled", "value", "onClick"]);
+                }, 1032, ["class", "value", "onClick"]);
               }), 64))
             ]),
             _: 1