@veltra/sheet 2.3.3 → 2.4.0

package/dist/components/report/binding-badge.js

@@ -46,21 +46,33 @@ function createBindingBadgeStyleResolver(getBindingAt) {
 	};
 }
 /**
+* 单元格对齐 → 徽章容器 flex 布局映射（纯函数，便于单测）：
+* `horizontal` left / 缺省 → 主轴起点；`vertical` middle / 缺省 → 交叉轴居中。
+*/
+function badgeLayoutProps(align) {
+	return {
+		justifyContent: align?.horizontal === "center" ? "center" : align?.horizontal === "right" ? "flex-end" : "flex-start",
+		alignItems: align?.vertical === "top" ? "flex-start" : align?.vertical === "bottom" ? "flex-end" : "center"
+	};
+}
+/**
 * 绑定格富渲染徽章（ADR-0004 `resolveCellRenderer` 首个消费者）：
-* 绑定单元格渲染为左对齐徽章（强调色聚合标签 + 中性色字段标签），
+* 绑定单元格渲染为徽章布局（强调色聚合标签 + 中性色字段标签），
+* 布局跟随单元格水平 / 垂直对齐（经 `resolveAlign` 读有效样式）；
 * 未绑定格返回 `undefined` 回落默认渲染。
 */
-function createBindingBadgeRenderer(getBindingAt, resolveLabel) {
+function createBindingBadgeRenderer(getBindingAt, resolveLabel, resolveAlign) {
 	return (addr) => {
 		const binding = getBindingAt(addr);
 		if (!binding) return void 0;
 		const { fg } = resolveBadgeColor(binding);
 		const { tag, label } = formatBindingPlaceholderParts(binding, resolveLabel);
+		const { justifyContent, alignItems } = badgeLayoutProps(resolveAlign?.(addr));
 		const rootContainer = new CustomLayout.Container({
 			display: "flex",
 			flexDirection: "row",
-			justifyContent: "flex-start",
-			alignItems: "center"
+			justifyContent,
+			alignItems
 		});
 		const tagEl = new CustomLayout.Tag({
 			text: tag,
@@ -90,6 +102,12 @@ function createBindingBadgeRenderer(getBindingAt, resolveLabel) {
 			fontWeight: 500,
 			fill: BADGE_LABEL_COLOR
 		}));
+		if (binding.drill) rootContainer.add(new CustomLayout.Text({
+			text: " ↗",
+			fontSize: 11,
+			fontWeight: 700,
+			fill: fg
+		}));
 		return {
 			rootContainer,
 			renderDefault: false
@@ -97,4 +115,4 @@ function createBindingBadgeRenderer(getBindingAt, resolveLabel) {
 	};
 }
 //#endregion
-export { REPORT_PRESET_BADGE_COLORS, createBindingBadgeRenderer, createBindingBadgeStyleResolver };
+export { REPORT_PRESET_BADGE_COLORS, badgeLayoutProps, createBindingBadgeRenderer, createBindingBadgeStyleResolver };

package/dist/components/report/designer/drill-dialog.js

@@ -0,0 +1,258 @@
+import { resolveTemplateParams } from "../../../report/template.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { UButton, UDialog, URadioGroup, USelect } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/report/designer/drill-dialog.vue
+const _hoisted_1 = { key: 2 };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UReportDrillDialog",
+	__name: "drill-dialog",
+	props: {
+		modelValue: { type: Boolean },
+		templates: {},
+		fields: { default: () => [] },
+		drill: { default: void 0 },
+		resolveTemplate: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"save",
+		"remove"
+	],
+	setup(__props, { emit: __emit }) {
+		/** 映射编辑行草稿（保存时折叠为 Record<字段, 参数>） */
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("report-drill-dialog");
+		const visible = computed({
+			get: () => props.modelValue,
+			set: (value) => emit("update:modelValue", value)
+		});
+		const openModeItems = [{
+			value: "switch",
+			label: "查看器内切换"
+		}, {
+			value: "dialog",
+			label: "弹框打开（UDialog）"
+		}];
+		const target = ref("");
+		const openMode = ref("switch");
+		const mappings = ref([]);
+		watch(() => props.modelValue, (open) => {
+			if (!open) return;
+			target.value = props.drill?.target ?? "";
+			openMode.value = props.drill?.openMode ?? "switch";
+			mappings.value = Object.entries(props.drill?.mapping ?? {}).map(([field, param]) => ({
+				field,
+				param
+			}));
+			resolveTargetParams(target.value);
+		});
+		const targetParams = ref([]);
+		const paramsLoading = ref(false);
+		const paramsError = ref("");
+		let paramsSeq = 0;
+		async function resolveTargetParams(ref) {
+			const seq = ++paramsSeq;
+			targetParams.value = [];
+			paramsError.value = "";
+			if (!ref) return;
+			const resolve = props.resolveTemplate;
+			if (!resolve) {
+				paramsError.value = "宿主未提供 resolveTemplate，无法解析目标模板参数";
+				return;
+			}
+			paramsLoading.value = true;
+			try {
+				const template = await resolve(ref);
+				if (seq !== paramsSeq) return;
+				targetParams.value = resolveTemplateParams(template);
+			} catch (error) {
+				if (seq !== paramsSeq) return;
+				paramsError.value = `解析目标模板参数失败：${error instanceof Error ? error.message : String(error)}`;
+			} finally {
+				if (seq === paramsSeq) paramsLoading.value = false;
+			}
+		}
+		const templateOptions = computed(() => props.templates.map((item) => ({
+			value: item.ref,
+			label: item.label
+		})));
+		const fieldOptions = computed(() => props.fields.map((field) => ({
+			value: field.name,
+			label: field.label
+		})));
+		const paramOptions = computed(() => targetParams.value.map((param) => ({
+			value: param.id,
+			label: param.label && param.label !== param.id ? `${param.label}（${param.id}）` : param.id
+		})));
+		/** 用户改选目标：旧映射的参数 id 未必存在于新模板，直接清空重配 */
+		function onTarget(value) {
+			target.value = value ?? "";
+			mappings.value = [];
+			resolveTargetParams(target.value);
+		}
+		function onOpenMode(value) {
+			openMode.value = value;
+		}
+		function addMapping() {
+			mappings.value = [...mappings.value, {
+				field: "",
+				param: ""
+			}];
+		}
+		function removeMapping(index) {
+			mappings.value = mappings.value.filter((_, i) => i !== index);
+		}
+		function confirm() {
+			if (!target.value) return;
+			const mapping = {};
+			for (const row of mappings.value) if (row.field && row.param) mapping[row.field] = row.param;
+			emit("save", {
+				target: target.value,
+				mapping,
+				openMode: openMode.value
+			});
+			visible.value = false;
+		}
+		function remove() {
+			emit("remove");
+			visible.value = false;
+		}
+		function onClose() {
+			visible.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UDialog), {
+				modelValue: visible.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+				title: "下钻配置",
+				style: {
+					"width": "min(560px, 92vw)",
+					"max-height": "85vh"
+				},
+				onClose
+			}, {
+				footer: withCtx(() => [
+					__props.drill ? (openBlock(), createBlock(unref(UButton), {
+						key: 0,
+						size: "small",
+						text: "",
+						type: "danger",
+						style: { "margin-right": "auto" },
+						onClick: remove
+					}, {
+						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" 移除下钻 ", -1)])]),
+						_: 1
+					})) : createCommentVNode("v-if", true),
+					createVNode(unref(UButton), {
+						size: "small",
+						onClick: _cache[0] || (_cache[0] = ($event) => visible.value = false)
+					}, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("取消", -1)])]),
+						_: 1
+					}),
+					createVNode(unref(UButton), {
+						size: "small",
+						type: "primary",
+						disabled: !target.value,
+						onClick: confirm
+					}, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("确定", -1)])]),
+						_: 1
+					}, 8, ["disabled"])
+				]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).b) }, [
+					createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [
+						createElementVNode("div", { class: normalizeClass(unref(cls).e("label")) }, "目标模板", 2),
+						createVNode(unref(USelect), {
+							size: "small",
+							placeholder: "从模板列表选择目标",
+							"model-value": target.value,
+							options: templateOptions.value,
+							"onUpdate:modelValue": onTarget
+						}, null, 8, ["model-value", "options"]),
+						createElementVNode("p", { class: normalizeClass(unref(cls).e("hint")) }, "目标模板仅从宿主提供的列表选择，不支持手填引用。", 2)
+					], 2),
+					createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("label")) }, "打开方式", 2), createVNode(unref(URadioGroup), {
+						size: "small",
+						items: openModeItems,
+						"model-value": openMode.value,
+						"onUpdate:modelValue": onOpenMode
+					}, null, 8, ["model-value"])], 2),
+					createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("label")) }, "字段 → 详情报参数映射", 2), !target.value ? (openBlock(), createElementBlock("p", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("hint"))
+					}, "先选择目标模板，再配置映射。", 2)) : paramsLoading.value ? (openBlock(), createElementBlock("p", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("hint"))
+					}, "正在解析目标模板参数…", 2)) : paramsError.value ? (openBlock(), createElementBlock("p", {
+						key: 2,
+						class: normalizeClass(unref(cls).e("error"))
+					}, toDisplayString(paramsError.value), 3)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [targetParams.value.length === 0 ? (openBlock(), createElementBlock("p", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("hint"))
+					}, " 目标模板没有查询参数，无需配置映射。 ", 2)) : (openBlock(), createElementBlock("ul", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("list"))
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(mappings.value, (row, index) => {
+						return openBlock(), createElementBlock("li", {
+							key: index,
+							class: normalizeClass(unref(cls).e("mapping"))
+						}, [
+							createVNode(unref(USelect), {
+								size: "small",
+								class: normalizeClass(unref(cls).e("field")),
+								placeholder: "字段",
+								"model-value": row.field,
+								options: fieldOptions.value,
+								"onUpdate:modelValue": ($event) => row.field = $event
+							}, null, 8, [
+								"class",
+								"model-value",
+								"options",
+								"onUpdate:modelValue"
+							]),
+							createElementVNode("span", { class: normalizeClass(unref(cls).e("arrow")) }, "→", 2),
+							createVNode(unref(USelect), {
+								size: "small",
+								class: normalizeClass(unref(cls).e("param")),
+								placeholder: "参数",
+								"model-value": row.param,
+								options: paramOptions.value,
+								"onUpdate:modelValue": ($event) => row.param = $event
+							}, null, 8, [
+								"class",
+								"model-value",
+								"options",
+								"onUpdate:modelValue"
+							]),
+							createVNode(unref(UButton), {
+								size: "small",
+								text: "",
+								type: "danger",
+								onClick: ($event) => removeMapping(index)
+							}, {
+								default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" 删除 ", -1)])]),
+								_: 1
+							}, 8, ["onClick"])
+						], 2);
+					}), 128))], 2)), targetParams.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(UButton), {
+						size: "small",
+						plain: "",
+						onClick: addMapping
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("添加映射", -1)])]),
+						_: 1
+					})])) : createCommentVNode("v-if", true)], 64))], 2)
+				], 2)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/report/designer/float-panel.js

