@robot-admin/naive-ui-components 0.3.0

package/dist/C_VtableGantt2.js

@@ -0,0 +1,873 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { NButton } from "naive-ui";
+
+//#region src/components/C_VtableGantt/data.ts
+const commonTheme = {
+	headerStyle: {
+		borderColor: "rgba(128, 128, 128, 0.2)",
+		borderLineWidth: 1,
+		fontSize: 14,
+		fontWeight: "bold"
+	},
+	bodyStyle: {
+		borderColor: "rgba(128, 128, 128, 0.2)",
+		borderLineWidth: [
+			1,
+			0,
+			1,
+			0
+		],
+		fontSize: 13
+	}
+};
+const presetConfigs = {
+	basic: {
+		overscrollBehavior: "none",
+		headerRowHeight: 40,
+		rowHeight: 40,
+		taskListTable: {
+			columns: [
+				{
+					field: "title",
+					title: "任务名称",
+					width: 220,
+					tree: true
+				},
+				{
+					field: "start",
+					title: "开始时间",
+					width: 120
+				},
+				{
+					field: "end",
+					title: "结束时间",
+					width: 120
+				},
+				{
+					field: "progress",
+					title: "进度",
+					width: 80
+				}
+			],
+			tableWidth: 420,
+			minTableWidth: 300,
+			theme: commonTheme
+		},
+		frame: {
+			outerFrameStyle: {
+				borderLineWidth: 1,
+				borderColor: "#e1e4e8",
+				cornerRadius: 6
+			},
+			verticalSplitLineMoveable: true,
+			verticalSplitLine: {
+				lineColor: "#e1e4e8",
+				lineWidth: 2
+			}
+		},
+		grid: {
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			}
+		},
+		taskBar: {
+			startDateField: "start",
+			endDateField: "end",
+			progressField: "progress",
+			moveable: true,
+			resizable: true,
+			labelText: "{title}",
+			labelTextStyle: {
+				fontSize: 12,
+				textAlign: "left"
+			},
+			barStyle: {
+				width: 18,
+				barColor: "#1890ff",
+				completedBarColor: "#52c41a",
+				cornerRadius: 4,
+				borderLineWidth: 0
+			},
+			milestoneStyle: {
+				borderColor: "#fa8c16",
+				borderLineWidth: 1,
+				fillColor: "#ffd666",
+				width: 12
+			}
+		},
+		timelineHeader: {
+			colWidth: 60,
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			scales: [{
+				unit: "week",
+				step: 1,
+				format: (date) => `第${date.dateIndex}周`,
+				style: {
+					fontSize: 12,
+					fontWeight: "bold"
+				}
+			}, {
+				unit: "day",
+				step: 1,
+				format: (date) => `${date.dateIndex}`,
+				style: { fontSize: 11 }
+			}]
+		},
+		scrollStyle: {
+			scrollRailColor: "rgba(246,246,246,0.5)",
+			visible: "scrolling",
+			width: 6,
+			scrollSliderCornerRadius: 2,
+			scrollSliderColor: "#1890ff"
+		}
+	},
+	project: {
+		overscrollBehavior: "none",
+		headerRowHeight: 40,
+		rowHeight: 40,
+		taskListTable: {
+			columns: [
+				{
+					field: "title",
+					title: "任务名称",
+					width: 200,
+					tree: true,
+					editor: "input"
+				},
+				{
+					field: "start",
+					title: "开始时间",
+					width: 120,
+					editor: "date-input"
+				},
+				{
+					field: "end",
+					title: "结束时间",
+					width: 120,
+					editor: "date-input"
+				},
+				{
+					field: "priority",
+					title: "优先级",
+					width: 80,
+					editor: "input"
+				},
+				{
+					field: "progress",
+					title: "进度%",
+					width: 80,
+					editor: "input"
+				}
+			],
+			tableWidth: 480,
+			minTableWidth: 350,
+			maxTableWidth: 800,
+			theme: commonTheme,
+			hierarchyExpandLevel: 2
+		},
+		frame: {
+			outerFrameStyle: {
+				borderLineWidth: 2,
+				borderColor: "#e1e4e8",
+				cornerRadius: 8
+			},
+			verticalSplitLineMoveable: true,
+			verticalSplitLine: {
+				lineColor: "#e1e4e8",
+				lineWidth: 3
+			}
+		},
+		grid: {
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			}
+		},
+		taskBar: {
+			startDateField: "start",
+			endDateField: "end",
+			progressField: "progress",
+			moveable: true,
+			resizable: true,
+			hoverBarStyle: { barOverlayColor: "rgba(24, 144, 255, 0.3)" },
+			labelText: "{title} {progress}%",
+			labelTextStyle: {
+				fontSize: 12,
+				textAlign: "left",
+				textOverflow: "ellipsis"
+			},
+			barStyle: {
+				width: 20,
+				barColor: "#1890ff",
+				completedBarColor: "#52c41a",
+				cornerRadius: 6,
+				borderLineWidth: 0
+			}
+		},
+		timelineHeader: {
+			colWidth: 60,
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			scales: [{
+				unit: "week",
+				step: 1,
+				startOfWeek: "monday",
+				format: (date) => `第${date.dateIndex}周`,
+				style: {
+					fontSize: 13,
+					fontWeight: "bold",
+					textAlign: "center"
+				}
+			}, {
+				unit: "day",
+				step: 1,
+				format: (date) => `${date.dateIndex}`,
+				style: {
+					fontSize: 11,
+					textAlign: "center"
+				}
+			}]
+		},
+		rowSeriesNumber: {
+			title: "序号",
+			dragOrder: true,
+			headerStyle: { borderColor: "rgba(128, 128, 128, 0.2)" },
+			style: { borderColor: "rgba(128, 128, 128, 0.2)" }
+		},
+		scrollStyle: {
+			scrollRailColor: "rgba(246,246,246,0.5)",
+			visible: "scrolling",
+			width: 6,
+			scrollSliderCornerRadius: 2,
+			scrollSliderColor: "#1890ff"
+		}
+	},
+	timeline: {
+		overscrollBehavior: "none",
+		headerRowHeight: 45,
+		rowHeight: 40,
+		taskListTable: {
+			columns: [{
+				field: "title",
+				title: "事件名称",
+				width: 250,
+				tree: true
+			}, {
+				field: "start",
+				title: "时间",
+				width: 150
+			}],
+			tableWidth: 400,
+			minTableWidth: 300,
+			theme: {
+				headerStyle: { ...commonTheme.headerStyle },
+				bodyStyle: commonTheme.bodyStyle
+			}
+		},
+		frame: {
+			outerFrameStyle: {
+				borderLineWidth: 1,
+				borderColor: "rgba(128, 128, 128, 0.3)",
+				cornerRadius: 4
+			},
+			verticalSplitLineMoveable: true
+		},
+		grid: {
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			}
+		},
+		taskBar: {
+			startDateField: "start",
+			endDateField: "end",
+			progressField: "progress",
+			moveable: true,
+			resizable: true,
+			labelText: "{title}",
+			labelTextStyle: {
+				fontSize: 12,
+				textAlign: "left"
+			},
+			barStyle: {
+				width: 22,
+				barColor: "#722ed1",
+				completedBarColor: "#b37feb",
+				cornerRadius: 8,
+				borderLineWidth: 0
+			}
+		},
+		timelineHeader: {
+			colWidth: 60,
+			scales: [{
+				unit: "month",
+				step: 1,
+				format: (date) => `${date.dateIndex}月`,
+				style: {
+					fontSize: 13,
+					fontWeight: "bold"
+				}
+			}, {
+				unit: "day",
+				step: 1,
+				format: (date) => `${date.dateIndex}`,
+				style: { fontSize: 11 }
+			}]
+		},
+		scrollStyle: {
+			scrollRailColor: "rgba(246,246,246,0.5)",
+			visible: "scrolling",
+			width: 6,
+			scrollSliderCornerRadius: 2,
+			scrollSliderColor: "#1890ff"
+		}
+	},
+	milestone: {
+		overscrollBehavior: "none",
+		headerRowHeight: 40,
+		rowHeight: 38,
+		taskListTable: {
+			columns: [
+				{
+					field: "title",
+					title: "里程碑",
+					width: 200,
+					tree: true
+				},
+				{
+					field: "start",
+					title: "目标日期",
+					width: 120
+				},
+				{
+					field: "priority",
+					title: "重要性",
+					width: 100
+				}
+			],
+			tableWidth: 400,
+			minTableWidth: 300,
+			theme: {
+				headerStyle: {
+					...commonTheme.headerStyle,
+					borderColor: "#ffa940"
+				},
+				bodyStyle: {
+					...commonTheme.bodyStyle,
+					borderColor: "#ffa940"
+				}
+			}
+		},
+		frame: {
+			outerFrameStyle: {
+				borderLineWidth: 2,
+				borderColor: "#ffa940",
+				cornerRadius: 6
+			},
+			verticalSplitLineMoveable: true
+		},
+		grid: {
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(255, 168, 64, 0.3)"
+			},
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(255, 168, 64, 0.3)"
+			}
+		},
+		taskBar: {
+			startDateField: "start",
+			endDateField: "start",
+			labelText: "{title}",
+			labelTextStyle: {
+				fontSize: 12,
+				fontWeight: "bold"
+			},
+			barStyle: {
+				width: 0,
+				barColor: "transparent"
+			},
+			milestoneStyle: {
+				borderColor: "#fa8c16",
+				borderLineWidth: 2,
+				fillColor: "#ffd666",
+				width: 16
+			}
+		},
+		timelineHeader: {
+			colWidth: 80,
+			scales: [{
+				unit: "month",
+				step: 1,
+				format: (date) => `${date.dateIndex}月`,
+				style: {
+					fontSize: 13,
+					fontWeight: "bold"
+				}
+			}, {
+				unit: "week",
+				step: 1,
+				format: (date) => `第${date.dateIndex}周`,
+				style: { fontSize: 11 }
+			}]
+		},
+		scrollStyle: {
+			scrollRailColor: "rgba(246,246,246,0.5)",
+			visible: "scrolling",
+			width: 6,
+			scrollSliderCornerRadius: 2,
+			scrollSliderColor: "#1890ff"
+		}
+	},
+	official: {
+		overscrollBehavior: "none",
+		headerRowHeight: 40,
+		rowHeight: 40,
+		taskListTable: {
+			columns: [
+				{
+					field: "title",
+					title: "title",
+					width: 180,
+					sort: true,
+					tree: true,
+					editor: "input"
+				},
+				{
+					field: "start",
+					title: "start",
+					width: 120,
+					sort: true,
+					editor: "date-input"
+				},
+				{
+					field: "end",
+					title: "end",
+					width: 120,
+					sort: true,
+					editor: "date-input"
+				},
+				{
+					field: "priority",
+					title: "priority",
+					width: 80,
+					sort: true,
+					editor: "input"
+				},
+				{
+					field: "progress",
+					title: "progress",
+					width: 80,
+					sort: true,
+					editor: "input"
+				}
+			],
+			tableWidth: 460,
+			minTableWidth: 350,
+			maxTableWidth: 800,
+			theme: {
+				headerStyle: {
+					...commonTheme.headerStyle,
+					fontSize: 18,
+					color: "red"
+				},
+				bodyStyle: {
+					...commonTheme.bodyStyle,
+					fontSize: 16,
+					color: "#4D4D4D"
+				}
+			},
+			hierarchyExpandLevel: 2
+		},
+		frame: {
+			outerFrameStyle: {
+				borderLineWidth: 2,
+				borderColor: "#e1e4e8",
+				cornerRadius: 8
+			},
+			verticalSplitLineMoveable: true,
+			verticalSplitLine: {
+				lineColor: "#e1e4e8",
+				lineWidth: 3
+			},
+			horizontalSplitLine: {
+				lineColor: "#e1e4e8",
+				lineWidth: 3
+			}
+		},
+		grid: {
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			},
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "rgba(128, 128, 128, 0.2)"
+			}
+		},
+		taskBar: {
+			startDateField: "start",
+			endDateField: "end",
+			progressField: "progress",
+			moveable: true,
+			resizable: true,
+			hoverBarStyle: { barOverlayColor: "rgba(99, 144, 0, 0.4)" },
+			labelText: "{title} {progress}%",
+			labelTextStyle: {
+				fontSize: 16,
+				textAlign: "left",
+				textOverflow: "ellipsis"
+			},
+			barStyle: {
+				width: 20,
+				barColor: "#ee8800",
+				completedBarColor: "#91e8e0",
+				cornerRadius: 8,
+				borderLineWidth: 1,
+				borderColor: "black"
+			},
+			milestoneStyle: {
+				borderColor: "red",
+				borderLineWidth: 1,
+				fillColor: "green",
+				width: 15
+			}
+		},
+		timelineHeader: {
+			backgroundColor: "#EEF1F5",
+			colWidth: 60,
+			horizontalLine: {
+				lineWidth: 1,
+				lineColor: "#e1e4e8"
+			},
+			verticalLine: {
+				lineWidth: 1,
+				lineColor: "#e1e4e8"
+			},
+			scales: [{
+				unit: "week",
+				step: 1,
+				startOfWeek: "sunday",
+				format: (date) => `Week ${date.dateIndex}`,
+				style: {
+					fontSize: 20,
+					fontWeight: "bold",
+					color: "white",
+					strokeColor: "black",
+					textAlign: "right",
+					textBaseline: "bottom",
+					textStick: true
+				}
+			}, {
+				unit: "day",
+				step: 1,
+				format: (date) => date.dateIndex.toString(),
+				style: {
+					fontSize: 20,
+					fontWeight: "bold",
+					color: "white",
+					strokeColor: "black",
+					textAlign: "right",
+					textBaseline: "bottom"
+				}
+			}]
+		},
+		markLine: [{
+			date: "2024-07-28",
+			style: {
+				lineWidth: 1,
+				lineColor: "blue",
+				lineDash: [8, 4]
+			}
+		}, {
+			date: "2024-08-17",
+			style: {
+				lineWidth: 2,
+				lineColor: "red",
+				lineDash: [8, 4]
+			}
+		}],
+		rowSeriesNumber: {
+			title: "行号",
+			dragOrder: true,
+			headerStyle: { borderColor: "rgba(128, 128, 128, 0.2)" },
+			style: { borderColor: "rgba(128, 128, 128, 0.2)" }
+		},
+		scrollStyle: {
+			scrollRailColor: "rgba(246,246,246,0.5)",
+			visible: "scrolling",
+			width: 6,
+			scrollSliderCornerRadius: 2,
+			scrollSliderColor: "#1890ff"
+		}
+	}
+};
+
+//#endregion
+//#region src/components/C_VtableGantt/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-vtable-gantt-wrapper" };
+const _hoisted_2 = {
+	key: 0,
+	class: "gantt-toolbar"
+};
+const _hoisted_3 = { class: "toolbar-left" };
+const _hoisted_4 = { class: "gantt-title" };
+const _hoisted_5 = { class: "toolbar-right" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_VtableGantt",
+	__name: "index",
+	props: {
+		data: { default: () => [] },
+		options: { default: () => ({}) },
+		preset: { default: "basic" },
+		height: { default: "600px" },
+		title: { default: "" },
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		showFullscreenButton: {
+			type: Boolean,
+			default: true
+		},
+		theme: { default: "light" }
+	},
+	emits: [
+		"ganttCreated",
+		"taskClick",
+		"taskChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const ganttContainerRef = ref();
+		const ganttInstance = ref();
+		const isFullscreen = ref(false);
+		const containerHeight = computed(() => typeof props.height === "number" ? `${props.height}px` : props.height);
+		const deepMerge = (target, source, seen = /* @__PURE__ */ new WeakMap()) => {
+			if (!isObject(target)) return source;
+			if (!isObject(source)) return target;
+			if (seen.has(source)) return seen.get(source);
+			return createMergeResult(target, source, seen);
+		};
+		const isObject = (value) => {
+			return value !== null && typeof value === "object";
+		};
+		const isSpecialObject = (value) => {
+			return value instanceof Date || value instanceof RegExp;
+		};
+		const createMergeResult = (target, source, seen) => {
+			const result = Array.isArray(target) ? [...target] : { ...target };
+			seen.set(source, result);
+			for (const key in source) {
+				if (!source.hasOwnProperty(key)) continue;
+				const sourceValue = source[key];
+				result[key] = isObject(sourceValue) && !Array.isArray(sourceValue) && !isSpecialObject(sourceValue) ? deepMerge(target[key] || {}, sourceValue, seen) : sourceValue;
+			}
+			return result;
+		};
+		const processData = (data) => {
+			return data.map((item) => ({
+				...item,
+				title: item.title || `任务${item.id}`,
+				children: item.children ? processData(item.children) : void 0
+			}));
+		};
+		const getThemeConfig = (isDark) => ({
+			underlayBackgroundColor: isDark ? "#1e1e1e" : "#ffffff",
+			timelineHeaderBg: isDark ? "#2d2d2d" : "#EEF1F5",
+			gridBg: isDark ? "#1e1e1e" : "#ffffff",
+			lineColor: isDark ? "rgba(255, 255, 255, 0.1)" : "rgba(128, 128, 128, 0.2)",
+			textColor: isDark ? "#ffffff" : "#000000"
+		});
+		const applyThemeToTimelineHeader = (timelineHeader, themeColors) => ({
+			...timelineHeader,
+			backgroundColor: themeColors.timelineHeaderBg,
+			horizontalLine: {
+				...timelineHeader?.horizontalLine,
+				lineColor: themeColors.lineColor
+			},
+			verticalLine: {
+				...timelineHeader?.verticalLine,
+				lineColor: themeColors.lineColor
+			},
+			scales: timelineHeader?.scales?.map((scale) => ({
+				...scale,
+				style: {
+					...scale.style,
+					color: themeColors.textColor
+				}
+			}))
+		});
+		const applyThemeToGrid = (grid, themeColors) => ({
+			...grid,
+			backgroundColor: themeColors.gridBg,
+			horizontalLine: {
+				...grid?.horizontalLine,
+				lineColor: themeColors.lineColor
+			},
+			verticalLine: {
+				...grid?.verticalLine,
+				lineColor: themeColors.lineColor
+			}
+		});
+		const buildGanttOptions = (finalConfig, processedData, tableTheme, themeColors) => ({
+			...finalConfig,
+			records: processedData,
+			underlayBackgroundColor: themeColors.underlayBackgroundColor,
+			taskListTable: {
+				...finalConfig.taskListTable,
+				theme: tableTheme
+			},
+			timelineHeader: applyThemeToTimelineHeader(finalConfig.timelineHeader, themeColors),
+			grid: applyThemeToGrid(finalConfig.grid, themeColors)
+		});
+		const bindGanttEvents = (instance) => {
+			instance.on("click_cell", (args) => {
+				const { record, event } = args || {};
+				if (record) emit("taskClick", record, event);
+			});
+			instance.on("change_data", (args) => {
+				const { record, changes } = args || {};
+				if (record && changes) emit("taskChange", record, changes);
+			});
+		};
+		const initGantt = async () => {
+			if (!ganttContainerRef.value) return;
+			try {
+				const { Gantt } = await import("@visactor/vtable-gantt");
+				const { themes } = await import("@visactor/vtable");
+				const isDark = props.theme === "dark";
+				const finalConfig = deepMerge(presetConfigs[props.preset] || presetConfigs.basic, props.options);
+				const processedData = processData(props.data || []);
+				if (ganttInstance.value) ganttInstance.value.release();
+				const ganttOptions = buildGanttOptions(finalConfig, processedData, isDark ? themes.DARK : themes.DEFAULT, getThemeConfig(isDark));
+				ganttInstance.value = new Gantt(ganttContainerRef.value, ganttOptions);
+				bindGanttEvents(ganttInstance.value);
+				emit("ganttCreated", ganttInstance.value);
+			} catch (error) {
+				console.error("甘特图初始化失败:", error);
+			}
+		};
+		const toggleFullscreen = async () => {
+			if (!ganttContainerRef.value) return;
+			try {
+				if (!document.fullscreenElement) {
+					await ganttContainerRef.value.requestFullscreen();
+					isFullscreen.value = true;
+				} else {
+					await document.exitFullscreen();
+					isFullscreen.value = false;
+				}
+				setTimeout(() => ganttInstance.value?.resize?.(), 100);
+			} catch (error) {
+				console.warn("全屏切换失败:", error);
+				isFullscreen.value = !isFullscreen.value;
+				nextTick(() => ganttInstance.value?.resize?.());
+			}
+		};
+		const handleFullscreenChange = () => {
+			isFullscreen.value = !!document.fullscreenElement;
+			nextTick(() => ganttInstance.value?.resize?.());
+		};
+		const updateData = (newData) => {
+			if (ganttInstance.value && newData) try {
+				ganttInstance.value.setRecords(processData(newData));
+			} catch (error) {
+				console.warn("更新数据失败:", error);
+			}
+		};
+		const updateOptions = (newOptions) => {
+			if (ganttInstance.value && newOptions) try {
+				ganttInstance.value.updateOption(newOptions);
+			} catch (error) {
+				console.warn("更新配置失败:", error);
+			}
+		};
+		const destroyGantt = () => {
+			if (ganttInstance.value) try {
+				ganttInstance.value.release();
+			} catch (error) {
+				console.warn("销毁甘特图失败:", error);
+			} finally {
+				ganttInstance.value = void 0;
+			}
+		};
+		watch(() => props.data, (newData) => {
+			if (newData && ganttInstance.value) updateData(newData);
+		}, { deep: true });
+		watch(() => [props.options, props.preset], () => nextTick(() => initGantt()), { deep: true });
+		watch(() => props.theme, () => nextTick(() => initGantt()));
+		onMounted(() => {
+			document.addEventListener("fullscreenchange", handleFullscreenChange);
+			nextTick(() => setTimeout(() => initGantt(), 100));
+		});
+		onUnmounted(() => {
+			document.removeEventListener("fullscreenchange", handleFullscreenChange);
+			destroyGantt();
+		});
+		__expose({
+			ganttInstance,
+			updateData,
+			updateOptions,
+			toggleFullscreen
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(_ctx.title || "甘特图"), 1)]), createElementVNode("div", _hoisted_5, [_ctx.showFullscreenButton ? (openBlock(), createBlock(unref(NButton), {
+				key: 0,
+				size: "small",
+				onClick: toggleFullscreen
+			}, {
+				icon: withCtx(() => [createVNode(C_Icon_default, {
+					name: isFullscreen.value ? "carbon:minimize" : "carbon:maximize",
+					size: 16,
+					color: "currentColor"
+				}, null, 8, ["name"])]),
+				default: withCtx(() => [createTextVNode(" " + toDisplayString(isFullscreen.value ? "退出全屏" : "全屏"), 1)]),
+				_: 1
+			})) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true), createElementVNode("div", {
+				ref_key: "ganttContainerRef",
+				ref: ganttContainerRef,
+				class: "gantt-container",
+				style: normalizeStyle({ height: containerHeight.value })
+			}, null, 4)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_VtableGantt/index.vue
+var C_VtableGantt_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bdd6834b"]]);
+
+//#endregion
+export { presetConfigs as n, C_VtableGantt_default as t };
+//# sourceMappingURL=C_VtableGantt2.js.map