@maketribe/ms-app 3.2.25 → 3.2.27

package/dist/cjs/components/basic/doc-editor/core/decorator-module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorator-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/decorator-module.ts"],"sourcesContent":["\r\nimport type { BaseSelection, LexicalCommand,NodeKey } from 'lexical'\r\nimport {\r\n  createCommand,DecoratorNode,\r\n  $getSelection, $isNodeSelection,\r\n  CLICK_COMMAND, COMMAND_PRIORITY_LOW,\r\n  TextNode,\r\n  EditorConfig\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport { type Component,watch,ref } from \"vue\"\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n} from \"lexical-vue\";\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type ToolsbarFunction = (selection:BaseSelection|null)=>Array<any>|null;\r\n\r\n/**\r\n * 组件选中\r\n */\r\nexport type DecoratorModuleSelectEventType = {\r\n  element:HTMLElement,\r\n  toolsbars:Array<any>|ToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中装饰模块\r\n */\r\nexport const SELECTED_DECORATORMODULE_COMMAND: LexicalCommand<DecoratorModuleSelectEventType|null> = createCommand('SELECTED_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 移除装饰器模块\r\n */\r\nexport const REMOVE_DECORATORMODULE_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 装饰模块\r\n */\r\nexport class DecoratorModuleBlockNode extends DecoratorNode<Component> {\r\n\r\n  constructor( key?: NodeKey) {\r\n    super(key)\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM(\r\n    prevNode: TextNode,\r\n    dom: HTMLElement,\r\n    config: EditorConfig,\r\n  ): boolean {\r\n    return false\r\n  }\r\n  \r\n  /**\r\n   * 标识非行内组件\r\n   * @returns \r\n   */\r\n  isInline() { return false; }\r\n\r\n  /**\r\n   * 是否隔离\r\n   * @returns \r\n   */\r\n  isIsolated(){ return true; }\r\n  \r\n  /**\r\n   * 允许键盘选中\r\n   * @returns \r\n   */\r\n  isKeyboardSelectable(){ return true; }\r\n  \r\n}\r\n\r\n\r\n/**\r\n * 使用装饰模块\r\n */\r\nexport const useDecoratorModule = (nodeKey:any,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  // 编辑器\r\n\r\n  const curSelectEl = ref<any>(null)\r\n  const editor = useLexicalComposer();\r\n  const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(nodeKey);\r\n\r\n  // 是否选中\r\n  watch(isSelected,(v)=>{\r\n    if(v && curSelectEl.value != null){\r\n      // 选中后显示工具条\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      // 没选中\r\n      curSelectEl.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  })\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      // \r\n      // 选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n        \r\n        // 选中当前对象\r\n        if (event.target === curSelectEl.value) {\r\n\r\n          event.preventDefault();\r\n\r\n          if (!event.shiftKey) { clearSelection();  }\r\n\r\n          setSelected(true);\r\n\r\n          return true;\r\n        }\r\n       \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  });\r\n\r\n  return { isSelected,curSelectEl }\r\n}\r\n\r\n/**\r\n * 使用装饰模块工具条\r\n */\r\nexport const useDecoratorModuleTools = (selectFunc:Function)=>{\r\n\r\n  // 编辑器\r\n  const editor = useLexicalComposer();\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      editor.registerCommand(SELECTED_DECORATORMODULE_COMMAND, () => {\r\n          \r\n        const selection = $getSelection();\r\n  \r\n        if($isNodeSelection(selection)){\r\n          selectFunc(selection);\r\n        }\r\n\r\n        return false;\r\n      },1)\r\n    );\r\n  });\r\n\r\n}\r\n\r\n\r\n"],"names":["createCommand"],"mappings":";;;;;;AAiCa,MAAA,mCAAwFA,sBAAc,kCAAkC;AAKxI,MAAA,iCAAiEA,sBAAc,gCAAgC;AAK/G,MAAA,6CAA6EA,sBAAc,4CAA4C;;;;"}

