@hankchen/canvas-editor-vue 0.1.1 → 0.1.2

package/dist/layer-panel-ArP66_vZ.js

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