@@ -19,6 +19,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		parentPickMode: {},
 		rowParentCandidates: {},
 		colParentCandidates: {},
+		showDrill: { type: Boolean },
 		resolveFieldLabel: { type: Function },
 		getBindingAt: { type: Function },
 		hostEl: {},
@@ -28,6 +29,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		"patch",
 		"remove",
 		"open-rules",
+		"open-drill",
 		"start-parent-pick",
 		"cancel-parent-pick",
 		"clear-parent"
@@ -247,8 +249,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					expanded.value ? unref(cls).m("expanded") : ""
 				]),
 				style: normalizeStyle(panelStyle.value),
-				onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
-				onPointerdown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
+				onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"])),
+				onPointerdown: _cache[10] || (_cache[10] = withModifiers(() => {}, ["stop"]))
 			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("bar")) }, [createElementVNode("div", {
 				class: normalizeClass(unref(cls).e("summary")),
 				title: summaryText.value
@@ -289,16 +291,26 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					plain: "",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("open-rules"))
 				}, {
-					default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("条件样式", -1)])]),
+					default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("条件样式", -1)])]),
 					_: 1
 				}),
+				__props.showDrill ? (openBlock(), createBlock(unref(UButton), {
+					key: 2,
+					size: "small",
+					plain: "",
+					type: __props.binding.drill ? "primary" : void 0,
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("open-drill"))
+				}, {
+					default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" 下钻 ", -1)])]),
+					_: 1
+				}, 8, ["type"])) : createCommentVNode("v-if", true),
 				createVNode(unref(UButton), {
 					size: "small",
 					text: "",
 					type: "danger",
-					onClick: _cache[1] || (_cache[1] = ($event) => emit("remove"))
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("remove"))
 				}, {
-					default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("删除绑定", -1)])]),
+					default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode("删除绑定", -1)])]),
 					_: 1
 				}),
 				createVNode(unref(UButton), {
@@ -306,7 +318,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					text: "",
 					class: normalizeClass(unref(cls).e("expand")),
 					title: expanded.value ? "收起" : "展开更多",
-					onClick: _cache[2] || (_cache[2] = ($event) => expanded.value = !expanded.value)
+					onClick: _cache[3] || (_cache[3] = ($event) => expanded.value = !expanded.value)
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(expanded.value ? "收起" : "展开"), 1)]),
 					_: 1