package/dist/cjs/components/basic/doc-editor/core/element-module.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@lexical/utils");
-const lexical = require("lexical");
-const lexicalVue = require("lexical-vue");
-const vue = require("vue");
-const decoratorModule = require("./decorator-module.js");
-const utils$1 = require("./utils.js");
-const useElementModule = (func, toolsbars) => {
-  const editor = lexicalVue.useLexicalComposer();
-  const isSelected = vue.ref(false);
-  const curSelectKey = vue.ref(null);
-  const curSelectPos = vue.ref(null);
-  const curSelectEl = vue.ref(null);
-  const updateActiveViewState = (el) => {
-    if (el) {
-      const selectRect = el.getBoundingClientRect();
-      curSelectPos.value = {
-        top: `${selectRect.y}px`,
-        left: `${selectRect.x}px`,
-        width: `${selectRect.width}px`,
-        height: `${selectRect.height}px`
-      };
-      editor.dispatchCommand(decoratorModule.SELECTED_DECORATORMODULE_COMMAND, {
-        element: curSelectEl.value,
-        toolsbars
-      });
-    } else {
-      curSelectEl.value = null;
-      curSelectKey.value = null;
-      curSelectPos.value = null;
-      editor.dispatchCommand(decoratorModule.SELECTED_DECORATORMODULE_COMMAND, null);
-    }
-  };
-  vue.watch(isSelected, (state) => {
-    return updateActiveViewState(state ? curSelectEl.value : null);
-  });
-  lexicalVue.useMounted(() => {
-    return utils.mergeRegister(
-      // 更新选中状态
-      editor.registerUpdateListener(() => {
-        isSelected.value = utils$1.isNodeSelected(editor, curSelectKey.value);
-      }),
-      // 点击选中
-      editor.registerCommand(lexical.CLICK_COMMAND, (event) => {
-        const el = func(event.target);
-        const nodeKey = el == null ? void 0 : el.getAttribute("node-key");
-        if (nodeKey != null) {
-          event.preventDefault();
-          if (!event.shiftKey) {
-            utils$1.clearSelection(editor);
-          }
-          utils$1.setSelected(editor, true, nodeKey);
-          setTimeout(() => {
-            curSelectEl.value = el;
-            curSelectKey.value = nodeKey;
-            isSelected.value = utils$1.isNodeSelected(editor, nodeKey);
-          }, 1);
-          return true;
-        }
-        return false;
-      }, lexical.COMMAND_PRIORITY_LOW)
-    );
-  });
-  return { isSelected, curSelectKey, curSelectPos, updateActiveViewState };
-};
-exports.useElementModule = useElementModule;
-//# sourceMappingURL=element-module.js.map

