@hankchen/canvas-editor-vue 0.2.0 → 0.3.0

package/dist/{canvas-C70NSsoF.js → canvas-ZMyaouKe.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./createLucideIcon-SCvtEGVf.js";
 import { c as t, d as n, f as r, l as i, o as a, p as o, s, u as c } from "./dist-DGtNmLwo.js";
 import { i as l, n as u, o as d } from "./layerPath-uy2ywyld.js";
-import { i as f, r as p } from "./completionAnchor-CDR5YZhu.js";
+import { i as f, r as p } from "./completionAnchor-Da8VhzMQ.js";
 import { c as m, n as h, r as g, s as _, t as v, u as y } from "./useTransientFeedback-CTjmMmFF.js";
-import { i as b, n as x, r as S, t as C } from "./uploadFile-BOfv8aLG.js";
+import { i as b, n as x, r as S, t as C } from "./uploadFile-DXAEX9kG.js";
 import { n as w, t as T } from "./useViewport-D9Ipevzs.js";
 import { Fragment as E, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createVNode as M, defineComponent as N, mergeProps as P, nextTick as F, normalizeClass as I, normalizeStyle as L, onBeforeUnmount as R, onMounted as z, onScopeDispose as B, openBlock as V, ref as H, renderList as U, shallowRef as W, toDisplayString as G, unref as K, vModelText as ee, vShow as q, watch as J, withDirectives as Y, withKeys as X, withModifiers as Z } from "vue";
 var Q = e({

package/dist/canvas.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-C70NSsoF.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-ZMyaouKe.js";
 export { e as AlignFloatBar, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, l as FindBar, m as GuidesOverlay, d as Ruler, c as TextEditingOverlay, u as createGizmoOverlayPainter, h as createRafScheduler, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, r as useDpr, o as useFindSession, g as useTextEditing, i as watchDprChanges };

package/dist/completionAnchor-Da8VhzMQ.js

@@ -0,0 +1,470 @@
+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) {
+	if (e.type === "array" || e.items !== void 0) return { entries: [] };
+	let t = e.properties === void 0 ? [] : [...e.properties].map(([e, t]) => ({
+		key: e,
+		node: t
+	}));
+	return e.open === !0 ? {
+		entries: t,
+		open: !0
+	} : { entries: 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) {
+	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 k(e) {
+	let t = 0;
+	for (; t < e.length && !T.includes(e[t]);) t += 1;
+	if (t === 0) return {
+		ok: !1,
+		error: "expression_syntax_error"
+	};
+	let n = e.slice(0, t), r = D(e, t);
+	if (r >= e.length || e[r] !== "(") return {
+		ok: !1,
+		error: "expression_syntax_error"
+	};
+	r = D(e, r + 1);
+	let i = [];
+	if (r < e.length && e[r] === ")") r += 1;
+	else for (;;) {
+		if (r >= e.length) return {
+			ok: !1,
+			error: "expression_syntax_error"
+		};
+		let t = A(e, r);
+		if (!t.ok) return t;
+		if (i.push(t.value), r = D(e, t.end), r >= e.length) return {
+			ok: !1,
+			error: "expression_syntax_error"
+		};
+		if (e[r] === ",") {
+			if (r = D(e, r + 1), r < e.length && e[r] === ")") return {
+				ok: !1,
+				error: "expression_syntax_error"
+			};
+			continue;
+		}
+		if (e[r] === ")") {
+			r += 1;
+			break;
+		}
+		return {
+			ok: !1,
+			error: "expression_syntax_error"
+		};
+	}
+	if (D(e, r) !== e.length || i[0] !== void 0 && i[0].type !== "path") return {
+		ok: !1,
+		error: "expression_syntax_error"
+	};
+	for (let e of i) if (e.type === "path" && !S(e.value).ok) return {
+		ok: !1,
+		error: "expression_syntax_error"
+	};
+	return {
+		ok: !0,
+		name: n,
+		args: i
+	};
+}
+function A(e, t) {
+	let n = e.length, r = e[t];
+	if (r === "'") {
+		let r = t + 1, i = "";
+		for (;;) {
+			if (r >= n) return {
+				ok: !1,
+				error: "expression_syntax_error"
+			};
+			if (e[r] === "'") {
+				if (r + 1 < n && e[r + 1] === "'") {
+					i += "'", r += 2;
+					continue;
+				}
+				r += 1;
+				break;
+			}
+			i += e[r], r += 1;
+		}
+		return {
+			ok: !0,
+			value: {
+				type: "string",
+				value: i
+			},
+			end: r
+		};
+	}
+	if (r >= "0" && r <= "9") {
+		let r = t, 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)
+			},
+			end: t
+		};
+	}
+	let i = t;
+	for (; t < n && e[t] !== "," && e[t] !== ")";) t += 1;
+	let a = E(e.slice(i, t));
+	return a === "" ? {
+		ok: !1,
+		error: "expression_syntax_error"
+	} : {
+		ok: !0,
+		value: {
+			type: "path",
+			value: a
+		},
+		end: t
+	};
+}
+function j(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 M(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 N(e) {
+	return e === "" ? "expression_syntax_error" : O(e) ? k(e).ok ? null : "expression_syntax_error" : S(e).ok ? null : "expression_syntax_error";
+}
+function P(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: M(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 = M(a), s = N(o);
+		t.push({
+			kind: "fragment",
+			start: r,
+			end: i + 2,
+			raw: a,
+			expr: o,
+			error: 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 F(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 I = /* @__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"]));
+	}
+}), L = {
+	role: "listbox",
+	"aria-label": "表达式路径候选"
+}, R = [
+	"aria-selected",
+	"title",
+	"onClick"
+], z = { class: "cn-completion__segment font-mono text-cn-fg" }, B = {
+	key: 0,
+	class: "shrink-0 rounded-sm bg-cn-field px-1 py-0.5 text-[9px] leading-none text-cn-muted"
+}, V = {
+	key: 1,
+	class: "truncate text-[10px] leading-none text-cn-muted"
+}, H = {
+	key: 0,
+	class: "cn-completion__hint px-2 py-1.5 text-[10px] leading-none text-cn-muted"
+}, U = /* @__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", L, [(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", z, h(e.segment), 1),
+			e.type ? (d(), i("span", B, h(e.type), 1)) : r("", !0),
+			e.description ?? e.title ? (d(), i("span", V, h(e.description ?? e.title), 1)) : r("", !0)
+		], 10, R))), 128))]), o.state.openMapping ? (d(), i("div", H, " 动态字段，键由模板定义 ")) : r("", !0)], 36)) : r("", !0)]));
+	}
+});
+//#endregion
+//#region src/shared/completion.ts
+function W(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 G(e, t) {
+	return parseFloat(e.getPropertyValue(t)) || 0;
+}
+function K(e, t, n) {
+	for (let r of n) {
+		let n = e.getPropertyValue(r);
+		n && t.setProperty(r, n);
+	}
+}
+var q = [
+	"font-family",
+	"font-size",
+	"font-weight",
+	"font-style",
+	"font-stretch",
+	"letter-spacing",
+	"word-spacing",
+	"line-height",
+	"text-transform",
+	"text-indent",
+	"tab-size"
+];
+function J(e) {
+	return G(e, "line-height") || G(e, "font-size") * 1.4;
+}
+function Y(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 X(e, t) {
+	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = G(i, "padding-left"), o = G(i, "padding-top"), s = null, c = Y((t, r) => {
+		r.whiteSpace = i.whiteSpace || "pre-wrap", r.boxSizing = "content-box", r.width = `${Math.max(0, e.clientWidth - a - G(i, "padding-right"))}px`, K(i, r, [
+			"padding-left",
+			"padding-right",
+			"padding-top",
+			"padding-bottom",
+			"word-break",
+			"overflow-wrap"
+		]), K(i, r, q), s = document.createElement("span"), s.textContent = "​", t.append(document.createTextNode(e.value.slice(0, n)), s);
+	});
+	try {
+		let n = r.left + G(i, "border-left-width") + a + s.offsetLeft * t - e.scrollLeft, c = r.top + G(i, "border-top-width") + o + s.offsetTop * t - e.scrollTop;
+		return {
+			left: n,
+			top: c,
+			bottom: c + J(i) * t
+		};
+	} finally {
+		c.remove();
+	}
+}
+function Z(e, t) {
+	let n = e.selectionStart ?? e.value.length, r = e.getBoundingClientRect(), i = getComputedStyle(e), a = Y((t, r) => {
+		r.display = "inline-block", r.whiteSpace = "pre", K(i, r, q), t.textContent = e.value.slice(0, n);
+	});
+	try {
+		let n = a.getBoundingClientRect().width || a.offsetWidth;
+		return {
+			left: r.left + G(i, "border-left-width") + G(i, "padding-left") + n * t - e.scrollLeft,
+			top: r.top + G(i, "border-top-width"),
+			bottom: r.bottom - G(i, "border-bottom-width")
+		};
+	} finally {
+		a.remove();
+	}
+}
+function Q(e, t = 1) {
+	return e instanceof HTMLTextAreaElement ? X(e, t) : Z(e, t);
+}
+//#endregion
+export { F as a, j as c, x as d, b as f, I as i, O as l, W as n, M as o, y as p, U as r, P as s, Q as t, S as u };

package/dist/index.js

@@ -1,10 +1,10 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-C70NSsoF.js";
-import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./layer-panel-BEcT9HhJ.js";
-import { a as w, c as T, d as E, f as D, i as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L } from "./property-panel-C2etsIhF.js";
-import { i as R, n as z, r as B, t as V } from "./completionAnchor-CDR5YZhu.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./canvas-ZMyaouKe.js";
+import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./layer-panel-CEyB57XM.js";
+import { a as w, c as T, d as E, f as D, i as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L } from "./property-panel-DmSf_GPu.js";
+import { i as R, n as z, r as B, t as V } from "./completionAnchor-Da8VhzMQ.js";
 import { c as H, i as U, n as W, s as G, t as K } from "./useTransientFeedback-CTjmMmFF.js";
-import { i as q, n as J, r as Y, t as X } from "./uploadFile-BOfv8aLG.js";
-import { n as Z, t as Q } from "./usePathCompletion-uJ5c_gQ0.js";
+import { i as q, n as J, r as Y, t as X } from "./uploadFile-DXAEX9kG.js";
+import { n as Z, t as Q } from "./usePathCompletion-C52F4phW.js";
 import { n as $, t as ee } from "./useViewport-D9Ipevzs.js";
 import { n as te, r as ne, t as re } from "./useDataSourceSchema-CGbldbUj.js";
 import { n as ie, r as ae, t as oe } from "./status-bar-_PvEXyq8.js";

package/dist/{layer-panel-BEcT9HhJ.js → layer-panel-CEyB57XM.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./createLucideIcon-SCvtEGVf.js";
 import { i as t, r as n, t as r } from "./layerPath-uy2ywyld.js";
-import { i, o as a, r as o } from "./completionAnchor-CDR5YZhu.js";
+import { i, r as a, s as o } from "./completionAnchor-Da8VhzMQ.js";
 import { c as s, i as c, s as l, t as u } from "./useTransientFeedback-CTjmMmFF.js";
-import { n as ee, t as te } from "./usePathCompletion-uJ5c_gQ0.js";
+import { n as ee, t as te } from "./usePathCompletion-C52F4phW.js";
 import { n as ne, t as re } from "./useDataSourceSchema-CGbldbUj.js";
 import { Fragment as d, computed as f, createBlock as ie, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, nextTick as ae, normalizeClass as v, normalizeStyle as oe, onScopeDispose as y, openBlock as b, ref as x, renderList as se, shallowRef as S, toDisplayString as ce, unref as C, vModelText as w, watch as le, withCtx as T, withDirectives as E, withKeys as D, withModifiers as O } from "vue";
 var ue = e({
@@ -161,7 +161,7 @@ var j = "{{…}}";
 function M(e) {
 	let t = A(e);
 	if (t === null) return "";
-	let n = a(t).parts.flatMap((e) => e.kind === "fragment" && e.expr !== "" ? [e.expr] : []);
+	let n = o(t).parts.flatMap((e) => e.kind === "fragment" && e.expr !== "" ? [e.expr] : []);
 	return n.length === 0 ? j : n.map((e) => `{{${e}}}`).join(" ");
 }
 function N(e, t, n, i) {
@@ -307,7 +307,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 	__name: "LayerPanel",
 	props: { editor: {} },
 	setup(e) {
-		let r = e, a = `解锁图层（${s("toggleLayerLock", l())}）`, _ = `图层已锁定（${s("toggleLayerLock", l())} 解锁后可删除）`, y = V(r.editor), S = x(!1), k = x(""), A = x(!1);
+		let r = e, o = `解锁图层（${s("toggleLayerLock", l())}）`, _ = `图层已锁定（${s("toggleLayerLock", l())} 解锁后可删除）`, y = V(r.editor), S = x(!1), k = x(""), A = x(!1);
 		function j() {
 			S.value = !1, k.value = "", A.value = !1;
 		}
@@ -546,7 +546,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					}, " 取消 ", 8, we)])
 				], 64)) : p("", !0)]),
 				_: 1
-			}, 8, ["items"]), S.value ? (b(), ie(o, {
+			}, 8, ["items"]), S.value ? (b(), ie(a, {
 				key: 0,
 				ref_key: "pathPopupRef",
 				ref: B,
@@ -630,7 +630,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					type: "button",
 					"data-lock": "",
 					class: v(["cn-layers__lock size-5 shrink-0 items-center justify-center rounded text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent", e.node.locked ? "flex" : "hidden group-hover:flex"]),
-					title: e.node.locked ? a : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
+					title: e.node.locked ? o : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
 					"aria-pressed": e.node.locked,
 					onClick: O((t) => qe(e), ["stop"])
 				}, [g(i, {

package/dist/layer-panel.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./layer-panel-BEcT9HhJ.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./layer-panel-CEyB57XM.js";
 export { t as ADD_LAYER_MENU, e as ADD_MENU, r as ADD_TEXT_PRESET_MENU, o as LayerPanel, a as PANEL_ADD_MENU, n as isUpperHalf, i as useLayerPanel };

package/dist/{property-panel-C2etsIhF.js → property-panel-DmSf_GPu.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./createLucideIcon-SCvtEGVf.js";
 import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, p as c, r as l, s as u, t as d, u as f } from "./dist-DGtNmLwo.js";
 import { a as p, r as m } from "./layerPath-uy2ywyld.js";
-import { i as h, r as g } from "./completionAnchor-CDR5YZhu.js";
-import { i as _, n as ee, r as te, t as v } from "./uploadFile-BOfv8aLG.js";
-import { n as y, r as ne, t as re } from "./usePathCompletion-uJ5c_gQ0.js";
+import { i as h, r as g } from "./completionAnchor-Da8VhzMQ.js";
+import { i as _, n as ee, r as te, t as v } from "./uploadFile-DXAEX9kG.js";
+import { n as y, r as ne, t as re } from "./usePathCompletion-C52F4phW.js";
 import { Fragment as b, computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createTextVNode as ie, createVNode as E, defineComponent as D, inject as ae, markRaw as O, nextTick as oe, normalizeClass as k, onScopeDispose as se, openBlock as A, provide as ce, ref as j, renderList as M, resolveDynamicComponent as le, shallowRef as N, toDisplayString as P, unref as F, vModelText as I, watch as L, watchEffect as ue, withCtx as de, withDirectives as fe, withModifiers as R } from "vue";
 var pe = e({
 	name: "grid-2x2",

package/dist/property-panel.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./property-panel-C2etsIhF.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./property-panel-DmSf_GPu.js";
 export { a as CANVAS_FIELD_SECTIONS, p as FIELD_SECTIONS_BY_TYPE, d as FONT_PICKER_KEY, e as IMAGE_UPLOAD_KEY, s as PropertyField, f as PropertyPanel, i as controlRegistry, n as fieldSectionsForPath, r as fieldSectionsForType, t as injectFontPicker, c as injectImageUpload, l as layerRoleAt, o as readField, u as usePropertyPanel };

package/dist/shared/completion.d.ts

@@ -11,6 +11,22 @@ export interface CompletionItem {
     title?: string;
     /** 类型徽标数据（未声明为 undefined） */
     type?: string;
+    /**
+     * 插入后光标从插入文本末端回退的码元数（expression-type-methods 工单 12）：
+     * date() 调用插入 = 2（光标落引号内 format 参数占位）、函数名候选 = 1（落括号
+     * 内）；缺省 0（落插入末尾）
+     */
+    cursorBack?: number;
+    /**
+     * 接受时从光标锚位回退替换的长度（工单 12；缺省 = partial 长度）：桶候选携带
+     * 整段 expr 长度——调用插入重写「前缀 + 部分段」全量
+     */
+    replaceLen?: number;
+    /**
+     * 前缀过滤键（工单 12；缺省 = segment）：桶候选 = 字段键名——与同键路径候选
+     * 一起按 partial 过滤（segment 是整段调用文本，直接过滤永不匹配）
+     */
+    filterKey?: string;
 }
 /**
  * 候选源一次求值结果（工单 02 partial/candidates 契约 + 工单 10 open 信号扩展）：
@@ -37,13 +53,17 @@ export interface CompletionResult {
 export type CompletionSource = (expr: string) => CompletionResult | null;
 /** PHP trim() 默认字符集——内核 expressionScan 导出（单一事实源，勿按值复刻） */
 /**
- * 接受手术：把片段表达式末尾的 partial 换成候选 segment（工单 02 钉定的替换
- * 面——非整段重插、不包 `{{}}` 外壳）。part 是扫描产物（start/end 为码元索引，
- * end 独占），expr 物理终点 = 片段内容区终点回退 PHP trim 尾空白，partial 恒
- * 为其后缀；值与浮层状态漂移（partial 对不上）时拒绝手术返回 null，由调用方
- * 安全收口。
+ * 接受手术（工单 12 起光标锚定）：把**光标锚位前**的替换域换成候选段（工单 02
+ * 钉定的替换面——非整段重插、不包 `{{}}` 外壳）。part 是扫描产物（start/end 为
+ * 码元索引，end 独占），cursor 是刷新时的光标锚位（片段内容区内）；替换域 =
+ * [锚位 - 尾随空白 - replaceLen, 锚位 - 尾随空白)，replaceLen 缺省 = partial
+ * 长度（路径面与旧行为全等——尾随输入位锚定）、桶候选携带整段 expr 长度（调用
+ * 插入重写前缀+部分段，工单 12）。默认替换保留漂移检验（锚位文本须等于 partial，
+ * 对不上拒绝手术返回 null 由调用方安全收口）；replaceLen 面由锚位边界把守
+ * （expr 全量来自同一次刷新，漂移即越界拒绝）。返回光标 = 插入末端回退
+ * cursorBack（format 参数占位/括号内落点）。
  */
-export declare function applyCompletion(value: string, part: ExpressionScanFragment | ExpressionScanOpen, partial: string, segment: string): {
+export declare function applyCompletion(value: string, part: ExpressionScanFragment | ExpressionScanOpen, cursor: number, partial: string, item: Pick<CompletionItem, 'segment' | 'replaceLen' | 'cursorBack'>): {
     value: string;
     cursor: number;
 } | null;

package/dist/shared.js

@@ -1,7 +1,7 @@
-import { i as e, n as t, r as n, t as r } from "./completionAnchor-CDR5YZhu.js";
+import { i as e, n as t, r as n, t as r } from "./completionAnchor-Da8VhzMQ.js";
 import { c as i, i as a, n as o, s, t as c } from "./useTransientFeedback-CTjmMmFF.js";
-import { i as l, n as u, r as d, t as f } from "./uploadFile-BOfv8aLG.js";
-import { n as p, t as m } from "./usePathCompletion-uJ5c_gQ0.js";
+import { i as l, n as u, r as d, t as f } from "./uploadFile-DXAEX9kG.js";
+import { n as p, t as m } from "./usePathCompletion-C52F4phW.js";
 import { n as h, t as g } from "./useViewport-D9Ipevzs.js";
 import { n as _, r as v, t as y } from "./useDataSourceSchema-CGbldbUj.js";
 import { t as b } from "./useShortcutsHelp-CsyarO2P.js";