@maketribe/ms-app 3.2.33 → 3.2.34

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

@@ -0,0 +1,18 @@
+let handleClickAndPointerDownListenersCount = 0;
+let handleClickAndPointerDownListenersUnregister;
+function registerClickAndPointerListeners(register, unregister) {
+  if (handleClickAndPointerDownListenersCount++ === 0) {
+    register();
+    handleClickAndPointerDownListenersUnregister = unregister;
+  }
+  return () => {
+    if (--handleClickAndPointerDownListenersCount === 0) {
+      handleClickAndPointerDownListenersUnregister == null ? void 0 : handleClickAndPointerDownListenersUnregister();
+      handleClickAndPointerDownListenersUnregister = void 0;
+    }
+  };
+}
+export {
+  registerClickAndPointerListeners
+};
+//# sourceMappingURL=listenerManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listenerManager.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/listenerManager.ts"],"sourcesContent":["let handleClickAndPointerDownListenersCount = 0\r\nlet handleClickAndPointerDownListenersUnregister: (() => void) | undefined\r\n\r\nexport function registerClickAndPointerListeners(register: () => void, unregister: () => void) {\r\n  if (handleClickAndPointerDownListenersCount++ === 0) {\r\n    register()\r\n    handleClickAndPointerDownListenersUnregister = unregister\r\n  }\r\n\r\n  return () => {\r\n    if (--handleClickAndPointerDownListenersCount === 0) {\r\n      handleClickAndPointerDownListenersUnregister?.()\r\n      handleClickAndPointerDownListenersUnregister = undefined\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA,IAAI,0CAA0C;AAC9C,IAAI;AAEY,SAAA,iCAAiC,UAAsB,YAAwB;AAC7F,MAAI,8CAA8C,GAAG;AAC1C;AACsC,mDAAA;AAAA,EACjD;AAEA,SAAO,MAAM;AACP,QAAA,EAAE,4CAA4C,GAAG;AACJ;AACA,qDAAA;AAAA,IACjD;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,31 @@
+import { ref, readonly } from "vue";
+import { $canShowPlaceholderCurry } from "@lexical/text";
+import { mergeRegister } from "@lexical/utils";
+import { useMounted } from "./useMounted.js";
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing()));
+  return currentCanShowPlaceholder;
+}
+function useCanShowPlaceholder(editor) {
+  const initialState = editor.getEditorState().read($canShowPlaceholderCurry(editor.isComposing()));
+  const canShowPlaceholder = ref(initialState);
+  function resetCanShowPlaceholder() {
+    const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
+    canShowPlaceholder.value = currentCanShowPlaceholder;
+  }
+  useMounted(() => {
+    return mergeRegister(
+      editor.registerUpdateListener(() => {
+        resetCanShowPlaceholder();
+      }),
+      editor.registerEditableListener(() => {
+        resetCanShowPlaceholder();
+      })
+    );
+  });
+  return readonly(canShowPlaceholder);
+}
+export {
+  useCanShowPlaceholder
+};
+//# sourceMappingURL=useCanShowPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanShowPlaceholder.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useCanShowPlaceholder.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\r\nimport { $canShowPlaceholderCurry } from '@lexical/text'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useMounted } from './useMounted'\r\n\r\nfunction canShowPlaceholderFromCurrentEditorState(\r\n  editor: LexicalEditor,\r\n): boolean {\r\n  const currentCanShowPlaceholder = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  return currentCanShowPlaceholder\r\n}\r\n\r\nexport function useCanShowPlaceholder(editor: LexicalEditor) {\r\n  const initialState = editor\r\n    .getEditorState()\r\n    .read($canShowPlaceholderCurry(editor.isComposing()))\r\n\r\n  const canShowPlaceholder = ref(initialState)\r\n\r\n  function resetCanShowPlaceholder() {\r\n    const currentCanShowPlaceholder\r\n    = canShowPlaceholderFromCurrentEditorState(editor)\r\n    canShowPlaceholder.value = currentCanShowPlaceholder\r\n  }\r\n\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      editor.registerUpdateListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n      editor.registerEditableListener(() => {\r\n        resetCanShowPlaceholder()\r\n      }),\r\n    )\r\n  })\r\n\r\n  return readonly(canShowPlaceholder)\r\n}\r\n"],"names":[],"mappings":";;;;AAMA,SAAS,yCACP,QACS;AACH,QAAA,4BAA4B,OAC/B,iBACA,KAAK,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAE/C,SAAA;AACT;AAEO,SAAS,sBAAsB,QAAuB;AACrD,QAAA,eAAe,OAClB,iBACA,KAAK,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAEhD,QAAA,qBAAqB,IAAI,YAAY;AAE3C,WAAS,0BAA0B;AAC3B,UAAA,4BACJ,yCAAyC,MAAM;AACjD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,aAAW,MAAM;AACR,WAAA;AAAA,MACL,OAAO,uBAAuB,MAAM;AACV;MAAA,CACzB;AAAA,MACD,OAAO,yBAAyB,MAAM;AACZ;MAAA,CACzB;AAAA,IAAA;AAAA,EACH,CACD;AAED,SAAO,SAAS,kBAAkB;AACpC;"}

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

