@hankchen/canvas-editor-vue 0.3.0 → 0.5.0

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-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 };
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./layer-panel-kOceTf8H.js";
+export { e as ADD_LAYER_MENU, a as ADD_MENU, s as ADD_RATIO_PRESET_MENU, t as ADD_TEXT_PRESET_MENU, c as LayerPanel, r as PANEL_ADD_MENU, n as TemplateTableForm, i as isUpperHalf, o as useLayerPanel };

package/dist/panel-theme.css

@@ -252,3 +252,27 @@
     background-color: var(--cn-accent-soft);
     color: var(--cn-accent);
 }
+
+/* ---- 资源路径选择器浮层（resource-expression-single-ref 工单 05）----
+   portal 到 body 后脱离面板 DOM 子树，根元素自带 .cn-props 重建令牌命名空间；
+   抬升底色/投影与高亮态与补全浮层同语言（option 几何以 tailwind utility 留在
+   组件模板）。只读展示框的盒子视觉（bg/border/圆角）同 cn-field 输入框族。 */
+.cn-props.cn-pathpicker__menu {
+    background-color: var(--cn-bg-elevated);
+    box-shadow: 0 16px 40px -12px rgba(2, 6, 23, 0.55);
+}
+
+.cn-props .cn-pathpicker__option--active {
+    background-color: var(--cn-accent-soft);
+}
+
+/* 选择器的状态描边（工单 05）：PropertyField 的状态类（cn-field--expression/
+   cn-field--invalid）经 fallthrough 落在选择器根盒（flex 容器无边框），描边经
+   后代选择器落到只读展示框——与 cn-field--invalid 单类规则同值的定向版 */
+.cn-props .cn-field--expression .cn-pathpicker__value {
+    border-color: var(--cn-accent);
+}
+
+.cn-props .cn-field--invalid .cn-pathpicker__value {
+    border-color: var(--cn-danger);
+}

package/dist/{completionAnchor-Da8VhzMQ.js → popupPosition-Ck5Gsvjy.js}

