@maketribe/ms-app 3.2.32 → 3.2.34

package/dist/esm/components/basic/doc-editor/core/composables/useMounted.js

@@ -0,0 +1,14 @@
+import { onMounted, onUnmounted } from "vue";
+function useMounted(cb) {
+  let unregister;
+  onMounted(() => {
+    unregister = cb();
+  });
+  onUnmounted(() => {
+    unregister == null ? void 0 : unregister();
+  });
+}
+export {
+  useMounted
+};
+//# sourceMappingURL=useMounted.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useMounted.ts"],"sourcesContent":["import { onMounted, onUnmounted } from 'vue'\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function useMounted(cb: () => undefined | (() => any)) {\r\n  let unregister: (() => void) | undefined\r\n\r\n  onMounted(() => {\r\n    unregister = cb()\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    unregister?.()\r\n  })\r\n}\r\n"],"names":[],"mappings":";AAKO,SAAS,WAAW,IAAmC;AACxD,MAAA;AAEJ,YAAU,MAAM;AACd,iBAAa,GAAG;AAAA,EAAA,CACjB;AAED,cAAY,MAAM;AACH;AAAA,EAAA,CACd;AACH;"}

package/dist/esm/components/basic/doc-editor/core/composables/useRichTextSetup.js

@@ -0,0 +1,16 @@
+import { registerDragonSupport } from "@lexical/dragon";
+import { registerRichText } from "@lexical/rich-text";
+import { mergeRegister } from "@lexical/utils";
+import { useMounted } from "./useMounted.js";
+function useRichTextSetup(editor) {
+  useMounted(() => {
+    return mergeRegister(
+      registerRichText(editor),
+      registerDragonSupport(editor)
+    );
+  });
+}
+export {
+  useRichTextSetup
+};
+//# sourceMappingURL=useRichTextSetup.js.map

package/dist/esm/components/basic/doc-editor/core/composables/useRichTextSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextSetup.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useRichTextSetup.ts"],"sourcesContent":["import { registerDragonSupport } from '@lexical/dragon'\r\nimport { registerRichText } from '@lexical/rich-text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useRichTextSetup(editor: LexicalEditor) {\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      registerRichText(editor),\r\n      registerDragonSupport(editor),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAMO,SAAS,iBAAiB,QAAuB;AACtD,aAAW,MAAM;AACR,WAAA;AAAA,MACL,iBAAiB,MAAM;AAAA,MACvB,sBAAsB,MAAM;AAAA,IAAA;AAAA,EAC9B,CACD;AACH;"}

package/dist/esm/components/basic/doc-editor/core/element-block.js

@@ -1,94 +1,88 @@
 import { mergeRegister } from "@lexical/utils";
