@milkdown/vue 7.6.3 → 7.6.4

package/lib/index.es.js

@@ -1,66 +1,78 @@
-import { inject as l, ref as d, onMounted as v, onUnmounted as s, defineComponent as c, createVNode as f, provide as m, Fragment as y } from "vue";
-const a = Symbol("editorInfoCtxKey");
-function g() {
+import { inject, ref, onMounted, onUnmounted, defineComponent, createVNode, provide, Fragment } from "vue";
+const editorInfoCtxKey = Symbol("editorInfoCtxKey");
+function useGetEditor() {
   const {
-    dom: e,
-    loading: o,
-    editor: n,
-    editorFactory: r
-  } = l(a, {}), i = d();
-  return v(() => {
-    if (!e.value) return;
-    const t = r.value(e.value);
-    t && (o.value = !0, i.value = t, t.create().then((u) => {
-      n.value = u;
+    dom,
+    loading,
+    editor: editorRef,
+    editorFactory: getEditor
+  } = inject(editorInfoCtxKey, {});
+  const currentEditorRef = ref();
+  onMounted(() => {
+    if (!dom.value) return;
+    const editor = getEditor.value(dom.value);
+    if (!editor) return;
+    loading.value = true;
+    currentEditorRef.value = editor;
+    editor.create().then((editor2) => {
+      editorRef.value = editor2;
     }).finally(() => {
-      o.value = !1;
-    }).catch(console.error));
-  }), s(() => {
-    var t;
-    (t = i.value) == null || t.destroy();
-  }), e;
+      loading.value = false;
+    }).catch(console.error);
+  });
+  onUnmounted(() => {
+    var _a;
+    (_a = currentEditorRef.value) == null ? void 0 : _a.destroy();
+  });
+  return dom;
 }