@@ -18,15 +18,10 @@ function y(e, 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]) => ({
+	return e.type === "array" || e.items !== void 0 ? { entries: [] } : { entries: 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(".");
@@ -75,7 +70,18 @@ function D(e, t) {
 	for (; t < e.length && w.includes(e[t]);) t += 1;
 	return t;
 }
-function O(e) {
+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;
@@ -83,92 +89,86 @@ function O(e) {
 	for (; n < e.length && C.includes(e[n]);) n += 1;
 	return e[n] === "(";
 }
-function k(e) {
+function A(e) {
 	let t = 0;
 	for (; t < e.length && !T.includes(e[t]);) t += 1;
-	if (t === 0) return {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
+	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 {
-		ok: !1,
-		error: "expression_syntax_error"
-	};
+	if (r >= e.length || e[r] !== "(") return O("missing_open_paren", t, e.length);
+	let i = r;
 	r = D(e, r + 1);
-	let i = [];
+	let a = [], o = [];
 	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 (r >= e.length) return O("unbalanced_paren", i, e.length);
+		let t = j(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 (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] === ",") {
-			if (r = D(e, r + 1), r < e.length && e[r] === ")") return {
-				ok: !1,
-				error: "expression_syntax_error"
-			};
+			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 {
-			ok: !1,
-			error: "expression_syntax_error"
-		};
+		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);
 	}
-	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
+		args: a
 	};
 }
-function A(e, t) {
-	let n = e.length, r = e[t];
-	if (r === "'") {
-		let r = t + 1, i = "";
+function j(e, t) {
+	let n = e.length, r = t, i = e[t];
+	if (i === "'") {
+		let i = t + 1, a = "";
 		for (;;) {
-			if (r >= n) return {
+			if (i >= n) return {
 				ok: !1,
-				error: "expression_syntax_error"
+				error: "expression_syntax_error",
+				kind: "unterminated_string",
+				at: {
+					start: r,
+					end: n
+				}
 			};
-			if (e[r] === "'") {
-				if (r + 1 < n && e[r + 1] === "'") {
-					i += "'", r += 2;
+			if (e[i] === "'") {
+				if (i + 1 < n && e[i + 1] === "'") {
+					a += "'", i += 2;
 					continue;
 				}
-				r += 1;
+				i += 1;
 				break;
 			}
-			i += e[r], r += 1;
+			a += e[i], i += 1;
 		}
 		return {
 			ok: !0,
 			value: {
 				type: "string",
-				value: i
+				value: a
 			},
-			end: r
+			start: r,
+			end: i
 		};
 	}
-	if (r >= "0" && r <= "9") {
-		let r = t, i = (t) => {
+	if (i >= "0" && i <= "9") {
+		let i = (t) => {
 			let n = e[t];
 			return n !== void 0 && n >= "0" && n <= "9";
 		};
@@ -180,25 +180,31 @@ function A(e, t) {
 				type: "number",
 				value: e.slice(r, t)
 			},
+			start: r,
 			end: t
 		};
 	}
-	let i = t;
 	for (; t < n && e[t] !== "," && e[t] !== ")";) t += 1;
-	let a = E(e.slice(i, t));
+	let a = E(e.slice(r, t));
 	return a === "" ? {
 		ok: !1,
-		error: "expression_syntax_error"
+		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 j(e) {
+function M(e) {
 	let t = 0;
 	for (; t < e.length && !T.includes(e[t]);) t += 1;
 	if (t === 0) return null;
@@ -254,16 +260,41 @@ function j(e) {
 		r += 1, n = D(e, n + 1);
 	}
 }
-function M(e) {
+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 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) {
+	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);
@@ -280,7 +311,7 @@ function P(e) {
 				start: r,
 				end: e.length,
 				text: i,
-				expr: M(i.slice(2))
+				expr: N(i.slice(2))
 			}), {
 				template: e,
 				parts: t
@@ -292,14 +323,27 @@ function P(e) {
 			end: r,
 			text: e.slice(n, r)
 		});
-		let a = e.slice(r + 2, i), o = M(a), s = N(o);
+		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
+			error: s === null ? null : "expression_syntax_error",
+			diagnostic: s
 		}), n = i + 2, r = e.indexOf("{{", n);
 	}
 	return n < e.length && t.push({
@@ -312,13 +356,13 @@ function P(e) {
 		parts: t
 	};
 }
-function F(e, 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 I = /* @__PURE__ */ o({
+var R = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "PanelIcon",
 	props: {
@@ -332,23 +376,20 @@ var I = /* @__PURE__ */ o({
 			"stroke-width": e.strokeWidth
 		}, t.$attrs), null, 16, ["size", "stroke-width"]));
 	}
-}), L = {
+}), z = {
 	role: "listbox",
 	"aria-label": "表达式路径候选"
-}, R = [
+}, B = [
 	"aria-selected",
 	"title",
 	"onClick"
-], z = { class: "cn-completion__segment font-mono text-cn-fg" }, B = {
+], 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"
-}, V = {
+}, U = {
 	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({
+}, W = /* @__PURE__ */ o({
 	__name: "ExpressionCompletionPopup",
 	props: { state: {} },
 	emits: ["select"],
@@ -367,7 +408,7 @@ var I = /* @__PURE__ */ o({
 			}),
 			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", {
+		}, [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",
@@ -376,15 +417,15 @@ var I = /* @__PURE__ */ o({
 			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)]));
+			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 W(e, t, n, r, i) {
+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);
@@ -397,16 +438,16 @@ function W(e, t, n, r, i) {
 }
 //#endregion
 //#region src/shared/completionAnchor.ts
-function G(e, t) {
+function K(e, t) {
 	return parseFloat(e.getPropertyValue(t)) || 0;
 }
-function K(e, t, n) {
+function q(e, t, n) {
 	for (let r of n) {
 		let n = e.getPropertyValue(r);
 		n && t.setProperty(r, n);
 	}
 }
-var q = [
+var J = [
 	"font-family",
 	"font-size",
 	"font-weight",
@@ -419,52 +460,67 @@ var q = [
 	"text-indent",
 	"tab-size"
 ];
-function J(e) {
-	return G(e, "line-height") || G(e, "font-size") * 1.4;
-}
 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 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, [
+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"
-		]), K(i, r, q), s = document.createElement("span"), s.textContent = "​", t.append(document.createTextNode(e.value.slice(0, n)), s);
+		]), 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 + 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;
+		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 + J(i) * t
+			bottom: c + Y(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);
+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 + 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")
+			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 Q(e, t = 1) {
-	return e instanceof HTMLTextAreaElement ? X(e, t) : Z(e, t);
+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 { 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 };
+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 };

package/dist/property-panel/PropertyField.d.ts

@@ -7,6 +7,12 @@ type __VLS_Props = {
     value: unknown;
     /** 数据字段取值方式；undefined = 非 data 字段（无切换钮） */
     dataMode?: 'static' | 'expression';
+    /**
+     * 会话内容锁定（edit-overlay-toolbar 工单 02，ADR 0019 门面）：编辑会话期
+     * data 字段的输入控件与模式段 disabled——编辑框草稿是内容唯一写入门，面板
+     * 只显示（文档现值 + 随会话活标志的模式段）。undefined/false = 照常可编辑。
+     */
+    locked?: boolean;
     /**
      * 补全候选源（面板按字段分发：data 门字段 = 表达式源，rowsPath 标记字段 =
      * 行相对源，工单 03）；null = 未注入/无接线/降级（浮层恒闭）。

package/dist/property-panel/fieldSchema.d.ts

@@ -1,6 +1,6 @@
 import { Layer, LayerPath, LayerType, ResourceStatusMap } from '@hankchen/canvas-editor';
 /** 控件种类（与 controls.ts 的组件注册表一一对应） */
-export type FieldControl = 'number' | 'text' | 'textarea' | 'color' | 'select' | 'boolean' | 'pair' | 'anchor' | 'align' | 'padding' | 'border' | 'font' | 'imageSrc';
+export type FieldControl = 'number' | 'text' | 'textarea' | 'color' | 'select' | 'boolean' | 'pair' | 'anchor' | 'align' | 'padding' | 'border' | 'font' | 'imageSrc' | 'resourceValue';
 /**
  * 自适应 prefix 钮描述（pair 子字段用）：key 相对 pair 值对象上的布尔键；
  * 开启 → 本输入禁用。placeholder 是禁用态兜底占位（盒未解析时；正常路径面板
@@ -33,6 +33,12 @@ export interface FieldDef {
     readonly auto?: FieldAutoToggle;
     /** 数据字段：提交走 updateData（按 type 分派到 text/src/value），其余走 updateSpec */
     readonly data?: boolean;
+    /**
+     * 资源类内容字段（resource-expression-single-ref 工单 03，ADR 0020）：表达式态
+     * 诊断走内核资源单值门（resourcePathDiagnostics——恰一闭合片段 + 裸点路径，
+     * 禁拼接/函数），不走片段级扫描诊断。图片地址/二维码值两类声明。
+     */
+    readonly resource?: true;
     /**
      * 补全标记门（rows-path-completion 工单 03，D6）：'rowsPath' = 裸路径补全
      * （usePathCompletion，候选源 = 面板 rowsPathSource）——不走 data 门

package/dist/property-panel/fields/ImageSrcField.d.ts

@@ -1,12 +1,16 @@
 import { ResourceStatus } from '@hankchen/canvas-editor';
+import { CompletionSource } from '../../shared/completion';
 import { FieldDef } from '../fieldSchema';
 type __VLS_Props = {
     field: FieldDef;
     modelValue: string | null;
-    /** 取值方式（面板按 expression 标记派生）：表达式态走表达式视觉与退化面 */
+    /** 取值方式（面板按 expression 标记派生）：表达式态走选择器，静态态走上传形态 */
     dataMode?: 'static' | 'expression';
     /** 当前 src 的物化态（面板从 ui.resourceStatuses 切片解析下发）：角标与画布失败标识同源 */
     resourceStatus?: ResourceStatus;
+    /** 候选源（面板同款注入缝，PropertyField 经 resource 门下发）；null = 未绑声明只读 */
+    source?: CompletionSource | null;
+    disabled?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (value: string) => any;

package/dist/property-panel/fields/ResourceValueField.d.ts

@@ -0,0 +1,19 @@
+import { CompletionSource } from '../../shared/completion';
+import { FieldDef } from '../fieldSchema';
+type __VLS_Props = {
+    field: FieldDef;
+    modelValue: string | null;
+    /** 取值方式（面板按 expression 标记派生）：表达式态走选择器，静态态走字面输入 */
+    dataMode?: 'static' | 'expression';
+    /** 候选源（面板同款注入缝）；null = 未绑声明，选择器整体只读回显 */
+    source?: CompletionSource | null;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/property-panel/fields/TextareaField.d.ts

@@ -2,6 +2,7 @@ import { FieldDef } from '../fieldSchema';
 type __VLS_Props = {
     field: FieldDef;
     modelValue: string;
+    disabled?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (value: string) => any;

package/dist/property-panel/fields/ValueTypeSegmented.d.ts

@@ -1,6 +1,8 @@
 type __VLS_Props = {
-    /** 当前取值方式（由图层 expression 标记派生：null → static） */
+    /** 当前取值方式（锁定期随会话活标志派生：null → static） */
     mode: 'static' | 'expression';
+    /** 会话内容锁定（工单 02）：true = 不可点，显示照常随动 */
+    disabled?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: "expression" | "static") => any;

package/dist/property-panel/index.d.ts

@@ -1,12 +1,14 @@
 /**
  * 属性面板域出口：schema 驱动面板——字段描述注册表（fieldSchema）与领域类型、
  * 面板组件与动态控件分发器、面板订阅切片桥（usePropertyPanel）、动态控件
- * 注册表（controls）、Tailwind 类名常量（controlStyles，包内私有）、
- * 字体清单注入缝（fontPicker）与图片上传注入缝（imageUpload）。字段控件集见 ./fields。
+ * 注册表（controls）、Tailwind 类名常量（controlStyles，包内私有）、图片上传
+ * 注入缝（imageUpload）。字段控件集见 ./fields。字体清单注入缝（fontPicker）
+ * 已迁 shared 域（edit-overlay-toolbar 工单 04，画布工具条同源消费）——此处
+ * 具名转发保持既有出口面不变。
  */
 export { CANVAS_FIELD_SECTIONS, FIELD_SECTIONS_BY_TYPE, fieldSectionsForPath, fieldSectionsForType, layerRoleAt, readField, type FieldControl, type FieldDef, type FieldReadResult, type FieldSection, type LayerRole, } from './fieldSchema';
 export { controlRegistry } from './controls';
-export { FONT_PICKER_KEY, injectFontPicker, type FontPickerContext } from './fontPicker';
+export { FONT_PICKER_KEY, injectFontPicker, type FontPickerContext } from '../shared/fontPicker';
 export { IMAGE_UPLOAD_KEY, injectImageUpload, type ImageUploadContext } from './imageUpload';
 export { usePropertyPanel, type PropertyPanelBinding } from './usePropertyPanel';
 export { default as PropertyField } from './PropertyField';

package/dist/property-panel/usePropertyPanel.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { Canvas, EditorSession, Layer, LayerBox, LayerPath, ResourceStatusMap } from '@hankchen/canvas-editor';
+import { Canvas, EditorSession, Layer, LayerBox, LayerPath, ResourceStatusMap, TextEditingSession } from '@hankchen/canvas-editor';
 import { FieldDef, FieldSection } from './fieldSchema';
 import { CompletionSource } from '../shared/completion';
 export type { FieldDef, FieldSection } from './fieldSchema';
@@ -37,12 +37,24 @@ export interface PropertyPanelBinding {
      * 宿主从渲染端物化状态机桥接注入，padding 行占位态动态提示的物化维度事实源。
      */
     readonly resourceStatuses: ComputedRef<ResourceStatusMap>;
+    /**
+     * 会话内容独占（canvas-web-edit-overlay-toolbar 工单 02，ADR 0019 门面）：
+     * 编辑会话在场且选中层即编辑层 → 内容面锁定（data 字段与模式段 disabled，
+     * 显示随会话活标志/文档现值，退出后随文档通知追平）。会话保持但选择走开
+     * （显示别的层）不锁。
+     */
+    readonly contentLocked: ComputedRef<boolean>;
+    /** 锁定时的模式显示源：编辑会话对象（活标志 = expression），非锁定为 null */
+    readonly editingSession: ComputedRef<TextEditingSession | null>;
+    /** 数据字段当前取值方式（锁定期随会话活标志，否则随层标记态）；非 data 字段恒 false */
+    isDataMarked(field: FieldDef): boolean;
     /** 面板唯一提交口：final = 收口提交（change/blur），否则按 mergeKey 合并累积 */
     commit(field: FieldDef, value: unknown, final: boolean): void;
     /**
-     * 数据字段取值方式切换（静态值/表达式，工单 02）：静态 → 表达式初值取当前
-     * 字面原文（不自动包裹/猜变量）；表达式 → 静态字面接管（值保持现镜像）。
-     * 各为独立一步历史；仅 data 字段且有选中目标时生效。
+     * 数据字段取值方式切换（静态值/表达式，工单 02）：语义经内核 toggleDataMode
+     * 收口——非会话期正常切换（一步历史），编辑会话期命中编辑层只翻会话活标志
+     * （零文档变更零历史步，防御性路由；面板锁定段常态下不可达，路由兜宿主旁路）。
+     * 仅 data 字段且有选中目标时生效。
      */
     toggleDataMode(field: FieldDef): void;
     /** 锚点折叠区开合（写 store ui 分支，不进历史） */