@maketribe/ms-app 3.2.25 → 3.2.26

package/dist/esm/components/basic/doc-editor/plugins/ImageTextPlugin/ImageTextNode.js

@@ -1,106 +0,0 @@
-import { createCommand, ElementNode, $createParagraphNode } from "lexical";
-import "../ImagePlugin/commands.js";
-import { InlineImageNode } from "../ImagePlugin/ImageNode.js";
-const INSERT_IMAGETEXT_COMMAND = createCommand("INSERT_IMAGETEXT_COMMAND");
-const MarkClassName = "mk-doc__image-text";
-class ImageTextNode extends ElementNode {
-  static getType() {
-    return "image-text";
-  }
-  static clone(node) {
-    return new ImageTextNode(node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createImageTextNode();
-  }
-  static importDOM() {
-    return {
-      div: (domNode) => {
-        return domNode.classList.contains(MarkClassName) ? {
-          conversion: () => {
-            return { node: $createImageTextNode() };
-          },
-          priority: 4
-        } : null;
-      }
-    };
-  }
-  constructor(key) {
-    super(key);
-  }
-  /**
-   * 导出JSON
-   * @returns 
-   */
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.getType(),
-      version: 1
-    };
-  }
-  /**
-   * 导出DOM
-   * @returns 
-   */
-  exportDOM() {
-    const element = document.createElement("div");
-    if (!element.classList.contains(MarkClassName)) {
-      element.classList.add(MarkClassName);
-    }
-    return { element };
-  }
-  /**
-   * 创建渲染DOM
-   * @param config 
-   * @returns 
-   */
-  createDOM(config) {
-    const el = this.exportDOM().element;
-    el.setAttribute("node-key", this.__key);
-    el.setAttribute("contenteditable", "true");
-    el.setAttribute("data-lexical-decorator", "true");
-    return el;
-  }
-  /**
-   * 更新DOM
-   * @param prevNode 
-   * @param dom 
-   * @param config 
-   * @returns 
-   */
-  updateDOM(prevNode, dom, config) {
-    return false;
-  }
-  /* 不允许空
-   * @returns 
-   */
-  canBeEmpty() {
-    return false;
-  }
-  /**
-   * 非内联
-   * @returns 
-   */
-  isInline() {
-    return false;
-  }
-}
-function $createImageTextNode(attrs) {
-  const imageText = new ImageTextNode();
-  if (attrs != null) {
-    imageText.append(new InlineImageNode(attrs));
-    imageText.append($createParagraphNode());
-  }
-  return imageText;
-}
-function $isImageTextNode(node) {
-  return node instanceof ImageTextNode;
-}
-export {
-  $createImageTextNode,
-  $isImageTextNode,
-  INSERT_IMAGETEXT_COMMAND,
-  ImageTextNode
-};
-//# sourceMappingURL=ImageTextNode.js.map

