@hankchen/canvas-editor-vue 0.1.0 → 0.1.2

package/dist/{usePathCompletion-DkHoGla4.js → usePathCompletion-uJ5c_gQ0.js}

@@ -1,5 +1,6 @@
-import { E as e, L as t, M as n, R as r, V as i, a, w as o } from "./layerPath-BRZK9ka1.js";
-import { c as s, n as c, t as l, u } from "./completionAnchor-4lhR2kJz.js";
+import { a as e } from "./layerPath-uy2ywyld.js";
+import { c as t, n, t as r, u as i } from "./completionAnchor-CDR5YZhu.js";
+import { nextTick as a, onMounted as o, onScopeDispose as s, reactive as c, toValue as l, watch as u } from "vue";
 //#region ../canvas-editor/src/shared/rowsPathCandidates.ts
 function d(e) {
 	return e.type === "array" || e.items !== void 0;
@@ -24,31 +25,31 @@ function m(e, t) {
 }
 function h(e, t) {
 	if (e === null) return null;
-	let n = t.split("."), r = t.endsWith(".") ? "" : n[n.length - 1], i = n.slice(0, -1), a = e;
-	for (let e of i) {
-		if (d(a)) return null;
-		let t = u(a, [e]);
+	let n = t.split("."), r = t.endsWith(".") ? "" : n[n.length - 1], a = n.slice(0, -1), o = e;
+	for (let e of a) {
+		if (d(o)) return null;
+		let t = i(o, [e]);
 		if (t === null) return null;
-		a = t;
+		o = t;
 	}
-	if (d(a) || f(a)) return null;
-	let o = m(a, i.join("."));
+	if (d(o) || f(o)) return null;
+	let s = m(o, a.join("."));
 	return {
 		partial: r,
-		candidates: o.candidates,
-		...o.open === !0 ? { open: !0 } : {}
+		candidates: s.candidates,
+		...s.open === !0 ? { open: !0 } : {}
 	};
 }
-function g(e, t, n) {
-	if (n === null) return null;
-	if (e === null || t === null) return n;
-	let r = null;
-	for (let i = 0; i < t.length; i += 1) {
-		if (t[i] !== "template") continue;
-		let o = a(e, t.slice(0, i));
-		if (o === null || o.type !== "TableLayer" || (r = s(r ?? n, o.rowsPath), r === null)) return null;
-	}
-	return r ?? n;
+function g(n, r, i) {
+	if (i === null) return null;
+	if (n === null || r === null) return i;
+	let a = null;
+	for (let o = 0; o < r.length; o += 1) {
+		if (r[o] !== "template") continue;
+		let s = e(n, r.slice(0, o));
+		if (s === null || s.type !== "TableLayer" || (a = t(a ?? i, s.rowsPath), a === null)) return null;
+	}
+	return a ?? i;
 }
 //#endregion
 //#region src/shared/rowsPathCompletionSource.ts
@@ -85,65 +86,65 @@ function x(e) {
 		error: null
 	};
 }
-function S(a) {
-	let s = r({
+function S(e) {
+	let t = c({
 		open: !1,
 		items: [],
 		activeIndex: 0,
 		top: 0,
 		left: 0,
 		openMapping: !1
-	}), u = null, d = !1, f = "";
+	}), i = null, d = !1, f = "";
 	function p() {
-		s.open = !1, s.items = [], s.activeIndex = 0, s.openMapping = !1, f = "";
+		t.open = !1, t.items = [], t.activeIndex = 0, t.openMapping = !1, f = "";
 	}
 	function m() {
-		if (!s.open || !u) return;
-		let e = l(u);
-		s.top = e.bottom + v, s.left = h(e.left);
+		if (!t.open || !i) return;
+		let e = r(i);
+		t.top = e.bottom + v, t.left = h(e.left);
 	}
-	function h(e) {
-		let t = (a.popupEl ? i(a.popupEl) : null)?.offsetWidth ?? 0;
-		return t <= 0 ? e : Math.max(0, Math.min(e, window.innerWidth - y - t));
+	function h(t) {
+		let n = (e.popupEl ? l(e.popupEl) : null)?.offsetWidth ?? 0;
+		return n <= 0 ? t : Math.max(0, Math.min(t, window.innerWidth - y - n));
 	}
-	function g(e, t = !1) {
-		if (!i(a.enabled)) {
+	function g(n, r = !1) {
+		if (!l(e.enabled)) {
 			p();
 			return;
 		}
-		let n = u;
-		if (!n) {
+		let o = i;
+		if (!o) {
 			p();
 			return;
 		}
-		let r = n.value.slice(0, n.selectionStart ?? n.value.length);
-		if (r === "" && !t) {
+		let s = o.value.slice(0, o.selectionStart ?? o.value.length);
+		if (s === "" && !r) {
 			p();
 			return;
 		}
-		let c = a.resolve(r);
+		let c = e.resolve(s);
 		if (!c) {
 			p();
 			return;
 		}
-		let l = t ? c.candidates : c.candidates.filter((e) => e.segment.startsWith(c.partial));
-		if (l.length === 0 && c.open !== !0) {
+		let u = r ? c.candidates : c.candidates.filter((e) => e.segment.startsWith(c.partial));
+		if (u.length === 0 && c.open !== !0) {
 			p();
 			return;
 		}
-		f = c.partial, (s.open || e) && (s.items = l, s.activeIndex = 0, s.openMapping = c.open === !0, s.open = !0, m(), o(m));
+		f = c.partial, (t.open || n) && (t.items = u, t.activeIndex = 0, t.openMapping = c.open === !0, t.open = !0, m(), a(m));
 	}
 	function _(e) {
-		let t = u;
-		if (!s.open || d || !t) return;
-		let n = s.items[e ?? s.activeIndex];
-		if (!n) return;
-		let r = t.value.slice(0, t.selectionStart ?? t.value.length), i = c(t.value, x(r), f, n.segment);
-		if (!i) {
+		let r = i;
+		if (!t.open || d || !r) return;
+		let a = t.items[e ?? t.activeIndex];
+		if (!a) return;
+		let o = r.value.slice(0, r.selectionStart ?? r.value.length), s = n(r.value, x(o), f, a.segment);
+		if (!s) {
 			p();
 			return;
 		}
-		t.value = i.value, t.setSelectionRange(i.cursor, i.cursor), t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), p();
+		r.value = s.value, r.setSelectionRange(s.cursor, s.cursor), r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })), p();
 	}
 	function S(e) {
 		d || e.isComposing || g(!0);
@@ -163,15 +164,15 @@ function S(a) {
 				e.preventDefault(), g(!0, !0);
 				return;
 			}
-			if (s.open) {
-				if (s.items.length === 0) {
+			if (t.open) {
+				if (t.items.length === 0) {
 					e.key === "Escape" && (e.preventDefault(), p());
 					return;
 				}
 				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 					e.preventDefault();
-					let t = s.items.length;
-					t > 0 && (s.activeIndex = (s.activeIndex + (e.key === "ArrowDown" ? 1 : t - 1)) % t);
+					let n = t.items.length;
+					n > 0 && (t.activeIndex = (t.activeIndex + (e.key === "ArrowDown" ? 1 : n - 1)) % n);
 					return;
 				}
 				if (e.key === "Enter" || e.key === "Tab") {
@@ -183,7 +184,7 @@ function S(a) {
 		}
 	}
 	function D(e) {
-		s.open && !T(e) && b.includes(e.key) && g(!1);
+		t.open && !T(e) && b.includes(e.key) && g(!1);
 	}
 	function O() {
 		d || g(!1);
@@ -192,7 +193,7 @@ function S(a) {
 		p();
 	}
 	function A(e) {
-		s.open && e.target !== u && p();
+		t.open && e.target !== i && p();
 	}
 	function j() {
 		m();
@@ -213,14 +214,14 @@ function S(a) {
 		for (let [t, n] of M) e.removeEventListener(t, n);
 	}
 	function F(e) {
-		u !== e && (u && P(u), u = e, e && N(e));
+		i !== e && (i && P(i), i = e, e && N(e));
 	}
-	return e(() => F(a.target.value)), n(a.target, (e) => F(e)), n(() => i(a.enabled), (e) => {
+	return o(() => F(e.target.value)), u(e.target, (e) => F(e)), u(() => l(e.enabled), (e) => {
 		e || p();
-	}), document.addEventListener("mousedown", A), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), t(() => {
-		u && P(u), document.removeEventListener("mousedown", A), window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j);
+	}), document.addEventListener("mousedown", A), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), s(() => {
+		i && P(i), document.removeEventListener("mousedown", A), window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j);
 	}), {
-		popup: s,
+		popup: t,
 		accept: _
 	};
 }

package/dist/{useShortcutsHelp-DTC3yRil.js → useShortcutsHelp-CsyarO2P.js}

@@ -1,4 +1,4 @@
-import { z as e } from "./layerPath-BRZK9ka1.js";
+import { ref as e } from "vue";
 //#region src/shared/useShortcutsHelp.ts
 var t = e(!1);
 function n() {

package/dist/{useTransientFeedback-gS9Xa9GY.js → useTransientFeedback-Cnp6aNB7.js}

@@ -1,4 +1,4 @@
-import { z as e } from "./layerPath-BRZK9ka1.js";
+import { ref as e } from "vue";
 //#region ../canvas-editor/src/session/shortcuts.ts
 var t = {
 	armCreateText: "TextLayer",

package/dist/{useViewport-BLe2ise1.js → useViewport-D9Ipevzs.js}

@@ -1,18 +1,18 @@
-import { B as e, L as t, p as n } from "./layerPath-BRZK9ka1.js";
+import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
 //#region src/shared/useSelection.ts
 function r(r) {
-	let i = e(r.store.ui.selection), a = r.subscribe((e) => {
+	let i = n(r.store.ui.selection), a = r.subscribe((e) => {
 		(e.scope === "doc" || e.scope === "ui" && e.branch === "selection") && (i.value = r.store.ui.selection);
 	});
-	return t(a, !0), n(() => i.value);
+	return t(a, !0), e(() => i.value);
 }
 //#endregion
 //#region src/shared/useViewport.ts
 function i(r) {
-	let i = e(r.store.ui.viewport), a = r.subscribe((e) => {
+	let i = n(r.store.ui.viewport), a = r.subscribe((e) => {
 		e.scope === "ui" && e.branch === "viewport" && (i.value = r.store.ui.viewport);
 	});
-	return t(a, !0), n(() => i.value);
+	return t(a, !0), e(() => i.value);
 }
 //#endregion
 export { r as n, i as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hankchen/canvas-editor-vue",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "MIT",
   "description": "Vue 3 薄绑定：响应式桥、composables、画布表面组件、textarea 文本编辑 overlay、schema 驱动属性面板注册表",
   "type": "module",
@@ -36,7 +36,8 @@
       "default": "./dist/shared.js"
     },
     "./panel-theme.css": "./dist/panel-theme.css",
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",