@milkdown/vue 7.5.0 → 7.5.9

package/lib/Editor.d.ts

@@ -1,6 +1,3 @@
-import type { InjectionKey } from 'vue';
-import type { EditorInfoCtx } from './types';
-export declare const editorInfoCtxKey: InjectionKey<EditorInfoCtx>;
-export declare const Milkdown: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export declare const MilkdownProvider: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const Milkdown: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const MilkdownProvider: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Editor.d.ts.map

package/lib/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../src/Editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAS5C,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,SAAS,CAAA;AAQvD,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,aAAa,CAA8B,CAAA;AAEvF,eAAO,MAAM,QAAQ,mTAOnB,CAAA;AAEF,eAAO,MAAM,gBAAgB,mTAiB3B,CAAA"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../src/Editor.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,wTAOnB,CAAA;AAEF,eAAO,MAAM,gBAAgB,wTAiB3B,CAAA"}

package/lib/consts.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import type { EditorInfoCtx } from './types';
+export declare const editorInfoCtxKey: InjectionKey<EditorInfoCtx>;
+//# sourceMappingURL=consts.d.ts.map

package/lib/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../src/consts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,aAAa,CAC7B,CAAA"}

package/lib/index.es.js

@@ -1,9 +1,14 @@
 import { inject as a, onMounted as v, onUnmounted as s, defineComponent as c, createVNode as f, ref as d, provide as m, Fragment as y } from "vue";