package/dist/esm/components/basic/doc-editor/plugins/ImageTextPlugin/ImageTextNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageTextNode.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImageTextPlugin/ImageTextNode.ts"],"sourcesContent":["\r\n\r\n\r\n\r\n\r\nimport type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey,EditorConfig, Spread,SerializedElementNode, DOMExportOutput } from 'lexical'\r\nimport { createCommand,$createParagraphNode,ElementNode } from 'lexical'\r\nimport { ImageAttrType,InlineImageNode } from '../ImagePlugin'\r\n\r\n/**\r\n * 插入图文\r\n */\r\nexport const INSERT_IMAGETEXT_COMMAND: LexicalCommand<ImageAttrType> = createCommand('INSERT_IMAGETEXT_COMMAND')\r\n\r\n/**\r\n * 图文节点序列化\r\n */\r\nexport type SerializedImageTextNode = Spread<{},SerializedElementNode>\r\n\r\n\r\n// 类标识\r\nconst MarkClassName = \"mk-doc__image-text\";\r\n\r\n/**\r\n * 图文节点\r\n */\r\nexport class ImageTextNode extends ElementNode{\r\n\r\n  static getType(): string {\r\n    return \"image-text\";\r\n  }\r\n\r\n  static clone(node: ImageTextNode): ImageTextNode {\r\n    return new ImageTextNode(node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedImageTextNode): ImageTextNode {\r\n    return $createImageTextNode()\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div : (domNode: HTMLElement) => {\r\n        return domNode.classList.contains(MarkClassName) ? {\r\n          conversion: ()=>{ \r\n            return  { node:$createImageTextNode() };\r\n          },\r\n          priority: 4\r\n        } : null;\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(key?: NodeKey) {\r\n    super(key)\r\n  }\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedImageTextNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\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 element = document.createElement('div')\r\n\r\n    if (!element.classList.contains(MarkClassName)) {\r\n      element.classList.add(MarkClassName);\r\n    }\r\n\r\n    return { element }\r\n  }\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const el = this.exportDOM().element as HTMLElement;\r\n    el.setAttribute(\"node-key\",this.__key)\r\n    el.setAttribute(\"contenteditable\",\"true\")\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: ImageTextNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    return false\r\n  }\r\n\r\n  /* 不允许空\r\n   * @returns \r\n   */\r\n  canBeEmpty(): boolean {\r\n    return false\r\n  }\r\n\r\n  /**\r\n   * 非内联\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\r\n    return false;\r\n  }\r\n}\r\n\r\n/**\r\n * 创建图文节点\r\n * @param src \r\n * @returns \r\n */\r\nexport function $createImageTextNode(attrs?: ImageAttrType): ImageTextNode {\r\n\r\n  const imageText = new ImageTextNode()\r\n\r\n  if(attrs != null){\r\n    imageText.append(new InlineImageNode(attrs))\r\n    imageText.append($createParagraphNode())\r\n  }\r\n\r\n  return imageText;\r\n}\r\n\r\n/**\r\n * 判断是否是图文节点\r\n * @param node \r\n * @returns \r\n */\r\nexport function $isImageTextNode(\r\n  node: ImageTextNode | LexicalNode | null | undefined,\r\n): node is ImageTextNode {\r\n  return node instanceof ImageTextNode\r\n}\r\n"],"names":[],"mappings":";;;AAYa,MAAA,2BAA0D,cAAc,0BAA0B;AAS/G,MAAM,gBAAgB;AAKf,MAAM,sBAAsB,YAAW;AAAA,EAE5C,OAAO,UAAkB;AAChB,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,MAAoC;AACxC,WAAA,IAAI,cAAc,KAAK,KAAK;AAAA,EACrC;AAAA,EAEA,OAAO,WAAW,gBAAwD;AACxE,WAAO,qBAAqB;AAAA,EAC9B;AAAA,EAEA,OAAO,YAAqC;AACnC,WAAA;AAAA,MACL,KAAM,CAAC,YAAyB;AAC9B,eAAO,QAAQ,UAAU,SAAS,aAAa,IAAI;AAAA,UACjD,YAAY,MAAI;AACN,mBAAA,EAAE,MAAK,qBAAA;UACjB;AAAA,UACA,UAAU;AAAA,QACR,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY,KAAe;AACzB,UAAM,GAAG;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAAsC;AAC7B,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK,QAAQ;AAAA,MACnB,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAA6B;AAErB,UAAA,UAAU,SAAS,cAAc,KAAK;AAE5C,QAAI,CAAC,QAAQ,UAAU,SAAS,aAAa,GAAG;AACtC,cAAA,UAAU,IAAI,aAAa;AAAA,IACrC;AAEA,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,QAAmC;AACrC,UAAA,KAAK,KAAK,UAAA,EAAY;AACzB,OAAA,aAAa,YAAW,KAAK,KAAK;AAClC,OAAA,aAAa,mBAAkB,MAAM;AACrC,OAAA,aAAa,0BAAyB,MAAM;AACxC,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,UAAU,UAAyB,KAAkB,QAA+B;AAC3E,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,aAAsB;AACb,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAoB;AACX,WAAA;AAAA,EACT;AACF;AAOO,SAAS,qBAAqB,OAAsC;AAEnE,QAAA,YAAY,IAAI;AAEtB,MAAG,SAAS,MAAK;AACf,cAAU,OAAO,IAAI,gBAAgB,KAAK,CAAC;AACjC,cAAA,OAAO,sBAAsB;AAAA,EACzC;AAEO,SAAA;AACT;AAOO,SAAS,iBACd,MACuB;AACvB,SAAO,gBAAgB;AACzB;"}

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

