@hankchen/canvas-editor-vue 0.6.1 → 0.8.0

package/dist/{layer-panel-Cz-tmbJJ.js → layer-panel-BouAYiDq.js}

@@ -1,11 +1,10 @@
 import { t as e } from "./createLucideIcon-SCvtEGVf.js";
 import { i as t, r as n, t as r } from "./layerPath-uy2ywyld.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 d, t as f } from "./usePathCompletion-Do17CQ6l.js";
-import { r as p, t as m } from "./useDataSourceSchema-CG9EGzwc.js";
-import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, nextTick as ee, normalizeClass as C, normalizeStyle as te, onScopeDispose as ne, openBlock as w, ref as T, renderList as re, shallowRef as E, toDisplayString as D, unref as O, vModelText as k, watch as ie, withCtx as A, withDirectives as j, withKeys as M, withModifiers as N } from "vue";
-var ae = e({
+import { c as i, o as a, p as o, t as s } from "./ExpressionPathPicker-DchGsK70.js";
+import { a as c, d as l, i as ee, s as u, t as d, u as f } from "./useTransientFeedback-BN_O7V2w.js";
+import { t as te } from "./DropdownMenu-CeUNKMDQ.js";
+import { Fragment as ne, computed as p, createBlock as re, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, nextTick as ie, normalizeClass as y, normalizeStyle as ae, onScopeDispose as b, openBlock as x, ref as S, renderList as oe, shallowRef as C, toDisplayString as w, unref as T, vModelText as se, watch as ce, withCtx as E, withDirectives as le, withKeys as D, withModifiers as O } from "vue";
+var ue = e({
 	name: "eye-off",
 	size: 24,
 	node: [
@@ -26,7 +25,7 @@ var ae = e({
 			key: "1ooewy"
 		}]
 	]
-}), oe = e({
+}), de = e({
 	name: "eye",
 	size: 24,
 	node: [["path", {
@@ -38,7 +37,7 @@ var ae = e({
 		r: "3",
 		key: "1v7zrd"
 	}]]
-}), se = e({
+}), fe = e({
 	name: "grip-vertical",
 	size: 24,
 	node: [
@@ -79,7 +78,7 @@ var ae = e({
 			key: "f4zoj3"
 		}]
 	]
-}), ce = e({
+}), pe = e({
 	name: "lock-open",
 	size: 24,
 	node: [["rect", {
@@ -95,7 +94,7 @@ var ae = e({
 		key: "1mm8w8"
 	}]],
 	aliases: ["unlock"]
-}), le = e({
+}), me = e({
 	name: "lock",
 	size: 24,
 	node: [["rect", {
@@ -110,7 +109,7 @@ var ae = e({
 		d: "M7 11V7a5 5 0 0 1 10 0v4",
 		key: "fwvmzm"
 	}]]
-}), ue = e({
+}), he = e({
 	name: "pencil",
 	size: 24,
 	node: [["path", {
@@ -123,7 +122,7 @@ var ae = e({
 });
 //#endregion
 //#region ../canvas-editor/src/editing/layerPanel.ts
-function P(e) {
+function k(e) {
 	switch (e.type) {
 		case "TableLayer": return e.template === null ? [{
 			key: "rows",
@@ -149,7 +148,7 @@ function P(e) {
 		}];
 	}
 }
-function F(e) {
+function A(e) {
 	switch (e.type) {
 		case "TextLayer":
 		case "ImageLayer":
@@ -157,22 +156,22 @@ function F(e) {
 		default: return null;
 	}
 }
-var I = "{{…}}";
-function L(e) {
-	let t = F(e);
+var j = "{{…}}";
+function M(e) {
+	let t = A(e);
 	if (t === null) return "";
 	let n = o(t).parts.flatMap((e) => e.kind === "fragment" && e.expr !== "" ? [e.expr] : []);
-	return n.length === 0 ? I : n.map((e) => `{{${e}}}`).join(" ");
+	return n.length === 0 ? j : n.map((e) => `{{${e}}}`).join(" ");
 }
-function R(e, t, n, i) {
+function N(e, t, n, i) {
 	let a = [];
-	for (let { key: n, layers: r } of P(e)) for (let e = 0; e < r.length; e += 1) {
+	for (let { key: n, layers: r } of k(e)) for (let e = 0; e < r.length; e += 1) {
 		let o = n === "rows" ? "row" : n === "cells" ? "cell" : n === "template" ? "templateRow" : "content", s = n === "content" ? [...t, "content"] : n === "template" ? [...t, "template"] : [
 			...t,
 			n,
 			e
 		];
-		a.push(R(r[e], s, o, i));
+		a.push(N(r[e], s, o, i));
 	}
 	return {
 		type: e.type,
@@ -181,17 +180,17 @@ function R(e, t, n, i) {
 		name: e.name,
 		visible: e.visible,
 		locked: r(t, i),
-		expressionPrefix: L(e),
+		expressionPrefix: M(e),
 		...e.type === "TableLayer" ? { templated: e.template !== null } : null,
 		children: a
 	};
 }
-function z(e, t = []) {
+function P(e, t = []) {
 	let n = [];
-	for (let r = e.layers.length - 1; r >= 0; --r) n.push(R(e.layers[r], ["layers", r], "root", t));
+	for (let r = e.layers.length - 1; r >= 0; --r) n.push(N(e.layers[r], ["layers", r], "root", t));
 	return n;
 }
-var B = [
+var F = [
 	{
 		id: "heading",
 		fontSize: 40
@@ -204,7 +203,7 @@ var B = [
 		id: "body",
 		fontSize: 16
 	}
-], V = [
+], I = [
 	{
 		id: "free",
 		ratio: null
@@ -244,7 +243,7 @@ var B = [
 			h: 16
 		}
 	}
-], H = [
+], L = [
 	{
 		kind: "layer",
 		type: "TextLayer",
@@ -274,129 +273,100 @@ var B = [
 		label: "模板表",
 		title: "新增模板表（行模板 + 数据行展开）"
 	}
-], U = {
+], R = {
 	heading: "标题",
 	subheading: "副标题",
 	body: "正文"
-}, W = B.map(({ id: e, fontSize: t }) => ({
+}, z = F.map(({ id: e, fontSize: t }) => ({
 	kind: "text-preset",
 	preset: e,
-	label: U[e],
+	label: R[e],
 	shortcut: `${t}号`,
-	title: `画拉建${U[e]}文本层（字号 ${t}，点击后在画布拖拽定落位与尺寸，Esc 取消）`
+	title: `画拉建${R[e]}文本层（字号 ${t}，点击后在画布拖拽定落位与尺寸，Esc 取消）`
 }));
-function G(e) {
+function B(e) {
 	return e === null ? "任意宽高" : e.w === e.h ? "正方形" : e.w > e.h ? "横向" : "纵向";
 }
-var K = V.flatMap(({ id: e, ratio: t }) => e === "free" ? [] : [{
+var V = I.flatMap(({ id: e, ratio: t }) => e === "free" ? [] : [{
 	kind: "ratio-preset",
 	preset: e,
 	label: e,
-	shortcut: G(t),
-	title: `画拉建 ${e} 图片层（${G(t)}，画拉中按住 Shift 临时自由；点击后在画布拖拽定落位与尺寸，Esc 取消）`
-}]), q = H.map((e) => e.kind === "layer" ? e.type === "TextLayer" ? {
+	shortcut: B(t),
+	title: `画拉建 ${e} 图片层（${B(t)}，画拉中按住 Shift 临时自由；点击后在画布拖拽定落位与尺寸，Esc 取消）`
+}]), H = L.map((e) => e.kind === "layer" ? e.type === "TextLayer" ? {
 	...e,
-	children: W
+	children: z
 } : e.type === "ImageLayer" ? {
 	...e,
-	children: K
-} : e : e), J = H;
-function de(e, t) {
-	return `画拉建${e}（${t}），${c}`;
+	children: V
+} : e : e), U = L;
+function ge(e, t) {
+	return `画拉建${e}（${t}），${u}`;
 }
 //#endregion
 //#region src/layer-panel/TemplateTableForm.vue?vue&type=script&setup=true&lang.ts
-var Y = {
-	key: 0,
-	class: "px-2 pb-1 text-[11px] text-cn-danger"
-}, X = { class: "flex gap-1 p-1" }, fe = /* @__PURE__ */ S({
+var W = { class: "mx-1 my-1" }, G = { class: "flex gap-1 p-1" }, K = ["disabled"], q = /* @__PURE__ */ v({
 	__name: "TemplateTableForm",
 	props: { editor: {} },
 	emits: ["confirm", "cancel"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = T(""), o = T(!1);
-		function s() {
-			let e = a.value.trim();
-			if (e === "") {
-				o.value = !0;
-				return;
-			}
-			r("confirm", e);
-		}
-		let c = m(n.editor), l = g(() => d(c.value)), u = T(null), p = T(null), { popup: h, accept: _ } = f({
-			target: u,
-			enabled: () => !0,
-			resolve: (e) => l.value?.(e) ?? null,
-			popupEl: g(() => p.value?.rootEl ?? null)
-		});
-		function S(e) {
-			if (e.key === "Enter") {
-				if (h.open && h.items.length > 0) return;
-				e.preventDefault(), s();
-				return;
-			}
-			e.key === "Escape" && (h.open ? e.stopPropagation() : r("cancel"));
-		}
-		return (e, t) => (w(), y("div", null, [
-			t[3] ||= b("p", { class: "px-2 pt-1 text-[11px] leading-4 text-cn-muted" }, "模板行按数据行路径展开成表", -1),
-			j(b("input", {
-				ref_key: "rowsPathInputEl",
-				ref: u,
-				"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+		let n = e, r = t, i = S("");
+		function o() {
+			i.value !== "" && r("confirm", i.value);
+		}
+		let l = c(n.editor), ee = p(() => a(l.value));
+		return (e, t) => (x(), h("div", null, [
+			t[2] ||= g("p", { class: "px-2 pt-1 text-[11px] leading-4 text-cn-muted" }, "模板行按取行路径展开成表", -1),
+			g("div", W, [_(s, {
+				modelValue: i.value,
+				"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
 				"data-template-rows-path": "",
-				type: "text",
-				placeholder: "如 order.items",
-				class: C(["mx-1 my-1 w-[calc(100%-8px)] rounded border bg-cn-field px-2 py-1 text-[12px] text-cn-fg outline-none focus:border-cn-accent/60", o.value ? "border-cn-danger" : "border-cn-field-line"]),
-				onInput: t[1] ||= (e) => o.value = !1,
-				onKeydown: S
-			}, null, 34), [[k, a.value]]),
-			o.value ? (w(), y("p", Y, "rowsPath 必填")) : v("", !0),
-			b("div", X, [b("button", {
+				mode: "rowsPath",
+				source: ee.value,
+				"aria-label": "取行路径",
+				placeholder: "未选择行路径"
+			}, null, 8, ["modelValue", "source"])]),
+			g("div", G, [g("button", {
 				type: "button",
 				"data-template-confirm": "",
-				class: "flex-1 rounded bg-cn-accent/20 px-2 py-1 text-[12px] text-cn-accent hover:bg-cn-accent/30",
-				onClick: s
-			}, " 创建 "), b("button", {
+				disabled: i.value === "",
+				class: "flex-1 rounded bg-cn-accent/20 px-2 py-1 text-[12px] text-cn-accent hover:bg-cn-accent/30 disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-cn-accent/20",
+				onClick: o
+			}, " 创建 ", 8, K), g("button", {
 				type: "button",
 				"data-template-cancel": "",
 				class: "flex-1 rounded px-2 py-1 text-[12px] text-cn-muted hover:text-cn-fg",
-				onClick: t[2] ||= (e) => r("cancel")
-			}, " 取消 ")]),
-			x(i, {
-				ref_key: "pathPopupRef",
-				ref: p,
-				state: O(h),
-				onSelect: O(_)
-			}, null, 8, ["state", "onSelect"])
+				onClick: t[1] ||= (e) => r("cancel")
+			}, " 取消 ")])
 		]));
 	}
 });
 //#endregion
 //#region src/layer-panel/useLayerPanel.ts
-function pe(e) {
-	let t = E(e.store.doc), n = E(e.store.ui.selection), r = E(e.store.ui.hovered), i = E(e.store.ui.renaming), a = E(e.store.ui.lockedPaths), o = e.subscribe((o) => {
+function J(e) {
+	let t = C(e.store.doc), n = C(e.store.ui.selection), r = C(e.store.ui.hovered), i = C(e.store.ui.renaming), a = C(e.store.ui.lockedPaths), o = e.subscribe((o) => {
 		o.scope === "doc" ? (t.value = e.store.doc, n.value = e.store.ui.selection, r.value = e.store.ui.hovered, i.value = e.store.ui.renaming, a.value = e.store.ui.lockedPaths) : o.branch === "selection" ? n.value = e.store.ui.selection : o.branch === "hovered" ? r.value = e.store.ui.hovered : o.branch === "renaming" ? i.value = e.store.ui.renaming : o.branch === "lockedPaths" && (a.value = e.store.ui.lockedPaths);
 	});
-	return ne(o, !0), {
-		outline: g(() => t.value ? z(t.value, a.value) : []),
-		selection: g(() => n.value),
-		hovered: g(() => r.value),
-		renaming: g(() => i.value)
+	return b(o, !0), {
+		outline: p(() => t.value ? P(t.value, a.value) : []),
+		selection: p(() => n.value),
+		hovered: p(() => r.value),
+		renaming: p(() => i.value)
 	};
 }
-function me(e, t) {
+function Y(e, t) {
 	return t > 0 && e < t / 2;
 }
 //#endregion
 //#region src/layer-panel/LayerPanel.vue?vue&type=script&setup=true&lang.ts
-var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rounded-xl border border-cn-line bg-cn-bg text-cn-fg shadow-[0_16px_40px_-12px_rgba(2,6,23,0.55)]" }, ge = { class: "sticky top-0 z-10 flex items-center justify-between border-b border-cn-line bg-cn-bg-elevated/95 px-3.5 py-2.5" }, _e = { class: "flex items-center gap-1" }, ve = [
+var _e = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rounded-xl border border-cn-line bg-cn-bg text-cn-fg shadow-[0_16px_40px_-12px_rgba(2,6,23,0.55)]" }, ve = { class: "sticky top-0 z-10 flex items-center justify-between border-b border-cn-line bg-cn-bg-elevated/95 px-3.5 py-2.5" }, ye = { class: "flex items-center gap-1" }, be = [
 	"aria-expanded",
 	"onClick",
 	"onKeydown"
-], ye = {
+], xe = {
 	key: 0,
 	class: "mx-3.5 my-4 rounded-lg border border-dashed border-cn-line px-3 py-6 text-center text-[11px] leading-5 text-cn-muted"
-}, be = [
+}, Se = [
 	"data-key",
 	"draggable",
 	"onClick",
@@ -404,38 +374,42 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], xe = ["onDragstart"], Se = ["title"], Ce = ["onDblclick"], we = [
+], Ce = ["onDragstart"], we = ["title"], Te = ["onDblclick"], Ee = [
 	"title",
 	"aria-pressed",
 	"onClick"
-], Te = [
+], De = [
 	"title",
 	"aria-pressed",
 	"onClick"
-], Ee = ["onClick"], De = [
+], Oe = ["onClick"], ke = [
 	"disabled",
 	"title",
 	"onClick"
-], Oe = ["onClick"], ke = ["onClick"], Ae = [
+], Ae = ["onClick"], je = ["onClick"], Me = [
 	"disabled",
 	"title",
 	"onClick"
-], je = /* @__PURE__ */ S({
+], X = /* @__PURE__ */ v({
 	__name: "LayerPanel",
 	props: { editor: {} },
 	setup(e) {
-		let r = e, i = `解锁图层（${s("toggleLayerLock", l())}）`, o = `图层已锁定（${s("toggleLayerLock", l())} 解锁后可删除）`, d = pe(r.editor), f = T(!1), m = g(() => f.value ? [] : q.map((e) => {
-			if (e.kind === "template-table") return {
-				label: e.label,
-				title: e.title,
-				dataAttrs: { "data-add-layer": "template-table" },
-				keepsOpen: !0,
-				run: () => {
-					f.value = !0;
-				}
-			};
+		let r = e, a = `解锁图层（${l("toggleLayerLock", f())}）`, o = `图层已锁定（${l("toggleLayerLock", f())} 解锁后可删除）`, s = J(r.editor), v = c(r.editor), b = S(!1), C = p(() => b.value ? [] : H.map((e) => {
+			if (e.kind === "template-table") {
+				let t = v.value === null;
+				return {
+					label: e.label,
+					title: t ? ee : e.title,
+					disabled: t,
+					dataAttrs: { "data-add-layer": "template-table" },
+					keepsOpen: !0,
+					run: () => {
+						b.value = !0;
+					}
+				};
+			}
 			let t = { "data-add-layer": e.type }, n = () => {
-				r.editor.armLayerCreate(e.type), u().show(c);
+				r.editor.armLayerCreate(e.type), d().show(u);
 			};
 			return e.children === void 0 ? {
 				label: e.label,
@@ -457,21 +431,21 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 						...t.kind === "text-preset" ? { "data-text-preset": t.preset } : { "data-ratio-preset": t.preset }
 					},
 					run: () => {
-						r.editor.armLayerCreate(e.type, t.preset), u().show(de(e.label, t.label));
+						r.editor.armLayerCreate(e.type, t.preset), d().show(ge(e.label, t.label));
 					}
 				}))
 			};
 		}));
-		function S(e, t) {
-			r.editor.armTemplateTableCreate(e), u().show(c), t();
+		function k(e, t) {
+			r.editor.armTemplateTableCreate(e), d().show(u), t();
 		}
-		function ne(e) {
-			f.value = !1, e();
+		function A(e) {
+			b.value = !1, e();
 		}
-		function E() {
-			f.value = !1;
+		function j() {
+			b.value = !1;
 		}
-		function P(e, t) {
+		function M(e, t) {
 			switch (e.role) {
 				case "root": return e.name === "" ? `${e.type} ${t}` : e.name;
 				case "row": return `行 ${Number(e.path[e.path.length - 1]) + 1}`;
@@ -480,7 +454,7 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 				case "content": return e.type;
 			}
 		}
-		let F = g(() => {
+		let N = p(() => {
 			let e = [], t = /* @__PURE__ */ new Map();
 			function r(i, a, o, s) {
 				let c = i.role === "row" ? i.path.slice(0, -2) : i.role === "templateRow" ? i.path.slice(0, -1) : s, l = 0;
@@ -488,42 +462,42 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					key: i.path.join("."),
 					node: i,
 					indentLevel: a,
-					label: P(i, l),
+					label: M(i, l),
 					indexInGroup: o,
 					tablePath: c,
 					inTemplate: n(i.path),
 					draggable: i.role === "root" || i.role === "row" || i.role === "cell"
 				}), i.children.forEach((e, t) => r(e, a + 1, t, c));
 			}
-			return d.outline.value.forEach((e, t) => r(e, 0, t, null)), e;
-		}), I = g(() => F.value.length > 0);
-		function L(e) {
+			return s.outline.value.forEach((e, t) => r(e, 0, t, null)), e;
+		}), P = p(() => N.value.length > 0);
+		function F(e) {
 			r.editor.setSelection(e.node.path);
 		}
-		function R(e) {
+		function I(e) {
 			r.editor.setHovered(e === null ? null : e.node.path);
 		}
-		function z(e) {
+		function L(e) {
 			r.editor.addTableRow(e.node.path);
 		}
-		function B(e) {
+		function R(e) {
 			r.editor.addTableCell(e.node.path);
 		}
-		function V(e) {
+		function z(e) {
 			r.editor.addTemplateCell(e.node.path.slice(0, -1));
 		}
-		function H(e) {
+		function B(e) {
 			r.editor.deleteLayer(e.node.path);
 		}
-		function U(e) {
+		function V(e) {
 			r.editor.toggleLayerVisibility(e.node.path);
 		}
-		function W(e) {
+		function U(e) {
 			r.editor.toggleLayerLock(e.node.path);
 		}
-		let G = T(null), K = T(null);
-		function J(e) {
-			let r = G.value;
+		let W = S(null), G = S(null);
+		function K(e) {
+			let r = W.value;
 			if (!r) return !1;
 			if (r.kind === "root") return e.node.role === "root";
 			if (r.kind === "row") return e.node.role === "row";
@@ -531,11 +505,11 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 			let i = n(r.cellPath);
 			return i === e.inTemplate ? !i || t(r.cellPath.slice(0, -2), e.node.path.slice(0, -2)) : !1;
 		}
-		function Y(e) {
+		function X(e) {
 			return e.node.role === "root";
 		}
-		function X(e, t) {
-			e.draggable && (G.value = e.node.role === "root" ? {
+		function Z(e, t) {
+			e.draggable && (W.value = e.node.role === "root" ? {
 				kind: "root",
 				from: e.indexInGroup
 			} : e.node.role === "row" ? {
@@ -549,74 +523,74 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 				cellPath: e.node.path
 			}, t.dataTransfer?.setData("text/plain", e.key), t.dataTransfer && (t.dataTransfer.effectAllowed = "move"));
 		}
-		function je(e, t) {
-			Y(e) || X(e, t);
+		function Ne(e, t) {
+			X(e) || Z(e, t);
 		}
-		function Me(e) {
-			if (!Y(e)) return e.draggable || void 0;
+		function Pe(e) {
+			if (!X(e)) return e.draggable || void 0;
 		}
-		function Ne(e, t) {
-			if (!J(e)) return;
-			let n = t.currentTarget.getBoundingClientRect(), r = me(t.clientY - n.top, n.height);
-			t.preventDefault(), K.value = {
+		function Fe(e, t) {
+			if (!K(e)) return;
+			let n = t.currentTarget.getBoundingClientRect(), r = Y(t.clientY - n.top, n.height);
+			t.preventDefault(), G.value = {
 				key: e.key,
 				edge: r ? "before" : "after"
 			};
 		}
-		function Pe(e, t) {
-			if (!J(e)) return;
-			let n = K.value, i = G.value;
+		function Ie(e, t) {
+			if (!K(e)) return;
+			let n = G.value, i = W.value;
 			if (!i || !n || n.key !== e.key) return;
 			t.preventDefault();
 			let a = n.edge === "before" ? e.indexInGroup : e.indexInGroup + 1;
-			i.kind === "root" ? r.editor.moveRootLayer(i.from, a) : i.kind === "row" ? e.tablePath !== null && e.tablePath.join(".") === i.tablePath.join(".") ? r.editor.moveTableRow(i.tablePath, i.from, a) : r.editor.moveTableRowToTable(i.rowPath, e.tablePath, a) : r.editor.moveTableCellToRow(i.cellPath, e.node.path.slice(0, -2), a), G.value = null, K.value = null;
-		}
-		function Fe() {
-			G.value = null, K.value = null;
+			i.kind === "root" ? r.editor.moveRootLayer(i.from, a) : i.kind === "row" ? e.tablePath !== null && e.tablePath.join(".") === i.tablePath.join(".") ? r.editor.moveTableRow(i.tablePath, i.from, a) : r.editor.moveTableRowToTable(i.rowPath, e.tablePath, a) : r.editor.moveTableCellToRow(i.cellPath, e.node.path.slice(0, -2), a), W.value = null, G.value = null;
 		}
-		function Ie(e) {
-			return t(d.selection.value, e.node.path);
+		function Le() {
+			W.value = null, G.value = null;
 		}
-		function Le(e) {
-			return t(d.hovered.value, e.node.path);
+		function Re(e) {
+			return t(s.selection.value, e.node.path);
 		}
-		let Z = T(""), Q = null, Re = null;
 		function ze(e) {
-			Re = e instanceof HTMLInputElement ? e : null;
-		}
-		function Be(e) {
-			return t(d.renaming.value, e.node.path);
+			return t(s.hovered.value, e.node.path);
 		}
+		let Q = S(""), $ = null, Be = null;
 		function Ve(e) {
-			Y(e) && r.editor.beginRename(e.node.path);
+			Be = e instanceof HTMLInputElement ? e : null;
+		}
+		function He(e) {
+			return t(s.renaming.value, e.node.path);
+		}
+		function Ue(e) {
+			X(e) && r.editor.beginRename(e.node.path);
 		}
-		function $() {
-			let e = Z.value.trim();
-			if (Q !== null && e === Q.trim()) {
+		function We() {
+			let e = Q.value.trim();
+			if ($ !== null && e === $.trim()) {
 				r.editor.cancelRename();
 				return;
 			}
 			r.editor.commitRename(e);
 		}
-		function He() {
+		function Ge() {
 			r.editor.cancelRename();
 		}
-		return ie(d.renaming, async (e) => {
+		return ce(s.renaming, async (e) => {
 			if (e === null) {
-				Q = null;
+				$ = null;
 				return;
 			}
-			let n = F.value.find((n) => t(n.node.path, e));
-			Z.value = n?.label ?? "", Q = Z.value, await ee();
-			let r = Re;
+			let n = N.value.find((n) => t(n.node.path, e));
+			Q.value = n?.label ?? "", $ = Q.value, await ie();
+			let r = Be;
 			r && (r.focus({ preventScroll: !0 }), r.select());
-		}), (e, t) => (w(), y("aside", he, [
-			b("header", ge, [t[7] ||= b("span", { class: "text-[12px] font-medium tracking-wide text-cn-fg/90" }, "图层", -1), b("div", _e, [x(p, {
+		}), (e, t) => (x(), h("aside", _e, [
+			g("header", ve, [t[7] ||= g("span", { class: "text-[12px] font-medium tracking-wide text-cn-fg/90" }, "图层", -1), g("div", ye, [_(te, {
 				label: "新增图层",
-				items: m.value,
-				onClosed: E
+				items: C.value,
+				onClosed: j
 			}, {
-				trigger: A(({ open: e, toggle: t, triggerRef: n, onKeydown: r }) => [b("button", {
+				trigger: E(({ open: e, toggle: t, triggerRef: n, onKeydown: r }) => [g("button", {
 					ref: n,
 					type: "button",
 					"data-add-menu": "",
@@ -626,151 +600,151 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					class: "flex size-6 items-center justify-center rounded border border-cn-field-line bg-cn-field text-[13px] leading-none text-cn-fg/80 hover:border-cn-accent/40 hover:text-cn-accent",
 					onClick: t,
 					onKeydown: r
-				}, " + ", 40, ve)]),
-				body: A(({ closeMenu: e }) => [f.value ? (w(), _(fe, {
+				}, " + ", 40, be)]),
+				body: E(({ closeMenu: e }) => [b.value ? (x(), re(q, {
 					key: 0,
 					editor: r.editor,
-					onConfirm: (t) => S(t, e),
-					onCancel: (t) => ne(e)
+					onConfirm: (t) => k(t, e),
+					onCancel: (t) => A(e)
 				}, null, 8, [
 					"editor",
 					"onConfirm",
 					"onCancel"
-				])) : v("", !0)]),
+				])) : m("", !0)]),
 				_: 1
 			}, 8, ["items"])])]),
-			I.value ? v("", !0) : (w(), y("p", ye, " 画布还没有图层，用上方按钮新增 ")),
-			b("ul", {
+			P.value ? m("", !0) : (x(), h("p", xe, " 画布还没有图层，用上方按钮新增 ")),
+			g("ul", {
 				class: "cn-layers__tree flex flex-col gap-0.5 px-1.5 py-1",
-				onDragend: Fe
-			}, [(w(!0), y(h, null, re(F.value, (e) => (w(), y("li", {
+				onDragend: Le
+			}, [(x(!0), h(ne, null, oe(N.value, (e) => (x(), h("li", {
 				key: e.key,
 				"data-key": e.key,
-				draggable: Me(e),
-				class: C(["cn-layers__row group flex cursor-default select-none items-center gap-1 py-1 pr-1 text-[12px]", {
-					"cn-layers__row--selected": Ie(e),
-					"cn-layers__row--hovered": Le(e) && !Ie(e),
-					"cn-layers__row--hidden": Y(e) && !e.node.visible,
+				draggable: Pe(e),
+				class: y(["cn-layers__row group flex cursor-default select-none items-center gap-1 py-1 pr-1 text-[12px]", {
+					"cn-layers__row--selected": Re(e),
+					"cn-layers__row--hovered": ze(e) && !Re(e),
+					"cn-layers__row--hidden": X(e) && !e.node.visible,
 					"cn-layers__row--template": e.inTemplate,
-					"cursor-grab": e.draggable && !Y(e),
-					"cn-layers__row--drop-before": K.value?.key === e.key && K.value?.edge === "before",
-					"cn-layers__row--drop-after": K.value?.key === e.key && K.value?.edge === "after"
+					"cursor-grab": e.draggable && !X(e),
+					"cn-layers__row--drop-before": G.value?.key === e.key && G.value?.edge === "before",
+					"cn-layers__row--drop-after": G.value?.key === e.key && G.value?.edge === "after"
 				}]),
-				style: te({ paddingLeft: `${4 + e.indentLevel * 14}px` }),
-				onClick: (t) => L(e),
-				onMouseenter: (t) => R(e),
-				onMouseleave: t[6] ||= (e) => R(null),
-				onDragstart: (t) => je(e, t),
-				onDragover: (t) => Ne(e, t),
-				onDrop: (t) => Pe(e, t)
+				style: ae({ paddingLeft: `${4 + e.indentLevel * 14}px` }),
+				onClick: (t) => F(e),
+				onMouseenter: (t) => I(e),
+				onMouseleave: t[6] ||= (e) => I(null),
+				onDragstart: (t) => Ne(e, t),
+				onDragover: (t) => Fe(e, t),
+				onDrop: (t) => Ie(e, t)
 			}, [
-				Y(e) ? (w(), y("span", {
+				X(e) ? (x(), h("span", {
 					key: 0,
 					"data-drag-handle": "",
 					draggable: "true",
 					title: "拖动排序",
 					class: "cn-layers__handle shrink-0",
-					onDragstart: (t) => X(e, t)
-				}, [x(a, {
-					icon: O(se),
+					onDragstart: (t) => Z(e, t)
+				}, [_(i, {
+					icon: T(fe),
 					size: 12,
 					"stroke-width": 2.5
-				}, null, 8, ["icon"])], 40, xe)) : v("", !0),
-				e.node.expressionPrefix === "" ? v("", !0) : (w(), y("span", {
+				}, null, 8, ["icon"])], 40, Ce)) : m("", !0),
+				e.node.expressionPrefix === "" ? m("", !0) : (x(), h("span", {
 					key: 1,
 					class: "cn-layers__prefix",
 					title: e.node.expressionPrefix
-				}, D(e.node.expressionPrefix), 9, Se)),
-				Be(e) ? j((w(), y("input", {
+				}, w(e.node.expressionPrefix), 9, we)),
+				He(e) ? le((x(), h("input", {
 					key: 2,
 					ref_for: !0,
-					ref: ze,
-					"onUpdate:modelValue": t[0] ||= (e) => Z.value = e,
+					ref: Ve,
+					"onUpdate:modelValue": t[0] ||= (e) => Q.value = e,
 					"data-rename-input": "",
 					"aria-label": "图层重命名",
 					class: "cn-layers__rename-input min-w-0 flex-1",
-					onClick: t[1] ||= N(() => {}, ["stop"]),
-					onDblclick: t[2] ||= N(() => {}, ["stop"]),
-					onKeydown: [t[3] ||= M(N((e) => $(), ["prevent"]), ["enter"]), t[4] ||= M(N((e) => He(), ["prevent"]), ["esc"])],
-					onBlur: t[5] ||= (e) => $()
-				}, null, 544)), [[k, Z.value]]) : (w(), y("span", {
+					onClick: t[1] ||= O(() => {}, ["stop"]),
+					onDblclick: t[2] ||= O(() => {}, ["stop"]),
+					onKeydown: [t[3] ||= D(O((e) => We(), ["prevent"]), ["enter"]), t[4] ||= D(O((e) => Ge(), ["prevent"]), ["esc"])],
+					onBlur: t[5] ||= (e) => We()
+				}, null, 544)), [[se, Q.value]]) : (x(), h("span", {
 					key: 3,
 					class: "cn-layers__label min-w-0 flex-1 truncate font-mono text-[11px] leading-4",
-					onDblclick: (t) => Ve(e)
-				}, D(e.label), 41, Ce)),
-				Y(e) ? (w(), y("button", {
+					onDblclick: (t) => Ue(e)
+				}, w(e.label), 41, Te)),
+				X(e) ? (x(), h("button", {
 					key: 4,
 					type: "button",
 					"data-visibility": "",
-					class: C(["cn-layers__eye size-5 shrink-0 items-center justify-center rounded text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent", e.node.visible ? "hidden group-hover:flex" : "flex"]),
+					class: y(["cn-layers__eye size-5 shrink-0 items-center justify-center rounded text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent", e.node.visible ? "hidden group-hover:flex" : "flex"]),
 					title: e.node.visible ? "隐藏图层（最终输出不含该层）" : "显示图层",
 					"aria-pressed": !e.node.visible,
-					onClick: N((t) => U(e), ["stop"])
-				}, [x(a, {
-					icon: e.node.visible ? O(oe) : O(ae),
+					onClick: O((t) => V(e), ["stop"])
+				}, [_(i, {
+					icon: e.node.visible ? T(de) : T(ue),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 10, we)) : v("", !0),
-				Y(e) ? (w(), y("button", {
+				}, null, 8, ["icon"])], 10, Ee)) : m("", !0),
+				X(e) ? (x(), h("button", {
 					key: 5,
 					type: "button",
 					"data-lock": "",
-					class: C(["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 ? i : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
+					class: y(["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 : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
 					"aria-pressed": e.node.locked,
-					onClick: N((t) => W(e), ["stop"])
-				}, [x(a, {
-					icon: e.node.locked ? O(le) : O(ce),
+					onClick: O((t) => U(e), ["stop"])
+				}, [_(i, {
+					icon: e.node.locked ? T(me) : T(pe),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 10, Te)) : v("", !0),
-				Y(e) ? (w(), y("button", {
+				}, null, 8, ["icon"])], 10, De)) : m("", !0),
+				X(e) ? (x(), h("button", {
 					key: 6,
 					type: "button",
 					"data-rename": "",
 					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: N((t) => Ve(e), ["stop"])
-				}, [x(a, {
-					icon: O(ue),
+					onClick: O((t) => Ue(e), ["stop"])
+				}, [_(i, {
+					icon: T(he),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 8, Ee)) : v("", !0),
-				e.node.role === "root" && e.node.type === "TableLayer" ? (w(), y("button", {
+				}, null, 8, ["icon"])], 8, Oe)) : m("", !0),
+				e.node.role === "root" && e.node.type === "TableLayer" ? (x(), h("button", {
 					key: 7,
 					type: "button",
 					"data-add-row": "",
 					class: "cn-layers__delete hidden size-5 shrink-0 items-center justify-center rounded text-[10px] leading-none text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex disabled:cursor-not-allowed disabled:text-cn-muted/50 disabled:hover:bg-transparent",
 					disabled: e.node.templated === !0,
 					title: e.node.templated === !0 ? "模板态不可加行——行由数据展开" : "加行（缺省行 + 缺省格与文本，行宽=表宽）",
-					onClick: N((t) => z(e), ["stop"])
-				}, " +行 ", 8, De)) : v("", !0),
-				e.node.role === "row" ? (w(), y("button", {
+					onClick: O((t) => L(e), ["stop"])
+				}, " +行 ", 8, ke)) : m("", !0),
+				e.node.role === "row" ? (x(), h("button", {
 					key: 8,
 					type: "button",
 					"data-add-cell": "",
 					class: "cn-layers__delete hidden size-5 shrink-0 items-center justify-center rounded text-[10px] leading-none text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex",
 					title: "加格（缺省格 + 文本内容，行高取最高格）",
-					onClick: N((t) => B(e), ["stop"])
-				}, " +格 ", 8, Oe)) : v("", !0),
-				e.node.role === "templateRow" ? (w(), y("button", {
+					onClick: O((t) => R(e), ["stop"])
+				}, " +格 ", 8, Ae)) : m("", !0),
+				e.node.role === "templateRow" ? (x(), h("button", {
 					key: 9,
 					type: "button",
 					"data-add-template-cell": "",
 					class: "cn-layers__delete hidden size-5 shrink-0 items-center justify-center rounded text-[10px] leading-none text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex",
 					title: "加格（缺省格 + 文本内容，零高度耦合——行高由数据展开定稿）",
-					onClick: N((t) => V(e), ["stop"])
-				}, " +格 ", 8, ke)) : v("", !0),
-				b("button", {
+					onClick: O((t) => z(e), ["stop"])
+				}, " +格 ", 8, je)) : m("", !0),
+				g("button", {
 					type: "button",
 					class: "cn-layers__delete hidden size-5 shrink-0 items-center justify-center rounded text-[10px] leading-none text-cn-muted hover:bg-cn-danger/15 hover:text-cn-danger group-hover:flex disabled:cursor-not-allowed disabled:text-cn-muted/50 disabled:hover:bg-transparent disabled:hover:text-cn-muted/50",
 					disabled: e.node.role === "templateRow" || e.node.locked,
 					title: e.node.role === "templateRow" ? "行模板由表持有——转换回普通表请用 V2 转换入口" : e.node.locked ? o : "删除（含子层）",
-					onClick: N((t) => H(e), ["stop"])
-				}, " ✕ ", 8, Ae)
-			], 46, be))), 128))], 32)
+					onClick: O((t) => B(e), ["stop"])
+				}, " ✕ ", 8, Me)
+			], 46, Se))), 128))], 32)
 		]));
 	}
 });
 //#endregion
-export { J as a, W as c, fe as i, q as l, me as n, H as o, pe as r, K as s, je as t };
+export { U as a, z as c, q as i, H as l, Y as n, L as o, J as r, V as s, X as t };