@veltra/sheet 2.1.1 → 2.3.0

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

@@ -0,0 +1,422 @@
+import { formatBindingPlaceholder, formatCellAddress, formatParentCandidateLabel, inferReportPreset, isReductionAggregate } from "../../../report/binding.js";
+import { resolveGridOverlayLayout } from "./cell-coords.js";
+import { readCellOverlayRect, resolveBindingFloatPanelPosition, useGridOverlaySync } from "./use-grid-overlay.js";
+import { REPORT_PRESET_OPTIONS, presetBindingDefaults } from "./role.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, toRef, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { UButton, URadioGroup, USelect, USwitch } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/report/designer/float-panel.vue
+const _hoisted_1 = ["title"];
+const CUSTOM_PRESET_VALUE = "__custom__";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UReportFloatPanel",
+	__name: "float-panel",
+	props: {
+		cell: {},
+		binding: {},
+		resolvedRowParentLabel: {},
+		resolvedColParentLabel: {},
+		parentPickMode: {},
+		rowParentCandidates: {},
+		colParentCandidates: {},
+		resolveFieldLabel: { type: Function },
+		getBindingAt: { type: Function },
+		hostEl: {},
+		getGrid: { type: Function }
+	},
+	emits: [
+		"patch",
+		"remove",
+		"open-rules",
+		"start-parent-pick",
+		"cancel-parent-pick",
+		"clear-parent"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("report-float-panel");
+		const hostEl = toRef(props, "hostEl");
+		const panelRef = ref(null);
+		const expanded = ref(false);
+		const placement = ref("above");
+		const presetOptions = computed(() => {
+			const options = REPORT_PRESET_OPTIONS.map((item) => ({ ...item }));
+			if (props.binding && inferReportPreset(props.binding) === null) options.unshift({
+				value: CUSTOM_PRESET_VALUE,
+				label: "自定义"
+			});
+			return options;
+		});
+		const ALL_AGGREGATE_OPTIONS = [
+			{
+				value: "list",
+				label: "明细"
+			},
+			{
+				value: "group",
+				label: "分组"
+			},
+			{
+				value: "sum",
+				label: "求和"
+			},
+			{
+				value: "avg",
+				label: "平均"
+			},
+			{
+				value: "count",
+				label: "计数"
+			},
+			{
+				value: "max",
+				label: "最大"
+			},
+			{
+				value: "min",
+				label: "最小"
+			}
+		];
+		const REDUCTION_AGGREGATE_OPTIONS = ALL_AGGREGATE_OPTIONS.filter((item) => isReductionAggregate(item.value));
+		const expandOptions = [
+			{
+				value: "down",
+				label: "向下"
+			},
+			{
+				value: "right",
+				label: "向右"
+			},
+			{
+				value: "none",
+				label: "不展开"
+			}
+		];
+		const sortOptions = [
+			{
+				value: "none",
+				label: "无"
+			},
+			{
+				value: "asc",
+				label: "升序"
+			},
+			{
+				value: "desc",
+				label: "降序"
+			}
+		];
+		const panelLeft = ref(0);
+		const panelTop = ref(0);
+		const inView = ref(false);
+		const currentPresetValue = computed(() => {
+			if (!props.binding) return "detail";
+			return inferReportPreset(props.binding) ?? CUSTOM_PRESET_VALUE;
+		});
+		const showAggregateSelect = computed(() => {
+			const preset = currentPresetValue.value;
+			return preset === CUSTOM_PRESET_VALUE || preset === "subtotal" || preset === "grandTotal" || preset === "cross";
+		});
+		const showExpandSelect = computed(() => {
+			const preset = currentPresetValue.value;
+			return preset === CUSTOM_PRESET_VALUE || preset === "groupHeader" || preset === "detail";
+		});
+		const aggregateOptions = computed(() => currentPresetValue.value === CUSTOM_PRESET_VALUE ? ALL_AGGREGATE_OPTIONS : REDUCTION_AGGREGATE_OPTIONS);
+		const summaryText = computed(() => {
+			if (!props.binding) return "";
+			const parts = [formatBindingPlaceholder(props.binding, props.resolveFieldLabel)];
+			if (props.binding.rowParent && props.resolvedRowParentLabel !== "—") {
+				const parent = props.getBindingAt?.(props.binding.rowParent);
+				const name = parent ? props.resolveFieldLabel?.(parent.dataset, parent.field) ?? parent.field : props.resolvedRowParentLabel;
+				parts.push(`行父格 ${name} ${props.resolvedRowParentLabel}`);
+			}
+			if (props.binding.colParent && props.resolvedColParentLabel !== "—") {
+				const parent = props.getBindingAt?.(props.binding.colParent);
+				const name = parent ? props.resolveFieldLabel?.(parent.dataset, parent.field) ?? parent.field : props.resolvedColParentLabel;
+				parts.push(`列父格 ${name} ${props.resolvedColParentLabel}`);
+			}
+			return parts.join(" · ");
+		});
+		function candidateOption(addr) {
+			const value = formatCellAddress(addr);
+			const binding = props.getBindingAt?.(addr);
+			return {
+				value,
+				label: binding ? formatParentCandidateLabel(addr, binding, props.resolveFieldLabel) : value
+			};
+		}
+		const rowParentOptions = computed(() => props.rowParentCandidates.map(candidateOption));
+		const colParentOptions = computed(() => props.colParentCandidates.map(candidateOption));
+		const rowParentSelectValue = computed(() => props.binding?.rowParent ? formatCellAddress(props.binding.rowParent) : void 0);
+		const colParentSelectValue = computed(() => props.binding?.colParent ? formatCellAddress(props.binding.colParent) : void 0);
+		const visible = computed(() => !!props.binding && !!props.cell && inView.value);
+		const panelStyle = computed(() => ({
+			left: `${panelLeft.value}px`,
+			top: `${panelTop.value}px`
+		}));
+		watch(() => [props.cell?.row, props.cell?.col], () => {
+			if (props.parentPickMode) return;
+			expanded.value = false;
+		});
+		watch(() => props.parentPickMode, (mode) => {
+			if (mode) expanded.value = true;
+		});
+		watch(expanded, () => {
+			nextTick(() => updatePosition());
+		});
+		watch(visible, (show) => {
+			if (!show) return;
+			nextTick(() => updatePosition());
+		});
+		function onPreset(preset) {
+			if (preset === CUSTOM_PRESET_VALUE) return;
+			emit("patch", presetBindingDefaults(preset));
+		}
+		function aggregateDefaultExpand(aggregate) {
+			return isReductionAggregate(aggregate) ? "none" : "down";
+		}
+		function onAggregate(aggregate) {
+			emit("patch", {
+				aggregate,
+				expand: aggregateDefaultExpand(aggregate)
+			});
+		}
+		function onExpand(expand) {
+			emit("patch", { expand });
+		}
+		function onSort(value) {
+			emit("patch", { sort: value });
+		}
+		function onMergeSpan(merged) {
+			emit("patch", { mergeSpan: merged });
+		}
+		function onRowParentSelect(label) {
+			const addr = props.rowParentCandidates.find((item) => formatCellAddress(item) === label);
+			if (!addr) return;
+			emit("patch", { rowParent: { ...addr } });
+		}
+		function onColParentSelect(label) {
+			const addr = props.colParentCandidates.find((item) => formatCellAddress(item) === label);
+			if (!addr) return;
+			emit("patch", { colParent: { ...addr } });
+		}
+		function updatePosition() {
+			const cell = props.cell;
+			const host = props.hostEl;
+			if (!cell || !host) {
+				inView.value = false;
+				return;
+			}
+			const layoutResolved = resolveGridOverlayLayout(host);
+			const rect = readCellOverlayRect(cell, host, props.getGrid);
+			if (!rect || !layoutResolved) {
+				inView.value = false;
+				return;
+			}
+			inView.value = true;
+			const panelEl = panelRef.value;
+			const panelWidth = panelEl?.offsetWidth ?? 340;
+			const panelHeight = panelEl?.offsetHeight ?? (expanded.value ? 360 : 68);
+			const position = resolveBindingFloatPanelPosition(rect, layoutResolved.layout, panelWidth, panelHeight, host.clientWidth);
+			placement.value = position.placement;
+			panelLeft.value = position.left;
+			panelTop.value = position.top;
+		}
+		useGridOverlaySync({
+			hostEl,
+			getGrid: () => props.getGrid(),
+			watchSources: () => [
+				props.cell?.row,
+				props.cell?.col,
+				props.binding,
+				props.hostEl,
+				expanded.value,
+				props.parentPickMode
+			],
+			update: updatePosition
+		});
+		return (_ctx, _cache) => {
+			return __props.binding && __props.cell ? withDirectives((openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: panelRef,
+				class: normalizeClass([
+					unref(cls).b,
+					unref(cls).m(placement.value),
+					expanded.value ? unref(cls).m("expanded") : ""
+				]),
+				style: normalizeStyle(panelStyle.value),
+				onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
+				onPointerdown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
+			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("bar")) }, [createElementVNode("div", {
+				class: normalizeClass(unref(cls).e("summary")),
+				title: summaryText.value
+			}, toDisplayString(summaryText.value), 11, _hoisted_1), createElementVNode("div", { class: normalizeClass(unref(cls).e("toolbar")) }, [
+				createVNode(unref(USelect), {
+					size: "small",
+					class: normalizeClass([unref(cls).e("select"), unref(cls).em("select", "role")]),
+					"model-value": currentPresetValue.value,
+					options: presetOptions.value,
+					"onUpdate:modelValue": onPreset
+				}, null, 8, [
+					"class",
+					"model-value",
+					"options"
+				]),
+				showAggregateSelect.value ? (openBlock(), createBlock(unref(USelect), {
+					key: 0,
+					size: "small",
+					class: normalizeClass([unref(cls).e("select"), unref(cls).em("select", "aggregate")]),
+					"model-value": __props.binding.aggregate,
+					options: aggregateOptions.value,
+					"onUpdate:modelValue": onAggregate
+				}, null, 8, [
+					"class",
+					"model-value",
+					"options"
+				])) : createCommentVNode("v-if", true),
+				showExpandSelect.value ? (openBlock(), createBlock(unref(USelect), {
+					key: 1,
+					size: "small",
+					class: normalizeClass([unref(cls).e("select"), unref(cls).em("select", "expand")]),
+					"model-value": __props.binding.expand,
+					options: expandOptions,
+					"onUpdate:modelValue": onExpand
+				}, null, 8, ["class", "model-value"])) : createCommentVNode("v-if", true),
+				createVNode(unref(UButton), {
+					size: "small",
+					plain: "",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("open-rules"))
+				}, {
+					default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("条件样式", -1)])]),
+					_: 1
+				}),
+				createVNode(unref(UButton), {
+					size: "small",
+					text: "",
+					type: "danger",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("remove"))
+				}, {
+					default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("删除绑定", -1)])]),
+					_: 1
+				}),
+				createVNode(unref(UButton), {
+					size: "small",
+					text: "",
+					class: normalizeClass(unref(cls).e("expand")),
+					title: expanded.value ? "收起" : "展开更多",
+					onClick: _cache[2] || (_cache[2] = ($event) => expanded.value = !expanded.value)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(expanded.value ? "收起" : "展开"), 1)]),
+					_: 1
+				}, 8, ["class", "title"])
+			], 2)], 2), expanded.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("body"))
+			}, [
+				createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("section-label")) }, "数据集", 2), createElementVNode("p", { class: normalizeClass(unref(cls).e("hint")) }, toDisplayString(__props.binding.dataset), 3)], 2),
+				createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("section-label")) }, "排序", 2), createVNode(unref(URadioGroup), {
+					size: "small",
+					items: sortOptions,
+					"model-value": __props.binding.sort ?? "none",
+					"onUpdate:modelValue": onSort
+				}, null, 8, ["model-value"])], 2),
+				createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("section-label")) }, "扩展实例合并单元格", 2), createVNode(unref(USwitch), {
+					size: "small",
+					"model-value": __props.binding.mergeSpan !== false,
+					"onUpdate:modelValue": onMergeSpan
+				}, null, 8, ["model-value"])], 2),
+				createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("section-label")) }, "行方向父格", 2),
+					createElementVNode("p", { class: normalizeClass(unref(cls).e("hint")) }, "当前：" + toDisplayString(__props.resolvedRowParentLabel), 3),
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("parent-actions")) }, [
+						createVNode(unref(UButton), {
+							size: "small",
+							plain: "",
+							type: __props.parentPickMode === "row" ? "primary" : void 0,
+							onClick: _cache[3] || (_cache[3] = ($event) => emit("start-parent-pick", "row"))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.parentPickMode === "row" ? "点选目标格…" : "设置行方向父格"), 1)]),
+							_: 1
+						}, 8, ["type"]),
+						rowParentOptions.value.length > 0 ? (openBlock(), createBlock(unref(USelect), {
+							key: 0,
+							size: "small",
+							class: normalizeClass(unref(cls).e("parent-select")),
+							placeholder: "候选格",
+							"model-value": rowParentSelectValue.value,
+							options: rowParentOptions.value,
+							"onUpdate:modelValue": onRowParentSelect
+						}, null, 8, [
+							"class",
+							"model-value",
+							"options"
+						])) : createCommentVNode("v-if", true),
+						__props.binding.rowParent ? (openBlock(), createBlock(unref(UButton), {
+							key: 1,
+							size: "small",
+							text: "",
+							type: "danger",
+							onClick: _cache[4] || (_cache[4] = ($event) => emit("clear-parent", "row"))
+						}, {
+							default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" 清除 ", -1)])]),
+							_: 1
+						})) : createCommentVNode("v-if", true)
+					], 2)
+				], 2),
+				createElementVNode("section", { class: normalizeClass(unref(cls).e("section")) }, [
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("section-label")) }, "列方向父格", 2),
+					createElementVNode("p", { class: normalizeClass(unref(cls).e("hint")) }, "当前：" + toDisplayString(__props.resolvedColParentLabel), 3),
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("parent-actions")) }, [
+						createVNode(unref(UButton), {
+							size: "small",
+							plain: "",
+							type: __props.parentPickMode === "col" ? "primary" : void 0,
+							onClick: _cache[5] || (_cache[5] = ($event) => emit("start-parent-pick", "col"))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.parentPickMode === "col" ? "点选目标格…" : "设置列方向父格"), 1)]),
+							_: 1
+						}, 8, ["type"]),
+						colParentOptions.value.length > 0 ? (openBlock(), createBlock(unref(USelect), {
+							key: 0,
+							size: "small",
+							class: normalizeClass(unref(cls).e("parent-select")),
+							placeholder: "候选格",
+							"model-value": colParentSelectValue.value,
+							options: colParentOptions.value,
+							"onUpdate:modelValue": onColParentSelect
+						}, null, 8, [
+							"class",
+							"model-value",
+							"options"
+						])) : createCommentVNode("v-if", true),
+						__props.binding.colParent ? (openBlock(), createBlock(unref(UButton), {
+							key: 1,
+							size: "small",
+							text: "",
+							type: "danger",
+							onClick: _cache[6] || (_cache[6] = ($event) => emit("clear-parent", "col"))
+						}, {
+							default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode(" 清除 ", -1)])]),
+							_: 1
+						})) : createCommentVNode("v-if", true)
+					], 2)
+				], 2),
+				__props.parentPickMode ? (openBlock(), createElementBlock("footer", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("footer"))
+				}, [createVNode(unref(UButton), {
+					size: "small",
+					plain: "",
+					onClick: _cache[7] || (_cache[7] = ($event) => emit("cancel-parent-pick"))
+				}, {
+					default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode("取消点选", -1)])]),
+					_: 1
+				})], 2)) : createCommentVNode("v-if", true)
+			], 2)) : createCommentVNode("v-if", true)], 38)), [[vShow, visible.value]]) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/report/designer/role.js