@@ -1,46 +0,0 @@
-import { defineComponent, onMounted } from "vue";
-import { mergeRegister, $insertNodeToNearestRoot } from "@lexical/utils";
-import { COMMAND_PRIORITY_EDITOR } from "lexical";
-import { useLexicalComposer, useMounted } from "lexical-vue";
-import { registerDocEditorToolbarExtend } from "../../core/index.js";
-import { INSERT_IMAGETEXT_COMMAND, $createImageTextNode, ImageTextNode } from "./ImageTextNode.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    registerDocEditorToolbarExtend({
-      icon: "richtext-outline",
-      text: "图文",
-      action: async () => {
-        editor.dispatchCommand(INSERT_IMAGETEXT_COMMAND, {
-          src: "",
-          float: "left",
-          width: "200px",
-          margin: "0 10px 10px 0"
-        });
-      },
-      sort: 10
-    });
-    const editor = useLexicalComposer();
-    useMounted(() => {
-      return mergeRegister(
-        // 插入图文
-        editor.registerCommand(INSERT_IMAGETEXT_COMMAND, (payload) => {
-          $insertNodeToNearestRoot($createImageTextNode(payload));
-          return true;
-        }, COMMAND_PRIORITY_EDITOR)
-      );
-    });
-    onMounted(() => {
-      if (!editor.hasNodes([ImageTextNode])) {
-        throw new Error("ImageTextPlugin: 图文节点未注册！");
-      }
-    });
-    return (_ctx, _cache) => {
-      return null;
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=index.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImageTextPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection,CLICK_COMMAND } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { registerDocEditorToolbarExtend,type ToolbarExtendPlugin } from \"../../core\"\r\nimport {  useElementModule } from '../../core'\r\nimport { ImageAttrType } from '../ImagePlugin'\r\nimport { INSERT_IMAGETEXT_COMMAND,ImageTextNode,$createImageTextNode } from './index'\r\n\r\n\r\n// 注册到工具条\r\nregisterDocEditorToolbarExtend({\r\n  icon:\"richtext-outline\",\r\n  text:\"图文\",\r\n  action:async ()=>{ \r\n    editor.dispatchCommand(INSERT_IMAGETEXT_COMMAND,{\r\n      src:\"\",\r\n      float:\"left\",\r\n      width:\"200px\",\r\n      margin:\"0 10px 10px 0\"\r\n    })\r\n  },\r\n  sort:10\r\n} as ToolbarExtendPlugin)\r\n\r\nconst editor = useLexicalComposer()\r\n\r\n// 使用元素模块 集成了模块选中删除以及工具条\r\n// const { isSelected,  curSelectKey, curSelectPos,updateActiveViewState } = useElementModule(el=>{\r\n  \r\n//   var imageTextEl:any = el\r\n\r\n//   while (imageTextEl != null && !imageTextEl.classList.contains(\"mk-doc-block-image-text\")) {\r\n//     imageTextEl = imageTextEl.parentElement;\r\n//   }\r\n\r\n//   return imageTextEl\r\n\r\n// },[\r\n//   {\r\n//     title:\"编辑\",icon:\"Edit\",action:()=>{\r\n//       // 编辑的节点\r\n//       editor.getEditorState().read(async () => {\r\n       \r\n        \r\n//       })\r\n//     } \r\n//   }\r\n// ])\r\n\r\n\r\nuseMounted(()=>{\r\n  return mergeRegister(\r\n    // 插入图文\r\n    editor.registerCommand<ImageAttrType>(INSERT_IMAGETEXT_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createImageTextNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR)\r\n  )\r\n})\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([ImageTextNode])){\r\n    throw new Error('ImageTextPlugin: 图文节点未注册！')\r\n  }\r\n})\r\n</script>\r\n\r\n\r\n<template>\r\n  <!-- <div class=\"mk-doc-active-mark mk-doc-active-box-mark\" v-if=\"isSelected\" :style=\"curSelectPos\">\r\n    \r\n  </div> -->\r\n</template>\r\n\r\n"],"names":[],"mappings":";;;;;;;;;AAY+B,mCAAA;AAAA,MAC7B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAO,YAAU;AACf,eAAO,gBAAgB,0BAAyB;AAAA,UAC9C,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,QAAA,CACR;AAAA,MACH;AAAA,MACA,MAAK;AAAA,IAAA,CACiB;AAExB,UAAM,SAAS;AA0Bf,eAAW,MAAI;AACN,aAAA;AAAA;AAAA,QAEL,OAAO,gBAA+B,0BAAyB,CAAC,YAAY;AACjD,mCAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACP,uBAAuB;AAAA,MAAA;AAAA,IAC3B,CACD;AAED,cAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAAC,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAC7C;AAAA,IAAA,CACD;;;;;;"}

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