@@ -0,0 +1,31 @@
+import { shallowRef, computed, unref, h, Teleport } from "vue";
+import { useMounted } from "./useMounted.js";
+function useDecorators(editor) {
+  const decorators = shallowRef(editor.getDecorators());
+  useMounted(() => {
+    return editor.registerDecoratorListener((nextDecorators) => {
+      decorators.value = nextDecorators;
+    });
+  });
+  return computed(() => {
+    const decoratedTeleports = [];
+    const decoratorKeys = Object.keys(unref(decorators));
+    for (let i = 0; i < decoratorKeys.length; i++) {
+      const nodeKey = decoratorKeys[i];
+      const vueDecorator = decorators.value[nodeKey];
+      const element = editor.getElementByKey(nodeKey);
+      if (element !== null) {
+        decoratedTeleports.push(
+          h(Teleport, {
+            to: element
+          }, vueDecorator)
+        );
+      }
+    }
+    return decoratedTeleports;
+  });
+}
+export {
+  useDecorators
+};
+//# sourceMappingURL=useDecorators.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDecorators.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useDecorators.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\r\nimport type { DefineComponent } from 'vue'\r\nimport { Teleport, computed, h, shallowRef, unref } from 'vue'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useDecorators(editor: LexicalEditor) {\r\n  const decorators = shallowRef<Record<string, DefineComponent>>(editor.getDecorators())\r\n\r\n  useMounted(() => {\r\n    return editor.registerDecoratorListener((nextDecorators) => {\r\n      decorators.value = nextDecorators as Record<string, DefineComponent>\r\n    })\r\n  })\r\n\r\n  // Return decorators defined as Vue Teleports\r\n  return computed(() => {\r\n    const decoratedTeleports = []\r\n    const decoratorKeys = Object.keys(unref(decorators))\r\n    for (let i = 0; i < decoratorKeys.length; i++) {\r\n      const nodeKey = decoratorKeys[i]\r\n      const vueDecorator = decorators.value[nodeKey]\r\n      const element = editor.getElementByKey(nodeKey)\r\n      if (element !== null) {\r\n        decoratedTeleports.push(\r\n          h(Teleport, {\r\n            to: element,\r\n          }, vueDecorator),\r\n        )\r\n      }\r\n    }\r\n\r\n    return decoratedTeleports\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAKO,SAAS,cAAc,QAAuB;AACnD,QAAM,aAAa,WAA4C,OAAO,cAAe,CAAA;AAErF,aAAW,MAAM;AACR,WAAA,OAAO,0BAA0B,CAAC,mBAAmB;AAC1D,iBAAW,QAAQ;AAAA,IAAA,CACpB;AAAA,EAAA,CACF;AAGD,SAAO,SAAS,MAAM;AACpB,UAAM,qBAAqB,CAAA;AAC3B,UAAM,gBAAgB,OAAO,KAAK,MAAM,UAAU,CAAC;AACnD,aAAS,IAAI,GAAG,IAAI,cAAc,QAAQ,KAAK;AACvC,YAAA,UAAU,cAAc,CAAC;AACzB,YAAA,eAAe,WAAW,MAAM,OAAO;AACvC,YAAA,UAAU,OAAO,gBAAgB,OAAO;AAC9C,UAAI,YAAY,MAAM;AACD,2BAAA;AAAA,UACjB,EAAE,UAAU;AAAA,YACV,IAAI;AAAA,aACH,YAAY;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAEO,WAAA;AAAA,EAAA,CACR;AACH;"}

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

