@hankchen/canvas-editor-vue 0.1.2 → 0.1.4

package/dist/{layer-panel-BM-nX_OX.js → layer-panel-GiVy_B4A.js}

@@ -1,10 +1,127 @@
-import { i as e, r as t, t as n } from "./layerPath-uy2ywyld.js";
-import { i as r, o as i, r as a } from "./completionAnchor-CDR5YZhu.js";
-import { o, r as s, s as c, t as l } from "./useTransientFeedback-Cnp6aNB7.js";
-import { n as ee, t as te } from "./usePathCompletion-uJ5c_gQ0.js";
-import { n as ne, t as re } from "./useDataSourceSchema-DStVoY8Z.js";
-import { Fragment as u, computed as d, createBlock as ie, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as ae, normalizeClass as _, normalizeStyle as oe, onScopeDispose as v, openBlock as y, ref as b, renderList as se, shallowRef as x, toDisplayString as S, unref as C, vModelText as w, watch as ce, withCtx as T, withDirectives as E, withKeys as D, withModifiers as O } from "vue";
-import { Eye as le, EyeOff as ue, GripVertical as de, Lock as fe, LockOpen as pe, Pencil as me } from "@lucide/vue";
+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 { c as s, i as c, s as l, t as ee } from "./useTransientFeedback-CTjmMmFF.js";
+import { n as te, t as ne } from "./usePathCompletion-uJ5c_gQ0.js";
+import { n as re, t as ie } from "./useDataSourceSchema-CGbldbUj.js";
+import { Fragment as u, computed as d, createBlock as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as oe, normalizeClass as _, normalizeStyle as se, onScopeDispose as v, openBlock as y, ref as b, renderList as ce, shallowRef as x, toDisplayString as S, 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({
+	name: "eye-off",
+	size: 24,
+	node: [
+		["path", {
+			d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+			key: "ct8e1f"
+		}],
+		["path", {
+			d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+			key: "151rxh"
+		}],
+		["path", {
+			d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+			key: "13bj9a"
+		}],
+		["path", {
+			d: "m2 2 20 20",
+			key: "1ooewy"
+		}]
+	]
+}), de = e({
+	name: "eye",
+	size: 24,
+	node: [["path", {
+		d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+		key: "1nclc0"
+	}], ["circle", {
+		cx: "12",
+		cy: "12",
+		r: "3",
+		key: "1v7zrd"
+	}]]
+}), fe = e({
+	name: "grip-vertical",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "9",
+			cy: "12",
+			r: "1",
+			key: "1vctgf"
+		}],
+		["circle", {
+			cx: "9",
+			cy: "5",
+			r: "1",
+			key: "hp0tcf"
+		}],
+		["circle", {
+			cx: "9",
+			cy: "19",
+			r: "1",
+			key: "fkjjf6"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "12",
+			r: "1",
+			key: "1tmaij"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "5",
+			r: "1",
+			key: "19l28e"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "19",
+			r: "1",
+			key: "f4zoj3"
+		}]
+	]
+}), pe = e({
+	name: "lock-open",
+	size: 24,
+	node: [["rect", {
+		width: "18",
+		height: "11",
+		x: "3",
+		y: "11",
+		rx: "2",
+		ry: "2",
+		key: "1w4ew1"
+	}], ["path", {
+		d: "M7 11V7a5 5 0 0 1 9.9-1",
+		key: "1mm8w8"
+	}]],
+	aliases: ["unlock"]
+}), me = e({
+	name: "lock",
+	size: 24,
+	node: [["rect", {
+		width: "18",
+		height: "11",
+		x: "3",
+		y: "11",
+		rx: "2",
+		ry: "2",
+		key: "1w4ew1"
+	}], ["path", {
+		d: "M7 11V7a5 5 0 0 1 10 0v4",
+		key: "fwvmzm"
+	}]]
+}), he = e({
+	name: "pencil",
+	size: 24,
+	node: [["path", {
+		d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+		key: "1a8usu"
+	}], ["path", {
+		d: "m15 5 4 4",
+		key: "1mk7zo"
+	}]]
+});
+//#endregion
 //#region ../canvas-editor/src/editing/layerPanel.ts
 function k(e) {
 	switch (e.type) {
@@ -44,10 +161,10 @@ var j = "{{…}}";
 function M(e) {
 	let t = A(e);
 	if (t === null) return "";
-	let n = i(t).parts.flatMap((e) => e.kind === "fragment" && e.expr !== "" ? [e.expr] : []);
+	let n = a(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, r, i) {
+function N(e, t, n, i) {
 	let a = [];
 	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"] : [
@@ -60,10 +177,10 @@ function N(e, t, r, i) {
 	return {
 		type: e.type,
 		path: t,
-		role: r,
+		role: n,
 		name: e.name,
 		visible: e.visible,
-		locked: n(t, i),
+		locked: r(t, i),
 		expressionPrefix: M(e),
 		...e.type === "TableLayer" ? { templated: e.template !== null } : null,
 		children: a
@@ -125,17 +242,17 @@ function R(e, t) {
 }
 //#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 ge = { 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)]" }, _e = { 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" }, ve = { class: "flex items-center gap-1" }, ye = [
 	"aria-expanded",
 	"onClick",
 	"onKeydown"
-], ye = ["onKeydown"], be = {
+], be = ["onKeydown"], xe = {
 	key: 0,
 	class: "px-2 pb-1 text-[11px] text-cn-danger"
-}, xe = { class: "flex gap-1 p-1" }, Se = ["onClick"], Ce = ["onClick"], we = {
+}, Se = { class: "flex gap-1 p-1" }, Ce = ["onClick"], we = ["onClick"], Te = {
 	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"
-}, Te = [
+}, Ee = [
 	"data-key",
 	"draggable",
 	"onClick",
@@ -143,36 +260,36 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], Ee = ["onDragstart"], De = ["title"], Oe = ["onDblclick"], ke = [
+], De = ["onDragstart"], Oe = ["title"], ke = ["onDblclick"], Ae = [
 	"title",
 	"aria-pressed",
 	"onClick"
-], Ae = [
+], je = [
 	"title",
 	"aria-pressed",
 	"onClick"
-], je = ["onClick"], Me = [
+], Me = ["onClick"], Ne = [
 	"disabled",
 	"title",
 	"onClick"
-], Ne = ["onClick"], Pe = ["onClick"], Fe = [
+], Pe = ["onClick"], Fe = ["onClick"], Ie = [
 	"disabled",
 	"title",
 	"onClick"
 ], z = /* @__PURE__ */ g({
 	__name: "LayerPanel",
 	props: { editor: {} },
-	setup(n) {
-		let i = n, g = `解锁图层（${c("toggleLayerLock", o())}）`, v = `图层已锁定（${c("toggleLayerLock", o())} 解锁后可删除）`, x = L(i.editor), k = b(!1), A = b(""), j = b(!1);
-		function M() {
-			k.value = !1, A.value = "", j.value = !1;
+	setup(e) {
+		let r = e, a = `解锁图层（${s("toggleLayerLock", l())}）`, g = `图层已锁定（${s("toggleLayerLock", l())} 解锁后可删除）`, v = L(r.editor), x = b(!1), k = b(""), A = b(!1);
+		function j() {
+			x.value = !1, k.value = "", A.value = !1;
 		}
-		let N = d(() => k.value ? [] : F.map((e) => e.kind === "layer" ? {
+		let M = d(() => x.value ? [] : F.map((e) => e.kind === "layer" ? {
 			label: e.label,
 			title: e.title,
 			dataAttrs: { "data-add-layer": e.type },
 			run: () => {
-				i.editor.armLayerCreate(e.type), l().show(s);
+				r.editor.armLayerCreate(e.type), ee().show(c);
 			}
 		} : {
 			label: e.label,
@@ -180,33 +297,33 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 			dataAttrs: { "data-add-layer": "template-table" },
 			keepsOpen: !0,
 			run: () => {
-				k.value = !0;
+				x.value = !0;
 			}
 		}));
-		function P(e) {
-			let t = A.value.trim();
+		function N(e) {
+			let t = k.value.trim();
 			if (t === "") {
-				j.value = !0;
+				A.value = !0;
 				return;
 			}
-			i.editor.addTemplateTable(t), M(), e();
+			r.editor.addTemplateTable(t), j(), e();
 		}
-		function I(e) {
-			M(), e();
+		function P(e) {
+			j(), e();
 		}
-		function z() {
-			M();
+		function I() {
+			j();
 		}
-		let Ie = re(i.editor), Le = d(() => ee(Ie.value)), B = b(null), V = b(null), { popup: H, accept: Re } = te({
+		let z = ie(r.editor), Le = d(() => te(z.value)), B = b(null), V = b(null), { popup: H, accept: Re } = ne({
 			target: B,
-			enabled: () => k.value,
+			enabled: () => x.value,
 			resolve: (e) => Le.value?.(e) ?? null,
 			popupEl: d(() => V.value?.rootEl ?? null)
 		});
 		function ze(e, t) {
 			if (e.key === "Enter") {
 				if (H.open && H.items.length > 0) return;
-				e.preventDefault(), P(t);
+				e.preventDefault(), N(t);
 				return;
 			}
 			e.key === "Escape" && H.open && e.stopPropagation();
@@ -221,55 +338,55 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 			}
 		}
 		let U = d(() => {
-			let e = [], n = /* @__PURE__ */ new Map();
+			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;
-				i.role === "root" && (l = (n.get(i.type) ?? 0) + 1, n.set(i.type, l)), e.push({
+				i.role === "root" && (l = (t.get(i.type) ?? 0) + 1, t.set(i.type, l)), e.push({
 					key: i.path.join("."),
 					node: i,
 					indentLevel: a,
 					label: Be(i, l),
 					indexInGroup: o,
 					tablePath: c,
-					inTemplate: t(i.path),
+					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 x.outline.value.forEach((e, t) => r(e, 0, t, null)), e;
+			return v.outline.value.forEach((e, t) => r(e, 0, t, null)), e;
 		}), Ve = d(() => U.value.length > 0);
 		function He(e) {
-			i.editor.setSelection(e.node.path);
+			r.editor.setSelection(e.node.path);
 		}
 		function W(e) {
-			i.editor.setHovered(e === null ? null : e.node.path);
+			r.editor.setHovered(e === null ? null : e.node.path);
 		}
 		function Ue(e) {
-			i.editor.addTableRow(e.node.path);
+			r.editor.addTableRow(e.node.path);
 		}
 		function We(e) {
-			i.editor.addTableCell(e.node.path);
+			r.editor.addTableCell(e.node.path);
 		}
 		function Ge(e) {
-			i.editor.addTemplateCell(e.node.path.slice(0, -1));
+			r.editor.addTemplateCell(e.node.path.slice(0, -1));
 		}
 		function Ke(e) {
-			i.editor.deleteLayer(e.node.path);
+			r.editor.deleteLayer(e.node.path);
 		}
 		function qe(e) {
-			i.editor.toggleLayerVisibility(e.node.path);
+			r.editor.toggleLayerVisibility(e.node.path);
 		}
 		function Je(e) {
-			i.editor.toggleLayerLock(e.node.path);
+			r.editor.toggleLayerLock(e.node.path);
 		}
 		let G = b(null), K = b(null);
-		function q(n) {
+		function q(e) {
 			let r = G.value;
 			if (!r) return !1;
-			if (r.kind === "root") return n.node.role === "root";
-			if (r.kind === "row") return n.node.role === "row";
-			if (n.node.role !== "cell") return !1;
-			let i = t(r.cellPath);
-			return i === n.inTemplate ? !i || e(r.cellPath.slice(0, -2), n.node.path.slice(0, -2)) : !1;
+			if (r.kind === "root") return e.node.role === "root";
+			if (r.kind === "row") return e.node.role === "row";
+			if (e.node.role !== "cell") return !1;
+			let i = n(r.cellPath);
+			return i === e.inTemplate ? !i || t(r.cellPath.slice(0, -2), e.node.path.slice(0, -2)) : !1;
 		}
 		function J(e) {
 			return e.node.role === "root";
@@ -305,56 +422,56 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 		}
 		function Qe(e, t) {
 			if (!q(e)) return;
-			let n = K.value, r = G.value;
-			if (!r || !n || n.key !== e.key) return;
+			let n = K.value, i = G.value;
+			if (!i || !n || n.key !== e.key) return;
 			t.preventDefault();
 			let a = n.edge === "before" ? e.indexInGroup : e.indexInGroup + 1;
-			r.kind === "root" ? i.editor.moveRootLayer(r.from, a) : r.kind === "row" ? e.tablePath !== null && e.tablePath.join(".") === r.tablePath.join(".") ? i.editor.moveTableRow(r.tablePath, r.from, a) : i.editor.moveTableRowToTable(r.rowPath, e.tablePath, a) : i.editor.moveTableCellToRow(r.cellPath, e.node.path.slice(0, -2), a), 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), G.value = null, K.value = null;
 		}
 		function $e() {
 			G.value = null, K.value = null;
 		}
-		function X(t) {
-			return e(x.selection.value, t.node.path);
+		function X(e) {
+			return t(v.selection.value, e.node.path);
 		}
-		function et(t) {
-			return e(x.hovered.value, t.node.path);
+		function et(e) {
+			return t(v.hovered.value, e.node.path);
 		}
 		let Z = b(""), Q = null, $ = null;
 		function tt(e) {
 			$ = e instanceof HTMLInputElement ? e : null;
 		}
-		function nt(t) {
-			return e(x.renaming.value, t.node.path);
+		function nt(e) {
+			return t(v.renaming.value, e.node.path);
 		}
 		function rt(e) {
-			J(e) && i.editor.beginRename(e.node.path);
+			J(e) && r.editor.beginRename(e.node.path);
 		}
 		function it() {
 			let e = Z.value.trim();
 			if (Q !== null && e === Q.trim()) {
-				i.editor.cancelRename();
+				r.editor.cancelRename();
 				return;
 			}
-			i.editor.commitRename(e);
+			r.editor.commitRename(e);
 		}
 		function at() {
-			i.editor.cancelRename();
+			r.editor.cancelRename();
 		}
-		return ce(x.renaming, async (t) => {
-			if (t === null) {
+		return le(v.renaming, async (e) => {
+			if (e === null) {
 				Q = null;
 				return;
 			}
-			let n = U.value.find((n) => e(n.node.path, t));
-			Z.value = n?.label ?? "", Q = Z.value, await ae();
+			let n = U.value.find((n) => t(n.node.path, e));
+			Z.value = n?.label ?? "", Q = Z.value, await oe();
 			let r = $;
 			r && (r.focus({ preventScroll: !0 }), r.select());
-		}), (e, t) => (y(), p("aside", he, [
-			m("header", ge, [t[9] ||= m("span", { class: "text-[12px] font-medium tracking-wide text-cn-fg/90" }, "图层", -1), m("div", _e, [h(ne, {
+		}), (e, t) => (y(), p("aside", ge, [
+			m("header", _e, [t[9] ||= m("span", { class: "text-[12px] font-medium tracking-wide text-cn-fg/90" }, "图层", -1), m("div", ve, [h(re, {
 				label: "新增图层",
-				items: N.value,
-				onClosed: z
+				items: M.value,
+				onClosed: I
 			}, {
 				trigger: T(({ open: e, toggle: t, triggerRef: n, onKeydown: r }) => [m("button", {
 					ref: n,
@@ -366,44 +483,44 @@ 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: T(({ closeMenu: e }) => [k.value ? (y(), p(u, { key: 0 }, [
+				}, " + ", 40, ye)]),
+				body: T(({ closeMenu: e }) => [x.value ? (y(), p(u, { key: 0 }, [
 					t[8] ||= m("p", { class: "px-2 pt-1 text-[11px] leading-4 text-cn-muted" }, "模板行按数据行路径展开成表", -1),
 					E(m("input", {
 						ref_key: "rowsPathInputEl",
 						ref: B,
-						"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
+						"onUpdate:modelValue": t[0] ||= (e) => k.value = e,
 						"data-template-rows-path": "",
 						type: "text",
 						placeholder: "如 order.items",
-						class: _(["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", j.value ? "border-cn-danger" : "border-cn-field-line"]),
+						class: _(["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", A.value ? "border-cn-danger" : "border-cn-field-line"]),
 						onKeydown: (t) => ze(t, e)
-					}, null, 42, ye), [[w, A.value]]),
-					j.value ? (y(), p("p", be, "rowsPath 必填")) : f("", !0),
-					m("div", xe, [m("button", {
+					}, null, 42, be), [[w, k.value]]),
+					A.value ? (y(), p("p", xe, "rowsPath 必填")) : f("", !0),
+					m("div", Se, [m("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: (t) => P(e)
-					}, " 创建 ", 8, Se), m("button", {
+						onClick: (t) => N(e)
+					}, " 创建 ", 8, Ce), m("button", {
 						type: "button",
 						class: "flex-1 rounded px-2 py-1 text-[12px] text-cn-muted hover:text-cn-fg",
-						onClick: (t) => I(e)
-					}, " 取消 ", 8, Ce)])
+						onClick: (t) => P(e)
+					}, " 取消 ", 8, we)])
 				], 64)) : f("", !0)]),
 				_: 1
-			}, 8, ["items"]), k.value ? (y(), ie(a, {
+			}, 8, ["items"]), x.value ? (y(), ae(o, {
 				key: 0,
 				ref_key: "pathPopupRef",
 				ref: V,
 				state: C(H),
 				onSelect: C(Re)
 			}, null, 8, ["state", "onSelect"])) : f("", !0)])]),
-			Ve.value ? f("", !0) : (y(), p("p", we, " 画布还没有图层，用上方按钮新增 ")),
+			Ve.value ? f("", !0) : (y(), p("p", Te, " 画布还没有图层，用上方按钮新增 ")),
 			m("ul", {
 				class: "cn-layers__tree flex flex-col gap-0.5 px-1.5 py-1",
 				onDragend: $e
-			}, [(y(!0), p(u, null, se(U.value, (e) => (y(), p("li", {
+			}, [(y(!0), p(u, null, ce(U.value, (e) => (y(), p("li", {
 				key: e.key,
 				"data-key": e.key,
 				draggable: Xe(e),
@@ -416,7 +533,7 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					"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"
 				}]),
-				style: oe({ paddingLeft: `${4 + e.indentLevel * 14}px` }),
+				style: se({ paddingLeft: `${4 + e.indentLevel * 14}px` }),
 				onClick: (t) => He(e),
 				onMouseenter: (t) => W(e),
 				onMouseleave: t[7] ||= (e) => W(null),
@@ -431,16 +548,16 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					title: "拖动排序",
 					class: "cn-layers__handle shrink-0",
 					onDragstart: (t) => Y(e, t)
-				}, [h(r, {
-					icon: C(de),
+				}, [h(i, {
+					icon: C(fe),
 					size: 12,
 					"stroke-width": 2.5
-				}, null, 8, ["icon"])], 40, Ee)) : f("", !0),
+				}, null, 8, ["icon"])], 40, De)) : f("", !0),
 				e.node.expressionPrefix === "" ? f("", !0) : (y(), p("span", {
 					key: 1,
 					class: "cn-layers__prefix",
 					title: e.node.expressionPrefix
-				}, S(e.node.expressionPrefix), 9, De)),
+				}, S(e.node.expressionPrefix), 9, Oe)),
 				nt(e) ? E((y(), p("input", {
 					key: 2,
 					ref_for: !0,
@@ -457,7 +574,7 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					key: 3,
 					class: "cn-layers__label min-w-0 flex-1 truncate font-mono text-[11px] leading-4",
 					onDblclick: (t) => rt(e)
-				}, S(e.label), 41, Oe)),
+				}, S(e.label), 41, ke)),
 				J(e) ? (y(), p("button", {
 					key: 4,
 					type: "button",
@@ -466,24 +583,24 @@ var he = { 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) => qe(e), ["stop"])
-				}, [h(r, {
-					icon: e.node.visible ? C(le) : C(ue),
+				}, [h(i, {
+					icon: e.node.visible ? C(de) : C(ue),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 10, ke)) : f("", !0),
+				}, null, 8, ["icon"])], 10, Ae)) : f("", !0),
 				J(e) ? (y(), p("button", {
 					key: 5,
 					type: "button",
 					"data-lock": "",
 					class: _(["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 ? g : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
+					title: e.node.locked ? a : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
 					"aria-pressed": e.node.locked,
 					onClick: O((t) => Je(e), ["stop"])
-				}, [h(r, {
-					icon: e.node.locked ? C(fe) : C(pe),
+				}, [h(i, {
+					icon: e.node.locked ? C(me) : C(pe),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 10, Ae)) : f("", !0),
+				}, null, 8, ["icon"])], 10, je)) : f("", !0),
 				J(e) ? (y(), p("button", {
 					key: 6,
 					type: "button",
@@ -491,11 +608,11 @@ var he = { 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"])
-				}, [h(r, {
-					icon: C(me),
+				}, [h(i, {
+					icon: C(he),
 					size: 11,
 					"stroke-width": 2
-				}, null, 8, ["icon"])], 8, je)) : f("", !0),
+				}, null, 8, ["icon"])], 8, Me)) : f("", !0),
 				e.node.role === "root" && e.node.type === "TableLayer" ? (y(), p("button", {
 					key: 7,
 					type: "button",
@@ -504,7 +621,7 @@ var he = { class: "cn-props flex w-[232px] shrink-0 flex-col overflow-y-auto rou
 					disabled: e.node.templated === !0,
 					title: e.node.templated === !0 ? "模板态不可加行——行由数据展开" : "加行（缺省行 + 缺省格与文本，行宽=表宽）",
 					onClick: O((t) => Ue(e), ["stop"])
-				}, " +行 ", 8, Me)) : f("", !0),
+				}, " +行 ", 8, Ne)) : f("", !0),
 				e.node.role === "row" ? (y(), p("button", {
 					key: 8,
 					type: "button",
@@ -512,7 +629,7 @@ var he = { 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-[10px] leading-none text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex",
 					title: "加格（缺省格 + 文本内容，行高取最高格）",
 					onClick: O((t) => We(e), ["stop"])
-				}, " +格 ", 8, Ne)) : f("", !0),
+				}, " +格 ", 8, Pe)) : f("", !0),
 				e.node.role === "templateRow" ? (y(), p("button", {
 					key: 9,
 					type: "button",
@@ -520,15 +637,15 @@ var he = { 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-[10px] leading-none text-cn-muted hover:bg-cn-accent/15 hover:text-cn-accent group-hover:flex",
 					title: "加格（缺省格 + 文本内容，零高度耦合——行高由数据展开定稿）",
 					onClick: O((t) => Ge(e), ["stop"])
-				}, " +格 ", 8, Pe)) : f("", !0),
+				}, " +格 ", 8, Fe)) : f("", !0),
 				m("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 ? v : "删除（含子层）",
+					title: e.node.role === "templateRow" ? "行模板由表持有——转换回普通表请用 V2 转换入口" : e.node.locked ? g : "删除（含子层）",
 					onClick: O((t) => Ke(e), ["stop"])
-				}, " ✕ ", 8, Fe)
-			], 46, Te))), 128))], 32)
+				}, " ✕ ", 8, Ie)
+			], 46, Ee))), 128))], 32)
 		]));
 	}
 });

package/dist/layer-panel.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./layer-panel-BM-nX_OX.js";
+import { a as e, i as t, n, r, t as i } from "./layer-panel-GiVy_B4A.js";
 export { t as ADD_LAYER_MENU, e as ADD_MENU, i as LayerPanel, n as isUpperHalf, r as useLayerPanel };

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

@@ -4,8 +4,10 @@ type __VLS_Props = {
     modelValue: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: () => any;
     change: (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInput?: (() => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;