@@ -335,7 +347,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							size: "small",
 							plain: "",
 							type: __props.parentPickMode === "row" ? "primary" : void 0,
-							onClick: _cache[3] || (_cache[3] = ($event) => emit("start-parent-pick", "row"))
+							onClick: _cache[4] || (_cache[4] = ($event) => emit("start-parent-pick", "row"))
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.parentPickMode === "row" ? "点选目标格…" : "设置行方向父格"), 1)]),
 							_: 1
@@ -358,9 +370,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							size: "small",
 							text: "",
 							type: "danger",
-							onClick: _cache[4] || (_cache[4] = ($event) => emit("clear-parent", "row"))
+							onClick: _cache[5] || (_cache[5] = ($event) => emit("clear-parent", "row"))
 						}, {
-							default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" 清除 ", -1)])]),
+							default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" 清除 ", -1)])]),
 							_: 1
 						})) : createCommentVNode("v-if", true)
 					], 2)
@@ -373,7 +385,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							size: "small",
 							plain: "",
 							type: __props.parentPickMode === "col" ? "primary" : void 0,
-							onClick: _cache[5] || (_cache[5] = ($event) => emit("start-parent-pick", "col"))
+							onClick: _cache[6] || (_cache[6] = ($event) => emit("start-parent-pick", "col"))
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.parentPickMode === "col" ? "点选目标格…" : "设置列方向父格"), 1)]),
 							_: 1
