@hankchen/canvas-editor-vue 0.0.0-stage → 0.1.0

package/dist/layer-panel-ArP66_vZ.js

@@ -0,0 +1,652 @@
+import { B as e, D as t, F as n, G as r, H as i, L as a, M as o, P as s, U as c, W as ee, _ as l, b as u, d, g as f, h as te, i as p, k as ne, l as m, m as h, p as g, r as _, s as v, t as y, u as b, w as re, y as x, z as S } from "./layerPath-BRZK9ka1.js";
+import { t as C } from "./createLucideIcon-CMq8ZKo2.js";
+import { i as w, o as T, r as ie } from "./completionAnchor-4lhR2kJz.js";
+import { o as E, r as ae, s as D, t as oe } from "./useTransientFeedback-gS9Xa9GY.js";
+import { n as se, t as ce } from "./usePathCompletion-DkHoGla4.js";
+import { n as le, t as ue } from "./useDataSourceSchema-C924m8fc.js";
+var de = C({
+	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"
+		}]
+	]
+}), fe = C({
+	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"
+	}]]
+}), pe = C({
+	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"
+		}]
+	]
+}), me = C({
+	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"]
+}), he = C({
+	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"
+	}]]
+}), ge = C({
+	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 O(e) {
+	switch (e.type) {
+		case "TableLayer": return e.template === null ? [{
+			key: "rows",
+			layers: e.rows
+		}] : [{
+			key: "template",
+			layers: [e.template]
+		}];
+		case "TableRowLayer": return [{
+			key: "cells",
+			layers: e.cells
+		}];
+		case "TableCellLayer": return e.content ? [{
+			key: "content",
+			layers: [e.content]
+		}] : [];
+		case "ImageLayer":
+		case "TextLayer":
+		case "QrCodeLayer": return [];
+		case "TableRowTemplate": return [{
+			key: "cells",
+			layers: e.cells
+		}];
+	}
+}
+function k(e) {
+	switch (e.type) {
+		case "TextLayer":
+		case "ImageLayer":
+		case "QrCodeLayer": return e.expression;
+		default: return null;
+	}
+}
+var A = "{{…}}";
+function j(e) {
+	let t = k(e);
+	if (t === null) return "";
+	let n = T(t).parts.flatMap((e) => e.kind === "fragment" && e.expr !== "" ? [e.expr] : []);
+	return n.length === 0 ? A : n.map((e) => `{{${e}}}`).join(" ");
+}
+function M(e, t, n, r) {
+	let i = [];
+	for (let { key: n, layers: a } of O(e)) for (let e = 0; e < a.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
+		];
+		i.push(M(a[e], s, o, r));
+	}
+	return {
+		type: e.type,
+		path: t,
+		role: n,
+		name: e.name,
+		visible: e.visible,
+		locked: y(t, r),
+		expressionPrefix: j(e),
+		...e.type === "TableLayer" ? { templated: e.template !== null } : null,
+		children: i
+	};
+}
+function N(e, t = []) {
+	let n = [];
+	for (let r = e.layers.length - 1; r >= 0; --r) n.push(M(e.layers[r], ["layers", r], "root", t));
+	return n;
+}
+//#endregion
+//#region src/layer-panel/addMenu.ts
+var P = [
+	{
+		kind: "layer",
+		type: "TextLayer",
+		label: "文本层",
+		title: "画拉建文本层（点击后在画布拖拽定落位与尺寸，Esc 取消）"
+	},
+	{
+		kind: "layer",
+		type: "ImageLayer",
+		label: "图片层",
+		title: "画拉建图片层（点击后在画布拖拽定落位与尺寸，Esc 取消）"
+	},
+	{
+		kind: "layer",
+		type: "QrCodeLayer",
+		label: "二维码层",
+		title: "画拉建二维码层（点击后在画布拖拽定落位与尺寸，恒方形，Esc 取消）"
+	},
+	{
+		kind: "layer",
+		type: "TableLayer",
+		label: "表格",
+		title: "画拉建表格（点击后在画布拖拽定落位与尺寸，Esc 取消）"
+	},
+	{
+		kind: "template-table",
+		label: "模板表",
+		title: "新增模板表（行模板 + 数据行展开）"
+	}
+], F = P.filter((e) => e.kind === "layer");
+//#endregion
+//#region src/layer-panel/useLayerPanel.ts
+function I(t) {
+	let n = e(t.store.doc), r = e(t.store.ui.selection), i = e(t.store.ui.hovered), o = e(t.store.ui.renaming), s = e(t.store.ui.lockedPaths), c = t.subscribe((e) => {
+		e.scope === "doc" ? (n.value = t.store.doc, r.value = t.store.ui.selection, i.value = t.store.ui.hovered, o.value = t.store.ui.renaming, s.value = t.store.ui.lockedPaths) : e.branch === "selection" ? r.value = t.store.ui.selection : e.branch === "hovered" ? i.value = t.store.ui.hovered : e.branch === "renaming" ? o.value = t.store.ui.renaming : e.branch === "lockedPaths" && (s.value = t.store.ui.lockedPaths);
+	});
+	return a(c, !0), {
+		outline: g(() => n.value ? N(n.value, s.value) : []),
+		selection: g(() => r.value),
+		hovered: g(() => i.value),
+		renaming: g(() => o.value)
+	};
+}
+function L(e, t) {
+	return t > 0 && e < t / 2;
+}
+//#endregion
+//#region src/layer-panel/LayerPanel.vue?vue&type=script&setup=true&lang.ts
+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"
+], xe = ["onKeydown"], Se = {
+	key: 0,
+	class: "px-2 pb-1 text-[11px] text-cn-danger"
+}, Ce = { class: "flex gap-1 p-1" }, we = ["onClick"], Te = ["onClick"], Ee = {
+	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"
+}, De = [
+	"data-key",
+	"draggable",
+	"onClick",
+	"onMouseenter",
+	"onDragstart",
+	"onDragover",
+	"onDrop"
+], Oe = ["onDragstart"], ke = ["title"], Ae = ["onDblclick"], je = [
+	"title",
+	"aria-pressed",
+	"onClick"
+], Me = [
+	"title",
+	"aria-pressed",
+	"onClick"
+], Ne = ["onClick"], Pe = [
+	"disabled",
+	"title",
+	"onClick"
+], Fe = ["onClick"], Ie = ["onClick"], Le = [
+	"disabled",
+	"title",
+	"onClick"
+], R = /* @__PURE__ */ u({
+	__name: "LayerPanel",
+	props: { editor: {} },
+	setup(e) {
+		let a = e, u = `解锁图层（${D("toggleLayerLock", E())}）`, y = `图层已锁定（${D("toggleLayerLock", E())} 解锁后可删除）`, C = I(a.editor), T = S(!1), O = S(""), k = S(!1);
+		function A() {
+			T.value = !1, O.value = "", k.value = !1;
+		}
+		let j = g(() => T.value ? [] : P.map((e) => e.kind === "layer" ? {
+			label: e.label,
+			title: e.title,
+			dataAttrs: { "data-add-layer": e.type },
+			run: () => {
+				a.editor.armLayerCreate(e.type), oe().show(ae);
+			}
+		} : {
+			label: e.label,
+			title: e.title,
+			dataAttrs: { "data-add-layer": "template-table" },
+			keepsOpen: !0,
+			run: () => {
+				T.value = !0;
+			}
+		}));
+		function M(e) {
+			let t = O.value.trim();
+			if (t === "") {
+				k.value = !0;
+				return;
+			}
+			a.editor.addTemplateTable(t), A(), e();
+		}
+		function N(e) {
+			A(), e();
+		}
+		function F() {
+			A();
+		}
+		let R = ue(a.editor), Re = g(() => se(R.value)), z = S(null), B = S(null), { popup: V, accept: ze } = ce({
+			target: z,
+			enabled: () => T.value,
+			resolve: (e) => Re.value?.(e) ?? null,
+			popupEl: g(() => B.value?.rootEl ?? null)
+		});
+		function Be(e, t) {
+			if (e.key === "Enter") {
+				if (V.open && V.items.length > 0) return;
+				e.preventDefault(), M(t);
+				return;
+			}
+			e.key === "Escape" && V.open && e.stopPropagation();
+		}
+		function Ve(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}`;
+				case "templateRow": return "⌗ 行模板";
+				case "cell": return `格 ${Number(e.path[e.path.length - 1]) + 1}`;
+				case "content": return e.type;
+			}
+		}
+		let H = g(() => {
+			let e = [], t = /* @__PURE__ */ new Map();
+			function n(r, i, a, o) {
+				let s = r.role === "row" ? r.path.slice(0, -2) : r.role === "templateRow" ? r.path.slice(0, -1) : o, c = 0;
+				r.role === "root" && (c = (t.get(r.type) ?? 0) + 1, t.set(r.type, c)), e.push({
+					key: r.path.join("."),
+					node: r,
+					indentLevel: i,
+					label: Ve(r, c),
+					indexInGroup: a,
+					tablePath: s,
+					inTemplate: _(r.path),
+					draggable: r.role === "root" || r.role === "row" || r.role === "cell"
+				}), r.children.forEach((e, t) => n(e, i + 1, t, s));
+			}
+			return C.outline.value.forEach((e, t) => n(e, 0, t, null)), e;
+		}), He = g(() => H.value.length > 0);
+		function Ue(e) {
+			a.editor.setSelection(e.node.path);
+		}
+		function U(e) {
+			a.editor.setHovered(e === null ? null : e.node.path);
+		}
+		function We(e) {
+			a.editor.addTableRow(e.node.path);
+		}
+		function Ge(e) {
+			a.editor.addTableCell(e.node.path);
+		}
+		function Ke(e) {
+			a.editor.addTemplateCell(e.node.path.slice(0, -1));
+		}
+		function qe(e) {
+			a.editor.deleteLayer(e.node.path);
+		}
+		function Je(e) {
+			a.editor.toggleLayerVisibility(e.node.path);
+		}
+		function Ye(e) {
+			a.editor.toggleLayerLock(e.node.path);
+		}
+		let W = S(null), G = S(null);
+		function K(e) {
+			let t = W.value;
+			if (!t) return !1;
+			if (t.kind === "root") return e.node.role === "root";
+			if (t.kind === "row") return e.node.role === "row";
+			if (e.node.role !== "cell") return !1;
+			let n = _(t.cellPath);
+			return n === e.inTemplate ? !n || p(t.cellPath.slice(0, -2), e.node.path.slice(0, -2)) : !1;
+		}
+		function q(e) {
+			return e.node.role === "root";
+		}
+		function J(e, t) {
+			e.draggable && (W.value = e.node.role === "root" ? {
+				kind: "root",
+				from: e.indexInGroup
+			} : e.node.role === "row" ? {
+				kind: "row",
+				from: e.indexInGroup,
+				tablePath: e.tablePath,
+				rowPath: e.node.path
+			} : {
+				kind: "cell",
+				from: e.indexInGroup,
+				cellPath: e.node.path
+			}, t.dataTransfer?.setData("text/plain", e.key), t.dataTransfer && (t.dataTransfer.effectAllowed = "move"));
+		}
+		function Xe(e, t) {
+			q(e) || J(e, t);
+		}
+		function Ze(e) {
+			if (!q(e)) return e.draggable || void 0;
+		}
+		function Qe(e, t) {
+			if (!K(e)) return;
+			let n = t.currentTarget.getBoundingClientRect(), r = L(t.clientY - n.top, n.height);
+			t.preventDefault(), G.value = {
+				key: e.key,
+				edge: r ? "before" : "after"
+			};
+		}
+		function $e(e, t) {
+			if (!K(e)) return;
+			let n = G.value, r = W.value;
+			if (!r || !n || n.key !== e.key) return;
+			t.preventDefault();
+			let i = n.edge === "before" ? e.indexInGroup : e.indexInGroup + 1;
+			r.kind === "root" ? a.editor.moveRootLayer(r.from, i) : r.kind === "row" ? e.tablePath !== null && e.tablePath.join(".") === r.tablePath.join(".") ? a.editor.moveTableRow(r.tablePath, r.from, i) : a.editor.moveTableRowToTable(r.rowPath, e.tablePath, i) : a.editor.moveTableCellToRow(r.cellPath, e.node.path.slice(0, -2), i), W.value = null, G.value = null;
+		}
+		function et() {
+			W.value = null, G.value = null;
+		}
+		function Y(e) {
+			return p(C.selection.value, e.node.path);
+		}
+		function tt(e) {
+			return p(C.hovered.value, e.node.path);
+		}
+		let X = S(""), Z = null, Q = null;
+		function nt(e) {
+			Q = e instanceof HTMLInputElement ? e : null;
+		}
+		function rt(e) {
+			return p(C.renaming.value, e.node.path);
+		}
+		function $(e) {
+			q(e) && a.editor.beginRename(e.node.path);
+		}
+		function it() {
+			let e = X.value.trim();
+			if (Z !== null && e === Z.trim()) {
+				a.editor.cancelRename();
+				return;
+			}
+			a.editor.commitRename(e);
+		}
+		function at() {
+			a.editor.cancelRename();
+		}
+		return o(C.renaming, async (e) => {
+			if (e === null) {
+				Z = null;
+				return;
+			}
+			let t = H.value.find((t) => p(t.node.path, e));
+			X.value = t?.label ?? "", Z = X.value, await re();
+			let n = Q;
+			n && (n.focus({ preventScroll: !0 }), n.select());
+		}), (e, a) => (t(), l("aside", _e, [
+			h("header", ve, [a[9] ||= h("span", { class: "text-[12px] font-medium tracking-wide text-cn-fg/90" }, "图层", -1), h("div", ye, [x(le, {
+				label: "新增图层",
+				items: j.value,
+				onClosed: F
+			}, {
+				trigger: s(({ open: e, toggle: t, triggerRef: n, onKeydown: r }) => [h("button", {
+					ref: n,
+					type: "button",
+					"data-add-menu": "",
+					"aria-expanded": e,
+					"aria-haspopup": "menu",
+					title: "新增图层",
+					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, be)]),
+				body: s(({ closeMenu: e }) => [T.value ? (t(), l(d, { key: 0 }, [
+					a[8] ||= h("p", { class: "px-2 pt-1 text-[11px] leading-4 text-cn-muted" }, "模板行按数据行路径展开成表", -1),
+					n(h("input", {
+						ref_key: "rowsPathInputEl",
+						ref: z,
+						"onUpdate:modelValue": a[0] ||= (e) => O.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", k.value ? "border-cn-danger" : "border-cn-field-line"]),
+						onKeydown: (t) => Be(t, e)
+					}, null, 42, xe), [[v, O.value]]),
+					k.value ? (t(), l("p", Se, "rowsPath 必填")) : f("", !0),
+					h("div", Ce, [h("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) => M(e)
+					}, " 创建 ", 8, we), h("button", {
+						type: "button",
+						class: "flex-1 rounded px-2 py-1 text-[12px] text-cn-muted hover:text-cn-fg",
+						onClick: (t) => N(e)
+					}, " 取消 ", 8, Te)])
+				], 64)) : f("", !0)]),
+				_: 1
+			}, 8, ["items"]), T.value ? (t(), te(ie, {
+				key: 0,
+				ref_key: "pathPopupRef",
+				ref: B,
+				state: i(V),
+				onSelect: i(ze)
+			}, null, 8, ["state", "onSelect"])) : f("", !0)])]),
+			He.value ? f("", !0) : (t(), l("p", Ee, " 画布还没有图层，用上方按钮新增 ")),
+			h("ul", {
+				class: "cn-layers__tree flex flex-col gap-0.5 px-1.5 py-1",
+				onDragend: et
+			}, [(t(!0), l(d, null, ne(H.value, (e) => (t(), l("li", {
+				key: e.key,
+				"data-key": e.key,
+				draggable: Ze(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": Y(e),
+					"cn-layers__row--hovered": tt(e) && !Y(e),
+					"cn-layers__row--hidden": q(e) && !e.node.visible,
+					"cn-layers__row--template": e.inTemplate,
+					"cursor-grab": e.draggable && !q(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: ee({ paddingLeft: `${4 + e.indentLevel * 14}px` }),
+				onClick: (t) => Ue(e),
+				onMouseenter: (t) => U(e),
+				onMouseleave: a[7] ||= (e) => U(null),
+				onDragstart: (t) => Xe(e, t),
+				onDragover: (t) => Qe(e, t),
+				onDrop: (t) => $e(e, t)
+			}, [
+				q(e) ? (t(), l("span", {
+					key: 0,
+					"data-drag-handle": "",
+					draggable: "true",
+					title: "拖动排序",
+					class: "cn-layers__handle shrink-0",
+					onDragstart: (t) => J(e, t)
+				}, [x(w, {
+					icon: i(pe),
+					size: 12,
+					"stroke-width": 2.5
+				}, null, 8, ["icon"])], 40, Oe)) : f("", !0),
+				e.node.expressionPrefix === "" ? f("", !0) : (t(), l("span", {
+					key: 1,
+					class: "cn-layers__prefix",
+					title: e.node.expressionPrefix
+				}, r(e.node.expressionPrefix), 9, ke)),
+				rt(e) ? n((t(), l("input", {
+					key: 2,
+					ref_for: !0,
+					ref: nt,
+					"onUpdate:modelValue": a[1] ||= (e) => X.value = e,
+					"data-rename-input": "",
+					"aria-label": "图层重命名",
+					class: "cn-layers__rename-input min-w-0 flex-1",
+					onClick: a[2] ||= b(() => {}, ["stop"]),
+					onDblclick: a[3] ||= b(() => {}, ["stop"]),
+					onKeydown: [a[4] ||= m(b((e) => it(), ["prevent"]), ["enter"]), a[5] ||= m(b((e) => at(), ["prevent"]), ["esc"])],
+					onBlur: a[6] ||= (e) => it()
+				}, null, 544)), [[v, X.value]]) : (t(), l("span", {
+					key: 3,
+					class: "cn-layers__label min-w-0 flex-1 truncate font-mono text-[11px] leading-4",
+					onDblclick: (t) => $(e)
+				}, r(e.label), 41, Ae)),
+				q(e) ? (t(), l("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"]),
+					title: e.node.visible ? "隐藏图层（最终输出不含该层）" : "显示图层",
+					"aria-pressed": !e.node.visible,
+					onClick: b((t) => Je(e), ["stop"])
+				}, [x(w, {
+					icon: e.node.visible ? i(fe) : i(de),
+					size: 11,
+					"stroke-width": 2
+				}, null, 8, ["icon"])], 10, je)) : f("", !0),
+				q(e) ? (t(), l("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 ? u : "锁定图层（画布不可点选/拖动/删除，渲染照常）",
+					"aria-pressed": e.node.locked,
+					onClick: b((t) => Ye(e), ["stop"])
+				}, [x(w, {
+					icon: e.node.locked ? i(he) : i(me),
+					size: 11,
+					"stroke-width": 2
+				}, null, 8, ["icon"])], 10, Me)) : f("", !0),
+				q(e) ? (t(), l("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: b((t) => $(e), ["stop"])
+				}, [x(w, {
+					icon: i(ge),
+					size: 11,
+					"stroke-width": 2
+				}, null, 8, ["icon"])], 8, Ne)) : f("", !0),
+				e.node.role === "root" && e.node.type === "TableLayer" ? (t(), l("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: b((t) => We(e), ["stop"])
+				}, " +行 ", 8, Pe)) : f("", !0),
+				e.node.role === "row" ? (t(), l("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: b((t) => Ge(e), ["stop"])
+				}, " +格 ", 8, Fe)) : f("", !0),
+				e.node.role === "templateRow" ? (t(), l("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: b((t) => Ke(e), ["stop"])
+				}, " +格 ", 8, Ie)) : f("", !0),
+				h("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 ? y : "删除（含子层）",
+					onClick: b((t) => qe(e), ["stop"])
+				}, " ✕ ", 8, Le)
+			], 46, De))), 128))], 32)
+		]));
+	}
+});
+//#endregion
+export { P as a, F as i, L as n, I as r, R as t };

package/dist/layer-panel.js

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