@@ -0,0 +1,15 @@
+import { computed, unref, watchEffect } from "vue";
+import { createEmptyHistoryState, registerHistory } from "@lexical/history";
+function useHistory(editor, externalHistoryState, delay) {
+  const historyState = computed(
+    () => unref(externalHistoryState) || createEmptyHistoryState()
+  );
+  watchEffect((onInvalidate) => {
+    const unregisterListener = registerHistory(unref(editor), historyState.value, unref(delay) || 1e3);
+    onInvalidate(unregisterListener);
+  });
+}
+export {
+  useHistory
+};
+//# sourceMappingURL=useHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHistory.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useHistory.ts"],"sourcesContent":["import type { HistoryState } from '@lexical/history'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { type MaybeRef, computed, unref, watchEffect } from 'vue'\r\n\r\nimport { createEmptyHistoryState, registerHistory } from '@lexical/history'\r\n\r\nexport function useHistory(\r\n  editor: MaybeRef<LexicalEditor>,\r\n  externalHistoryState?: MaybeRef<HistoryState>,\r\n  delay?: MaybeRef<number>,\r\n) {\r\n  const historyState = computed<HistoryState>(\r\n    () => unref(externalHistoryState) || createEmptyHistoryState(),\r\n  )\r\n\r\n  watchEffect((onInvalidate) => {\r\n    const unregisterListener = registerHistory(unref(editor), historyState.value, unref(delay) || 1000)\r\n\r\n    onInvalidate(unregisterListener)\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAMgB,SAAA,WACd,QACA,sBACA,OACA;AACA,QAAM,eAAe;AAAA,IACnB,MAAM,MAAM,oBAAoB,KAAK,wBAAwB;AAAA,EAAA;AAG/D,cAAY,CAAC,iBAAiB;AACtB,UAAA,qBAAqB,gBAAgB,MAAM,MAAM,GAAG,aAAa,OAAO,MAAM,KAAK,KAAK,GAAI;AAElG,iBAAa,kBAAkB;AAAA,EAAA,CAChC;AACH;"}

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

@@ -0,0 +1,17 @@
+import { inject } from "vue";
+import invariant from "tiny-invariant";
+import { LexicalEditorProviderKey } from "./inject.js";
+function useLexicalComposer() {
+  const editor = inject(LexicalEditorProviderKey);
+  if (!editor) {
+    invariant(
+      false,
+      "useLexicalComposer: cannot find a LexicalComposer"
+    );
+  }
+  return editor;
+}
+export {
+  useLexicalComposer
+};
+//# sourceMappingURL=useLexicalComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalComposer.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useLexicalComposer.ts"],"sourcesContent":["import { inject } from 'vue'\r\nimport invariant from 'tiny-invariant'\r\nimport type { LexicalEditor } from 'lexical'\r\nimport { LexicalEditorProviderKey } from './inject'\r\n\r\nexport function useLexicalComposer() {\r\n  const editor = inject<LexicalEditor>(LexicalEditorProviderKey)\r\n\r\n  if (!editor) {\r\n    invariant(\r\n      false,\r\n      'useLexicalComposer: cannot find a LexicalComposer',\r\n    )\r\n  }\r\n\r\n  return editor\r\n}\r\n\r\n/**\r\n * @deprecated use `useLexicalComposer` instead\r\n */\r\nexport const useEditor = useLexicalComposer\r\n"],"names":[],"mappings":";;;AAKO,SAAS,qBAAqB;AAC7B,QAAA,SAAS,OAAsB,wBAAwB;AAE7D,MAAI,CAAC,QAAQ;AACX;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;"}

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

@@ -0,0 +1,16 @@
+import { registerLexicalTextEntity } from "@lexical/text";
+import { mergeRegister } from "@lexical/utils";
+import { useLexicalComposer } from "./useLexicalComposer.js";
+import { useMounted } from "./useMounted.js";
+function useLexicalTextEntity(getMatch, targetNode, createNode) {
+  const editor = useLexicalComposer();
+  useMounted(() => {
+    return mergeRegister(
+      ...registerLexicalTextEntity(editor, getMatch, targetNode, createNode)
+    );
+  });
+}
+export {
+  useLexicalTextEntity
+};
+//# sourceMappingURL=useLexicalTextEntity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalTextEntity.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useLexicalTextEntity.ts"],"sourcesContent":["import type { EntityMatch } from '@lexical/text'\r\nimport type { Klass, TextNode } from 'lexical'\r\n\r\nimport { registerLexicalTextEntity } from '@lexical/text'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer } from './useLexicalComposer'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useLexicalTextEntity<T extends TextNode>(\r\n  getMatch: (text: string) => null | EntityMatch,\r\n  targetNode: Klass<T>,\r\n  createNode: (textNode: TextNode) => T,\r\n): void {\r\n  const editor = useLexicalComposer()\r\n\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      ...registerLexicalTextEntity(editor, getMatch, targetNode, createNode),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAQgB,SAAA,qBACd,UACA,YACA,YACM;AACN,QAAM,SAAS;AAEf,aAAW,MAAM;AACR,WAAA;AAAA,MACL,GAAG,0BAA0B,QAAQ,UAAU,YAAY,UAAU;AAAA,IAAA;AAAA,EACvE,CACD;AACH;"}

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

@@ -0,0 +1,48 @@
+import { INSERT_ORDERED_LIST_COMMAND, insertList, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND, removeList, $handleListInsertParagraph } from "@lexical/list";
+import { mergeRegister } from "@lexical/utils";
+import { COMMAND_PRIORITY_LOW, INSERT_PARAGRAPH_COMMAND } from "lexical";
+import { useMounted } from "./useMounted.js";
+function useList(editor) {
+  useMounted(() => {
+    return mergeRegister(
+      editor.registerCommand(
+        INSERT_ORDERED_LIST_COMMAND,
+        () => {
+          insertList(editor, "number");
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        INSERT_UNORDERED_LIST_COMMAND,
+        () => {
+          insertList(editor, "bullet");
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        REMOVE_LIST_COMMAND,
+        () => {
+          removeList(editor);
+          return true;
+        },
+        COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        INSERT_PARAGRAPH_COMMAND,
+        () => {
+          const hasHandledInsertParagraph = $handleListInsertParagraph();
+          if (hasHandledInsertParagraph)
+            return true;
+          return false;
+        },
+        COMMAND_PRIORITY_LOW
+      )
+    );
+  });
+}
+export {
+  useList
+};
+//# sourceMappingURL=useList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useList.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/useList.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\r\n\r\nimport {\r\n  $handleListInsertParagraph,\r\n  INSERT_ORDERED_LIST_COMMAND,\r\n  INSERT_UNORDERED_LIST_COMMAND,\r\n  REMOVE_LIST_COMMAND,\r\n  insertList,\r\n  removeList,\r\n} from '@lexical/list'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {\r\n  COMMAND_PRIORITY_LOW,\r\n  INSERT_PARAGRAPH_COMMAND,\r\n} from 'lexical'\r\nimport { useMounted } from './useMounted'\r\n\r\nexport function useList(editor: LexicalEditor) {\r\n  useMounted(() => {\r\n    return mergeRegister(\r\n      editor.registerCommand(\r\n        INSERT_ORDERED_LIST_COMMAND,\r\n        () => {\r\n          insertList(editor, 'number')\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        INSERT_UNORDERED_LIST_COMMAND,\r\n        () => {\r\n          insertList(editor, 'bullet')\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        REMOVE_LIST_COMMAND,\r\n        () => {\r\n          removeList(editor)\r\n          return true\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n      editor.registerCommand(\r\n        INSERT_PARAGRAPH_COMMAND,\r\n        () => {\r\n          const hasHandledInsertParagraph = $handleListInsertParagraph()\r\n\r\n          if (hasHandledInsertParagraph)\r\n            return true\r\n\r\n          return false\r\n        },\r\n        COMMAND_PRIORITY_LOW,\r\n      ),\r\n    )\r\n  })\r\n}\r\n"],"names":[],"mappings":";;;;AAiBO,SAAS,QAAQ,QAAuB;AAC7C,aAAW,MAAM;AACR,WAAA;AAAA,MACL,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,qBAAW,MAAM;AACV,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA,MAAM;AACJ,gBAAM,4BAA4B;AAE9B,cAAA;AACK,mBAAA;AAEF,iBAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AACH;"}

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,7 +1,16 @@
 import { mergeRegister } from "@lexical/utils";
 import { createCommand, CLICK_COMMAND, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from "lexical";
-import { useLexicalComposer, useMounted } from "lexical-vue";
 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");

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\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 'lexical-vue'\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;"}
+{"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,5 +1,19 @@
 import { ref, reactive } from "vue";
 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) {

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\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":";;AAOa,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":";"}