@veltra/sheet 2.4.0 → 2.5.0

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

@@ -1,258 +0,0 @@
-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/drop-highlight-overlay.js

@@ -1,76 +0,0 @@
-import { readCellOverlayRect, useGridOverlaySync } from "./use-grid-overlay.js";
-import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, toDisplayString, toRef, unref } from "vue";
-import { bem } from "@veltra/utils";
-//#region src/components/report/designer/drop-highlight-overlay.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "UReportDropHighlightOverlay",
-	__name: "drop-highlight-overlay",
-	props: {
-		cell: {},
-		hostEl: {},
-		getGrid: { type: Function },
-		dragging: { type: Boolean },
-		fallbackLabel: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const cls = bem("report-drop-highlight");
-		const hostEl = toRef(props, "hostEl");
-		const rectLeft = ref(0);
-		const rectTop = ref(0);
-		const rectWidth = ref(0);
-		const rectHeight = ref(0);
-		const inView = ref(false);
-		const visible = computed(() => !!props.cell && inView.value);
-		const showFallback = computed(() => props.dragging && !props.cell);
-		const highlightStyle = computed(() => ({
-			left: `${rectLeft.value}px`,
-			top: `${rectTop.value}px`,
-			width: `${rectWidth.value}px`,
-			height: `${rectHeight.value}px`
-		}));
-		function updateHighlight() {
-			const cell = props.cell;
-			const host = props.hostEl;
-			if (!cell || !host) {
-				inView.value = false;
-				return;
-			}
-			const rect = readCellOverlayRect(cell, host, props.getGrid);
-			if (!rect) {
-				inView.value = false;
-				return;
-			}
-			inView.value = true;
-			rectLeft.value = Math.round(rect.left);
-			rectTop.value = Math.round(rect.top);
-			rectWidth.value = Math.round(rect.width);
-			rectHeight.value = Math.round(rect.height);
-		}
-		useGridOverlaySync({
-			hostEl,
-			getGrid: () => props.getGrid(),
-			watchSources: () => [
-				props.cell?.row,
-				props.cell?.col,
-				props.hostEl,
-				props.dragging
-			],
-			update: updateHighlight
-		});
-		return (_ctx, _cache) => {
-			return __props.cell && visible.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(unref(cls).b),
-				style: normalizeStyle(highlightStyle.value),
-				"aria-hidden": "true"
-			}, null, 6)) : showFallback.value ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(unref(cls).e("fallback")),
-				role: "status"
-			}, " 松开将绑定到当前选区 " + toDisplayString(__props.fallbackLabel), 3)) : createCommentVNode("v-if", true);
-		};
-	}
-});
-//#endregion
-export { _sfc_main as default };