@hankchen/canvas-editor-vue 0.3.0 → 0.4.0

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-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 };
+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-DqQislJ_.js";
+export { e as AlignFloatBar, n as CanvasSurface, a as ContextMenu, f as EditOverlayToolbar, 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/index.js

@@ -1,16 +1,17 @@
-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-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";
-import { t as se } from "./useShortcutsHelp-CsyarO2P.js";
-import { n as ce, r as le, t as ue } from "./shared-wuupBoZg.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-DqQislJ_.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-DskyCgF5.js";
+import { a as w, c as T, d as E, f as D, i as O, l as k, n as A, o as j, r as M, s as N, t as P, u as F } from "./property-panel-B32ZBQdf.js";
+import { a as I, i as L, n as R, o as z, r as B, s as V, t as H } from "./popupPosition-Ck5Gsvjy.js";
+import { c as U, i as W, n as G, s as K, t as q } from "./useTransientFeedback-CTjmMmFF.js";
+import { a as J, c as Y, i as X, l as Z, n as Q, o as $, r as ee, s as te, t as ne } from "./uploadFile-D1RY-ji0.js";
+import { i as re, n as ie, r as ae, t as oe } from "./resourceTemplate-cdcQtp9a.js";
+import { n as se, t as ce } from "./usePathCompletion-Do17CQ6l.js";
+import { n as le, t as ue } from "./useViewport-D9Ipevzs.js";
+import { n as de, r as fe, t as pe } from "./useDataSourceSchema-CGbldbUj.js";
+import { n as me, r as he, t as ge } from "./status-bar-_PvEXyq8.js";
+import { t as _e } from "./useShortcutsHelp-CsyarO2P.js";
+import { n as ve, r as ye, t as be } from "./shared-wuupBoZg.js";
 //#region src/index.ts
-var de = "@hankchen/canvas-editor-vue";
+var xe = "@hankchen/canvas-editor-vue";
 //#endregion
-export { v as ADD_LAYER_MENU, _ as ADD_MENU, b as ADD_TEXT_PRESET_MENU, U as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, k as CANVAS_FIELD_SECTIONS, n as CanvasSurface, f as ContentTypePill, a as ContextMenu, te as DropdownMenu, B as ExpressionCompletionPopup, L as FIELD_SECTIONS_BY_TYPE, F as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, le as HelpDialog, w as IMAGE_UPLOAD_KEY, C as LayerPanel, de as PACKAGE_NAME, S as PANEL_ADD_MENU, R as PanelIcon, j as PropertyField, I as PropertyPanel, d as Ruler, oe as StatusBar, c as TextEditingOverlay, z as applyCompletion, O as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, G as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, Y as expressionCompletionSource, q as expressionFieldContext, E as fieldSectionsForPath, D as fieldSectionsForType, ie as formatLayerGeometry, ae as formatLayerPath, T as injectFontPicker, M as injectImageUpload, W as isEditableEventTarget, y as isUpperHalf, N as layerRoleAt, V as measureCursorAnchor, A as readField, Z as rowsPathCompletionSource, H as shortcutActionLabel, X as uploadFileFromDom, re as useDataSourceSchema, r as useDpr, ne as useDropdownMenu, J as useExpressionCompletion, o as useFindSession, ce as useHistory, x as useLayerPanel, Q as usePathCompletion, P as usePropertyPanel, $ as useSelection, ue as useShortcuts, se as useShortcutsHelp, g as useTextEditing, K as useTransientFeedback, ee as useViewport, i as watchDprChanges };
+export { v as ADD_LAYER_MENU, _ as ADD_MENU, b as ADD_TEXT_PRESET_MENU, W as ARM_LAYER_CREATE_HINT, e as AlignFloatBar, N as CANVAS_FIELD_SECTIONS, n as CanvasSurface, a as ContextMenu, de as DropdownMenu, f as EditOverlayToolbar, z as ExpressionCompletionPopup, ae as ExpressionPathPicker, T as FIELD_SECTIONS_BY_TYPE, ee as FONT_PICKER_KEY, l as FindBar, m as GuidesOverlay, ye as HelpDialog, w as IMAGE_UPLOAD_KEY, C as LayerPanel, xe as PACKAGE_NAME, S as PANEL_ADD_MENU, H as POPUP_GAP, R as POPUP_MARGIN, V as PanelIcon, A as PropertyField, P as PropertyPanel, d as Ruler, ge as StatusBar, c as TextEditingOverlay, I as applyCompletion, oe as attachResourceTemplate, O as controlRegistry, u as createGizmoOverlayPainter, h as createRafScheduler, K as detectShortcutPlatform, t as drawCreateRubberBand, s as drawFindMatches, p as drawSelectionGizmo, Y as expressionCompletionSource, J as expressionDiagnosticHint, Z as expressionFieldContext, k as fieldSectionsForPath, F as fieldSectionsForType, me as formatLayerGeometry, he as formatLayerPath, X as injectFontPicker, j as injectImageUpload, G as isEditableEventTarget, y as isUpperHalf, E as layerRoleAt, L as measureCursorAnchor, re as pathPickerEntries, B as placePopupInViewport, D as readField, se as rowsPathCompletionSource, Q as selectionFieldMergeKey, U as shortcutActionLabel, ie as stripResourceTemplate, ne as uploadFileFromDom, pe as useDataSourceSchema, r as useDpr, fe as useDropdownMenu, te as useExpressionCompletion, $ as useExpressionDiagnostics, o as useFindSession, ve as useHistory, x as useLayerPanel, ce as usePathCompletion, M as usePropertyPanel, le as useSelection, be as useShortcuts, _e as useShortcutsHelp, g as useTextEditing, q as useTransientFeedback, ue as useViewport, i as watchDprChanges };

package/dist/{layer-panel-CEyB57XM.js → layer-panel-DskyCgF5.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, r as a, s as o } from "./completionAnchor-Da8VhzMQ.js";
+import { o as i, s as a, u as o } from "./popupPosition-Ck5Gsvjy.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-C52F4phW.js";
+import { n as ee, t as te } from "./usePathCompletion-Do17CQ6l.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({
@@ -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(a, {
+			}, 8, ["items"]), S.value ? (b(), ie(i, {
 				key: 0,
 				ref_key: "pathPopupRef",
 				ref: B,
@@ -585,7 +585,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					title: "拖动排序",
 					class: "cn-layers__handle shrink-0",
 					onDragstart: (t) => X(e, t)
-				}, [g(i, {
+				}, [g(a, {
 					icon: C(fe),
 					size: 12,
 					"stroke-width": 2.5
@@ -620,7 +620,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					title: e.node.visible ? "隐藏图层（最终输出不含该层）" : "显示图层",
 					"aria-pressed": !e.node.visible,
 					onClick: O((t) => Ke(e), ["stop"])
-				}, [g(i, {
+				}, [g(a, {
 					icon: e.node.visible ? C(de) : C(ue),
 					size: 11,
 					"stroke-width": 2
@@ -633,7 +633,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					title: e.node.locked ? o : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
 					"aria-pressed": e.node.locked,
 					onClick: O((t) => qe(e), ["stop"])
-				}, [g(i, {
+				}, [g(a, {
 					icon: e.node.locked ? C(me) : C(pe),
 					size: 11,
 					"stroke-width": 2
@@ -645,7 +645,7 @@ var ge = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					class: "cn-layers__delete hidden size-5 shrink-0 items-center justify-center rounded text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex",
 					title: "重命名（双击名称或 F2）",
 					onClick: O((t) => rt(e), ["stop"])
-				}, [g(i, {
+				}, [g(a, {
 					icon: C(he),
 					size: 11,
 					"stroke-width": 2

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";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./layer-panel-DskyCgF5.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/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;