@@ -1,143 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/RichTextPlugin/nodes/BaseBlockCantainerNode.js

@@ -1,123 +0,0 @@
-import { ElementNode } from "lexical";
-const BaseMarkClassName = "mk-doc-block-container";
-class BaseBlockCantainerNode extends ElementNode {
-  constructor(type, key) {
-    super(key);
-    this.__type = type;
-  }
-  /**
-  * 获取指定类型模块类标识
-  * @param type 
-  * @returns 
-  */
-  static getMarkClassName(type) {
-    return `${BaseMarkClassName}__${type}`;
-  }
-  /**
-   * 是否是指定类型模块
-   * @param dom 
-   * @param type 
-   * @returns 
-   */
-  static hasBlockByType(dom, type) {
-    return dom.classList.contains(BaseBlockCantainerNode.getMarkClassName(type));
-  }
-  /**
-   * 导出json
-   * @returns 
-   */
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.__type,
-      version: 1
-    };
-  }
-  /**
-   * 获取标识类名
-   */
-  getMarkClassName() {
-    return BaseBlockCantainerNode.getMarkClassName(this.__type);
-  }
-  /**
-   * 导出DOM
-   * @returns 
-   */
-  exportDOM() {
-    const element = document.createElement("div");
-    if (!element.classList.contains(this.getMarkClassName())) {
-      element.classList.add(this.getMarkClassName());
-    }
-    return { element };
-  }
-  /**
-   * 创建渲染DOM
-   * @param config 
-   * @returns 
-   */
-  createDOM(config) {
-    const el = this.exportDOM().element;
-    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) {
-    return false;
-  }
-  /**
-   * 非内联
-   * @returns 
-   */
-  isInline() {
-    return false;
-  }
-  /**
-   * 定义为影子根
-   * @returns 
-   */
-  isShadowRoot() {
-    return true;
-  }
-  // // Mutation
-  // insertNewAfter(rangeSelection:RangeSelection, restoreSelection:boolean) {
-  //   // const newElement = $createParagraphNode();
-  //   // newElement.setTextFormat(rangeSelection.format);
-  //   // const direction = this.getDirection();
-  //   // newElement.setDirection(direction);
-  //   // newElement.setFormat(this.getFormatType());
-  //   // this.insertAfter(newElement, restoreSelection);
-  //   console.log(rangeSelection,restoreSelection)
-  //   return null;
-  // }
-  // collapseAtStart() {
-  //   const children = this.getChildren();
-  //   console.log("asdasdas")
-  //   if (children.length === 0 || $isTextNode(children[0]) && children[0].getTextContent().trim() === "") {
-  //     const nextSibling = this.getNextSibling();
-  //     if (nextSibling !== null) {
-  //       this.selectNext();
-  //       this.remove();
-  //       return true;
-  //     }
-  //     const prevSibling = this.getPreviousSibling();
-  //     if (prevSibling !== null) {
-  //       this.selectPrevious();
-  //       this.remove();
-  //       return true;
-  //     }
-  //   }
-  //   return false;
-  // }
-}
-export {
-  BaseBlockCantainerNode
-};
-//# sourceMappingURL=BaseBlockCantainerNode.js.map

