@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_VtableGantt2.js

@@ -1,873 +1,2 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { t as export_helper_default } from "./export-helper.js";
-import { NButton } from "naive-ui";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
-
-//#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-f7a9da66"]]);
-
-//#endregion
-export { presetConfigs as n, C_VtableGantt_default as t };
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n}from"naive-ui";import{computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,nextTick as d,normalizeStyle as f,onMounted as p,onUnmounted as m,openBlock as h,ref as g,toDisplayString as _,unref as v,watch as y,withCtx as b}from"vue";const x={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}},S={basic:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:220,tree:!0},{field:`start`,title:`开始时间`,width:120},{field:`end`,title:`结束时间`,width:120},{field:`progress`,title:`进度`,width:80}],tableWidth:420,minTableWidth:300,theme:x},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`#e1e4e8`,cornerRadius:6},verticalSplitLineMoveable:!0,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:!0,resizable:!0,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:e=>`第${e.dateIndex}周`,style:{fontSize:12,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.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:!0,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:x,hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,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:!0,resizable:!0,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:e=>`第${e.dateIndex}周`,style:{fontSize:13,fontWeight:`bold`,textAlign:`center`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11,textAlign:`center`}}]},rowSeriesNumber:{title:`序号`,dragOrder:!0,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:!0},{field:`start`,title:`时间`,width:150}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle},bodyStyle:x.bodyStyle}},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`rgba(128, 128, 128, 0.3)`,cornerRadius:4},verticalSplitLineMoveable:!0},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:!0,resizable:!0,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:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.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:!0},{field:`start`,title:`目标日期`,width:120},{field:`priority`,title:`重要性`,width:100}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...x.headerStyle,borderColor:`#ffa940`},bodyStyle:{...x.bodyStyle,borderColor:`#ffa940`}}},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#ffa940`,cornerRadius:6},verticalSplitLineMoveable:!0},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:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`week`,step:1,format:e=>`第${e.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:!0,tree:!0,editor:`input`},{field:`start`,title:`start`,width:120,sort:!0,editor:`date-input`},{field:`end`,title:`end`,width:120,sort:!0,editor:`date-input`},{field:`priority`,title:`priority`,width:80,sort:!0,editor:`input`},{field:`progress`,title:`progress`,width:80,sort:!0,editor:`input`}],tableWidth:460,minTableWidth:350,maxTableWidth:800,theme:{headerStyle:{...x.headerStyle,fontSize:18,color:`red`},bodyStyle:{...x.bodyStyle,fontSize:16,color:`#4D4D4D`}},hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,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:!0,resizable:!0,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:e=>`Week ${e.dateIndex}`,style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`,textStick:!0}},{unit:`day`,step:1,format:e=>e.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:!0,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`}}},C={class:`c-vtable-gantt-wrapper`},w={key:0,class:`gantt-toolbar`},T={class:`toolbar-left`},E={class:`gantt-title`},D={class:`toolbar-right`};var O=t(u({name:`C_VtableGantt`,__name:`index`,props:{data:{default:()=>[]},options:{default:()=>({})},preset:{default:`basic`},height:{default:`600px`},title:{default:``},showToolbar:{type:Boolean,default:!0},showFullscreenButton:{type:Boolean,default:!0},theme:{default:`light`}},emits:[`ganttCreated`,`taskClick`,`taskChange`],setup(t,{expose:u,emit:x}){let O=t,k=x,A=g(),j=g(),M=g(!1),N=r(()=>typeof O.height==`number`?`${O.height}px`:O.height),P=(e,t,n=new WeakMap)=>F(e)?F(t)?n.has(t)?n.get(t):L(e,t,n):e:t,F=e=>typeof e==`object`&&!!e,I=e=>e instanceof Date||e instanceof RegExp,L=(e,t,n)=>{let r=Array.isArray(e)?[...e]:{...e};n.set(t,r);for(let i in t){if(!t.hasOwnProperty(i))continue;let a=t[i];r[i]=F(a)&&!Array.isArray(a)&&!I(a)?P(e[i]||{},a,n):a}return r},R=e=>e.map(e=>({...e,title:e.title||`任务${e.id}`,children:e.children?R(e.children):void 0})),z=e=>({underlayBackgroundColor:e?`#1e1e1e`:`#ffffff`,timelineHeaderBg:e?`#2d2d2d`:`#EEF1F5`,gridBg:e?`#1e1e1e`:`#ffffff`,lineColor:e?`rgba(255, 255, 255, 0.1)`:`rgba(128, 128, 128, 0.2)`,textColor:e?`#ffffff`:`#000000`}),B=(e,t)=>({...e,backgroundColor:t.timelineHeaderBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor},scales:e?.scales?.map(e=>({...e,style:{...e.style,color:t.textColor}}))}),V=(e,t)=>({...e,backgroundColor:t.gridBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor}}),H=(e,t,n,r)=>({...e,records:t,underlayBackgroundColor:r.underlayBackgroundColor,taskListTable:{...e.taskListTable,theme:n},timelineHeader:B(e.timelineHeader,r),grid:V(e.grid,r)}),U=e=>{e.on(`click_cell`,e=>{let{record:t,event:n}=e||{};t&&k(`taskClick`,t,n)}),e.on(`change_data`,e=>{let{record:t,changes:n}=e||{};t&&n&&k(`taskChange`,t,n)})},W=async()=>{if(A.value)try{let{Gantt:e}=await import(`@visactor/vtable-gantt`),{themes:t}=await import(`@visactor/vtable`),n=O.theme===`dark`,r=P(S[O.preset]||S.basic,O.options),i=R(O.data||[]);j.value&&j.value.release();let a=H(r,i,n?t.DARK:t.DEFAULT,z(n));j.value=new e(A.value,a),U(j.value),k(`ganttCreated`,j.value)}catch(e){console.error(`甘特图初始化失败:`,e)}},G=async()=>{if(A.value)try{document.fullscreenElement?(await document.exitFullscreen(),M.value=!1):(await A.value.requestFullscreen(),M.value=!0),setTimeout(()=>j.value?.resize?.(),100)}catch(e){console.warn(`全屏切换失败:`,e),M.value=!M.value,d(()=>j.value?.resize?.())}},K=()=>{M.value=!!document.fullscreenElement,d(()=>j.value?.resize?.())},q=e=>{if(j.value&&e)try{j.value.setRecords(R(e))}catch(e){console.warn(`更新数据失败:`,e)}},J=e=>{if(j.value&&e)try{j.value.updateOption(e)}catch(e){console.warn(`更新配置失败:`,e)}},Y=()=>{if(j.value)try{j.value.release()}catch(e){console.warn(`销毁甘特图失败:`,e)}finally{j.value=void 0}};return y(()=>O.data,e=>{e&&j.value&&q(e)},{deep:!0}),y(()=>[O.options,O.preset],()=>d(()=>W()),{deep:!0}),y(()=>O.theme,()=>d(()=>W())),p(()=>{document.addEventListener(`fullscreenchange`,K),d(()=>setTimeout(()=>W(),100))}),m(()=>{document.removeEventListener(`fullscreenchange`,K),Y()}),u({ganttInstance:j,updateData:q,updateOptions:J,toggleFullscreen:G}),(t,r)=>(h(),o(`div`,C,[t.showToolbar?(h(),o(`div`,w,[s(`div`,T,[s(`span`,E,_(t.title||`甘特图`),1)]),s(`div`,D,[t.showFullscreenButton?(h(),i(v(n),{key:0,size:`small`,onClick:G},{icon:b(()=>[l(e,{name:M.value?`carbon:minimize`:`carbon:maximize`,size:16,color:`currentColor`},null,8,[`name`])]),default:b(()=>[c(` `+_(M.value?`退出全屏`:`全屏`),1)]),_:1})):a(`v-if`,!0)])])):a(`v-if`,!0),s(`div`,{ref_key:`ganttContainerRef`,ref:A,class:`gantt-container`,style:f({height:N.value})},null,4)]))}}),[[`__scopeId`,`data-v-f7a9da66`]]);export{S as n,O as t};
 //# sourceMappingURL=C_VtableGantt2.js.map