editor.md-next-vue 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,32 @@
+MIT License
+
+Copyright (c) 2026 mindoc-org and editor.md-next contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+--------------------------------------------------------------------------------
+Third-party notices (bundled or derived assets)
+
+- editor.md (upstream inspiration, emoji & HTML-entities data): MIT (c) pandao
+- CodeMirror 6 (@codemirror/*, @lezer/*): MIT (c) Marijn Haverbeke and others
+- markdown-it: MIT (c) Vitaly Puzrin, Alex Kocharin
+- highlight.js: BSD-3-Clause (c) Ivan Sagalaev
+- DOMPurify: Apache-2.0 OR MPL-2.0 (c) Mario Heiderich and contributors
+- Font Awesome 4.7 (fonts): SIL OFL 1.1 (fonts), MIT (css) (c) Dave Gandy
+- editormd-logo font: MIT (c) pandao (vendored from editor.md)

package/dist/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("editor.md-next"),t=require("vue");var n=[`load`,`change`,`input`,`resize`,`watch`,`unwatch`,`previewEnter`,`previewExit`,`fullscreenEnter`,`fullscreenExit`,`scroll`,`previewScroll`],r=(0,t.defineComponent)({name:`EditorMD`,props:{modelValue:{type:String,default:``},options:{type:Object,default:()=>({})}},emits:[...n,`update:modelValue`],setup(r,i){let a=(0,t.shallowRef)(null),o=(0,t.shallowRef)(null),s=!1;return(0,t.onMounted)(()=>{if(!a.value)return;let t={};for(let e of n)t[e]=t=>{i.emit(e,t)};let c=t.change;t.change=e=>{let t=e;!s&&t&&i.emit(`update:modelValue`,t.markdown),c?.(e)};let l=t;o.value=new e.EditorMD(a.value,{...r.options,value:r.modelValue,on:l})}),(0,t.watch)(()=>r.modelValue,e=>{let t=o.value;t&&e!==t.getMarkdown()&&(s=!0,t.setMarkdown(e),s=!1)}),(0,t.onBeforeUnmount)(()=>{o.value?.destroy(),o.value=null}),()=>(0,t.h)(`div`,{ref:a,class:`emd-vue-editor`,style:{width:`100%`}})}});exports.EDITOR_EVENTS=n,exports.EditorMD=r,exports.default=r;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["defineComponent","shallowRef","EditorMDCore","h","editor_md_next","vue","EDITOR_EVENTS","EditorMD","host","editor","programmatic","handlers","name","ctx","payload","userChange","\"change\"","p","on","props","ed","value"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * editor.md-next 的 Vue 3 适配组件。\n *\n * 用法：\n * ```vue\n * <script setup lang=\"ts\">\n * import { EditorMD } from 'editor.md-next-vue'\n * import { ref } from 'vue'\n * const md = ref('# Hello')\n * </script>\n * <template>\n *   <EditorMD v-model=\"md\" :options=\"{ height: 520 }\" @watch=\"...\" />\n * </template>\n * ```\n *\n * 样式需自行引入一次：`import 'editor.md-next/css'`\n */\nimport { EditorMD as EditorMDCore } from 'editor.md-next'\nimport type { EditorEvents } from 'editor.md-next'\nimport type { EditorUserOptions } from 'editor.md-next'\nimport { defineComponent, h, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'\nimport type { PropType, SetupContext, ShallowRef } from 'vue'\n\nexport type EditorMDOptions = Omit<EditorUserOptions, 'value' | 'on'>\n\n/** 与 core 的 EditorEvents 一一对应的事件名 */\nexport const EDITOR_EVENTS = [\n  'load',\n  'change',\n  'input',\n  'resize',\n  'watch',\n  'unwatch',\n  'previewEnter',\n  'previewExit',\n  'fullscreenEnter',\n  'fullscreenExit',\n  'scroll',\n  'previewScroll',\n] as const\n\nexport type EditorMDBeforeUnmount = () => void\n\nexport const EditorMD = defineComponent({\n  name: 'EditorMD',\n\n  props: {\n    /** v-model：markdown 内容 */\n    modelValue: {\n      type: String,\n      default: '',\n    },\n    /** 编辑器配置（不含 value/on，见 editor.md-next 文档） */\n    options: {\n      type: Object as PropType<EditorMDOptions>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [...EDITOR_EVENTS, 'update:modelValue'] as unknown as string[],\n\n  setup(props, ctx: SetupContext) {\n    const host = shallowRef<HTMLDivElement | null>(null)\n    const editor: ShallowRef<EditorMDCore | null> = shallowRef(null)\n    let programmatic = false\n\n    onMounted(() => {\n      if (!host.value) return\n      const handlers: Record<string, (payload: never) => void> = {}\n      for (const name of EDITOR_EVENTS) {\n        handlers[name] = (payload) => {\n          ctx.emit(name as string, payload)\n        }\n      }\n      // change 额外回写 v-model\n      const userChange = handlers['change']\n      handlers['change'] = (payload) => {\n        const p = payload as EditorEvents['change']\n        if (!programmatic && p) ctx.emit('update:modelValue', p.markdown)\n        userChange?.(payload)\n      }\n      const on = handlers as { [K in keyof EditorEvents]?: (payload: EditorEvents[K]) => void }\n\n      editor.value = new EditorMDCore(host.value, {\n        ...props.options,\n        value: props.modelValue,\n        on,\n      })\n    })\n\n    // 受控：外部 modelValue 变化 → setMarkdown（程序性，避免回环）\n    watch(\n      () => props.modelValue,\n      (value) => {\n        const ed = editor.value\n        if (ed && value !== ed.getMarkdown()) {\n          programmatic = true\n          ed.setMarkdown(value)\n          programmatic = false\n        }\n      },\n    )\n\n    onBeforeUnmount(() => {\n      editor.value?.destroy()\n      editor.value = null\n    })\n\n    return () =>\n      h('div', {\n        ref: host,\n        class: 'emd-vue-editor',\n        style: { width: '100%' },\n      })\n  },\n})\n\nexport default EditorMD\n"],"mappings":"A,gJA0BA,IAAaM,EAAgB,CAC3B,OACA,SACA,QACA,SACA,QACA,UACA,eACA,cACA,kBACA,iBACA,SACA,eACF,EAIaC,GAAA,EAAWP,EAAAA,gBAAAA,CAAgB,CACtC,KAAM,WAEN,MAAO,CAEL,WAAY,CACV,KAAM,OACN,QAAS,EACX,EAEA,QAAS,CACP,KAAM,OACN,aAAgB,CAAC,EACnB,CACF,EAEA,MAAO,CAAC,GAAGM,EAAe,mBAAmB,EAE7C,MAAM,EAAO,EAAmB,CAC9B,IAAME,GAAA,EAAOP,EAAAA,WAAAA,CAAkC,IAAI,EAC7CQ,GAAA,EAA0CR,EAAAA,WAAAA,CAAW,IAAI,EAC3DS,EAAe,GA4CnB,OA1CA,EAAAL,EAAA,UAAA,KAAgB,CACd,GAAI,CAACG,EAAK,MAAO,OACjB,IAAMG,EAAqD,CAAC,EAC5D,IAAK,IAAMC,KAAQN,EACjB,EAASM,GAAS,GAAY,CAC5BC,EAAI,KAAKD,EAAgBE,CAAO,CAClC,EAGF,IAAMC,EAAaJ,EAASK,OAC5B,EAASA,OAAa,GAAY,CAChC,IAAMC,EAAIH,EACN,CAACJ,GAAgBO,GAAGJ,EAAI,KAAK,oBAAqBI,EAAE,QAAQ,EAChEF,IAAaD,CAAO,CACtB,EACA,IAAMI,EAAKP,EAEX,EAAO,MAAQ,IAAIT,EAAAA,SAAaM,EAAK,MAAO,CAC1C,GAAGW,EAAM,QACT,MAAOA,EAAM,WACb,IACF,CAAC,CACH,CAAC,GAGD,EAAAd,EAAA,MAAA,KACQc,EAAM,WACX,GAAU,CACT,IAAMC,EAAKX,EAAO,MACdW,GAAMC,IAAUD,EAAG,YAAY,IACjC,EAAe,GACfA,EAAG,YAAYC,CAAK,EACpB,EAAe,GAEnB,CACF,GAEA,EAAAhB,EAAA,gBAAA,KAAsB,CACpBI,EAAO,OAAO,QAAQ,EACtB,EAAO,MAAQ,IACjB,CAAC,OAED,EACEN,EAAAA,EAAAA,CAAE,MAAO,CACP,IAAKK,EACL,MAAO,iBACP,MAAO,CAAE,MAAO,MAAO,CACzB,CAAC,CACL,CACF,CAAC,E"}

package/dist/index.js

@@ -0,0 +1,63 @@
+import { EditorMD as e } from "editor.md-next";
+import { defineComponent as t, h as n, onBeforeUnmount as r, onMounted as i, shallowRef as a, watch as o } from "vue";
+// src/index.ts
+var s = [
+	"load",
+	"change",
+	"input",
+	"resize",
+	"watch",
+	"unwatch",
+	"previewEnter",
+	"previewExit",
+	"fullscreenEnter",
+	"fullscreenExit",
+	"scroll",
+	"previewScroll"
+], c = t({
+	name: "EditorMD",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [...s, "update:modelValue"],
+	setup(t, c) {
+		let l = a(null), u = a(null), d = !1;
+		return i(() => {
+			if (!l.value) return;
+			let n = {};
+			for (let e of s) n[e] = (t) => {
+				c.emit(e, t);
+			};
+			let r = n.change;
+			n.change = (e) => {
+				let t = e;
+				!d && t && c.emit("update:modelValue", t.markdown), r?.(e);
+			};
+			let i = n;
+			u.value = new e(l.value, {
+				...t.options,
+				value: t.modelValue,
+				on: i
+			});
+		}), o(() => t.modelValue, (e) => {
+			let t = u.value;
+			t && e !== t.getMarkdown() && (d = !0, t.setMarkdown(e), d = !1);
+		}), r(() => {
+			u.value?.destroy(), u.value = null;
+		}), () => n("div", {
+			ref: l,
+			class: "emd-vue-editor",
+			style: { width: "100%" }
+		});
+	}
+});
+export { s as EDITOR_EVENTS, c as EditorMD, c as default };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["EditorMDCore","EditorMD$1","EDITOR_EVENTS","EditorMD","defineComponent","host","shallowRef","editor","programmatic","onMounted","handlers","name","payload","userChange","\"change\"","p","ctx","on","props","watch","ed","value","onBeforeUnmount","h"],"sources":["../src/index.ts"],"sourcesContent":["/**\n * editor.md-next 的 Vue 3 适配组件。\n *\n * 用法：\n * ```vue\n * <script setup lang=\"ts\">\n * import { EditorMD } from 'editor.md-next-vue'\n * import { ref } from 'vue'\n * const md = ref('# Hello')\n * </script>\n * <template>\n *   <EditorMD v-model=\"md\" :options=\"{ height: 520 }\" @watch=\"...\" />\n * </template>\n * ```\n *\n * 样式需自行引入一次：`import 'editor.md-next/css'`\n */\nimport { EditorMD as EditorMDCore } from 'editor.md-next'\nimport type { EditorEvents } from 'editor.md-next'\nimport type { EditorUserOptions } from 'editor.md-next'\nimport { defineComponent, h, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'\nimport type { PropType, SetupContext, ShallowRef } from 'vue'\n\nexport type EditorMDOptions = Omit<EditorUserOptions, 'value' | 'on'>\n\n/** 与 core 的 EditorEvents 一一对应的事件名 */\nexport const EDITOR_EVENTS = [\n  'load',\n  'change',\n  'input',\n  'resize',\n  'watch',\n  'unwatch',\n  'previewEnter',\n  'previewExit',\n  'fullscreenEnter',\n  'fullscreenExit',\n  'scroll',\n  'previewScroll',\n] as const\n\nexport type EditorMDBeforeUnmount = () => void\n\nexport const EditorMD = defineComponent({\n  name: 'EditorMD',\n\n  props: {\n    /** v-model：markdown 内容 */\n    modelValue: {\n      type: String,\n      default: '',\n    },\n    /** 编辑器配置（不含 value/on，见 editor.md-next 文档） */\n    options: {\n      type: Object as PropType<EditorMDOptions>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [...EDITOR_EVENTS, 'update:modelValue'] as unknown as string[],\n\n  setup(props, ctx: SetupContext) {\n    const host = shallowRef<HTMLDivElement | null>(null)\n    const editor: ShallowRef<EditorMDCore | null> = shallowRef(null)\n    let programmatic = false\n\n    onMounted(() => {\n      if (!host.value) return\n      const handlers: Record<string, (payload: never) => void> = {}\n      for (const name of EDITOR_EVENTS) {\n        handlers[name] = (payload) => {\n          ctx.emit(name as string, payload)\n        }\n      }\n      // change 额外回写 v-model\n      const userChange = handlers['change']\n      handlers['change'] = (payload) => {\n        const p = payload as EditorEvents['change']\n        if (!programmatic && p) ctx.emit('update:modelValue', p.markdown)\n        userChange?.(payload)\n      }\n      const on = handlers as { [K in keyof EditorEvents]?: (payload: EditorEvents[K]) => void }\n\n      editor.value = new EditorMDCore(host.value, {\n        ...props.options,\n        value: props.modelValue,\n        on,\n      })\n    })\n\n    // 受控：外部 modelValue 变化 → setMarkdown（程序性，避免回环）\n    watch(\n      () => props.modelValue,\n      (value) => {\n        const ed = editor.value\n        if (ed && value !== ed.getMarkdown()) {\n          programmatic = true\n          ed.setMarkdown(value)\n          programmatic = false\n        }\n      },\n    )\n\n    onBeforeUnmount(() => {\n      editor.value?.destroy()\n      editor.value = null\n    })\n\n    return () =>\n      h('div', {\n        ref: host,\n        class: 'emd-vue-editor',\n        style: { width: '100%' },\n      })\n  },\n})\n\nexport default EditorMD\n"],"mappings":";;;AA0BA,IAAaE,IAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAIaC,IAAWC,EAAgB;CACtC,MAAM;CAEN,OAAO;EAEL,YAAY;GACV,MAAM;GACN,SAAS;EACX;EAEA,SAAS;GACP,MAAM;GACN,gBAAgB,CAAC;EACnB;CACF;CAEA,OAAO,CAAC,GAAGF,GAAe,mBAAmB;CAE7C,MAAM,GAAO,GAAmB;EAC9B,IAAMG,IAAOC,EAAkC,IAAI,GAC7CC,IAA0CD,EAAW,IAAI,GAC3DE,IAAe;EA4CnB,OA1CAC,QAAgB;GACd,IAAI,CAACJ,EAAK,OAAO;GACjB,IAAMK,IAAqD,CAAC;GAC5D,KAAK,IAAMC,KAAQT,GACjB,EAASS,MAAS,MAAY;IAC5B,EAAI,KAAKA,GAAgBC,CAAO;GAClC;GAGF,IAAMC,IAAaH,EAASI;GAC5B,EAASA,UAAa,MAAY;IAChC,IAAMC,IAAIH;IAEV,AADI,CAACJ,KAAgBO,KAAGC,EAAI,KAAK,qBAAqBD,EAAE,QAAQ,GAChEF,IAAaD,CAAO;GACtB;GACA,IAAMK,IAAKP;GAEX,EAAO,QAAQ,IAAIV,EAAaK,EAAK,OAAO;IAC1C,GAAGa,EAAM;IACT,OAAOA,EAAM;IACb;GACF,CAAC;EACH,CAAC,GAGDC,QACQD,EAAM,aACX,MAAU;GACT,IAAME,IAAKb,EAAO;GAClB,AAAIa,KAAMC,MAAUD,EAAG,YAAY,MACjC,IAAe,IACfA,EAAG,YAAYC,CAAK,GACpB,IAAe;EAEnB,CACF,GAEAC,QAAsB;GAEpB,AADAf,EAAO,OAAO,QAAQ,GACtB,EAAO,QAAQ;EACjB,CAAC,SAGCgB,EAAE,OAAO;GACP,KAAKlB;GACL,OAAO;GACP,OAAO,EAAE,OAAO,OAAO;EACzB,CAAC;CACL;AACF,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,36 @@
+import type { EditorUserOptions } from 'editor.md-next';
+import type { PropType } from 'vue';
+export type EditorMDOptions = Omit<EditorUserOptions, 'value' | 'on'>;
+/** 与 core 的 EditorEvents 一一对应的事件名 */
+export declare const EDITOR_EVENTS: readonly ['load', 'change', 'input', 'resize', 'watch', 'unwatch', 'previewEnter', 'previewExit', 'fullscreenEnter', 'fullscreenExit', 'scroll', 'previewScroll'];
+export type EditorMDBeforeUnmount = () => void;
+export declare const EditorMD: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** v-model：markdown 内容 */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 编辑器配置（不含 value/on，见 editor.md-next 文档） */
+    options: {
+        type: PropType<EditorMDOptions>;
+        default: () => {};
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** v-model：markdown 内容 */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 编辑器配置（不含 value/on，见 editor.md-next 文档） */
+    options: {
+        type: PropType<EditorMDOptions>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    modelValue: string;
+    options: EditorMDOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default EditorMD;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAA4B,MAAM,KAAK,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,IAAI,CAAC,CAAA;AAErE,qCAAqC;AACrC,eAAO,MAAM,aAAa,YACxB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAA;AAE9C,eAAO,MAAM,QAAQ;IAIjB,0BAA0B;;QAExB,IAAI;QACJ,OAAO;;IAET,6CAA6C;;QAE3C,IAAI,EAAY,QAAQ,CAAC,eAAe,CAAC;QACzC,OAAO;;;;;IART,0BAA0B;;;;;IAK1B,6CAA6C;;;;;;;;4EA+D/C,CAAA;eAEa,QAAQ"}

package/package.json

@@ -1,6 +1,55 @@
 {
   "name": "editor.md-next-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Vue 3 component wrapper for editor.md-next",
+  "keywords": [
+    "markdown",
+    "editor",
+    "editormd",
+    "vue",
+    "vue3",
+    "component"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mindoc-org/editor.md-next.git"
+  },
+  "homepage": "https://github.com/mindoc-org/editor.md-next",
+  "bugs": {
+    "url": "https://github.com/mindoc-org/editor.md-next/issues"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "editor.md-next": "^0.1.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.2"
+  },
+  "devDependencies": {
+    "vue": "^3.5.13"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.