package/dist/esm/components/basic/doc-editor/plugins/RichTextPlugin/nodes/BaseBlockCantainerNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseBlockCantainerNode.js","sources":["../../../../../../../../src/components/basic/doc-editor/plugins/RichTextPlugin/nodes/BaseBlockCantainerNode.ts"],"sourcesContent":["import type {\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  NodeKey,\r\n  Spread,\r\n  SerializedElementNode,\r\n} from 'lexical'\r\nimport { ElementNode} from 'lexical'\r\n\r\n/**\r\n * 可编辑组件块容器节点\r\n */\r\nexport type SerializedBlockCantainerNode = Spread<{},SerializedElementNode>\r\n\r\n// 基础类标识\r\nconst BaseMarkClassName = \"mk-doc-block-container\";\r\n\r\n/**\r\n * 定义组件块容器点\r\n */\r\nexport class BaseBlockCantainerNode extends ElementNode {\r\n\r\n  constructor(type: string,  key?: NodeKey) {\r\n    super(key)\r\n    this.__type = type\r\n  }\r\n\r\n   /**\r\n   * 获取指定类型模块类标识\r\n   * @param type \r\n   * @returns \r\n   */\r\n  static getMarkClassName(type:string): string {\r\n    return `${BaseMarkClassName}__${type}`\r\n  }\r\n\r\n  /**\r\n   * 是否是指定类型模块\r\n   * @param dom \r\n   * @param type \r\n   * @returns \r\n   */\r\n  static hasBlockByType(dom: HTMLElement,type:string): boolean {\r\n    return dom.classList.contains(BaseBlockCantainerNode.getMarkClassName(type))\r\n  }\r\n\r\n  /**\r\n   * 导出json\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedBlockCantainerNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.__type,\r\n      version: 1\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 获取标识类名\r\n   */\r\n  getMarkClassName(){\r\n    return BaseBlockCantainerNode.getMarkClassName(this.__type)\r\n  }\r\n\r\n  /**\r\n   * 导出DOM\r\n   * @returns \r\n   */\r\n  exportDOM(): DOMExportOutput {\r\n   \r\n    const element = document.createElement('div')\r\n\r\n    if (!element.classList.contains(this.getMarkClassName())) {\r\n      element.classList.add(this.getMarkClassName());\r\n    }\r\n\r\n    return { element }\r\n  }\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const el = this.exportDOM().element as HTMLElement;\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: BaseBlockCantainerNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    // console.log(\"Image Text updateDOM\",prevNode,dom);\r\n    // const position = this.__pos\r\n    // if (position !== prevNode.__pos) {\r\n    //   const className = `${config.theme.image} position-${position}`\r\n    //   if (className !== undefined) {\r\n    //     dom.className = className\r\n    //   }\r\n    // }\r\n    // const inner = dom.firstChild\r\n    // if (inner === null){ return true }\r\n    // super.updateDOM(prevNode, inner as HTMLElement, config)\r\n    return false\r\n  }\r\n\r\n\r\n  /**\r\n   * 非内联\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * 定义为影子根\r\n   * @returns \r\n   */\r\n  isShadowRoot(): boolean {\r\n    return true;\r\n  }\r\n\r\n  \r\n  // // Mutation\r\n  // insertNewAfter(rangeSelection:RangeSelection, restoreSelection:boolean) {\r\n  //   // const newElement = $createParagraphNode();\r\n  //   // newElement.setTextFormat(rangeSelection.format);\r\n  //   // const direction = this.getDirection();\r\n  //   // newElement.setDirection(direction);\r\n  //   // newElement.setFormat(this.getFormatType());\r\n  //   // this.insertAfter(newElement, restoreSelection);\r\n  //   console.log(rangeSelection,restoreSelection)\r\n  //   return null;\r\n  // }\r\n\r\n\r\n  // collapseAtStart() {\r\n  //   const children = this.getChildren();\r\n  //   console.log(\"asdasdas\")\r\n  //   if (children.length === 0 || $isTextNode(children[0]) && children[0].getTextContent().trim() === \"\") {\r\n  //     const nextSibling = this.getNextSibling();\r\n  //     if (nextSibling !== null) {\r\n  //       this.selectNext();\r\n  //       this.remove();\r\n  //       return true;\r\n  //     }\r\n  //     const prevSibling = this.getPreviousSibling();\r\n  //     if (prevSibling !== null) {\r\n  //       this.selectPrevious();\r\n  //       this.remove();\r\n  //       return true;\r\n  //     }\r\n  //   }\r\n  //   return false;\r\n  // }\r\n}\r\n"],"names":[],"mappings":";AAeA,MAAM,oBAAoB;AAKnB,MAAM,+BAA+B,YAAY;AAAA,EAEtD,YAAY,MAAe,KAAe;AACxC,UAAM,GAAG;AACT,SAAK,SAAS;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,iBAAiB,MAAqB;AACpC,WAAA,GAAG,iBAAiB,KAAK,IAAI;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAO,eAAe,KAAiB,MAAsB;AAC3D,WAAO,IAAI,UAAU,SAAS,uBAAuB,iBAAiB,IAAI,CAAC;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAA2C;AAClC,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAkB;AACT,WAAA,uBAAuB,iBAAiB,KAAK,MAAM;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAA6B;AAErB,UAAA,UAAU,SAAS,cAAc,KAAK;AAE5C,QAAI,CAAC,QAAQ,UAAU,SAAS,KAAK,iBAAA,CAAkB,GAAG;AACxD,cAAQ,UAAU,IAAI,KAAK,iBAAkB,CAAA;AAAA,IAC/C;AAEA,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,QAAmC;AACrC,UAAA,KAAK,KAAK,UAAA,EAAY;AACzB,OAAA,aAAa,YAAW,KAAK,KAAK;AAClC,OAAA,aAAa,mBAAkB,OAAO;AACtC,OAAA,aAAa,0BAAyB,MAAM;AACxC,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,UAAU,UAAkC,KAAkB,QAA+B;AAYpF,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,WAAoB;AACX,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,eAAwB;AACf,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCF;"}