package/dist/cjs/components/basic/doc-editor/core/element-module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-module.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {  COMMAND_PRIORITY_LOW,CLICK_COMMAND } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport {  ref,computed,watch } from 'vue'\r\nimport { \r\n  SELECTED_DECORATORMODULE_COMMAND,\r\n  ToolsbarFunction\r\n} from './decorator-module'\r\nimport { \r\n  isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 使用元素模块\r\n * @param toolsbars \r\n */\r\nexport const useElementModule = (func:SelectExistFunc,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  const isSelected = ref(false)\r\n  const curSelectKey = ref<any>(null)\r\n  const curSelectPos = ref<any>(null)\r\n  const curSelectEl = ref<any>(null)\r\n  \r\n  // 更新选中\r\n  const updateActiveViewState = (el:Element|null)=>{\r\n  \r\n    if(el){\r\n  \r\n      const selectRect = el.getBoundingClientRect();\r\n  \r\n      curSelectPos.value = {\r\n        top:`${selectRect.y}px`,left:`${selectRect.x}px`,\r\n        width:`${selectRect.width}px`,height:`${selectRect.height}px`\r\n      };\r\n  \r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      curSelectEl.value = null;\r\n      curSelectKey.value = null;\r\n      curSelectPos.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  }\r\n  \r\n  // 是否选中\r\n  watch(isSelected,(state)=>{\r\n    return updateActiveViewState(state ? curSelectEl.value : null);\r\n  })\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 更新选中状态\r\n      editor.registerUpdateListener(() => {\r\n        isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n      }),\r\n      // 点击选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          \r\n        const el = func(event.target as HTMLElement);\r\n        const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n        // 不为null的话则视为点击选中\r\n        if(nodeKey != null){\r\n          \r\n          event.preventDefault();\r\n  \r\n          if (!event.shiftKey) { clearSelection(editor);  }\r\n\r\n          setSelected(editor,true,nodeKey);\r\n          \r\n          setTimeout(() => {\r\n            curSelectEl.value = el;\r\n            curSelectKey.value = nodeKey;\r\n            isSelected.value = isNodeSelected(editor, nodeKey);\r\n          }, 1);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n\r\n  return { isSelected, curSelectKey,curSelectPos,updateActiveViewState };\r\n\r\n}\r\n"],"names":["useLexicalComposer","ref","SELECTED_DECORATORMODULE_COMMAND","watch","useMounted","mergeRegister","isNodeSelected","CLICK_COMMAND","clearSelection","setSelected","COMMAND_PRIORITY_LOW"],"mappings":";;;;;;;;AAuBa,MAAA,mBAAmB,CAAC,MAAqB,cAAwC;AAE5F,QAAM,SAASA,WAAAA;AACT,QAAA,aAAaC,QAAI,KAAK;AACtB,QAAA,eAAeA,QAAS,IAAI;AAC5B,QAAA,eAAeA,QAAS,IAAI;AAC5B,QAAA,cAAcA,QAAS,IAAI;AAG3B,QAAA,wBAAwB,CAAC,OAAkB;AAE/C,QAAG,IAAG;AAEE,YAAA,aAAa,GAAG;AAEtB,mBAAa,QAAQ;AAAA,QACnB,KAAI,GAAG,WAAW,CAAC;AAAA,QAAK,MAAK,GAAG,WAAW,CAAC;AAAA,QAC5C,OAAM,GAAG,WAAW,KAAK;AAAA,QAAK,QAAO,GAAG,WAAW,MAAM;AAAA,MAAA;AAG3D,aAAO,gBAAgBC,kDAAiC;AAAA,QACtD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgBA,kDAAiC,IAAI;AAAA,IAC9D;AAAA,EAAA;AAIIC,YAAA,YAAW,CAAC,UAAQ;AACxB,WAAO,sBAAsB,QAAQ,YAAY,QAAQ,IAAI;AAAA,EAAA,CAC9D;AAGDC,aAAAA,WAAW,MAAI;AAEN,WAAAC,MAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;AAClC,mBAAW,QAAQC,QAAA,eAAe,QAAQ,aAAa,KAAK;AAAA,MAAA,CAC7D;AAAA;AAAA,MAED,OAAO,gBAA4BC,uBAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAEjB,cAAA,CAAC,MAAM,UAAU;AAAEC,oBAAA,eAAe,MAAM;AAAA,UAAI;AAEpCC,kBAAAA,YAAA,QAAO,MAAK,OAAO;AAE/B,qBAAW,MAAM;AACf,wBAAY,QAAQ;AACpB,yBAAa,QAAQ;AACV,uBAAA,QAAQH,QAAAA,eAAe,QAAQ,OAAO;AAAA,aAChD,CAAC;AACG,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACNI,4BAAoB;AAAA,IAAA;AAAA,EACzB,CACD;AAGD,SAAO,EAAE,YAAY,cAAa,cAAa,sBAAsB;AAEvE;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/DecoratorModuleToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { type CommandListenerPriority, $isNodeSelection, $getSelection } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer, useMounted } from 'lexical-vue'\r\nimport { ref, reactive, shallowRef, nextTick, watch } from 'vue'\r\nimport {\r\n  UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, SELECTED_DECORATORMODULE_COMMAND, REMOVE_DECORATORMODULE_COMMAND,\r\n  type DecoratorModuleSelectEventType, DEVICE_VIEW_MODE,\r\n  ToolsbarFunction\r\n} from \"../../core\"\r\n\r\n// 点击工具条按钮\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst editor = useLexicalComposer()\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst selectPayload = shallowRef<DecoratorModuleSelectEventType | null>(null);\r\nconst toolsPos = reactive({ left: \"px\", top: \"0px\" });\r\n\r\nwatch(DEVICE_VIEW_MODE, () => {\r\n  editor.dispatchCommand(UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, null);\r\n})\r\n\r\n\r\n// 更新工具条坐标\r\nconst updateToolsPos = () => {\r\n\r\n  nextTick(() => {\r\n    if (selectPayload.value != null && toolbarRef.value != null) {\r\n      const editIframeRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_iframe\").getBoundingClientRect();\r\n      const editBodyRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_body\").getBoundingClientRect();\r\n      const baseY = editIframeRect.y - editBodyRect.y;\r\n      const selectRect = selectPayload.value.element.getBoundingClientRect();\r\n      const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n      if (toolsRect) {\r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + \"px\"\r\n        toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + \"px\";\r\n      }\r\n    }\r\n  })\r\n  return false;\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand(UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, () => updateToolsPos(), lowPriority),\r\n    editor.registerUpdateListener(({ editorState }) => editorState.read(() => updateToolsPos())),\r\n    // 选中模块\r\n    editor.registerCommand(SELECTED_DECORATORMODULE_COMMAND, (payload: DecoratorModuleSelectEventType) => {\r\n\r\n\r\n      if (payload != null) {\r\n        let toolsbarList = [];\r\n\r\n        // 如果是函数的话\r\n        if (typeof payload.toolsbars == \"function\") {\r\n\r\n          const selection = $getSelection();\r\n\r\n          if ($isNodeSelection(selection)) {\r\n            toolsbarList = payload.toolsbars(selection) ?? [];\r\n          }\r\n          else {\r\n            toolsbarList = payload.toolsbars(null) ?? [];\r\n          }\r\n        }\r\n        else {\r\n          toolsbarList = payload.toolsbars;\r\n        }\r\n\r\n        selectPayload.value = {\r\n          element: payload.element,\r\n          toolsbars: toolsbarList\r\n        };\r\n      }\r\n      else {\r\n        selectPayload.value = null;\r\n      }\r\n\r\n      return updateToolsPos();\r\n    }, lowPriority),\r\n    // 删除模块\r\n    editor.registerCommand(REMOVE_DECORATORMODULE_COMMAND, () => {\r\n\r\n      const selection = $getSelection();\r\n\r\n      if ($isNodeSelection(selection)) {\r\n\r\n        selection.getNodes().forEach(node => node.remove());\r\n\r\n        // 没选中\r\n        editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND, null);\r\n      }\r\n      return false;\r\n    }, lowPriority)\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n\r\n    //   const selection = $getSelection();\r\n\r\n    //   if($isNodeSelection(selection)){\r\n\r\n    //     const node = selection.getNodes()[0]\r\n\r\n    //     console.log(node,node.getTopLevelElement());\r\n    //   }\r\n\r\n    //   return updateToolsPos();\r\n    // },lowPriority)\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null\" ref=\"toolbarRef\" class=\"mk-doc-editor-decorator-module-toolbar\" :style=\"toolsPos\">\r\n    <el-button-group>\r\n\r\n      <template v-for=\"item in selectPayload.toolsbars as any[]\">\r\n        <el-tooltip effect=\"dark\" :content=\"item.title\" placement=\"top\">\r\n          <el-button text @click=\"item.action()\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" />\r\n          </el-button>\r\n        </el-tooltip>\r\n      </template>\r\n      <el-tooltip effect=\"dark\" content=\"删除\" placement=\"top\">\r\n        <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_DECORATORMODULE_COMMAND, null)\">\r\n          <MKSvgIcon :iconClass=\"`Delete`\" />\r\n        </el-button>\r\n      </el-tooltip>\r\n\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":["useLexicalComposer","ref","shallowRef","reactive","watch","DEVICE_VIEW_MODE","UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND","nextTick","useMounted","mergeRegister","SELECTED_DECORATORMODULE_COMMAND","$getSelection","$isNodeSelection","REMOVE_DECORATORMODULE_COMMAND"],"mappings":";;;;;;;AAYA,MAAM,cAAuC;;;;AAC7C,UAAM,SAASA,WAAAA;AACT,UAAA,aAAaC,QAA2B,IAAI;AAC5C,UAAA,gBAAgBC,eAAkD,IAAI;AAC5E,UAAM,WAAWC,IAAAA,SAAS,EAAE,MAAM,MAAM,KAAK,OAAO;AAEpDC,QAAA,MAAMC,wBAAkB,MAAM;AACrB,aAAA,gBAAgBC,4DAA4C,IAAI;AAAA,IAAA,CACxE;AAID,UAAM,iBAAiB,MAAM;AAE3BC,UAAAA,SAAS,MAAM;AACb,YAAI,cAAc,SAAS,QAAQ,WAAW,SAAS,MAAM;AACrD,gBAAA,iBAAkB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,8BAA8B,EAAE;AAC5G,gBAAA,eAAgB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,4BAA4B,EAAE;AACxG,gBAAA,QAAQ,eAAe,IAAI,aAAa;AAC9C,gBAAM,aAAa,cAAc,MAAM,QAAQ,sBAAsB;AAC/D,gBAAA,YAAY,WAAW,MAAM,sBAAsB;AACzD,cAAI,WAAW;AAEJ,qBAAA,MAAM,KAAK,IAAI,WAAW,IAAI,UAAU,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI;AACzE,qBAAA,OAAO,UAAU,QAAQ,KAAK,WAAW,IAAI,WAAW,QAAQ,IAAI;AAAA,UAC/E;AAAA,QACF;AAAA,MAAA,CACD;AACM,aAAA;AAAA,IAAA;AAGTC,eAAAA,WAAW,MAAM;AACR,aAAAC,MAAA;AAAA,QACL,OAAO,gBAAgBH,gBAAAA,4CAA4C,MAAM,eAAA,GAAkB,WAAW;AAAA,QACtG,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAkB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA;AAAA,QAE3F,OAAO,gBAAgBI,kDAAkC,CAAC,YAA4C;AAGpG,cAAI,WAAW,MAAM;AACnB,gBAAI,eAAe,CAAA;AAGf,gBAAA,OAAO,QAAQ,aAAa,YAAY;AAE1C,oBAAM,YAAYC,QAAAA;AAEd,kBAAAC,QAAAA,iBAAiB,SAAS,GAAG;AAC/B,+BAAe,QAAQ,UAAU,SAAS,KAAK,CAAA;AAAA,cAAC,OAE7C;AACH,+BAAe,QAAQ,UAAU,IAAI,KAAK,CAAA;AAAA,cAC5C;AAAA,YAAA,OAEG;AACH,6BAAe,QAAQ;AAAA,YACzB;AAEA,0BAAc,QAAQ;AAAA,cACpB,SAAS,QAAQ;AAAA,cACjB,WAAW;AAAA,YAAA;AAAA,UACb,OAEG;AACH,0BAAc,QAAQ;AAAA,UACxB;AAEA,iBAAO,eAAe;AAAA,WACrB,WAAW;AAAA;AAAA,QAEd,OAAO,gBAAgBC,gBAAAA,gCAAgC,MAAM;AAE3D,gBAAM,YAAYF,QAAAA;AAEd,cAAAC,QAAAA,iBAAiB,SAAS,GAAG;AAE/B,sBAAU,WAAW,QAAQ,CAAQ,SAAA,KAAK,QAAQ;AAG3C,mBAAA,gBAAgBF,kDAAkC,IAAI;AAAA,UAC/D;AACO,iBAAA;AAAA,WACN,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAAA,IAchB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-require("../ImagePlugin/commands.js");
-const ImageNode = require("../ImagePlugin/ImageNode.js");
-const INSERT_IMAGETEXT_COMMAND = lexical.createCommand("INSERT_IMAGETEXT_COMMAND");
-const MarkClassName = "mk-doc__image-text";
-class ImageTextNode extends lexical.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 ImageNode.InlineImageNode(attrs));
-    imageText.append(lexical.$createParagraphNode());
-  }
-  return imageText;
-}
-function $isImageTextNode(node) {
-  return node instanceof ImageTextNode;
-}
-exports.$createImageTextNode = $createImageTextNode;
-exports.$isImageTextNode = $isImageTextNode;
-exports.INSERT_IMAGETEXT_COMMAND = INSERT_IMAGETEXT_COMMAND;
-exports.ImageTextNode = ImageTextNode;
-//# sourceMappingURL=ImageTextNode.js.map