-const k = /* @__PURE__ */ c({
+const Milkdown = /* @__PURE__ */ defineComponent({
   name: "Milkdown",
   setup: () => {
-    const e = g();
-    return () => f("div", {
-      "data-milkdown-root": !0,
-      ref: e
+    const domRef = useGetEditor();
+    return () => createVNode("div", {
+      "data-milkdown-root": true,
+      "ref": domRef
     }, null);
   }
-}), w = /* @__PURE__ */ c({
+});
+const MilkdownProvider = /* @__PURE__ */ defineComponent({
   name: "MilkdownProvider",
-  setup: (e, {
-    slots: o
+  setup: (_, {
+    slots
   }) => {
-    const n = d(null), r = d(void 0), i = d(void 0), t = d(!0);
-    return m(a, {
-      loading: t,
-      dom: n,
-      editor: i,
-      editorFactory: r
-    }), () => {
-      var u;
-      return f(y, null, [(u = o.default) == null ? void 0 : u.call(o)]);
+    const dom = ref(null);
+    const editorFactory = ref(void 0);
+    const editor = ref(void 0);
+    const loading = ref(true);
+    provide(editorInfoCtxKey, {
+      loading,
+      dom,
+      editor,
+      editorFactory
+    });
+    return () => {
+      var _a;
+      return createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-function M(e) {
-  const { editorFactory: o, loading: n, editor: r } = l(a);
-  return o.value = e, {
-    loading: n,
-    get: () => r.value
+function useEditor(getEditor) {
+  const { editorFactory, loading, editor } = inject(editorInfoCtxKey);
+  editorFactory.value = getEditor;
+  return {
+    loading,
+    get: () => editor.value
   };
 }
-function E() {
-  const e = l(a);
-  return [e.loading, () => e.editor.value];
+function useInstance() {
+  const editorInfo = inject(editorInfoCtxKey);
+  return [editorInfo.loading, () => editorInfo.editor.value];
 }
 export {
-  k as Milkdown,
-  w as MilkdownProvider,
-  M as useEditor,
-  E as useInstance
+  Milkdown,
+  MilkdownProvider,
+  useEditor,
+  useInstance
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/consts.ts","../src/use-get-editor.ts","../src/editor.tsx","../src/use-editor.ts","../src/use-instance.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditorInfoCtx } from './types'\n\nexport const editorInfoCtxKey: InjectionKey<EditorInfoCtx> =\n  Symbol('editorInfoCtxKey')\n","import { inject, onMounted, onUnmounted, ref } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from './consts'\nimport type { Crepe } from '@milkdown/crepe'\nimport type { Editor } from '@milkdown/kit/core'\n\nexport function useGetEditor() {\n  const {\n    dom,\n    loading,\n    editor: editorRef,\n    editorFactory: getEditor,\n  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\n  const currentEditorRef = ref<Editor | Crepe>()\n\n  onMounted(() => {\n    if (!dom.value) return\n\n    const editor = getEditor.value!(dom.value)\n    if (!editor) return\n\n    loading.value = true\n    currentEditorRef.value = editor\n    editor\n      .create()\n      .then((editor) => {\n        editorRef.value = editor\n      })\n      .finally(() => {\n        loading.value = false\n      })\n      .catch(console.error)\n  })\n  onUnmounted(() => {\n    currentEditorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { Fragment, defineComponent, h, provide, ref } from 'vue'\n\nimport type { GetEditor } from './types'\nimport { useGetEditor } from './use-get-editor'\nimport { editorInfoCtxKey } from './consts'\n\nh\nFragment\n\nexport const Milkdown = defineComponent({\n  name: 'Milkdown',\n  setup: () => {\n    const domRef = useGetEditor()\n\n    return () => <div data-milkdown-root ref={domRef} />\n  },\n})\n\nexport const MilkdownProvider = defineComponent({\n  name: 'MilkdownProvider',\n  setup: (_, { slots }) => {\n    const dom = ref<HTMLDivElement | null>(null)\n    const editorFactory = ref<GetEditor | undefined>(undefined)\n    const editor = ref<Editor | undefined>(undefined) as Ref<Editor | undefined>\n    const loading = ref(true)\n\n    provide(editorInfoCtxKey, {\n      loading,\n      dom,\n      editor,\n      editorFactory,\n    })\n\n    return () => <>{slots.default?.()}</>\n  },\n})\n","import { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nimport type { GetEditor, UseEditorReturn } from './types'\n\nexport function useEditor(getEditor: GetEditor): UseEditorReturn {\n  const { editorFactory, loading, editor } = inject(editorInfoCtxKey)!\n\n  editorFactory.value = getEditor\n\n  return {\n    loading,\n    get: () => editor.value,\n  }\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nexport type Instance = [Ref<true>, () => undefined] | [Ref<false>, () => Editor]\n\nexport function useInstance(): Instance {\n  const editorInfo = inject(editorInfoCtxKey)!\n\n  return [editorInfo.loading, () => editorInfo.editor.value] as Instance\n}\n"],"names":["editorInfoCtxKey","useGetEditor","dom","loading","editorRef","getEditor","inject","currentEditorRef","ref","onMounted","editor","onUnmounted","_a","Milkdown","defineComponent","name","setup","domRef","_createVNode","MilkdownProvider","_","slots","editorFactory","undefined","provide","_Fragment","default","useEditor","useInstance","editorInfo"],"mappings":";AAGa,MAAAA,IACX,OAAO,kBAAkB;ACGpB,SAASC,IAAe;AACvB,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAQC;AAAA,IACR,eAAeC;AAAA,EAAA,IACbC,EAAON,GAAkB,EAAmB,GAC1CO,IAAmBC,EAAoB;AAE7C,SAAAC,EAAU,MAAM;AACV,QAAA,CAACP,EAAI,MAAO;AAEhB,UAAMQ,IAASL,EAAU,MAAOH,EAAI,KAAK;AACzC,IAAKQ,MAELP,EAAQ,QAAQ,IAChBI,EAAiB,QAAQG,GACzBA,EACG,OAAO,EACP,KAAK,CAACA,MAAW;AAChB,MAAAN,EAAU,QAAQM;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,MAAAP,EAAQ,QAAQ;AAAA,IAAA,CACjB,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB,GACDQ,EAAY,MAAM;;AAChB,KAAAC,IAAAL,EAAiB,UAAjB,QAAAK,EAAwB;AAAA,EAAQ,CACjC,GAEMV;AACT;AC5BaW,MAAAA,IAAWC,gBAAAA,EAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,IAAShB,EAAc;AAE7B,WAAO,MAAAiB,EAAA,OAAA;AAAA,MAAA,sBAAA;AAAA,MAAA,KAAmCD;AAAAA,IAAU,GAAA,IAAA;AAAA,EACtD;AACF,CAAC,GAEYE,IAAmBL,gBAAAA,EAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAOA,CAACI,GAAG;AAAA,IAAEC,OAAAA;AAAAA,EAAM,MAAM;AACvB,UAAMnB,IAAMM,EAA2B,IAAI,GACrCc,IAAgBd,EAA2Be,MAAS,GACpDb,IAASF,EAAwBe,MAAS,GAC1CpB,IAAUK,EAAI,EAAI;AAExBgB,WAAAA,EAAQxB,GAAkB;AAAA,MACxBG,SAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAQ,QAAAA;AAAAA,MACAY,eAAAA;AAAAA,IACF,CAAC,GAEM,MAAA;;AAAAJ,aAAAA,EAAAO,GAAA,MAAA,EAASJ,IAAAA,EAAMK,YAANL,gBAAAA,EAAAA,KAAAA,EAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;AChCM,SAASM,EAAUtB,GAAuC;AAC/D,QAAM,EAAE,eAAAiB,GAAe,SAAAnB,GAAS,QAAAO,EAAO,IAAIJ,EAAON,CAAgB;AAElE,SAAAsB,EAAc,QAAQjB,GAEf;AAAA,IACL,SAAAF;AAAA,IACA,KAAK,MAAMO,EAAO;AAAA,EACpB;AACF;ACPO,SAASkB,IAAwB;AAChC,QAAAC,IAAavB,EAAON,CAAgB;AAE1C,SAAO,CAAC6B,EAAW,SAAS,MAAMA,EAAW,OAAO,KAAK;AAC3D;"}
+{"version":3,"file":"index.es.js","sources":["../src/consts.ts","../src/use-get-editor.ts","../src/editor.tsx","../src/use-editor.ts","../src/use-instance.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditorInfoCtx } from './types'\n\nexport const editorInfoCtxKey: InjectionKey<EditorInfoCtx> =\n  Symbol('editorInfoCtxKey')\n","import { inject, onMounted, onUnmounted, ref } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from './consts'\nimport type { Crepe } from '@milkdown/crepe'\nimport type { Editor } from '@milkdown/kit/core'\n\nexport function useGetEditor() {\n  const {\n    dom,\n    loading,\n    editor: editorRef,\n    editorFactory: getEditor,\n  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\n  const currentEditorRef = ref<Editor | Crepe>()\n\n  onMounted(() => {\n    if (!dom.value) return\n\n    const editor = getEditor.value!(dom.value)\n    if (!editor) return\n\n    loading.value = true\n    currentEditorRef.value = editor\n    editor\n      .create()\n      .then((editor) => {\n        editorRef.value = editor\n      })\n      .finally(() => {\n        loading.value = false\n      })\n      .catch(console.error)\n  })\n  onUnmounted(() => {\n    currentEditorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { Fragment, defineComponent, h, provide, ref } from 'vue'\n\nimport type { GetEditor } from './types'\nimport { useGetEditor } from './use-get-editor'\nimport { editorInfoCtxKey } from './consts'\n\nh\nFragment\n\nexport const Milkdown = defineComponent({\n  name: 'Milkdown',\n  setup: () => {\n    const domRef = useGetEditor()\n\n    return () => <div data-milkdown-root ref={domRef} />\n  },\n})\n\nexport const MilkdownProvider = defineComponent({\n  name: 'MilkdownProvider',\n  setup: (_, { slots }) => {\n    const dom = ref<HTMLDivElement | null>(null)\n    const editorFactory = ref<GetEditor | undefined>(undefined)\n    const editor = ref<Editor | undefined>(undefined) as Ref<Editor | undefined>\n    const loading = ref(true)\n\n    provide(editorInfoCtxKey, {\n      loading,\n      dom,\n      editor,\n      editorFactory,\n    })\n\n    return () => <>{slots.default?.()}</>\n  },\n})\n","import { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nimport type { GetEditor, UseEditorReturn } from './types'\n\nexport function useEditor(getEditor: GetEditor): UseEditorReturn {\n  const { editorFactory, loading, editor } = inject(editorInfoCtxKey)!\n\n  editorFactory.value = getEditor\n\n  return {\n    loading,\n    get: () => editor.value,\n  }\n}\n","import type { Editor } from '@milkdown/kit/core'\nimport type { Ref } from 'vue'\nimport { inject } from 'vue'\nimport { editorInfoCtxKey } from './consts'\n\nexport type Instance = [Ref<true>, () => undefined] | [Ref<false>, () => Editor]\n\nexport function useInstance(): Instance {\n  const editorInfo = inject(editorInfoCtxKey)!\n\n  return [editorInfo.loading, () => editorInfo.editor.value] as Instance\n}\n"],"names":["editor","Milkdown","defineComponent","name","setup","domRef","useGetEditor","_createVNode","MilkdownProvider","_","slots","dom","ref","editorFactory","undefined","loading","provide","editorInfoCtxKey","_Fragment","default"],"mappings":";AAGa,MAAA,mBACX,OAAO,kBAAkB;ACGpB,SAAS,eAAe;AACvB,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,IACb,OAAO,kBAAkB,EAAmB;AAChD,QAAM,mBAAmB,IAAoB;AAE7C,YAAU,MAAM;AACV,QAAA,CAAC,IAAI,MAAO;AAEhB,UAAM,SAAS,UAAU,MAAO,IAAI,KAAK;AACzC,QAAI,CAAC,OAAQ;AAEb,YAAQ,QAAQ;AAChB,qBAAiB,QAAQ;AACzB,WACG,OAAO,EACP,KAAK,CAACA,YAAW;AAChB,gBAAU,QAAQA;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,cAAQ,QAAQ;AAAA,IAAA,CACjB,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB;AACD,cAAY,MAAM;;AAChB,2BAAiB,UAAjB,mBAAwB;AAAA,EAAQ,CACjC;AAEM,SAAA;AACT;AC5BaC,MAAAA,WAAWC,gCAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,SAASC,aAAc;AAE7B,WAAO,MAAAC,YAAA,OAAA;AAAA,MAAA,sBAAA;AAAA,MAAA,OAAmCF;AAAAA,IAAU,GAAA,IAAA;AAAA,EACtD;AACF,CAAC;AAEYG,MAAAA,mBAAmBN,gCAAgB;AAAA,EAC9CC,MAAM;AAAA,EACNC,OAAOA,CAACK,GAAG;AAAA,IAAEC;AAAAA,EAAM,MAAM;AACvB,UAAMC,MAAMC,IAA2B,IAAI;AAC3C,UAAMC,gBAAgBD,IAA2BE,MAAS;AAC1D,UAAMd,SAASY,IAAwBE,MAAS;AAChD,UAAMC,UAAUH,IAAI,IAAI;AAExBI,YAAQC,kBAAkB;AAAA,MACxBF;AAAAA,MACAJ;AAAAA,MACAX;AAAAA,MACAa;AAAAA,IACF,CAAC;AAED,WAAO,MAAA;;AAAAN,yBAAAW,UAAA,MAAA,EAASR,WAAMS,YAANT,8BAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;AChCM,SAAS,UAAU,WAAuC;AAC/D,QAAM,EAAE,eAAe,SAAS,OAAO,IAAI,OAAO,gBAAgB;AAElE,gBAAc,QAAQ;AAEf,SAAA;AAAA,IACL;AAAA,IACA,KAAK,MAAM,OAAO;AAAA,EACpB;AACF;ACPO,SAAS,cAAwB;AAChC,QAAA,aAAa,OAAO,gBAAgB;AAE1C,SAAO,CAAC,WAAW,SAAS,MAAM,WAAW,OAAO,KAAK;AAC3D;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/vue",
   "type": "module",
-  "version": "7.6.3",
+  "version": "7.6.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,8 +30,8 @@
   },
   "dependencies": {
     "tslib": "^2.8.1",
-    "@milkdown/kit": "7.6.3",
-    "@milkdown/crepe": "7.6.3"
+    "@milkdown/crepe": "7.6.4",
+    "@milkdown/kit": "7.6.4"
   },
   "devDependencies": {
     "vue": "^3.3.4"