package/dist/esm/components/basic/doc-editor/plugins/RichTextPlugin/nodes/BaseBlockNode.js

@@ -1,84 +0,0 @@
-import { ElementNode } from "lexical";
-const BaseMarkClassName = "mk-doc-block";
-class BaseBlockNode extends ElementNode {
-  constructor(type, key) {
-    super(key);
-    this.__type = type;
-  }
-  /**
-  * 获取指定类型模块类标识
-  * @param type 
-  * @returns 
-  */
-  static getMarkClassName(type) {
-    return `${BaseMarkClassName}__${type}`;
-  }
-  /**
-   * 是否是指定类型模块
-   * @param dom 
-   * @param type 
-   * @returns 
-   */
-  static hasBlockByType(dom, type) {
-    return dom.classList.contains(BaseBlockNode.getMarkClassName(type));
-  }
-  /**
-   * 导出json
-   * @returns 
-   */
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: this.__type,
-      version: 1
-    };
-  }
-  /**
-   * 获取标识类名
-   */
-  getMarkClassName() {
-    return BaseBlockNode.getMarkClassName(this.__type);
-  }
-  /**
-   * 导出DOM
-   * @returns 
-   */
-  exportDOM() {
-    const element = document.createElement("div");
-    if (!element.classList.contains(this.getMarkClassName())) {
-      element.classList.add(this.getMarkClassName());
-    }
-    return { element };
-  }
-  /**
-   * 创建渲染DOM
-   * @param config 
-   * @returns 
-   */
-  createDOM(config) {
-    const el = this.exportDOM().element;
-    el.setAttribute("node-key", this.__key);
-    return el;
-  }
-  /**
-   * 更新DOM
-   * @param prevNode 
-   * @param dom 
-   * @param config 
-   * @returns 
-   */
-  updateDOM(prevNode, dom, config) {
-    return false;
-  }
-  /**
-   * 非内联
-   * @returns 
-   */
-  isInline() {
-    return false;
-  }
-}
-export {
-  BaseBlockNode
-};
-//# sourceMappingURL=BaseBlockNode.js.map