package/dist/cjs/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":["createCommand","ElementNode","InlineImageNode","$createParagraphNode"],"mappings":";;;;;AAYa,MAAA,2BAA0DA,sBAAc,0BAA0B;AAS/G,MAAM,gBAAgB;AAKf,MAAM,sBAAsBC,QAAAA,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,IAAIC,0BAAgB,KAAK,CAAC;AACjC,cAAA,OAAOC,8BAAsB;AAAA,EACzC;AAEO,SAAA;AACT;AAOO,SAAS,iBACd,MACuB;AACvB,SAAO,gBAAgB;AACzB;;;;;"}

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

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

package/dist/cjs/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":["registerDocEditorToolbarExtend","INSERT_IMAGETEXT_COMMAND","useLexicalComposer","useMounted","mergeRegister","$insertNodeToNearestRoot","$createImageTextNode","COMMAND_PRIORITY_EDITOR","onMounted","ImageTextNode"],"mappings":";;;;;;;;;;AAY+BA,yCAAA;AAAA,MAC7B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAO,YAAU;AACf,eAAO,gBAAgBC,wCAAyB;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,SAASC,WAAAA;AA0BfC,eAAAA,WAAW,MAAI;AACN,aAAAC,MAAA;AAAA;AAAA,QAEL,OAAO,gBAA+BH,wCAAyB,CAAC,YAAY;AACjDI,yCAAAC,cAAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACPC,+BAAuB;AAAA,MAAA;AAAA,IAC3B,CACD;AAEDC,QAAAA,UAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAACC,cAAAA,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,2BAA2B;AAAA,MAC7C;AAAA,IAAA,CACD;;;;;;;"}

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