-import { createCommand, CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
-import { useLexicalComposer, useMounted } from "lexical-vue";
-import { ref, watch } from "vue";
-import { isNodeSelected, clearSelection, setSelected } from "./utils.js";
+import { createCommand, CLICK_COMMAND, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from "lexical";
+import { unref } from "vue";
+import "@lexical/text";
+import { useMounted } from "./composables/useMounted.js";
+import "@lexical/overflow";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "./composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
 const SELECTED_ELEMENTBLOCK_COMMAND = createCommand("SELECTED_ELEMENTBLOCK_COMMAND");
 const REMOVE_ELEMENTBLOCK_COMMAND = createCommand("REMOVE_ELEMENTBLOCK_COMMAND");
 const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND = createCommand("UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND");
+const clearSelection = (editor) => {
+  return new Promise((resolove) => {
+    editor.update(() => {
+      const selection = $getSelection();
+      if ($isNodeSelection(selection) && selection) {
+        selection.clear();
+      }
+      resolove(void 0);
+    });
+  });
+};
+const setSelected = (editor, selected, key) => {
+  return new Promise((resolove) => {
+    editor.update(() => {
+      let selection = $getSelection();
+      if (!$isNodeSelection(selection)) {
+        selection = $createNodeSelection();
+        $setSelection(selection);
+      }
+      if ($isNodeSelection(selection)) {
+        selection.add(unref(key));
+      }
+      resolove(void 0);
+    });
+  });
+};
+const setElementBlockSelection = async (editor, nodeKey) => {
+  await clearSelection(editor);
+  await setSelected(editor, true, nodeKey);
+};
 const useElementBlockSelection = (func, toolsbars) => {
   const editor = useLexicalComposer();
-  const isSelected = ref(false);
-  const curSelectKey = ref(null);
-  const curSelectEl = ref(null);
-  const curSelectPos = ref(null);
-  const updateActiveBox = (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`
-      };
-    }
-  };
-  const updateActiveViewState = (el) => {
-    if (el) {
-      updateActiveBox(el);
-      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, {
-        element: curSelectEl.value,
-        toolsbars
-      });
-    } else {
-      curSelectEl.value = null;
-      curSelectKey.value = null;
-      curSelectPos.value = null;
-      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);
-    }
-  };
-  const setSelection = async (nodeKey, el) => {
-    if (isSelected.value) {
-      isSelected.value = false;
-      await clearSelection(editor);
-    }
-    await new Promise((reslove) => setTimeout(reslove, 10));
-    await setSelected(editor, true, nodeKey);
-    curSelectEl.value = el == null ? editor.getElementByKey(nodeKey) : el;
-    curSelectKey.value = nodeKey;
-    isSelected.value = isNodeSelected(editor, nodeKey);
-    setTimeout(() => updateActiveBox(curSelectEl.value), 500);
-    setTimeout(() => updateActiveBox(curSelectEl.value), 1e3);
-  };
-  watch(isSelected, (state) => {
-    if (state) {
-      updateActiveViewState(state ? curSelectEl.value : null);
-    } else {
-      updateActiveViewState(null);
-    }
-  });
   useMounted(() => {
     return mergeRegister(
-      // 更新选中状态
-      editor.registerUpdateListener(() => {
-        isSelected.value = isNodeSelected(editor, curSelectKey.value);
-        setTimeout(() => updateActiveBox(curSelectEl.value), 10);
-      }),
       // 点击选中
       editor.registerCommand(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) {
-            clearSelection(editor).then(() => {
-              setSelection(nodeKey, el);
-            });
-          } else {
-            setSelection(nodeKey, el);
-          }
+          setElementBlockSelection(editor, nodeKey);
+          return true;
+        }
+        return false;
+      }, COMMAND_PRIORITY_LOW),
+      // 选中的话
+      editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+        const selection = $getSelection();
+        const node = $isNodeSelection(selection) ? selection == null ? void 0 : selection.getNodes()[0] : null;
+        const nodeKey = node == null ? void 0 : node.__key;
+        const el = nodeKey ? editor.getElementByKey(nodeKey) : null;
+        if (nodeKey && el && func(el)) {
+          editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, {
+            nodeKey,
+            toolsbars
+          });
           return true;
         }
+        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND, null);
         return false;
       }, COMMAND_PRIORITY_LOW)
     );
   });
-  return { isSelected, setSelection, curSelectKey, curSelectPos };
 };
 export {
   REMOVE_ELEMENTBLOCK_COMMAND,
   SELECTED_ELEMENTBLOCK_COMMAND,
   UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,
+  setElementBlockSelection,
   useElementBlockSelection
 };
 //# sourceMappingURL=element-block.js.map

package/dist/esm/components/basic/doc-editor/core/element-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {  COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, BaseSelection } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport {  ref,watch } from 'vue'\r\n\r\nimport { \r\n  isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type SelectElementBlockToolsbarFunction = (selection:BaseSelection|null)=>Array<any>|null;\r\n\r\n/**\r\n * 元素抗选中类型\r\n */\r\nexport type SelectElementBlocktEventType = {\r\n  element:HTMLElement,\r\n  toolsbars:Array<any>|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中元素快\r\n */\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 移除元素快\r\n */\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n/**\r\n * 使用元素模块激活\r\n */\r\nexport const useElementBlockActive = (func:SelectExistFunc,selectionHandle:ElementSelectionHandle, unSelectionHandle:ElementSelectionHandle)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n\r\n  let curSelectEl:HTMLElement|null = null\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\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){\r\n          \r\n          event.preventDefault();\r\n\r\n          selectionHandle(el as HTMLElement)\r\n\r\n          if(curSelectEl && curSelectEl != el){\r\n            unSelectionHandle(curSelectEl);\r\n          }\r\n          curSelectEl = el;\r\n          return true;\r\n        }\r\n        else{\r\n          curSelectEl && unSelectionHandle(curSelectEl);\r\n          curSelectEl = null;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n}\r\n\r\n/**\r\n * 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>|SelectElementBlockToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  const isSelected = ref(false)\r\n  const curSelectKey = ref<any>(null)\r\n  const curSelectEl = ref<any>(null)\r\n  const curSelectPos = ref<any>(null)\r\n  // 更新选中框\r\n  const updateActiveBox =  (el:HTMLElement|null):undefined=>{\r\n    if(el){\r\n      const selectRect = el.getBoundingClientRect();\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  }\r\n  // 更新选中\r\n  const updateActiveViewState = (el:HTMLElement|null):undefined=>{\r\n  \r\n    if(el){\r\n\r\n      updateActiveBox(el);\r\n      editor.dispatchCommand(SELECTED_ELEMENTBLOCK_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_ELEMENTBLOCK_COMMAND,null);\r\n    }\r\n  }\r\n\r\n  // 设置选中\r\n  const setSelection = async (nodeKey:string,el:HTMLElement|null|undefined)=>{\r\n\r\n    // 没来得及取消的则先取消\r\n    if(isSelected.value){ \r\n      isSelected.value = false;\r\n      await  clearSelection(editor);\r\n    }\r\n    // 稍微停顿下\r\n    await new Promise(reslove=>setTimeout(reslove, 10));\r\n    await setSelected(editor,true,nodeKey);\r\n    curSelectEl.value = el == null ? editor.getElementByKey(nodeKey) : el;\r\n    curSelectKey.value = nodeKey;\r\n    isSelected.value = isNodeSelected(editor, nodeKey);\r\n    // 500毫秒之后计算下选择框\r\n    setTimeout(()=>updateActiveBox(curSelectEl.value),500)\r\n    // 之后再计算下避免由于图片加载高度计算错误问题\r\n    setTimeout(()=>updateActiveBox(curSelectEl.value),1000)\r\n  }\r\n  // 是否选中\r\n  watch(isSelected,(state)=>{\r\n    if(state){\r\n      updateActiveViewState(state ? curSelectEl.value : null)\r\n    }\r\n    else{\r\n      updateActiveViewState(null)\r\n    }\r\n  })\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 更新选中状态\r\n      editor.registerUpdateListener(() => {\r\n       \r\n        isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n        setTimeout(()=>updateActiveBox(curSelectEl.value),10)\r\n        \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) { \r\n            // 先取消\r\n            clearSelection(editor).then(()=>{\r\n              // 设置选中\r\n              setSelection(nodeKey,el)\r\n            })\r\n          }\r\n          else{\r\n            // 设置选中\r\n            setSelection(nodeKey,el)\r\n          }\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\r\n  return { isSelected,setSelection, curSelectKey,curSelectPos };\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;AA2Ba,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AA6DjI,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AACT,QAAA,aAAa,IAAI,KAAK;AACtB,QAAA,eAAe,IAAS,IAAI;AAC5B,QAAA,cAAc,IAAS,IAAI;AAC3B,QAAA,eAAe,IAAS,IAAI;AAE5B,QAAA,kBAAmB,CAAC,OAAgC;AACxD,QAAG,IAAG;AACE,YAAA,aAAa,GAAG;AACtB,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;AAAA,IAE7D;AAAA,EAAA;AAGI,QAAA,wBAAwB,CAAC,OAAgC;AAE7D,QAAG,IAAG;AAEJ,sBAAgB,EAAE;AAClB,aAAO,gBAAgB,+BAA8B;AAAA,QACnD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgB,+BAA8B,IAAI;AAAA,IAC3D;AAAA,EAAA;AAII,QAAA,eAAe,OAAO,SAAe,OAAgC;AAGzE,QAAG,WAAW,OAAM;AAClB,iBAAW,QAAQ;AACnB,YAAO,eAAe,MAAM;AAAA,IAC9B;AAEA,UAAM,IAAI,QAAQ,CAAA,YAAS,WAAW,SAAS,EAAE,CAAC;AAC5C,UAAA,YAAY,QAAO,MAAK,OAAO;AACrC,gBAAY,QAAQ,MAAM,OAAO,OAAO,gBAAgB,OAAO,IAAI;AACnE,iBAAa,QAAQ;AACV,eAAA,QAAQ,eAAe,QAAQ,OAAO;AAEjD,eAAW,MAAI,gBAAgB,YAAY,KAAK,GAAE,GAAG;AAErD,eAAW,MAAI,gBAAgB,YAAY,KAAK,GAAE,GAAI;AAAA,EAAA;AAGlD,QAAA,YAAW,CAAC,UAAQ;AACxB,QAAG,OAAM;AACe,4BAAA,QAAQ,YAAY,QAAQ,IAAI;AAAA,IAAA,OAEpD;AACF,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EAAA,CACD;AAGD,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;AAElC,mBAAW,QAAQ,eAAe,QAAQ,aAAa,KAAK;AAC5D,mBAAW,MAAI,gBAAgB,YAAY,KAAK,GAAE,EAAE;AAAA,MAAA,CAErD;AAAA;AAAA,MAED,OAAO,gBAA4B,eAAc,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;AAEJ,2BAAA,MAAM,EAAE,KAAK,MAAI;AAE9B,2BAAa,SAAQ,EAAE;AAAA,YAAA,CACxB;AAAA,UAAA,OAEC;AAEF,yBAAa,SAAQ,EAAE;AAAA,UACzB;AAEO,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA,IAAA;AAAA,EACzB,CACD;AAGD,SAAO,EAAE,YAAW,cAAc,cAAa,aAAa;AAE9D;"}
+{"version":3,"file":"element-block.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-block.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\n\r\nimport {\r\n  $createNodeSelection,\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_LOW,CLICK_COMMAND, LexicalCommand, createCommand, NodeKey, LexicalEditor,\r\n  SELECTION_CHANGE_COMMAND\r\n} from 'lexical'\r\nimport { useLexicalComposer,useMounted } from './composables'\r\nimport {  ref,watch,unref } from 'vue'\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type SelectElementBlockToolsbarFunction = (nodeKey?:NodeKey | string)=>Array<any>|null;\r\n\r\n/**\r\n * 元素抗选中类型\r\n */\r\nexport type SelectElementBlocktEventType = {\r\n  nodeKey:NodeKey|string,\r\n  toolsbars:Array<any>|SelectElementBlockToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中元素快\r\n */\r\nexport const SELECTED_ELEMENTBLOCK_COMMAND: LexicalCommand<SelectElementBlocktEventType|null> = createCommand('SELECTED_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 移除元素快\r\n */\r\nexport const REMOVE_ELEMENTBLOCK_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_ELEMENTBLOCK_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type ElementSelectionHandle = (el:HTMLElement)=>undefined\r\n\r\n\r\n\r\n// isNodeSelected  \r\nconst isNodeSelected = function (editor: LexicalEditor, key: NodeKey): boolean {\r\n  return editor.getEditorState().read(() => {\r\n    const node = $getNodeByKey(key)\r\n    if (node === null)\r\n      return false\r\n    return node.isSelected()\r\n  })\r\n}\r\n\r\n// 取消选中\r\nconst clearSelection = (editor: LexicalEditor):Promise<undefined> => {\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      const selection = $getSelection()\r\n      if ($isNodeSelection(selection) && selection){\r\n        selection.clear();\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n}\r\n\r\n// 设置选中\r\nconst setSelected = (editor: LexicalEditor,selected: boolean,key:string):Promise<undefined> => {\r\n\r\n  return new Promise(resolove=>{\r\n    editor.update(() => {\r\n      let selection = $getSelection()\r\n  \r\n      if (!$isNodeSelection(selection)) {\r\n        selection = $createNodeSelection()\r\n        $setSelection(selection)\r\n      }\r\n      if ($isNodeSelection(selection)) {\r\n        if (selected)\r\n          selection.add(unref(key))\r\n        else\r\n          selection.delete(unref(key))\r\n      }\r\n      resolove(undefined)\r\n    })\r\n  })\r\n  \r\n}\r\n\r\n// 设置选中\r\nexport const setElementBlockSelection = async (editor:LexicalEditor,nodeKey:string)=>{\r\n  await clearSelection(editor);\r\n  await setSelected(editor,true,nodeKey);\r\n}\r\n\r\n/**\r\n * 使用元素块选中\r\n */\r\nexport const useElementBlockSelection = (func:SelectExistFunc,toolsbars:Array<any>|SelectElementBlockToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\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          // 暂时不支持使用 shift 建 多选\r\n          // if (!event.shiftKey) { \r\n          //   // 先取消\r\n          //   clearSelection(editor)\r\n          // }\r\n          setElementBlockSelection(editor,nodeKey);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW),\r\n      // 选中的话\r\n      editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {\r\n        const selection = $getSelection();\r\n        const node = $isNodeSelection(selection) ? selection?.getNodes()[0] : null;\r\n        const nodeKey = node?.__key;\r\n        const el = nodeKey ? editor.getElementByKey(nodeKey) : null;\r\n\r\n        if(nodeKey && el && func(el)){\r\n          editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,{ \r\n            nodeKey:nodeKey, toolsbars:toolsbars\r\n          });\r\n          return true;\r\n        }\r\n        editor.dispatchCommand(SELECTED_ELEMENTBLOCK_COMMAND,null);\r\n        return false;\r\n      },COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgCa,MAAA,gCAAmF,cAAc,+BAA+B;AAKhI,MAAA,8BAA8D,cAAc,6BAA6B;AAKzG,MAAA,0CAA0E,cAAc,yCAAyC;AAyB9I,MAAM,iBAAiB,CAAC,WAA6C;AAC5D,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAY;AACd,UAAA,iBAAiB,SAAS,KAAK,WAAU;AAC3C,kBAAU,MAAM;AAAA,MAClB;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AACH;AAGA,MAAM,cAAc,CAAC,QAAsB,UAAkB,QAAkC;AAEtF,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,UAAI,YAAY;AAEZ,UAAA,CAAC,iBAAiB,SAAS,GAAG;AAChC,oBAAY,qBAAqB;AACjC,sBAAc,SAAS;AAAA,MACzB;AACI,UAAA,iBAAiB,SAAS,GAAG;AAEnB,kBAAA,IAAI,MAAM,GAAG,CAAC;AAAA,MAG5B;AACA,eAAS,MAAS;AAAA,IAAA,CACnB;AAAA,EAAA,CACF;AAEH;AAGa,MAAA,2BAA2B,OAAO,QAAqB,YAAiB;AACnF,QAAM,eAAe,MAAM;AACrB,QAAA,YAAY,QAAO,MAAK,OAAO;AACvC;AAKa,MAAA,2BAA2B,CAAC,MAAqB,cAA0D;AAEtH,QAAM,SAAS;AAGf,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAOrB,mCAAyB,QAAO,OAAO;AAChC,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA;AAAA,MAEvB,OAAO,gBAAgB,0BAA0B,MAAM;AACrD,cAAM,YAAY;AACZ,cAAA,OAAO,iBAAiB,SAAS,IAAI,uCAAW,WAAW,KAAK;AACtE,cAAM,UAAU,6BAAM;AACtB,cAAM,KAAK,UAAU,OAAO,gBAAgB,OAAO,IAAI;AAEvD,YAAG,WAAW,MAAM,KAAK,EAAE,GAAE;AAC3B,iBAAO,gBAAgB,+BAA8B;AAAA,YACnD;AAAA,YAAiB;AAAA,UAAA,CAClB;AACM,iBAAA;AAAA,QACT;AACO,eAAA,gBAAgB,+BAA8B,IAAI;AAClD,eAAA;AAAA,SACP,oBAAoB;AAAA,IAAA;AAAA,EACxB,CACD;AAEH;"}

package/dist/esm/components/basic/doc-editor/core/index.js

@@ -1,6 +1,19 @@
 import { ref, reactive } from "vue";
-import { REMOVE_ELEMENTBLOCK_COMMAND, SELECTED_ELEMENTBLOCK_COMMAND, UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, useElementBlockSelection } from "./element-block.js";
+import { REMOVE_ELEMENTBLOCK_COMMAND, SELECTED_ELEMENTBLOCK_COMMAND, UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND, setElementBlockSelection, useElementBlockSelection } from "./element-block.js";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
 import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import "@lexical/hashtag";
+import "@lexical/link";
+import "@lexical/html";
+import "./plugins/LexicalRichTextPlugin/DecoratedTeleports.js";
 const DEVICE_VIEW_MODE = ref("pc");
 const ToolbarExtendPlugins = reactive([]);
 const registerDocEditorToolbarExtend = function(options) {
@@ -14,6 +27,7 @@ export {
   ToolbarExtendPlugins,
   UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND,
   registerDocEditorToolbarExtend,
+  setElementBlockSelection,
   useElementBlockSelection
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/basic/doc-editor/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/doc-editor/core/index.ts"],"sourcesContent":["\r\nimport { ref,reactive } from \"vue\"\r\nexport * from \"./element-block\"\r\nexport * from \"./utils\"\r\n\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE = ref<'pc' | 'mobile'>(\"pc\")\r\n\r\n/**\r\n * 工具条扩展\r\n */\r\nexport type ToolbarExtendPlugin = {\r\n  icon: string;\r\n  text:string,\r\n  action:Function,\r\n  sort:number\r\n};\r\n\r\n/**\r\n * 插入的插件列表\r\n */\r\nexport const ToolbarExtendPlugins = reactive<ToolbarExtendPlugin[]>([]);\r\n\r\n/**\r\n * 注册工具条的扩展\r\n * @param options \r\n */\r\nexport const registerDocEditorToolbarExtend = function(options:ToolbarExtendPlugin){\r\n  ToolbarExtendPlugins.push(options);\r\n  ToolbarExtendPlugins.sort((a,b)=>a.sort<b.sort ? 1:-1);\r\n}\r\n\r\n\r\n"],"names":[],"mappings":";;;AAQa,MAAA,mBAAmB,IAAqB,IAAI;AAe5C,MAAA,uBAAuB,SAAgC,EAAE;AAMzD,MAAA,iCAAiC,SAAS,SAA4B;AACjF,uBAAqB,KAAK,OAAO;AACZ,uBAAA,KAAK,CAAC,GAAE,MAAI,EAAE,OAAK,EAAE,OAAO,IAAE,EAAE;AACvD;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/doc-editor/core/index.ts"],"sourcesContent":["\r\nimport { ref,reactive } from \"vue\"\r\n\r\nexport * from \"./element-block\"\r\n\r\nexport {\r\n  default as LexicalAutoFocusPlugin,\r\n} from './plugins/LexicalAutoFocusPlugin.vue'\r\nexport {\r\n  default as LexicalCheckListPlugin,\r\n} from './plugins/LexicalCheckListPlugin.vue'\r\nexport {\r\n  default as LexicalHashtagPlugin,\r\n} from './plugins/LexicalHashtagPlugin.vue'\r\nexport {\r\n  default as LexicalHistoryPlugin,\r\n} from './plugins/LexicalHistoryPlugin.vue'\r\nexport {\r\n  default as LexicalLinkPlugin,\r\n} from './plugins/LexicalLinkPlugin.vue'\r\nexport {\r\n  default as LexicalAutoLinkPlugin,\r\n} from './plugins/LexicalAutoLinkPlugin/index.vue'\r\nexport {\r\n  default as LexicalListPlugin,\r\n} from './plugins/LexicalListPlugin.vue'\r\n\r\nexport {\r\n  default as LexicalRichTextPlugin,\r\n} from './plugins/LexicalRichTextPlugin/index.vue'\r\n/**\r\n * 设备显示模式\r\n */\r\nexport const DEVICE_VIEW_MODE = ref<'pc' | 'mobile'>(\"pc\")\r\n\r\n/**\r\n * 工具条扩展\r\n */\r\nexport type ToolbarExtendPlugin = {\r\n  icon: string;\r\n  text:string,\r\n  action:Function,\r\n  sort:number\r\n};\r\n\r\n/**\r\n * 插入的插件列表\r\n */\r\nexport const ToolbarExtendPlugins = reactive<ToolbarExtendPlugin[]>([]);\r\n\r\n/**\r\n * 注册工具条的扩展\r\n * @param options \r\n */\r\nexport const registerDocEditorToolbarExtend = function(options:ToolbarExtendPlugin){\r\n  ToolbarExtendPlugins.push(options);\r\n  ToolbarExtendPlugins.sort((a,b)=>a.sort<b.sort ? 1:-1);\r\n}\r\n\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiCa,MAAA,mBAAmB,IAAqB,IAAI;AAe5C,MAAA,uBAAuB,SAAgC,EAAE;AAMzD,MAAA,iCAAiC,SAAS,SAA4B;AACjF,uBAAqB,KAAK,OAAO;AACZ,uBAAA,KAAK,CAAC,GAAE,MAAI,EAAE,OAAK,EAAE,OAAO,IAAE,EAAE;AACvD;"}

package/dist/esm/components/basic/doc-editor/{plugins/RichTextPlugin/nodes/RichTextNode.js → core/nodes/RichElementNode.js}

@@ -1,16 +1,36 @@
-import { TextNode, $isTextNode } from "lexical";
-class RichTextNode extends TextNode {
+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 { ElementNode, $isTextNode } from "lexical";
+class RichElementNode extends ElementNode {
+  /**
+   * 
+   * @param tagName 
+   * @param className 
+   * @param style 
+   * @param key 
+   */
+  constructor(tagName, className, style, key) {
+    super(key);
+    __publicField(this, "__tagName");
+    __publicField(this, "__class");
+    __publicField(this, "__style");
+    this.__tagName = tagName, this.__class = className;
+    this.__style = style || "";
+  }
   static getType() {
-    return "rich-text";
+    return "rich-element";
   }
   static clone(node) {
-    return new RichTextNode(node.__key);
+    return new RichElementNode(node.__tagName, node.__class, node.__style, node.__key);
   }
   static importJSON(serializedNode) {
-    return TextNode.importJSON(serializedNode);
+    return new RichElementNode(serializedNode.tag, serializedNode.class, serializedNode.style);
   }
   static importDOM() {
     return {
+      div: $covertRichElementDOM,
+      section: $covertRichElementDOM,
       b: () => ({
         conversion: convertBringAttentionToElement,
         priority: 4
@@ -53,24 +73,54 @@ class RichTextNode extends TextNode {
       })
     };
   }
-  constructor(text, key) {
-    super(text, key);
-  }
+  /**
+   * 导出JSON
+   * @returns 
+   */
   exportJSON() {
     return {
-      ...super.exportJSON()
+      ...super.exportJSON(),
+      type: this.getType(),
+      tag: this.__tagName,
+      class: this.__class,
+      style: this.__style,
+      version: 1
     };
   }
+  /**
+   * 导出DOM
+   * @returns 
+   */
+  exportDOM() {
+    const element = document.createElement(this.__tagName);
+    if (this.__class) {
+      element.setAttribute("class", this.__class);
+    }
+    if (this.__style) {
+      element.setAttribute("style", this.__style);
+    }
+    return { element };
+  }
+  /**
+   * 创建渲染DOM
+   * @param config 
+   * @returns 
+   */
+  createDOM(config) {
+    return this.exportDOM().element;
+  }
 }
-function convertBringAttentionToElement(domNode) {
-  const b = domNode;
-  const hasNormalFontWeight = b.style.fontWeight === "normal";
+const $covertRichElementDOM = (domNode) => {
   return {
-    forChild: applyTextFormatFromStyle(b.style, hasNormalFontWeight ? void 0 : "bold"),
-    node: null
+    conversion: () => {
+      return {
+        node: new RichElementNode(domNode.tagName, domNode.getAttribute("class"), domNode.getAttribute("style") || "")
+      };
+    },
+    priority: 3
   };
-}
-var nodeNameToTextFormat = {
+};
+const nodeNameToTextFormat = {
   code: "code",
   em: "italic",
   i: "italic",
@@ -80,6 +130,14 @@ var nodeNameToTextFormat = {
   sup: "superscript",
   u: "underline"
 };
+function convertBringAttentionToElement(domNode) {
+  const b = domNode;
+  const hasNormalFontWeight = b.style.fontWeight === "normal";
+  return {
+    forChild: applyTextFormatFromStyle(b.style, hasNormalFontWeight ? void 0 : "bold", domNode),
+    node: null
+  };
+}
 function convertTextFormatElement(domNode) {
   const format = nodeNameToTextFormat[domNode.nodeName.toLowerCase()];
   if (format === void 0) {
@@ -88,7 +146,7 @@ function convertTextFormatElement(domNode) {
     };
   }
   return {
-    forChild: applyTextFormatFromStyle(domNode.style, format),
+    forChild: applyTextFormatFromStyle(domNode.style, format, domNode),
     node: null
   };
 }
@@ -96,11 +154,11 @@ function convertSpanElement(domNode) {
   const span = domNode;
   const style = span.style;
   return {
-    forChild: applyTextFormatFromStyle(style, null),
+    forChild: applyTextFormatFromStyle(style, null, domNode),
     node: null
   };
 }
-function applyTextFormatFromStyle(style, shouldApply) {
+function applyTextFormatFromStyle(style, shouldApply, domNode) {
   const fontWeight = style.fontWeight;
   const textDecoration = style.textDecoration.split(" ");
   const hasBoldFontWeight = fontWeight === "700" || fontWeight === "bold";
@@ -133,26 +191,14 @@ function applyTextFormatFromStyle(style, shouldApply) {
     if (shouldApply && !lexicalNode.hasFormat(shouldApply)) {
       lexicalNode.toggleFormat(shouldApply);
     }
-    let styleStr = "";
-    if (style.color) {
-      styleStr += `color:${style.color};`;
-    }
-    if (style.fontSize) {
-      styleStr += `font-size:${style.fontSize};`;
-    }
-    if (style.fontFamily) {
-      styleStr += `font-family:${style.fontFamily};`;
-    }
-    if (style.backgroundColor) {
-      styleStr += `background-color:${style.backgroundColor};`;
-    }
-    if (styleStr) {
-      lexicalNode.setStyle(styleStr);
+    const inlineStyle = domNode.getAttribute("style");
+    if (inlineStyle) {
+      lexicalNode.setStyle(inlineStyle);
     }
     return lexicalNode;
   };
 }
 export {
-  RichTextNode
+  RichElementNode
 };
-//# sourceMappingURL=RichTextNode.js.map
+//# sourceMappingURL=RichElementNode.js.map

package/dist/esm/components/basic/doc-editor/core/nodes/RichElementNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichElementNode.js","sources":["../../../../../../../src/components/basic/doc-editor/core/nodes/RichElementNode.ts"],"sourcesContent":["\r\n\r\n\r\n\r\n\r\nimport type { DOMConversionMap, SerializedElementNode, NodeKey, Spread, EditorConfig, DOMExportOutput, DOMConversion, LexicalNode } from 'lexical'\r\nimport { $isTextNode, ElementNode } from 'lexical'\r\n\r\n\r\n/**\r\n * 节点序列化 \r\n */\r\nexport type SerializedRichElementNode = Spread<{ tag: string, style?: string, class?: string | null }, SerializedElementNode>\r\n\r\n/**\r\n * 格子\r\n */\r\nexport class RichElementNode extends ElementNode {\r\n\r\n  __tagName: string\r\n  __class?: string | null | undefined\r\n  __style: string\r\n\r\n  static getType(): string { return \"rich-element\"; }\r\n\r\n  static clone(node: RichElementNode): RichElementNode {\r\n    return new RichElementNode(node.__tagName, node.__class, node.__style, node.__key)\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedRichElementNode): RichElementNode {\r\n    return new RichElementNode(serializedNode.tag, serializedNode.class, serializedNode.style)\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap | null {\r\n    return {\r\n      div: $covertRichElementDOM,\r\n      section: $covertRichElementDOM,\r\n      b: () => ({\r\n        conversion: convertBringAttentionToElement,\r\n        priority: 4\r\n      }),\r\n      code: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      em: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      i: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      s: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      span: () => ({\r\n        conversion: convertSpanElement,\r\n        priority: 4\r\n      }),\r\n      strong: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      sub: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      sup: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      }),\r\n      u: () => ({\r\n        conversion: convertTextFormatElement,\r\n        priority: 4\r\n      })\r\n    }\r\n  }\r\n\r\n  /**\r\n   * \r\n   * @param tagName \r\n   * @param className \r\n   * @param style \r\n   * @param key \r\n   */\r\n  constructor(tagName: string, className?: string | null, style?: string, key?: NodeKey) {\r\n    super(key)\r\n    this.__tagName = tagName,\r\n      this.__class = className;\r\n    this.__style = style || \"\";\r\n  }\r\n\r\n\r\n  /**\r\n   * 导出JSON\r\n   * @returns \r\n   */\r\n  exportJSON(): SerializedRichElementNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.getType(),\r\n      tag: this.__tagName,\r\n      class: this.__class,\r\n      style: this.__style,\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(this.__tagName)\r\n\r\n    if (this.__class) {\r\n      element.setAttribute(\"class\", this.__class)\r\n    }\r\n\r\n    if (this.__style) {\r\n      element.setAttribute(\"style\", this.__style)\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    return this.exportDOM().element as HTMLElement;\r\n  }\r\n\r\n}\r\n\r\n\r\n/**\r\n * 转换DOM\r\n * @param node \r\n * @returns \r\n */\r\nconst $covertRichElementDOM = (domNode: HTMLElement): DOMConversion<HTMLElement> | null => {\r\n  return {\r\n    conversion: () => {\r\n      return {\r\n        node: new RichElementNode(domNode.tagName, domNode.getAttribute(\"class\"), domNode.getAttribute(\"style\") || \"\")\r\n      };\r\n    },\r\n    priority: 3\r\n  };\r\n}\r\n\r\n\r\n\r\nconst nodeNameToTextFormat: any = {\r\n  code: \"code\",\r\n  em: \"italic\",\r\n  i: \"italic\",\r\n  s: \"strikethrough\",\r\n  strong: \"bold\",\r\n  sub: \"subscript\",\r\n  sup: \"superscript\",\r\n  u: \"underline\"\r\n};\r\n\r\nfunction convertBringAttentionToElement(domNode: HTMLElement) {\r\n  const b = domNode;\r\n  const hasNormalFontWeight = b.style.fontWeight === \"normal\";\r\n  return {\r\n    forChild: applyTextFormatFromStyle(b.style, hasNormalFontWeight ? void 0 : \"bold\", domNode),\r\n    node: null\r\n  };\r\n}\r\n\r\nfunction convertTextFormatElement(domNode: HTMLElement) {\r\n  const format = nodeNameToTextFormat[domNode.nodeName.toLowerCase()];\r\n  if (format === void 0) {\r\n    return {\r\n      node: null\r\n    };\r\n  }\r\n  return {\r\n    forChild: applyTextFormatFromStyle(domNode.style, format, domNode),\r\n    node: null\r\n  };\r\n}\r\n\r\nfunction convertSpanElement(domNode: HTMLElement) {\r\n  const span = domNode;\r\n  const style = span.style;\r\n  return {\r\n    forChild: applyTextFormatFromStyle(style, null, domNode),\r\n    node: null\r\n  };\r\n}\r\n\r\nfunction applyTextFormatFromStyle(style: any, shouldApply: any, domNode: HTMLElement) {\r\n  const fontWeight = style.fontWeight;\r\n  const textDecoration = style.textDecoration.split(\" \");\r\n  const hasBoldFontWeight = fontWeight === \"700\" || fontWeight === \"bold\";\r\n  const hasLinethroughTextDecoration = textDecoration.includes(\"line-through\");\r\n  const hasItalicFontStyle = style.fontStyle === \"italic\";\r\n  const hasUnderlineTextDecoration = textDecoration.includes(\"underline\");\r\n  const verticalAlign = style.verticalAlign;\r\n\r\n  return (lexicalNode: LexicalNode) => {\r\n\r\n    if (!$isTextNode(lexicalNode)) {\r\n      return lexicalNode;\r\n    }\r\n\r\n    if (hasBoldFontWeight && !lexicalNode.hasFormat(\"bold\")) {\r\n      lexicalNode.toggleFormat(\"bold\");\r\n    }\r\n    if (hasLinethroughTextDecoration && !lexicalNode.hasFormat(\"strikethrough\")) {\r\n      lexicalNode.toggleFormat(\"strikethrough\");\r\n    }\r\n    if (hasItalicFontStyle && !lexicalNode.hasFormat(\"italic\")) {\r\n      lexicalNode.toggleFormat(\"italic\");\r\n    }\r\n    if (hasUnderlineTextDecoration && !lexicalNode.hasFormat(\"underline\")) {\r\n      lexicalNode.toggleFormat(\"underline\");\r\n    }\r\n    if (verticalAlign === \"sub\" && !lexicalNode.hasFormat(\"subscript\")) {\r\n      lexicalNode.toggleFormat(\"subscript\");\r\n    }\r\n    if (verticalAlign === \"super\" && !lexicalNode.hasFormat(\"superscript\")) {\r\n      lexicalNode.toggleFormat(\"superscript\");\r\n    }\r\n    if (shouldApply && !lexicalNode.hasFormat(shouldApply)) {\r\n      lexicalNode.toggleFormat(shouldApply);\r\n    }\r\n\r\n    // let styleStr = \"\";\r\n\r\n    // if(style.color){\r\n    //   styleStr += `color:${style.color};`\r\n    // }\r\n    // if(style.fontSize){\r\n    //   styleStr += `font-size:${style.fontSize};`\r\n    // }\r\n    // if(style.fontFamily){\r\n    //   styleStr += `font-family:${style.fontFamily};`\r\n    // }\r\n    // if(style.backgroundColor){\r\n    //   styleStr += `background-color:${style.backgroundColor};`\r\n    // }\r\n\r\n    // 行内样式\r\n    const inlineStyle = domNode.getAttribute(\"style\")\r\n    if (inlineStyle) {\r\n      lexicalNode.setStyle(inlineStyle);\r\n    }\r\n\r\n    return lexicalNode;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalAutoFocusPlugin.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent, onMounted, nextTick } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LexicalAutoFocusPlugin",
+  props: {
+    defaultSelection: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const editor = useLexicalComposer();
+    onMounted(() => {
+      nextTick(() => {
+        editor.focus(
+          () => {
+            const activeElement = document.activeElement;
+            const rootElement = editor.getRootElement();
+            if (rootElement !== null && (activeElement === null || !rootElement.contains(activeElement))) {
+              rootElement.focus({ preventScroll: true });
+            }
+          },
+          { defaultSelection: props.defaultSelection }
+        );
+      });
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalAutoFocusPlugin.vue.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalAutoFocusPlugin.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalAutoFocusPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalAutoFocusPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { nextTick, onMounted } from 'vue'\r\nimport { useLexicalComposer } from '../composables'\r\n\r\nconst props = defineProps<{\r\n  defaultSelection?: 'rootStart' | 'rootEnd'\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    editor.focus(\r\n      () => {\r\n      // If we try and move selection to the same point with setBaseAndExtent, it won't\r\n      // trigger a re-focus on the element. So in the case this occurs, we'll need to correct it.\r\n      // Normally this is fine, Selection API !== Focus API, but fore the intents of the naming\r\n      // of this plugin, which should preserve focus too.\r\n        const activeElement = document.activeElement\r\n        const rootElement = editor.getRootElement() as HTMLDivElement\r\n        if (\r\n          rootElement !== null\r\n          && (activeElement === null || !rootElement.contains(activeElement))\r\n        ) {\r\n        // Note: preventScroll won't work in Webkit.\r\n          rootElement.focus({ preventScroll: true })\r\n        }\r\n      },\r\n      { defaultSelection: props.defaultSelection },\r\n    )\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,SAAS;AAEf,cAAU,MAAM;AACd,eAAS,MAAM;AACN,eAAA;AAAA,UACL,MAAM;AAKJ,kBAAM,gBAAgB,SAAS;AACzB,kBAAA,cAAc,OAAO;AAEzB,gBAAA,gBAAgB,SACZ,kBAAkB,QAAQ,CAAC,YAAY,SAAS,aAAa,IACjE;AAEA,0BAAY,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,YAC3C;AAAA,UACF;AAAA,UACA,EAAE,kBAAkB,MAAM,iBAAiB;AAAA,QAAA;AAAA,MAC7C,CACD;AAAA,IAAA,CACF;;;;;;"}

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalAutoFocusPlugin.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./LexicalAutoFocusPlugin.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalAutoFocusPlugin.vue2.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalAutoFocusPlugin.vue2.js.map

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

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue2.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.js.map

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

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

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

@@ -0,0 +1,38 @@
+import { defineComponent } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import { useAutoLink } from "./shared.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    matchers: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editor = useLexicalComposer();
+    useAutoLink(editor, props.matchers, (url, prevUrl) => {
+      emit("change", {
+        url,
+        prevUrl
+      });
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/components/basic/doc-editor/core/plugins/LexicalAutoLinkPlugin/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../../../src/components/basic/doc-editor/core/plugins/LexicalAutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../composables'\r\nimport { type LinkMatcher, useAutoLink } from './shared'\r\n\r\nconst props = defineProps<{\r\n  matchers: LinkMatcher[]\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: { url: string | null, prevUrl: string | null }): void\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nuseAutoLink(editor, props.matchers, (url: string | null, prevUrl: string | null) => {\r\n  emit('change', {\r\n    url,\r\n    prevUrl,\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,SAAS;AAEf,gBAAY,QAAQ,MAAM,UAAU,CAAC,KAAoB,YAA2B;AAClF,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,CACF;;;;;;"}