package/dist/esm/components/basic/doc-editor/plugins/RichTextPlugin/nodes/BaseBlockNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseBlockNode.js","sources":["../../../../../../../../src/components/basic/doc-editor/plugins/RichTextPlugin/nodes/BaseBlockNode.ts"],"sourcesContent":["import type {\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  NodeKey,\r\n  Spread,\r\n  SerializedElementNode,\r\n\r\n} from 'lexical'\r\nimport {  isBlockDomNode, $isBlockElementNode,ElementNode } from 'lexical'\r\nimport { type Component} from \"vue\"\r\n \r\n/**\r\n * 可编辑组件块节点\r\n */\r\nexport type SerializedBlockNode = Spread<{},SerializedElementNode>\r\n\r\n// 基础类标识\r\nconst BaseMarkClassName = \"mk-doc-block\";\r\n\r\n/**\r\n * 定义组件块节点\r\n */\r\nexport class BaseBlockNode extends ElementNode {\r\n\r\n  constructor(type: string,  key?: NodeKey) {\r\n    super(key)\r\n    this.__type = type\r\n  }\r\n\r\n   /**\r\n   * 获取指定类型模块类标识\r\n   * @param type \r\n   * @returns \r\n   */\r\n   static getMarkClassName(type:string): string {\r\n    return `${BaseMarkClassName}__${type}`\r\n  }\r\n\r\n  /**\r\n   * 是否是指定类型模块\r\n   * @param dom \r\n   * @param type \r\n   * @returns \r\n   */\r\n  static hasBlockByType(dom: HTMLElement,type:string): boolean {\r\n    return dom.classList.contains(BaseBlockNode.getMarkClassName(type))\r\n  }\r\n\r\n  /**\r\n   * 导出json\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedBlockNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.__type,\r\n      version: 1\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 获取标识类名\r\n   */\r\n  getMarkClassName(){\r\n    return BaseBlockNode.getMarkClassName(this.__type)\r\n  }\r\n\r\n  /**\r\n   * 导出DOM\r\n   * @returns \r\n   */\r\n  exportDOM(): DOMExportOutput {\r\n   \r\n    const element = document.createElement('div')\r\n\r\n    if (!element.classList.contains(this.getMarkClassName())) {\r\n      element.classList.add(this.getMarkClassName());\r\n    }\r\n\r\n    return { element }\r\n  }\r\n\r\n  /**\r\n   * 创建渲染DOM\r\n   * @param config \r\n   * @returns \r\n   */\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const el = this.exportDOM().element as HTMLElement;\r\n    el.setAttribute(\"node-key\",this.__key)\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: BaseBlockNode, dom: HTMLElement, config: EditorConfig): boolean {\r\n    // console.log(\"Image Text updateDOM\",prevNode,dom);\r\n    // const position = this.__pos\r\n    // if (position !== prevNode.__pos) {\r\n    //   const className = `${config.theme.image} position-${position}`\r\n    //   if (className !== undefined) {\r\n    //     dom.className = className\r\n    //   }\r\n    // }\r\n    // const inner = dom.firstChild\r\n    // if (inner === null){ return true }\r\n    // super.updateDOM(prevNode, inner as HTMLElement, config)\r\n    return false\r\n  }\r\n\r\n  /**\r\n   * 非内联\r\n   * @returns \r\n   */\r\n  isInline(): boolean {\r\n    return false;\r\n  }\r\n\r\n}\r\n"],"names":[],"mappings":";AAiBA,MAAM,oBAAoB;AAKnB,MAAM,sBAAsB,YAAY;AAAA,EAE7C,YAAY,MAAe,KAAe;AACxC,UAAM,GAAG;AACT,SAAK,SAAS;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOC,OAAO,iBAAiB,MAAqB;AACrC,WAAA,GAAG,iBAAiB,KAAK,IAAI;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAO,eAAe,KAAiB,MAAsB;AAC3D,WAAO,IAAI,UAAU,SAAS,cAAc,iBAAiB,IAAI,CAAC;AAAA,EACpE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,aAAkC;AACzB,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAkB;AACT,WAAA,cAAc,iBAAiB,KAAK,MAAM;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAA6B;AAErB,UAAA,UAAU,SAAS,cAAc,KAAK;AAE5C,QAAI,CAAC,QAAQ,UAAU,SAAS,KAAK,iBAAA,CAAkB,GAAG;AACxD,cAAQ,UAAU,IAAI,KAAK,iBAAkB,CAAA;AAAA,IAC/C;AAEA,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,QAAmC;AACrC,UAAA,KAAK,KAAK,UAAA,EAAY;AACzB,OAAA,aAAa,YAAW,KAAK,KAAK;AAC9B,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,UAAU,UAAyB,KAAkB,QAA+B;AAY3E,WAAA;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,WAAoB;AACX,WAAA;AAAA,EACT;AAEF;"}