@@ -1,143 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const BaseBlockCantainerNode = require("../RichTextPlugin/nodes/BaseBlockCantainerNode.js");
-const INSERT_MODULECONTAINER_COMMAND = lexical.createCommand("INSERT_MODULECONTAINER_COMMAND");
-class ModuleContainerNode extends BaseBlockCantainerNode.BaseBlockCantainerNode {
-  constructor(attrs, key) {
-    super(ModuleContainerNode.getType(), key);
-    __publicField(this, "__attrs");
-    this.__attrs = attrs;
-  }
-  static getType() {
-    return "module-container";
-  }
-  /**
-   * 获取模块类标识
-   * @returns 
-   */
-  static getMarkClassName() {
-    return BaseBlockCantainerNode.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.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));
-}
-exports.$createModuleContainerNode = $createModuleContainerNode;
-exports.$isModuleContainerNode = $isModuleContainerNode;
-exports.INSERT_MODULECONTAINER_COMMAND = INSERT_MODULECONTAINER_COMMAND;
-exports.ModuleContainerNode = ModuleContainerNode;
-//# sourceMappingURL=ModuleContainerNode.js.map

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

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

@@ -1,123 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-const BaseMarkClassName = "mk-doc-block-container";
-class BaseBlockCantainerNode extends lexical.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;
-  // }
-}
-exports.BaseBlockCantainerNode = BaseBlockCantainerNode;
-//# sourceMappingURL=BaseBlockCantainerNode.js.map

package/dist/cjs/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":["ElementNode"],"mappings":";;;AAeA,MAAM,oBAAoB;AAKnB,MAAM,+BAA+BA,QAAAA,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;;"}