+const i = Symbol("editorInfoCtxKey");
 function g() {
-  const { dom: e, loading: o, editor: n, editorFactory: r } = a(i, {});
+  const {
+    dom: e,
+    loading: o,
+    editor: n,
+    editorFactory: r
+  } = a(i, {});
   return v(() => {
-    if (!e.value)
-      return;
+    if (!e.value) return;
     const t = r.value(e.value);
     t && (o.value = !0, t.create().then((u) => {
       n.value = u;
@@ -15,7 +20,7 @@ function g() {
     (t = n.value) == null || t.destroy();
   }), e;
 }
-const i = Symbol("editorInfoCtxKey"), k = /* @__PURE__ */ c({
+const k = /* @__PURE__ */ c({
   name: "Milkdown",
   setup: () => {
     const e = g();
@@ -55,7 +60,6 @@ function F() {
 export {
   k as Milkdown,
   w as MilkdownProvider,
-  i as editorInfoCtxKey,
   M as useEditor,
   F as useInstance
 };

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/useGetEditor.ts","../src/Editor.tsx","../src/useEditor.ts","../src/useInstance.ts"],"sourcesContent":["import { inject, onMounted, onUnmounted } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from '.'\n\nexport function useGetEditor() {\n  const { dom, loading, editor: editorRef, editorFactory: getEditor } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\n\n  onMounted(() => {\n    if (!dom.value)\n      return\n\n    const editor = getEditor.value!(dom.value)\n    if (!editor)\n      return\n\n    loading.value = true\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    editorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport {\n  Fragment,\n  defineComponent,\n  h,\n  provide,\n  ref,\n} from 'vue'\n\nimport type { EditorInfoCtx, GetEditor } from './types'\nimport { useGetEditor } from './useGetEditor'\n\n// eslint-disable-next-line no-unused-expressions\nh\n// eslint-disable-next-line no-unused-expressions\nFragment\n\nexport const editorInfoCtxKey: InjectionKey<EditorInfoCtx> = Symbol('editorInfoCtxKey')\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 './Editor'\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/core'\nimport type { Ref } from 'vue'\nimport { inject } from 'vue'\nimport { editorInfoCtxKey } from './Editor'\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":["useGetEditor","dom","loading","editorRef","getEditor","inject","editorInfoCtxKey","onMounted","editor","onUnmounted","_a","Symbol","Milkdown","defineComponent","name","setup","domRef","_createVNode","MilkdownProvider","_","slots","ref","editorFactory","undefined","provide","_Fragment","default","useEditor","useInstance","editorInfo"],"mappings":";AAKO,SAASA,IAAe;AACvB,QAAA,EAAE,KAAAC,GAAK,SAAAC,GAAS,QAAQC,GAAW,eAAeC,MAAcC,EAAOC,GAAkB,CAAmB,CAAA;AAElH,SAAAC,EAAU,MAAM;AACd,QAAI,CAACN,EAAI;AACP;AAEF,UAAMO,IAASJ,EAAU,MAAOH,EAAI,KAAK;AACzC,IAAKO,MAGLN,EAAQ,QAAQ,IAChBM,EACG,OAAO,EACP,KAAK,CAACA,MAAW;AAChB,MAAAL,EAAU,QAAQK;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,MAAAN,EAAQ,QAAQ;AAAA,IACjB,CAAA,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB,GACDO,EAAY,MAAM;;AAChB,KAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,EAAQ,CAC1B,GAEMT;AACT;MCdaK,IAAgDK,OAAO,kBAAkB,GAEzEC,IAAWC,gBAAAA,EAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,IAAShB;AAEf,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,IAAMoB,EAA2B,IAAI,GACrCC,IAAgBD,EAA2BE,MAAS,GACpDf,IAASa,EAAwBE,MAAS,GAC1CrB,IAAUmB,EAAI,EAAI;AAExBG,WAAAA,EAAQlB,GAAkB;AAAA,MACxBJ,SAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAO,QAAAA;AAAAA,MACAc,eAAAA;AAAAA,IACF,CAAC,GAEM,MAAA;;AAAAL,aAAAA,EAAAQ,GAAA,MAAA,EAASL,IAAAA,EAAMM,YAANN,gBAAAA,EAAAA,KAAAA,EAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;ACzCM,SAASO,EAAUvB,GAAuC;AAC/D,QAAM,EAAE,eAAAkB,GAAe,SAAApB,GAAS,QAAAM,EAAO,IAAIH,EAAOC,CAAgB;AAElE,SAAAgB,EAAc,QAAQlB,GAEf;AAAA,IACL,SAAAF;AAAA,IACA,KAAK,MAAMM,EAAO;AAAA,EAAA;AAEtB;ACPO,SAASoB,IAAwB;AAChC,QAAAC,IAAaxB,EAAOC,CAAgB;AAE1C,SAAO,CAACuB,EAAW,SAAS,MAAMA,EAAW,OAAO,KAAK;AAC3D;"}
+{"version":3,"file":"index.es.js","sources":["../src/consts.ts","../src/useGetEditor.ts","../src/Editor.tsx","../src/useEditor.ts","../src/useInstance.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 } from 'vue'\n\nimport type { EditorInfoCtx } from './types'\nimport { editorInfoCtxKey } from './consts'\n\nexport function useGetEditor() {\n  const {\n    dom,\n    loading,\n    editor: editorRef,\n    editorFactory: getEditor,\n  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)\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    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    editorRef.value?.destroy()\n  })\n\n  return dom\n}\n","import type { Editor } from '@milkdown/core'\nimport type { Ref } from 'vue'\nimport { Fragment, defineComponent, h, provide, ref } from 'vue'\n\nimport type { GetEditor } from './types'\nimport { useGetEditor } from './useGetEditor'\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/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","onMounted","editor","onUnmounted","_a","Milkdown","defineComponent","name","setup","domRef","_createVNode","MilkdownProvider","_","slots","ref","editorFactory","undefined","provide","_Fragment","default","useEditor","useInstance","editorInfo"],"mappings":";AAGa,MAAAA,IACX,OAAO,kBAAkB;ACCpB,SAASC,IAAe;AACvB,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAQC;AAAA,IACR,eAAeC;AAAA,EAAA,IACbC,EAAON,GAAkB,EAAmB;AAEhD,SAAAO,EAAU,MAAM;AACV,QAAA,CAACL,EAAI,MAAO;AAEhB,UAAMM,IAASH,EAAU,MAAOH,EAAI,KAAK;AACzC,IAAKM,MAELL,EAAQ,QAAQ,IAChBK,EACG,OAAO,EACP,KAAK,CAACA,MAAW;AAChB,MAAAJ,EAAU,QAAQI;AAAAA,IAAA,CACnB,EACA,QAAQ,MAAM;AACb,MAAAL,EAAQ,QAAQ;AAAA,IAAA,CACjB,EACA,MAAM,QAAQ,KAAK;AAAA,EAAA,CACvB,GACDM,EAAY,MAAM;;AAChB,KAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,EAAQ,CAC1B,GAEMR;AACT;ACxBaS,MAAAA,IAAWC,gBAAAA,EAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAOA,MAAM;AACX,UAAMC,IAASd,EAAc;AAE7B,WAAO,MAAAe,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,UAAMjB,IAAMkB,EAA2B,IAAI,GACrCC,IAAgBD,EAA2BE,MAAS,GACpDd,IAASY,EAAwBE,MAAS,GAC1CnB,IAAUiB,EAAI,EAAI;AAExBG,WAAAA,EAAQvB,GAAkB;AAAA,MACxBG,SAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAM,QAAAA;AAAAA,MACAa,eAAAA;AAAAA,IACF,CAAC,GAEM,MAAA;;AAAAL,aAAAA,EAAAQ,GAAA,MAAA,EAASL,IAAAA,EAAMM,YAANN,gBAAAA,EAAAA,KAAAA,EAAiB,CAAI;AAAA;AAAA,EACvC;AACF,CAAC;AChCM,SAASO,EAAUrB,GAAuC;AAC/D,QAAM,EAAE,eAAAgB,GAAe,SAAAlB,GAAS,QAAAK,EAAO,IAAIF,EAAON,CAAgB;AAElE,SAAAqB,EAAc,QAAQhB,GAEf;AAAA,IACL,SAAAF;AAAA,IACA,KAAK,MAAMK,EAAO;AAAA,EACpB;AACF;ACPO,SAASmB,IAAwB;AAChC,QAAAC,IAAatB,EAAON,CAAgB;AAE1C,SAAO,CAAC4B,EAAW,SAAS,MAAMA,EAAW,OAAO,KAAK;AAC3D;"}

package/lib/useGetEditor.d.ts

@@ -1,2 +1,2 @@
-export declare function useGetEditor(): import("vue").Ref<HTMLDivElement | null>;
+export declare function useGetEditor(): import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
 //# sourceMappingURL=useGetEditor.d.ts.map

package/lib/useGetEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEditor.d.ts","sourceRoot":"","sources":["../src/useGetEditor.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,6CA2B3B"}
+{"version":3,"file":"useGetEditor.d.ts","sourceRoot":"","sources":["../src/useGetEditor.ts"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,oEA8B3B"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/vue",
   "type": "module",
-  "version": "7.5.0",
+  "version": "7.5.9",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -32,12 +32,12 @@
   },
   "dependencies": {
     "tslib": "^2.5.0",
-    "@milkdown/utils": "7.5.0"
+    "@milkdown/utils": "7.5.9"
   },
   "devDependencies": {
     "vue": "^3.3.4",
-    "@milkdown/core": "7.5.0",
-    "@milkdown/prose": "7.5.0"
+    "@milkdown/core": "7.5.9",
+    "@milkdown/prose": "7.5.9"
   },
   "nx": {
     "targets": {

package/src/Editor.tsx

@@ -1,23 +1,14 @@
 import type { Editor } from '@milkdown/core'
-import type { InjectionKey, Ref } from 'vue'
-import {
-  Fragment,
-  defineComponent,
-  h,
-  provide,
-  ref,
-} from 'vue'
+import type { Ref } from 'vue'
+import { Fragment, defineComponent, h, provide, ref } from 'vue'
 
-import type { EditorInfoCtx, GetEditor } from './types'
+import type { GetEditor } from './types'
 import { useGetEditor } from './useGetEditor'
+import { editorInfoCtxKey } from './consts'
 
-// eslint-disable-next-line no-unused-expressions
 h
-// eslint-disable-next-line no-unused-expressions
 Fragment
 
-export const editorInfoCtxKey: InjectionKey<EditorInfoCtx> = Symbol('editorInfoCtxKey')
-
 export const Milkdown = defineComponent({
   name: 'Milkdown',
   setup: () => {

package/src/consts.ts

@@ -0,0 +1,5 @@
+import type { InjectionKey } from 'vue'
+import type { EditorInfoCtx } from './types'
+
+export const editorInfoCtxKey: InjectionKey<EditorInfoCtx> =
+  Symbol('editorInfoCtxKey')

package/src/useEditor.ts

@@ -1,5 +1,5 @@
 import { inject } from 'vue'
-import { editorInfoCtxKey } from './Editor'
+import { editorInfoCtxKey } from './consts'
 
 import type { GetEditor, UseEditorReturn } from './types'
 

package/src/useGetEditor.ts

@@ -1,18 +1,21 @@
 import { inject, onMounted, onUnmounted } from 'vue'
 
 import type { EditorInfoCtx } from './types'
-import { editorInfoCtxKey } from '.'
+import { editorInfoCtxKey } from './consts'
 
 export function useGetEditor() {
-  const { dom, loading, editor: editorRef, editorFactory: getEditor } = inject(editorInfoCtxKey, {} as EditorInfoCtx)
+  const {
+    dom,
+    loading,
+    editor: editorRef,
+    editorFactory: getEditor,
+  } = inject(editorInfoCtxKey, {} as EditorInfoCtx)
 
   onMounted(() => {
-    if (!dom.value)
-      return
+    if (!dom.value) return
 
     const editor = getEditor.value!(dom.value)
-    if (!editor)
-      return
+    if (!editor) return
 
     loading.value = true
     editor

package/src/useInstance.ts

@@ -1,7 +1,7 @@
 import type { Editor } from '@milkdown/core'
 import type { Ref } from 'vue'
 import { inject } from 'vue'
-import { editorInfoCtxKey } from './Editor'
+import { editorInfoCtxKey } from './consts'
 
 export type Instance = [Ref<true>, () => undefined] | [Ref<false>, () => Editor]