package/dist/types/components/basic/doc-editor/core/decorator-module.d.ts

@@ -1,60 +0,0 @@
-import type { BaseSelection, LexicalCommand, NodeKey } from 'lexical';
-import { DecoratorNode, TextNode, EditorConfig } from "lexical";
-import { type Component } from "vue";
-/**
- * toolsbar的函数
- */
-export type ToolsbarFunction = (selection: BaseSelection | null) => Array<any> | null;
-/**
- * 组件选中
- */
-export type DecoratorModuleSelectEventType = {
-    element: HTMLElement;
-    toolsbars: Array<any> | ToolsbarFunction;
-};
-/**
- * 选中装饰模块
- */
-export declare const SELECTED_DECORATORMODULE_COMMAND: LexicalCommand<DecoratorModuleSelectEventType | null>;
-/**
- * 移除装饰器模块
- */
-export declare const REMOVE_DECORATORMODULE_COMMAND: LexicalCommand<undefined | null>;
-/**
- * 更新模块工具条位置信息
- */
-export declare const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND: LexicalCommand<undefined | null>;
-/**
- * 装饰模块
- */
-export declare class DecoratorModuleBlockNode extends DecoratorNode<Component> {
-    constructor(key?: NodeKey);
-    createDOM(): HTMLDivElement;
-    updateDOM(prevNode: TextNode, dom: HTMLElement, config: EditorConfig): boolean;
-    /**
-     * 标识非行内组件
-     * @returns
-     */
-    isInline(): boolean;
-    /**
-     * 是否隔离
-     * @returns
-     */
-    isIsolated(): boolean;
-    /**
-     * 允许键盘选中
-     * @returns
-     */
-    isKeyboardSelectable(): boolean;
-}
-/**
- * 使用装饰模块
- */
-export declare const useDecoratorModule: (nodeKey: any, toolsbars: Array<any> | ToolsbarFunction) => {
-    isSelected: Readonly<import("vue").Ref<boolean>>;
-    curSelectEl: import("vue").Ref<any>;
-};
-/**
- * 使用装饰模块工具条
- */
-export declare const useDecoratorModuleTools: (selectFunc: Function) => void;

package/dist/types/components/basic/doc-editor/core/element-module.d.ts

@@ -1,15 +0,0 @@
-import { ToolsbarFunction } from './decorator-module';
-/**
- * 判断选中的方法
- */
-export type SelectExistFunc = (el: HTMLElement) => HTMLElement | null;
-/**
- * 使用元素模块
- * @param toolsbars
- */
-export declare const useElementModule: (func: SelectExistFunc, toolsbars: Array<any> | ToolsbarFunction) => {
-    isSelected: import("vue").Ref<boolean>;
-    curSelectKey: import("vue").Ref<any>;
-    curSelectPos: import("vue").Ref<any>;
-    updateActiveViewState: (el: Element | null) => void;
-};