@@ -0,0 +1,17 @@
+import { presetBindingPatch } from "../../../report/binding.js";
+const REPORT_PRESET_OPTIONS = Object.entries({
+	groupHeader: "分组头",
+	detail: "明细行",
+	subtotal: "小计行",
+	grandTotal: "总计行",
+	cross: "交叉格"
+}).map(([value, label]) => ({
+	value,
+	label
+}));
+/** 切换预设时写入 expand / aggregate / 父格组合（父格除 grandTotal 外保留既有值） */
+function presetBindingDefaults(preset) {
+	return presetBindingPatch(preset);
+}
+//#endregion
+export { REPORT_PRESET_OPTIONS, presetBindingDefaults };

package/dist/components/report/designer/rule-preview.js

@@ -0,0 +1,33 @@
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/report/designer/rule-preview.vue
+const _hoisted_1 = ["title"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UReportRulePreview",
+	__name: "rule-preview",
+	props: { rule: {} },
+	setup(__props) {
+		const props = __props;
+		const cls = bem("report-rule-preview");
+		const previewStyle = computed(() => {
+			const { fill, font } = props.rule.style;
+			return {
+				backgroundColor: fill?.color || "transparent",
+				color: font?.color || "inherit",
+				fontWeight: font?.bold ? "700" : "400",
+				fontStyle: font?.italic ? "italic" : "normal"
+			};
+		});
+		const previewLabel = computed(() => props.rule.scope === "row" ? "整行" : "Aa");
+		const previewTitle = computed(() => props.rule.scope === "row" ? "整行作用范围：命中后染满物理输出行（交叉表会染满整行，明细行报表更合适）" : "本格作用范围");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass([unref(cls).b, __props.rule.scope === "row" && unref(cls).m("row")]),
+				style: normalizeStyle(previewStyle.value),
+				title: previewTitle.value
+			}, toDisplayString(previewLabel.value), 15, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };