@maketribe/ms-app 3.2.33 → 3.2.35

package/dist/cjs/components/basic/doc-editor/core/LexicalComposer.vue.js

@@ -0,0 +1,74 @@
+"use strict";
+const vue = require("vue");
+const lexical = require("lexical");
+const inject = require("./composables/inject.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "LexicalComposer",
+  props: {
+    initialConfig: {}
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const HISTORY_MERGE_OPTIONS = { tag: "history-merge" };
+    const editor = lexical.createEditor({
+      editable: props.initialConfig.editable,
+      html: props.initialConfig.html,
+      namespace: props.initialConfig.namespace,
+      nodes: props.initialConfig.nodes,
+      theme: props.initialConfig.theme,
+      onError(error) {
+        emit("error", error, editor);
+      }
+    });
+    initializeEditor(editor, props.initialConfig.editorState);
+    function initializeEditor(editor2, initialEditorState) {
+      if (initialEditorState === null)
+        return;
+      if (initialEditorState === void 0) {
+        editor2.update(() => {
+          const root = lexical.$getRoot();
+          if (root.isEmpty()) {
+            const paragraph = lexical.$createParagraphNode();
+            root.append(paragraph);
+            const activeElement = document.activeElement;
+            if (lexical.$getSelection() !== null || activeElement !== null && activeElement === editor2.getRootElement()) {
+              paragraph.select();
+            }
+          }
+        }, HISTORY_MERGE_OPTIONS);
+      } else if (initialEditorState !== null) {
+        switch (typeof initialEditorState) {
+          case "string": {
+            const parsedEditorState = editor2.parseEditorState(initialEditorState);
+            editor2.setEditorState(parsedEditorState, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+          case "object": {
+            editor2.setEditorState(initialEditorState, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+          case "function": {
+            editor2.update(() => {
+              const root = lexical.$getRoot();
+              if (root.isEmpty())
+                initialEditorState(editor2);
+            }, HISTORY_MERGE_OPTIONS);
+            break;
+          }
+        }
+      }
+    }
+    vue.provide(inject.LexicalEditorProviderKey, editor);
+    vue.onMounted(() => {
+      const isEditable = props.initialConfig.editable;
+      editor.setEditable(isEditable !== void 0 ? isEditable : true);
+    });
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=LexicalComposer.vue.js.map

package/dist/cjs/components/basic/doc-editor/core/LexicalComposer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalComposer.vue.js","sources":["../../../../../../src/components/basic/doc-editor/core/LexicalComposer.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, provide } from 'vue'\r\nimport type { CreateEditorArgs, LexicalEditor } from 'lexical'\r\nimport { $createParagraphNode, $getRoot, $getSelection, createEditor } from 'lexical'\r\nimport { LexicalEditorProviderKey } from './composables/inject'\r\nimport type { InitialEditorStateType } from './types'\r\n\r\nconst props = defineProps<{\r\n  initialConfig: CreateEditorArgs\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'error', error: Error, editor: LexicalEditor): void\r\n}>()\r\n\r\nconst HISTORY_MERGE_OPTIONS = { tag: 'history-merge' }\r\n\r\nconst editor = createEditor({\r\n  editable: props.initialConfig.editable,\r\n  html: props.initialConfig.html,\r\n  namespace: props.initialConfig.namespace,\r\n  nodes: props.initialConfig.nodes,\r\n  theme: props.initialConfig.theme,\r\n  onError(error) {\r\n    emit('error', error, editor)\r\n  },\r\n})\r\n\r\ninitializeEditor(editor, props.initialConfig.editorState)\r\n\r\nfunction initializeEditor(\r\n  editor: LexicalEditor,\r\n  initialEditorState?: InitialEditorStateType,\r\n): void {\r\n  if (initialEditorState === null)\r\n    return\r\n\r\n  if (initialEditorState === undefined) {\r\n    editor.update(() => {\r\n      const root = $getRoot()\r\n      if (root.isEmpty()) {\r\n        const paragraph = $createParagraphNode()\r\n        root.append(paragraph)\r\n        const activeElement = document.activeElement\r\n        if (\r\n          $getSelection() !== null\r\n          || (activeElement !== null && activeElement === editor.getRootElement())\r\n        ) {\r\n          paragraph.select()\r\n        }\r\n      }\r\n    }, HISTORY_MERGE_OPTIONS)\r\n  }\r\n  else if (initialEditorState !== null) {\r\n    switch (typeof initialEditorState) {\r\n      case 'string': {\r\n        const parsedEditorState = editor.parseEditorState(initialEditorState)\r\n        editor.setEditorState(parsedEditorState, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n      case 'object': {\r\n        editor.setEditorState(initialEditorState, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n      case 'function': {\r\n        editor.update(() => {\r\n          const root = $getRoot()\r\n          if (root.isEmpty())\r\n            initialEditorState(editor)\r\n        }, HISTORY_MERGE_OPTIONS)\r\n        break\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nprovide<LexicalEditor>(LexicalEditorProviderKey, editor)\r\n\r\nonMounted(() => {\r\n  const isEditable = props.initialConfig.editable\r\n\r\n  editor.setEditable(isEditable !== undefined ? isEditable : true)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <slot />\r\n</template>\r\n"],"names":["createEditor","editor","$getRoot","$createParagraphNode","$getSelection","provide","LexicalEditorProviderKey","onMounted"],"mappings":";;;;;;;;;;;AAOA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIP,UAAA,wBAAwB,EAAE,KAAK;AAErC,UAAM,SAASA,QAAAA,aAAa;AAAA,MAC1B,UAAU,MAAM,cAAc;AAAA,MAC9B,MAAM,MAAM,cAAc;AAAA,MAC1B,WAAW,MAAM,cAAc;AAAA,MAC/B,OAAO,MAAM,cAAc;AAAA,MAC3B,OAAO,MAAM,cAAc;AAAA,MAC3B,QAAQ,OAAO;AACR,aAAA,SAAS,OAAO,MAAM;AAAA,MAC7B;AAAA,IAAA,CACD;AAEgB,qBAAA,QAAQ,MAAM,cAAc,WAAW;AAE/C,aAAA,iBACPC,SACA,oBACM;AACN,UAAI,uBAAuB;AACzB;AAEF,UAAI,uBAAuB,QAAW;AACpCA,gBAAO,OAAO,MAAM;AAClB,gBAAM,OAAOC,QAAAA;AACT,cAAA,KAAK,WAAW;AAClB,kBAAM,YAAYC,QAAAA;AAClB,iBAAK,OAAO,SAAS;AACrB,kBAAM,gBAAgB,SAAS;AAE7B,gBAAAC,QAAA,cAAA,MAAoB,QAChB,kBAAkB,QAAQ,kBAAkBH,QAAO,kBACvD;AACA,wBAAU,OAAO;AAAA,YACnB;AAAA,UACF;AAAA,WACC,qBAAqB;AAAA,MAAA,WAEjB,uBAAuB,MAAM;AACpC,gBAAQ,OAAO,oBAAoB;AAAA,UACjC,KAAK,UAAU;AACP,kBAAA,oBAAoBA,QAAO,iBAAiB,kBAAkB;AACpEA,oBAAO,eAAe,mBAAmB,qBAAqB;AAC9D;AAAA,UACF;AAAA,UACA,KAAK,UAAU;AACbA,oBAAO,eAAe,oBAAoB,qBAAqB;AAC/D;AAAA,UACF;AAAA,UACA,KAAK,YAAY;AACfA,oBAAO,OAAO,MAAM;AAClB,oBAAM,OAAOC,QAAAA;AACb,kBAAI,KAAK,QAAQ;AACf,mCAAmBD,OAAM;AAAA,eAC1B,qBAAqB;AACxB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEAI,gBAAuBC,OAAAA,0BAA0B,MAAM;AAEvDC,QAAAA,UAAU,MAAM;AACR,YAAA,aAAa,MAAM,cAAc;AAEvC,aAAO,YAAY,eAAe,SAAY,aAAa,IAAI;AAAA,IAAA,CAChE;;;;;;;"}

package/dist/cjs/components/basic/doc-editor/core/LexicalComposer.vue2.js

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

package/dist/cjs/components/basic/doc-editor/core/LexicalComposer.vue2.js.map

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

package/dist/cjs/components/basic/doc-editor/core/composables/inject.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const LexicalEditorProviderKey = "LexicalEditorProviderKey";
+exports.LexicalEditorProviderKey = LexicalEditorProviderKey;
+//# sourceMappingURL=inject.js.map

package/dist/cjs/components/basic/doc-editor/core/composables/inject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.js","sources":["../../../../../../../src/components/basic/doc-editor/core/composables/inject.ts"],"sourcesContent":["export const LexicalEditorProviderKey = 'LexicalEditorProviderKey'\r\n"],"names":[],"mappings":";;AAAO,MAAM,2BAA2B;;"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+    }
+  };
+}
+exports.registerClickAndPointerListeners = registerClickAndPointerListeners;
+//# sourceMappingURL=listenerManager.js.map

package/dist/cjs/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/cjs/components/basic/doc-editor/core/composables/useCanShowPlaceholder.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const text = require("@lexical/text");
+const utils = require("@lexical/utils");
+const useMounted = require("./useMounted.js");
+function canShowPlaceholderFromCurrentEditorState(editor) {
+  const currentCanShowPlaceholder = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
+  return currentCanShowPlaceholder;
+}
+function useCanShowPlaceholder(editor) {
+  const initialState = editor.getEditorState().read(text.$canShowPlaceholderCurry(editor.isComposing()));
+  const canShowPlaceholder = vue.ref(initialState);
+  function resetCanShowPlaceholder() {
+    const currentCanShowPlaceholder = canShowPlaceholderFromCurrentEditorState(editor);
+    canShowPlaceholder.value = currentCanShowPlaceholder;
+  }
+  useMounted.useMounted(() => {
+    return utils.mergeRegister(
+      editor.registerUpdateListener(() => {
+        resetCanShowPlaceholder();
+      }),
+      editor.registerEditableListener(() => {
+        resetCanShowPlaceholder();
+      })
+    );
+  });
+  return vue.readonly(canShowPlaceholder);
+}
+exports.useCanShowPlaceholder = useCanShowPlaceholder;
+//# sourceMappingURL=useCanShowPlaceholder.js.map

package/dist/cjs/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":["$canShowPlaceholderCurry","ref","useMounted","mergeRegister","readonly"],"mappings":";;;;;;AAMA,SAAS,yCACP,QACS;AACH,QAAA,4BAA4B,OAC/B,iBACA,KAAKA,KAAAA,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAE/C,SAAA;AACT;AAEO,SAAS,sBAAsB,QAAuB;AACrD,QAAA,eAAe,OAClB,iBACA,KAAKA,KAAAA,yBAAyB,OAAO,YAAa,CAAA,CAAC;AAEhD,QAAA,qBAAqBC,QAAI,YAAY;AAE3C,WAAS,0BAA0B;AAC3B,UAAA,4BACJ,yCAAyC,MAAM;AACjD,uBAAmB,QAAQ;AAAA,EAC7B;AAEAC,aAAAA,WAAW,MAAM;AACR,WAAAC,MAAA;AAAA,MACL,OAAO,uBAAuB,MAAM;AACV;MAAA,CACzB;AAAA,MACD,OAAO,yBAAyB,MAAM;AACZ;MAAA,CACzB;AAAA,IAAA;AAAA,EACH,CACD;AAED,SAAOC,IAAAA,SAAS,kBAAkB;AACpC;;"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const useMounted = require("./useMounted.js");
+function useDecorators(editor) {
+  const decorators = vue.shallowRef(editor.getDecorators());
+  useMounted.useMounted(() => {
+    return editor.registerDecoratorListener((nextDecorators) => {
+      decorators.value = nextDecorators;
+    });
+  });
+  return vue.computed(() => {
+    const decoratedTeleports = [];
+    const decoratorKeys = Object.keys(vue.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(
+          vue.h(vue.Teleport, {
+            to: element
+          }, vueDecorator)
+        );
+      }
+    }
+    return decoratedTeleports;
+  });
+}
+exports.useDecorators = useDecorators;
+//# sourceMappingURL=useDecorators.js.map

package/dist/cjs/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":["shallowRef","useMounted","computed","unref","h","Teleport"],"mappings":";;;;AAKO,SAAS,cAAc,QAAuB;AACnD,QAAM,aAAaA,IAAA,WAA4C,OAAO,cAAe,CAAA;AAErFC,aAAAA,WAAW,MAAM;AACR,WAAA,OAAO,0BAA0B,CAAC,mBAAmB;AAC1D,iBAAW,QAAQ;AAAA,IAAA,CACpB;AAAA,EAAA,CACF;AAGD,SAAOC,aAAS,MAAM;AACpB,UAAM,qBAAqB,CAAA;AAC3B,UAAM,gBAAgB,OAAO,KAAKC,IAAAA,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,UACjBC,IAAAA,EAAEC,IAAAA,UAAU;AAAA,YACV,IAAI;AAAA,aACH,YAAY;AAAA,QAAA;AAAA,MAEnB;AAAA,IACF;AAEO,WAAA;AAAA,EAAA,CACR;AACH;;"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const history = require("@lexical/history");
+function useHistory(editor, externalHistoryState, delay) {
+  const historyState = vue.computed(
+    () => vue.unref(externalHistoryState) || history.createEmptyHistoryState()
+  );
+  vue.watchEffect((onInvalidate) => {
+    const unregisterListener = history.registerHistory(vue.unref(editor), historyState.value, vue.unref(delay) || 1e3);
+    onInvalidate(unregisterListener);
+  });
+}
+exports.useHistory = useHistory;
+//# sourceMappingURL=useHistory.js.map

package/dist/cjs/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":["computed","unref","createEmptyHistoryState","watchEffect","registerHistory"],"mappings":";;;;AAMgB,SAAA,WACd,QACA,sBACA,OACA;AACA,QAAM,eAAeA,IAAA;AAAA,IACnB,MAAMC,IAAA,MAAM,oBAAoB,KAAKC,gCAAwB;AAAA,EAAA;AAG/DC,MAAA,YAAY,CAAC,iBAAiB;AACtB,UAAA,qBAAqBC,QAAAA,gBAAgBH,IAAA,MAAM,MAAM,GAAG,aAAa,OAAOA,IAAA,MAAM,KAAK,KAAK,GAAI;AAElG,iBAAa,kBAAkB;AAAA,EAAA,CAChC;AACH;;"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const invariant = require("tiny-invariant");
+const inject = require("./inject.js");
+function useLexicalComposer() {
+  const editor = vue.inject(inject.LexicalEditorProviderKey);
+  if (!editor) {
+    invariant(
+      false,
+      "useLexicalComposer: cannot find a LexicalComposer"
+    );
+  }
+  return editor;
+}
+exports.useLexicalComposer = useLexicalComposer;
+//# sourceMappingURL=useLexicalComposer.js.map

package/dist/cjs/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":["inject","LexicalEditorProviderKey"],"mappings":";;;;;AAKO,SAAS,qBAAqB;AAC7B,QAAA,SAASA,WAAsBC,OAAAA,wBAAwB;AAE7D,MAAI,CAAC,QAAQ;AACX;AAAA,MACE;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;;"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const text = require("@lexical/text");
+const utils = require("@lexical/utils");
+const useLexicalComposer = require("./useLexicalComposer.js");
+const useMounted = require("./useMounted.js");
+function useLexicalTextEntity(getMatch, targetNode, createNode) {
+  const editor = useLexicalComposer.useLexicalComposer();
+  useMounted.useMounted(() => {
+    return utils.mergeRegister(
+      ...text.registerLexicalTextEntity(editor, getMatch, targetNode, createNode)
+    );
+  });
+}
+exports.useLexicalTextEntity = useLexicalTextEntity;
+//# sourceMappingURL=useLexicalTextEntity.js.map

package/dist/cjs/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":["useLexicalComposer","useMounted","mergeRegister","registerLexicalTextEntity"],"mappings":";;;;;;AAQgB,SAAA,qBACd,UACA,YACA,YACM;AACN,QAAM,SAASA,mBAAAA;AAEfC,aAAAA,WAAW,MAAM;AACR,WAAAC,MAAA;AAAA,MACL,GAAGC,KAAA,0BAA0B,QAAQ,UAAU,YAAY,UAAU;AAAA,IAAA;AAAA,EACvE,CACD;AACH;;"}

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const list = require("@lexical/list");
+const utils = require("@lexical/utils");
+const lexical = require("lexical");
+const useMounted = require("./useMounted.js");
+function useList(editor) {
+  useMounted.useMounted(() => {
+    return utils.mergeRegister(
+      editor.registerCommand(
+        list.INSERT_ORDERED_LIST_COMMAND,
+        () => {
+          list.insertList(editor, "number");
+          return true;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        list.INSERT_UNORDERED_LIST_COMMAND,
+        () => {
+          list.insertList(editor, "bullet");
+          return true;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        list.REMOVE_LIST_COMMAND,
+        () => {
+          list.removeList(editor);
+          return true;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      ),
+      editor.registerCommand(
+        lexical.INSERT_PARAGRAPH_COMMAND,
+        () => {
+          const hasHandledInsertParagraph = list.$handleListInsertParagraph();
+          if (hasHandledInsertParagraph)
+            return true;
+          return false;
+        },
+        lexical.COMMAND_PRIORITY_LOW
+      )
+    );
+  });
+}
+exports.useList = useList;
+//# sourceMappingURL=useList.js.map

package/dist/cjs/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":["useMounted","mergeRegister","INSERT_ORDERED_LIST_COMMAND","insertList","COMMAND_PRIORITY_LOW","INSERT_UNORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND","removeList","INSERT_PARAGRAPH_COMMAND","$handleListInsertParagraph"],"mappings":";;;;;;AAiBO,SAAS,QAAQ,QAAuB;AAC7CA,aAAAA,WAAW,MAAM;AACR,WAAAC,MAAA;AAAA,MACL,OAAO;AAAA,QACLC,KAAA;AAAA,QACA,MAAM;AACJC,0BAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACAC,QAAA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACLC,KAAA;AAAA,QACA,MAAM;AACJF,0BAAW,QAAQ,QAAQ;AACpB,iBAAA;AAAA,QACT;AAAA,QACAC,QAAA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACLE,KAAA;AAAA,QACA,MAAM;AACJC,eAAA,WAAW,MAAM;AACV,iBAAA;AAAA,QACT;AAAA,QACAH,QAAA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACLI,QAAA;AAAA,QACA,MAAM;AACJ,gBAAM,4BAA4BC,KAAAA;AAE9B,cAAA;AACK,mBAAA;AAEF,iBAAA;AAAA,QACT;AAAA,QACAL,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AACH;;"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useMounted(cb) {
+  let unregister;
+  vue.onMounted(() => {
+    unregister = cb();
+  });
+  vue.onUnmounted(() => {
+    unregister == null ? void 0 : unregister();
+  });
+}
+exports.useMounted = useMounted;
+//# sourceMappingURL=useMounted.js.map

package/dist/cjs/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":["onMounted","onUnmounted"],"mappings":";;;AAKO,SAAS,WAAW,IAAmC;AACxD,MAAA;AAEJA,MAAAA,UAAU,MAAM;AACd,iBAAa,GAAG;AAAA,EAAA,CACjB;AAEDC,MAAAA,YAAY,MAAM;AACH;AAAA,EAAA,CACd;AACH;;"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dragon = require("@lexical/dragon");
+const richText = require("@lexical/rich-text");
+const utils = require("@lexical/utils");
+const useMounted = require("./useMounted.js");
+function useRichTextSetup(editor) {
+  useMounted.useMounted(() => {
+    return utils.mergeRegister(
+      richText.registerRichText(editor),
+      dragon.registerDragonSupport(editor)
+    );
+  });
+}
+exports.useRichTextSetup = useRichTextSetup;
+//# sourceMappingURL=useRichTextSetup.js.map

package/dist/cjs/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":["useMounted","mergeRegister","registerRichText","registerDragonSupport"],"mappings":";;;;;;AAMO,SAAS,iBAAiB,QAAuB;AACtDA,aAAAA,WAAW,MAAM;AACR,WAAAC,MAAA;AAAA,MACLC,SAAAA,iBAAiB,MAAM;AAAA,MACvBC,OAAAA,sBAAsB,MAAM;AAAA,IAAA;AAAA,EAC9B,CACD;AACH;;"}

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

@@ -2,8 +2,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@lexical/utils");
 const lexical = require("lexical");
-const lexicalVue = require("lexical-vue");
 const vue = require("vue");
+require("@lexical/text");
+const useMounted = require("./composables/useMounted.js");
+require("@lexical/overflow");
+require("tiny-invariant");
+require("@lexical/history");
+const useLexicalComposer = require("./composables/useLexicalComposer.js");
+require("@lexical/list");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("@lexical/rich-text");
 const SELECTED_ELEMENTBLOCK_COMMAND = lexical.createCommand("SELECTED_ELEMENTBLOCK_COMMAND");
 const REMOVE_ELEMENTBLOCK_COMMAND = lexical.createCommand("REMOVE_ELEMENTBLOCK_COMMAND");
 const UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND = lexical.createCommand("UPDATE_ELEMENTBLOCK_TOOLBAR_POS_COMMAND");
@@ -38,8 +47,8 @@ const setElementBlockSelection = async (editor, nodeKey) => {
   await setSelected(editor, true, nodeKey);
 };
 const useElementBlockSelection = (func, toolsbars) => {
-  const editor = lexicalVue.useLexicalComposer();
-  lexicalVue.useMounted(() => {
+  const editor = useLexicalComposer.useLexicalComposer();
+  useMounted.useMounted(() => {
     return utils.mergeRegister(
       // 点击选中
       editor.registerCommand(lexical.CLICK_COMMAND, (event) => {

package/dist/cjs/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":["createCommand","$getSelection","$isNodeSelection","$createNodeSelection","$setSelection","unref","useLexicalComposer","useMounted","mergeRegister","CLICK_COMMAND","COMMAND_PRIORITY_LOW","SELECTION_CHANGE_COMMAND"],"mappings":";;;;;;AAgCa,MAAA,gCAAmFA,sBAAc,+BAA+B;AAKhI,MAAA,8BAA8DA,sBAAc,6BAA6B;AAKzG,MAAA,0CAA0EA,sBAAc,yCAAyC;AAyB9I,MAAM,iBAAiB,CAAC,WAA6C;AAC5D,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAYC,QAAAA;AACd,UAAAC,QAAA,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,YAAYD,QAAAA;AAEZ,UAAA,CAACC,QAAAA,iBAAiB,SAAS,GAAG;AAChC,oBAAYC,QAAqB,qBAAA;AACjCC,gBAAA,cAAc,SAAS;AAAA,MACzB;AACI,UAAAF,QAAAA,iBAAiB,SAAS,GAAG;AAEnB,kBAAA,IAAIG,UAAM,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,SAASC,WAAAA;AAGfC,aAAAA,WAAW,MAAI;AAEN,WAAAC,MAAA;AAAA;AAAA,MAEL,OAAO,gBAA4BC,uBAAc,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,SACNC,4BAAoB;AAAA;AAAA,MAEvB,OAAO,gBAAgBC,QAAAA,0BAA0B,MAAM;AACrD,cAAM,YAAYV,QAAAA;AACZ,cAAA,OAAOC,yBAAiB,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,SACPQ,4BAAoB;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":["createCommand","$getSelection","$isNodeSelection","$createNodeSelection","$setSelection","unref","useLexicalComposer","useMounted","mergeRegister","CLICK_COMMAND","COMMAND_PRIORITY_LOW","SELECTION_CHANGE_COMMAND"],"mappings":";;;;;;;;;;;;;;;AAgCa,MAAA,gCAAmFA,sBAAc,+BAA+B;AAKhI,MAAA,8BAA8DA,sBAAc,6BAA6B;AAKzG,MAAA,0CAA0EA,sBAAc,yCAAyC;AAyB9I,MAAM,iBAAiB,CAAC,WAA6C;AAC5D,SAAA,IAAI,QAAQ,CAAU,aAAA;AAC3B,WAAO,OAAO,MAAM;AAClB,YAAM,YAAYC,QAAAA;AACd,UAAAC,QAAA,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,YAAYD,QAAAA;AAEZ,UAAA,CAACC,QAAAA,iBAAiB,SAAS,GAAG;AAChC,oBAAYC,QAAqB,qBAAA;AACjCC,gBAAA,cAAc,SAAS;AAAA,MACzB;AACI,UAAAF,QAAAA,iBAAiB,SAAS,GAAG;AAEnB,kBAAA,IAAIG,UAAM,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,SAASC,mBAAAA;AAGfC,aAAAA,WAAW,MAAI;AAEN,WAAAC,MAAA;AAAA;AAAA,MAEL,OAAO,gBAA4BC,uBAAc,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,SACNC,4BAAoB;AAAA;AAAA,MAEvB,OAAO,gBAAgBC,QAAAA,0BAA0B,MAAM;AACrD,cAAM,YAAYV,QAAAA;AACZ,cAAA,OAAOC,yBAAiB,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,SACPQ,4BAAoB;AAAA,IAAA;AAAA,EACxB,CACD;AAEH;;;;;;"}

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

@@ -2,6 +2,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementBlock = require("./element-block.js");
+require("@lexical/text");
+require("@lexical/utils");
+require("@lexical/overflow");
+require("lexical");
+require("tiny-invariant");
+require("@lexical/history");
+require("@lexical/list");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("@lexical/rich-text");
+require("@lexical/hashtag");
+require("@lexical/link");
+require("@lexical/html");
+require("./plugins/LexicalRichTextPlugin/DecoratedTeleports.js");
 const DEVICE_VIEW_MODE = vue.ref("pc");
 const ToolbarExtendPlugins = vue.reactive([]);
 const registerDocEditorToolbarExtend = function(options) {

package/dist/cjs/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":["ref","reactive"],"mappings":";;;;AAOa,MAAA,mBAAmBA,QAAqB,IAAI;AAe5C,MAAA,uBAAuBC,IAAgC,SAAA,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":["ref","reactive"],"mappings":";;;;;;;;;;;;;;;;;;AAiCa,MAAA,mBAAmBA,QAAqB,IAAI;AAe5C,MAAA,uBAAuBC,IAAgC,SAAA,EAAE;AAMzD,MAAA,iCAAiC,SAAS,SAA4B;AACjF,uBAAqB,KAAK,OAAO;AACZ,uBAAA,KAAK,CAAC,GAAE,MAAI,EAAE,OAAK,EAAE,OAAO,IAAE,EAAE;AACvD;;;;;;;;;"}