@hankchen/canvas-editor-vue 0.2.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-C70NSsoF.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-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 { 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 { 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-BEcT9HhJ.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, o as a, r as o } from "./completionAnchor-CDR5YZhu.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-uJ5c_gQ0.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({
@@ -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(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
@@ -630,10 +630,10 @@ 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, {
+				}, [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-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-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/popupPosition-Ck5Gsvjy.js

@@ -0,0 +1,526 @@
+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 };