autumnnote-vue 1.15.0 → 2.0.0

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("vue"),l=require("autumnnote");l=s(l);var u={__name:`AutumnNote`,props:{options:{type:Object,default:()=>({})}},setup(e,{expose:t}){let n=e,r=(0,c.ref)(null),i=(0,c.shallowRef)(null);return(0,c.onMounted)(()=>{i.value=l.default.create(r.value,n.options)}),(0,c.onUnmounted)(()=>{i.value?.destroy(),i.value=null}),t({editor:i}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`container`,ref:r},null,512))}};exports.AutumnNoteEditor=u,exports.default=u;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("vue"),l=require("autumnnote");l=s(l);var u={__name:`AutumnNote`,props:{options:{type:Object,default:()=>({})},modelValue:{type:String,default:void 0},defaultValue:{type:String,default:``}},emits:[`update:modelValue`,`change`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=(0,c.ref)(null),o=(0,c.shallowRef)(null),s=null,u=e=>{if(r.options.onChange?.(e),i(`change`,e),e===s){s=null;return}i(`update:modelValue`,e)};return(0,c.onMounted)(()=>{o.value=l.default.create(a.value,{...r.options,onChange:u});let e=r.modelValue??r.defaultValue;e&&(r.modelValue!=null&&(s=r.modelValue),o.value.setHTML(e),o.value.clearHistory())}),(0,c.watch)(()=>r.options,e=>o.value?.updateOptions({...e,onChange:u}),{deep:!0}),(0,c.watch)(()=>r.modelValue,e=>{e==null||!o.value||o.value.getHTML()===e||(s=e,o.value.setHTML(e),o.value.clearHistory())}),(0,c.onUnmounted)(()=>{o.value?.destroy(),o.value=null}),t({editor:o}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`container`,ref:a},null,512))}};exports.AutumnNoteEditor=u,exports.default=u;

package/dist/index.js

@@ -1,23 +1,50 @@
-import { createElementBlock as e, onMounted as t, onUnmounted as n, openBlock as r, ref as i, shallowRef as a } from "vue";
-import o from "autumnnote";
+import { createElementBlock as e, onMounted as t, onUnmounted as n, openBlock as r, ref as i, shallowRef as a, watch as o } from "vue";
+import s from "autumnnote";
 //#region src/AutumnNote.vue
-var s = {
+var c = {
 	__name: "AutumnNote",
-	props: { options: {
-		type: Object,
-		default: () => ({})
-	} },
-	setup(s, { expose: c }) {
-		let l = s, u = i(null), d = a(null);
+	props: {
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		modelValue: {
+			type: String,
+			default: void 0
+		},
+		defaultValue: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(c, { expose: l, emit: u }) {
+		let d = c, f = u, p = i(null), m = a(null), h = null, g = (e) => {
+			if (d.options.onChange?.(e), f("change", e), e === h) {
+				h = null;
+				return;
+			}
+			f("update:modelValue", e);
+		};
 		return t(() => {
-			d.value = o.create(u.value, l.options);
+			m.value = s.create(p.value, {
+				...d.options,
+				onChange: g
+			});
+			let e = d.modelValue ?? d.defaultValue;
+			e && (d.modelValue != null && (h = d.modelValue), m.value.setHTML(e), m.value.clearHistory());
+		}), o(() => d.options, (e) => m.value?.updateOptions({
+			...e,
+			onChange: g
+		}), { deep: !0 }), o(() => d.modelValue, (e) => {
+			e == null || !m.value || m.value.getHTML() === e || (h = e, m.value.setHTML(e), m.value.clearHistory());
 		}), n(() => {
-			d.value?.destroy(), d.value = null;
-		}), c({ editor: d }), (t, n) => (r(), e("div", {
+			m.value?.destroy(), m.value = null;
+		}), l({ editor: m }), (t, n) => (r(), e("div", {
 			ref_key: "container",
-			ref: u
+			ref: p
 		}, null, 512));
 	}
 };
 //#endregion
-export { s as AutumnNoteEditor, s as default };
+export { c as AutumnNoteEditor, c as default };

package/index.d.ts

@@ -4,6 +4,10 @@ import type { DefineComponent } from 'vue';
 export interface AutumnNoteEditorProps {
   /** Editor configuration object. All AsnOptions fields are accepted. */
   options?: AsnOptions;
+  /** Controlled HTML value used by v-model. */
+  modelValue?: string;
+  /** Initial HTML value for uncontrolled usage. */
+  defaultValue?: string;
 }
 
 export interface AutumnNoteEditorExpose {
@@ -19,7 +23,7 @@ export interface AutumnNoteEditorExpose {
  * <AutumnNoteEditor ref="editorRef" :options="{ height: 300 }" />
  * // editorRef.value.editor?.getHTML()
  * ```
- * Use `v-if` to force remount on options change.
+ * Supports `v-model` and applies runtime-safe option changes without remounting.
  */
 declare const AutumnNoteEditor: DefineComponent<
   AutumnNoteEditorProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autumnnote-vue",
-  "version": "1.15.0",
+  "version": "2.0.0",
   "description": "Official Vue 3 wrapper for Autumn Note — zero-dependency WYSIWYG editor. Mount the editor with a single component and access the full Context API via ref.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -54,13 +54,13 @@
   "license": "MIT",
   "peerDependencies": {
     "autumnnote": ">=1.4.0",
-    "vue": "^3.0.0"
+    "vue": ">=3.4.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.8",
-    "vite": "^8.1.4",
+    "vite": "^8.1.5",
     "vue": "^3.4.0",
-    "autumnnote": "1.15.0"
+    "autumnnote": "2.0.0"
   },
   "scripts": {
     "build": "vite build",