@@ -396,9 +408,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							size: "small",
 							text: "",
 							type: "danger",
-							onClick: _cache[6] || (_cache[6] = ($event) => emit("clear-parent", "col"))
+							onClick: _cache[7] || (_cache[7] = ($event) => emit("clear-parent", "col"))
 						}, {
-							default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode(" 清除 ", -1)])]),
+							default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" 清除 ", -1)])]),
 							_: 1
 						})) : createCommentVNode("v-if", true)
 					], 2)
@@ -409,9 +421,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, [createVNode(unref(UButton), {
 					size: "small",
 					plain: "",
-					onClick: _cache[7] || (_cache[7] = ($event) => emit("cancel-parent-pick"))
+					onClick: _cache[8] || (_cache[8] = ($event) => emit("cancel-parent-pick"))
 				}, {
-					default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode("取消点选", -1)])]),
+					default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode("取消点选", -1)])]),
 					_: 1
 				})], 2)) : createCommentVNode("v-if", true)
 			], 2)) : createCommentVNode("v-if", true)], 38)), [[vShow, visible.value]]) : createCommentVNode("v-if", true);

package/dist/components/report/print.js

@@ -0,0 +1,39 @@
+//#region src/components/report/print.ts
+/**
+* 打印 HTML 文档：隐藏 iframe 装载后调起浏览器打印，结束（或兜底超时）销毁。
+*
+* 路线取舍：相对 `window.open` 不被弹窗拦截；相对 `@media print` 直打宿主页，
+* 不侵入应用布局，也不受网格 canvas 虚拟滚动（只绘制视口）限制。
+* iframe 用 0×0 定位隐藏而非 `display:none`（部分浏览器不打印 none 的 iframe）。
+*/
+function printHtmlDocument(html) {
+	const iframe = document.createElement("iframe");
+	iframe.setAttribute("aria-hidden", "true");
+	iframe.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;";
+	document.body.appendChild(iframe);
+	const win = iframe.contentWindow;
+	const doc = iframe.contentDocument;
+	if (!win || !doc || typeof win.print !== "function") {
+		iframe.remove();
+		throw new Error("当前环境不支持打印");
+	}
+	let cleaned = false;
+	const cleanup = () => {
+		if (cleaned) return;
+		cleaned = true;
+		iframe.remove();
+	};
+	win.addEventListener("afterprint", cleanup);
+	doc.open();
+	doc.write(html);
+	doc.close();
+	const decoding = Array.from(doc.images).map((img) => typeof img.decode === "function" ? img.decode().catch(() => void 0) : Promise.resolve());
+	Promise.all(decoding).then(() => {
+		if (cleaned) return;
+		win.focus();
+		win.print();
+		setTimeout(cleanup, 6e4);
+	});
+}
+//#endregion
+export { printHtmlDocument };