@hankchen/canvas-editor-vue 0.6.0 → 0.7.0

package/dist/{useTransientFeedback-CTjmMmFF.js → useTransientFeedback-BN_O7V2w.js}

@@ -1,11 +1,11 @@
-import { ref as e } from "vue";
+import { computed as e, onScopeDispose as t, ref as n, shallowRef as r } from "vue";
 //#region ../canvas-editor/src/session/shortcuts.ts
-var t = {
+var i = {
 	armCreateText: "TextLayer",
 	armCreateTable: "TableLayer",
 	armCreateQrCode: "QrCodeLayer",
 	armCreateImage: "ImageLayer"
-}, n = [
+}, a = [
 	{
 		combo: {
 			key: "z",
@@ -391,33 +391,33 @@ var t = {
 		group: "help"
 	}
 ];
-function r(e, t = n) {
+function o(e, t = a) {
 	if (e.composing || e.editing || e.editableTarget) return null;
-	let r = e.key.toLowerCase(), i = e.alt ?? !1;
-	for (let n of t) if ((n.combo.code === void 0 ? n.combo.key === r : n.combo.code === e.code) && n.combo.mod === e.mod && n.combo.shift === e.shift && (n.combo.alt ?? !1) === i) return n.action;
+	let n = e.key.toLowerCase(), r = e.alt ?? !1;
+	for (let i of t) if ((i.combo.code === void 0 ? i.combo.key === n : i.combo.code === e.code) && i.combo.mod === e.mod && i.combo.shift === e.shift && (i.combo.alt ?? !1) === r) return i.action;
 	return null;
 }
 //#endregion
 //#region \0plugin-vue:export-helper
-var i = (e, t) => {
+var s = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, a = [
+}, c = [
 	"history",
 	"clipboard",
 	"layer",
 	"text",
 	"view",
 	"help"
-], o = {
+], l = {
 	history: "历史",
 	clipboard: "剪贴板",
 	layer: "图层",
 	text: "文本",
 	view: "视图",
 	help: "帮助"
-}, s = {
+}, u = {
 	arrowup: "↑",
 	arrowdown: "↓",
 	arrowleft: "←",
@@ -428,8 +428,8 @@ var i = (e, t) => {
 	tab: "Tab",
 	f2: "F2"
 };
-function c(e, t) {
-	let n = e.key, r = /^[a-z]$/.test(n) ? n.toUpperCase() : s[n] ?? n;
+function d(e, t) {
+	let n = e.key, r = /^[a-z]$/.test(n) ? n.toUpperCase() : u[n] ?? n;
 	if (t === "mac") {
 		let t = "";
 		return e.alt && (t += "⌥"), e.shift && (t += "⇧"), e.mod && (t += "⌘"), t + r;
@@ -437,24 +437,39 @@ function c(e, t) {
 	let i = [];
 	return e.mod && i.push("Ctrl"), e.shift && i.push("Shift"), e.alt && i.push("Alt"), i.push(r), i.join("+");
 }
-function l(e, t) {
-	let r = n.find((t) => t.action === e);
-	return r ? c(r.combo, t) : "";
+function f(e, t) {
+	let n = a.find((t) => t.action === e);
+	return n ? d(n.combo, t) : "";
 }
-var u = "画拉或点击落层，Esc 取消";
-function d() {
+var p = "画拉或点击落层，Esc 取消";
+function m() {
 	let e = globalThis.navigator;
 	return /mac/i.test(`${e?.userAgentData?.platform ?? ""} ${e?.platform ?? ""} ${e?.userAgent ?? ""}`) ? "mac" : "win";
 }
 //#endregion
+//#region src/shared/useDataSourceSchema.ts
+var h = "先绑定数据源";
+function g(n) {
+	let i = r(n.store.ui.dataSourceSchema), a = n.subscribe((e) => {
+		e.scope === "ui" && e.branch === "dataSourceSchema" && (i.value = n.store.ui.dataSourceSchema);
+	});
+	return t(a, !0), e(() => i.value);
+}
+function _(n) {
+	let i = r(n.store.ui.dataSourceSchemaRejection), a = n.subscribe((e) => {
+		e.scope === "ui" && e.branch === "dataSourceSchema" && (i.value = n.store.ui.dataSourceSchemaRejection);
+	});
+	return t(a, !0), e(() => i.value);
+}
+//#endregion
 //#region src/shared/editableTarget.ts
-function f(e) {
+function v(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if (e.isContentEditable) return !0;
 	let t = e.tagName;
 	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT" || t === "BUTTON";
 }
-function p(e) {
+function y(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if (e.isContentEditable) return !0;
 	let t = e.tagName;
@@ -462,22 +477,22 @@ function p(e) {
 }
 //#endregion
 //#region src/shared/useTransientFeedback.ts
-var m = 4e3, h = e(""), g = null;
-function _() {
+var b = 4e3, x = n(""), S = null;
+function C() {
 	let e = () => {
-		g !== null && (clearTimeout(g), g = null);
+		S !== null && (clearTimeout(S), S = null);
 	};
 	return {
-		message: h,
+		message: x,
 		show: (t) => {
-			e(), h.value = t, g = setTimeout(() => {
-				h.value = "", g = null;
-			}, m);
+			e(), x.value = t, S = setTimeout(() => {
+				x.value = "", S = null;
+			}, b);
 		},
 		clear: () => {
-			e(), h.value = "";
+			e(), x.value = "";
 		}
 	};
 }
 //#endregion
-export { o as a, l as c, t as d, n as f, u as i, c as l, f as n, a as o, r as p, p as r, d as s, _ as t, i as u };
+export { g as a, l as c, f as d, d as f, o as g, a as h, h as i, c as l, i as m, v as n, _ as o, s as p, y as r, p as s, C as t, m as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hankchen/canvas-editor-vue",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "MIT",
   "description": "Vue 3 薄绑定：响应式桥、composables、画布表面组件、textarea 文本编辑 overlay、schema 驱动属性面板注册表",
   "type": "module",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@lucide/vue": "^1.48.0",
-    "@hankchen/canvas-editor": "0.7.0"
+    "@hankchen/canvas-editor": "0.8.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"

package/dist/popupPosition-Ck5Gsvjy.js

@@ -1,526 +0,0 @@
-import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, nextTick as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, watch as g, withModifiers as _ } from "vue";
-//#region ../canvas-editor/src/shared/expressionSchema.ts
-function v(e) {
-	let t = e;
-	for (; t !== void 0;) {
-		if (t.properties !== void 0) return t.properties;
-		t = t.items;
-	}
-	return null;
-}
-function y(e, t) {
-	let n = e;
-	for (let e of t) {
-		let t = v(n)?.get(e);
-		if (t === void 0) return null;
-		n = t;
-	}
-	return n;
-}
-function b(e) {
-	return e.type === "array" || e.items !== void 0 ? { entries: [] } : { entries: e.properties === void 0 ? [] : [...e.properties].map(([e, t]) => ({
-		key: e,
-		node: t
-	})) };
-}
-function x(e, t) {
-	let n = t.split(".");
-	return t === "" || n.includes("") ? null : y(e, n)?.items ?? null;
-}
-//#endregion
-//#region ../canvas-editor/src/shared/expressionPath.ts
-function S(e) {
-	if (e === "") return {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
-	let t = e.split(".");
-	if (t.includes("")) return {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
-	let n = t[0], r = t.slice(1);
-	return n === "row" ? {
-		ok: !0,
-		head: { kind: "row" },
-		rest: r
-	} : n === "$root" ? {
-		ok: !0,
-		head: { kind: "root" },
-		rest: r
-	} : {
-		ok: !0,
-		head: {
-			kind: "bare",
-			name: n
-		},
-		rest: r
-	};
-}
-//#endregion
-//#region ../canvas-editor/src/shared/expressionCall.ts
-var C = " 	\n\r\0\v", w = " 	\n\r", T = `()',.${C}`;
-function E(e) {
-	let t = 0, n = e.length;
-	for (; t < n && C.includes(e[t]);) t += 1;
-	for (; n > t && C.includes(e[n - 1]);) --n;
-	return e.slice(t, n);
-}
-function D(e, t) {
-	for (; t < e.length && w.includes(e[t]);) t += 1;
-	return t;
-}
-function O(e, t, n) {
-	return {
-		ok: !1,
-		error: "expression_syntax_error",
-		kind: e,
-		at: {
-			start: t,
-			end: n
-		}
-	};
-}
-function k(e) {
-	let t = 0;
-	for (; t < e.length && !T.includes(e[t]);) t += 1;
-	if (t === 0) return !1;
-	let n = t;
-	for (; n < e.length && C.includes(e[n]);) n += 1;
-	return e[n] === "(";
-}
-function A(e) {
-	let t = 0;
-	for (; t < e.length && !T.includes(e[t]);) t += 1;
-	if (t === 0) return O("invalid_path", 0, e.length);
-	let n = e.slice(0, t), r = D(e, t);
-	if (r >= e.length || e[r] !== "(") return O("missing_open_paren", t, e.length);
-	let i = r;
-	r = D(e, r + 1);
-	let a = [], o = [];
-	if (r < e.length && e[r] === ")") r += 1;
-	else for (;;) {
-		if (r >= e.length) return O("unbalanced_paren", i, e.length);
-		let t = j(e, r);
-		if (!t.ok) return t;
-		if (a.push(t.value), o.push({
-			start: t.start,
-			end: t.end
-		}), r = D(e, t.end), r >= e.length) return O("unbalanced_paren", i, e.length);
-		if (e[r] === ",") {
-			let t = r;
-			if (r = D(e, r + 1), r < e.length && e[r] === ")") return O("empty_arg_slot", t + 1, r);
-			continue;
-		}
-		if (e[r] === ")") {
-			r += 1;
-			break;
-		}
-		return O("bad_arg_syntax", r, r + 1);
-	}
-	if (r = D(e, r), r !== e.length) return O("trailing_after_call", r, e.length);
-	if (a[0] !== void 0 && a[0].type !== "path") {
-		let e = o[0];
-		return O("first_arg_not_path", e.start, e.end);
-	}
-	for (let e = 0; e < a.length; e += 1) {
-		let t = a[e], n = o[e];
-		if (t.type === "path" && !S(t.value).ok) return O("invalid_path_arg", n.start, n.end);
-	}
-	return {
-		ok: !0,
-		name: n,
-		args: a
-	};
-}
-function j(e, t) {
-	let n = e.length, r = t, i = e[t];
-	if (i === "'") {
-		let i = t + 1, a = "";
-		for (;;) {
-			if (i >= n) return {
-				ok: !1,
-				error: "expression_syntax_error",
-				kind: "unterminated_string",
-				at: {
-					start: r,
-					end: n
-				}
-			};
-			if (e[i] === "'") {
-				if (i + 1 < n && e[i + 1] === "'") {
-					a += "'", i += 2;
-					continue;
-				}
-				i += 1;
-				break;
-			}
-			a += e[i], i += 1;
-		}
-		return {
-			ok: !0,
-			value: {
-				type: "string",
-				value: a
-			},
-			start: r,
-			end: i
-		};
-	}
-	if (i >= "0" && i <= "9") {
-		let i = (t) => {
-			let n = e[t];
-			return n !== void 0 && n >= "0" && n <= "9";
-		};
-		for (; i(t);) t += 1;
-		if (t < n && e[t] === "." && i(t + 1)) for (t += 1; i(t);) t += 1;
-		return {
-			ok: !0,
-			value: {
-				type: "number",
-				value: e.slice(r, t)
-			},
-			start: r,
-			end: t
-		};
-	}
-	for (; t < n && e[t] !== "," && e[t] !== ")";) t += 1;
-	let a = E(e.slice(r, t));
-	return a === "" ? {
-		ok: !1,
-		error: "expression_syntax_error",
-		kind: "empty_arg_slot",
-		at: {
-			start: r,
-			end: t
-		}
-	} : {
-		ok: !0,
-		value: {
-			type: "path",
-			value: a
-		},
-		start: r,
-		end: t
-	};
-}
-function M(e) {
-	let t = 0;
-	for (; t < e.length && !T.includes(e[t]);) t += 1;
-	if (t === 0) return null;
-	let n = D(e, t);
-	if (n >= e.length || e[n] !== "(") return null;
-	n = D(e, n + 1);
-	let r = 0;
-	for (;;) {
-		if (n >= e.length) return {
-			name: e.slice(0, t),
-			index: r,
-			text: "",
-			stringSlot: !1
-		};
-		let i = e[n];
-		if (i === "'") {
-			let i = n + 1;
-			for (;;) {
-				if (i >= e.length) return {
-					name: e.slice(0, t),
-					index: r,
-					text: e.slice(n + 1),
-					stringSlot: !0
-				};
-				if (e[i] === "'") {
-					if (i + 1 < e.length && e[i + 1] === "'") {
-						i += 2;
-						continue;
-					}
-					i += 1;
-					break;
-				}
-				i += 1;
-			}
-			n = i;
-		} else if (i !== "," && i !== ")") {
-			let i = n;
-			for (; n < e.length && e[n] !== "," && e[n] !== ")";) n += 1;
-			if (n >= e.length) return {
-				name: e.slice(0, t),
-				index: r,
-				text: E(e.slice(i)),
-				stringSlot: !1
-			};
-		}
-		if (n >= e.length) return {
-			name: e.slice(0, t),
-			index: r + 1,
-			text: "",
-			stringSlot: !1
-		};
-		if (e[n] === ")") return null;
-		r += 1, n = D(e, n + 1);
-	}
-}
-function N(e) {
-	let t = 0, n = e.length;
-	for (; t < n && " 	\n\r\0\v".includes(e[t]);) t += 1;
-	for (; n > t && " 	\n\r\0\v".includes(e[n - 1]);) --n;
-	return e.slice(t, n);
-}
-function P(e) {
-	if (e === "") return {
-		kind: "empty_fragment",
-		at: {
-			start: 0,
-			end: 0
-		}
-	};
-	if (k(e)) {
-		let t = A(e);
-		return t.ok ? null : {
-			kind: t.kind,
-			at: t.at
-		};
-	}
-	return S(e).ok ? null : {
-		kind: "invalid_path",
-		at: {
-			start: 0,
-			end: e.length
-		}
-	};
-}
-function F(e) {
-	let t = 0;
-	for (; t < e.length && " 	\n\r\0\v".includes(e[t]);) t += 1;
-	return t;
-}
-function I(e) {
-	let t = [], n = 0, r = e.indexOf("{{");
-	for (; r !== -1;) {
-		let i = e.indexOf("}}", r + 2);
-		if (i === -1) {
-			r > n && t.push({
-				kind: "literal",
-				start: n,
-				end: r,
-				text: e.slice(n, r)
-			});
-			let i = e.slice(r);
-			return t.push({
-				kind: "open",
-				start: r,
-				end: e.length,
-				text: i,
-				expr: N(i.slice(2))
-			}), {
-				template: e,
-				parts: t
-			};
-		}
-		r > n && t.push({
-			kind: "literal",
-			start: n,
-			end: r,
-			text: e.slice(n, r)
-		});
-		let a = e.slice(r + 2, i), o = N(a), s = null, c = P(o);
-		if (c) {
-			let e = r + 2 + F(a);
-			s = {
-				kind: c.kind,
-				start: r,
-				end: i + 2,
-				at: {
-					start: e + c.at.start,
-					end: e + c.at.end
-				}
-			};
-		}
-		t.push({
-			kind: "fragment",
-			start: r,
-			end: i + 2,
-			raw: a,
-			expr: o,
-			error: s === null ? null : "expression_syntax_error",
-			diagnostic: s
-		}), n = i + 2, r = e.indexOf("{{", n);
-	}
-	return n < e.length && t.push({
-		kind: "literal",
-		start: n,
-		end: e.length,
-		text: e.slice(n)
-	}), {
-		template: e,
-		parts: t
-	};
-}
-function L(e, t) {
-	for (let n of e.parts) if (n.kind !== "literal" && (n.kind === "open" ? t > n.start && t <= n.end : t > n.start && t < n.end)) return n;
-	return null;
-}
-//#endregion
-//#region src/shared/PanelIcon.vue
-var R = /* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "PanelIcon",
-	props: {
-		icon: {},
-		size: { default: 14 },
-		strokeWidth: { default: 2 }
-	},
-	setup(e) {
-		return (t, r) => (d(), n(m(e.icon), s({
-			size: e.size,
-			"stroke-width": e.strokeWidth
-		}, t.$attrs), null, 16, ["size", "stroke-width"]));
-	}
-}), z = {
-	role: "listbox",
-	"aria-label": "表达式路径候选"
-}, B = [
-	"aria-selected",
-	"title",
-	"onClick"
-], V = { class: "cn-completion__segment font-mono text-cn-fg" }, H = {
-	key: 0,
-	class: "shrink-0 rounded-sm bg-cn-field px-1 py-0.5 text-[9px] leading-none text-cn-muted"
-}, U = {
-	key: 1,
-	class: "truncate text-[10px] leading-none text-cn-muted"
-}, W = /* @__PURE__ */ o({
-	__name: "ExpressionCompletionPopup",
-	props: { state: {} },
-	emits: ["select"],
-	setup(o, { expose: s, emit: m }) {
-		let v = o, y = m, b = f(null);
-		return s({ rootEl: b }), g(() => v.state.activeIndex, async () => {
-			await c(), b.value?.querySelector(".cn-completion__option--active")?.scrollIntoView?.({ block: "nearest" });
-		}), (s, c) => (d(), n(t, { to: "body" }, [o.state.open ? (d(), i("div", {
-			key: 0,
-			ref_key: "rootRef",
-			ref: b,
-			class: "cn-props cn-completion fixed z-50 max-h-[200px] min-w-[140px] max-w-[280px] overflow-y-auto rounded-md border border-cn-field-line py-1 text-[11px] leading-none",
-			style: u({
-				top: `${o.state.top}px`,
-				left: `${o.state.left}px`
-			}),
-			onMousedown: c[0] ||= _(() => {}, ["prevent", "stop"]),
-			onPointerdown: c[1] ||= _(() => {}, ["stop"])
-		}, [a("div", z, [(d(!0), i(e, null, p(o.state.items, (e, t) => (d(), i("button", {
-			key: `${t}:${e.segment}`,
-			type: "button",
-			role: "option",
-			class: l(["cn-completion__option flex w-full items-center gap-1.5 px-2 py-1.5 text-left", t === o.state.activeIndex ? "cn-completion__option--active" : ""]),
-			"aria-selected": t === o.state.activeIndex,
-			title: e.path ?? e.segment,
-			onClick: (e) => y("select", t)
-		}, [
-			a("span", V, h(e.segment), 1),
-			e.type ? (d(), i("span", H, h(e.type), 1)) : r("", !0),
-			e.description ?? e.title ? (d(), i("span", U, h(e.description ?? e.title), 1)) : r("", !0)
-		], 10, B))), 128))])], 36)) : r("", !0)]));
-	}
-});
-//#endregion
-//#region src/shared/completion.ts
-function G(e, t, n, r, i) {
-	let a = t.start + 2, o = t.kind === "open" ? t.end : t.end - 2, s = Math.min(n, o), c = 0;
-	for (; s - c > a && " 	\n\r\0\v".includes(e[s - 1 - c]);) c += 1;
-	let l = s - c, u = l - (i.replaceLen ?? r.length);
-	if (u < a || i.replaceLen === void 0 && e.slice(u, l) !== r) return null;
-	let d = i.cursorBack ?? 0;
-	return d > i.segment.length ? null : {
-		value: e.slice(0, u) + i.segment + e.slice(l),
-		cursor: u + i.segment.length - d
-	};
-}
-//#endregion
-//#region src/shared/completionAnchor.ts
-function K(e, t) {
-	return parseFloat(e.getPropertyValue(t)) || 0;
-}
-function q(e, t, n) {
-	for (let r of n) {
-		let n = e.getPropertyValue(r);
-		n && t.setProperty(r, n);
-	}
-}
-var J = [
-	"font-family",
-	"font-size",
-	"font-weight",
-	"font-style",
-	"font-stretch",
-	"letter-spacing",
-	"word-spacing",
-	"line-height",
-	"text-transform",
-	"text-indent",
-	"tab-size"
-];
-function Y(e) {
-	return K(e, "line-height") || K(e, "font-size") * 1.4;
-}
-function X(e) {
-	let t = document.createElement("div"), n = t.style;
-	return n.position = "fixed", n.top = "0", n.left = "0", n.visibility = "hidden", e(t, n), document.body.appendChild(t), t;
-}
-function Z(e, t) {
-	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = K(i, "padding-left"), o = K(i, "padding-top"), s = null, c = X((t, r) => {
-		r.whiteSpace = i.whiteSpace || "pre-wrap", r.boxSizing = "content-box", r.width = `${Math.max(0, e.clientWidth - a - K(i, "padding-right"))}px`, q(i, r, [
-			"padding-left",
-			"padding-right",
-			"padding-top",
-			"padding-bottom",
-			"word-break",
-			"overflow-wrap"
-		]), q(i, r, J), s = document.createElement("span"), s.textContent = "​", t.append(document.createTextNode(e.value.slice(0, n)), s);
-	});
-	try {
-		let n = r.left + K(i, "border-left-width") + a + s.offsetLeft * t - e.scrollLeft, c = r.top + K(i, "border-top-width") + o + s.offsetTop * t - e.scrollTop;
-		return {
-			left: n,
-			top: c,
-			bottom: c + Y(i) * t
-		};
-	} finally {
-		c.remove();
-	}
-}
-function Q(e, t) {
-	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = X((t, r) => {
-		r.display = "inline-block", r.whiteSpace = "pre", q(i, r, J), t.textContent = e.value.slice(0, n);
-	});
-	try {
-		let n = a.getBoundingClientRect().width || a.offsetWidth;
-		return {
-			left: r.left + K(i, "border-left-width") + K(i, "padding-left") + n * t - e.scrollLeft,
-			top: r.top + K(i, "border-top-width"),
-			bottom: r.bottom - K(i, "border-bottom-width")
-		};
-	} finally {
-		a.remove();
-	}
-}
-function $(e, t = 1) {
-	return e instanceof HTMLTextAreaElement ? Z(e, t) : Q(e, t);
-}
-//#endregion
-//#region src/shared/popupPosition.ts
-var ee = 4, te = 4;
-function ne(e) {
-	let { anchor: t, popupWidth: n, popupHeight: r, viewportWidth: i, viewportHeight: a } = e, o = e.gap ?? 4, s = e.margin ?? 4, c = t.bottom + o;
-	if (r > 0 && c + r > a - s) {
-		let e = t.top - o - r;
-		c = e >= s ? e : Math.max(s, Math.min(c, a - s - r));
-	}
-	let l = t.left;
-	return n > 0 && (l = Math.max(s, Math.min(l, i - s - n))), {
-		top: c,
-		left: l
-	};
-}
-//#endregion
-export { G as a, L as c, M as d, k as f, y as g, b as h, $ as i, N as l, x as m, te as n, W as o, S as p, ne as r, R as s, ee as t, I as u };