@robot-admin/naive-ui-components 0.3.0

package/dist/C_FullCalendar2.js

@@ -0,0 +1,377 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeStyle, openBlock, ref, renderList, unref, watch, withCtx } from "vue";
+import { NButton, NDatePicker, NInput, NModal, useMessage } from "naive-ui";
+import FullCalendar from "@fullcalendar/vue3";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import interactionPlugin from "@fullcalendar/interaction";
+import listPlugin from "@fullcalendar/list";
+import zhCn from "@fullcalendar/core/locales/zh-cn";
+
+//#region src/components/C_FullCalendar/data.ts
+const EVENT_COLORS = [
+	"#3f86ff",
+	"#ff6b6b",
+	"#67c23a",
+	"#e6a23c",
+	"#9c27b0",
+	"#00bcd4",
+	"#ff5722"
+];
+const DEFAULT_EDIT_FORM = {
+	id: "",
+	title: "",
+	date: Date.now(),
+	startTime: "09:00",
+	endTime: "10:00",
+	color: "#3f86ff"
+};
+const HEADER_TOOLBAR = {
+	left: "prev,next today",
+	center: "title",
+	right: "dayGridMonth,dayGridWeek,dayGridDay,listWeek"
+};
+const BUTTON_TEXT = {
+	today: "今天",
+	month: "月",
+	week: "周",
+	day: "日",
+	list: "列表"
+};
+
+//#endregion
+//#region src/components/C_FullCalendar/composables/useCalendarEvents.ts
+function useCalendarEvents(props, emit) {
+	const message = useMessage();
+	const calendarRef = ref();
+	const internalEvents = ref([...props.events ?? []]);
+	const showActionDialog = ref(false);
+	const showEditModal = ref(false);
+	const isEditing = ref(false);
+	const selectedEvent = ref(null);
+	const editForm = ref({ ...DEFAULT_EDIT_FORM });
+	const addEventToArray = (event) => {
+		internalEvents.value = [...internalEvents.value, event];
+		emit("update:events", internalEvents.value);
+	};
+	const updateEventInArray = (eventData) => {
+		const index = internalEvents.value.findIndex((e) => e.id === eventData.id);
+		if (index !== -1) {
+			internalEvents.value = internalEvents.value.map((event, i) => i === index ? {
+				...event,
+				...eventData
+			} : event);
+			emit("update:events", internalEvents.value);
+		}
+	};
+	const removeEventFromArray = (eventId) => {
+		internalEvents.value = internalEvents.value.filter((e) => e.id !== eventId);
+		emit("update:events", internalEvents.value);
+	};
+	function handleEventClick(info) {
+		if (!props.editable) return;
+		info.jsEvent.preventDefault();
+		selectedEvent.value = info.event;
+		if (props.showEditDialog) showActionDialog.value = true;
+	}
+	function handleDateClick(info) {
+		if (!props.editable || !props.showAddDialog) return;
+		openAddModal(new Date(info.dateStr));
+	}
+	function handleEventDrop(info) {
+		const payload = {
+			id: info.event.id,
+			start: info.event.start,
+			end: info.event.end
+		};
+		updateEventInArray(payload);
+		emit("event-dropped", payload);
+		message.success(`事件 "${info.event.title}" 时间已更新`);
+	}
+	function handleEventResize(info) {
+		const payload = {
+			id: info.event.id,
+			start: info.event.start,
+			end: info.event.end
+		};
+		updateEventInArray(payload);
+		emit("event-updated", payload);
+	}
+	function openAddModal(date) {
+		isEditing.value = false;
+		editForm.value = {
+			...DEFAULT_EDIT_FORM,
+			date: date.getTime(),
+			color: EVENT_COLORS[Math.floor(Math.random() * EVENT_COLORS.length)]
+		};
+		showEditModal.value = true;
+	}
+	function openEditModal() {
+		if (!selectedEvent.value) return;
+		isEditing.value = true;
+		const event = selectedEvent.value;
+		const startDate = new Date(event.start);
+		const endDate = event.end ? new Date(event.end) : new Date(event.start.getTime() + 36e5);
+		editForm.value = {
+			id: event.id,
+			title: event.title,
+			date: startDate.getTime(),
+			startTime: `${String(startDate.getHours()).padStart(2, "0")}:${String(startDate.getMinutes()).padStart(2, "0")}`,
+			endTime: `${String(endDate.getHours()).padStart(2, "0")}:${String(endDate.getMinutes()).padStart(2, "0")}`,
+			color: event.backgroundColor || "#3f86ff"
+		};
+		showActionDialog.value = false;
+		showEditModal.value = true;
+	}
+	function saveEvent() {
+		if (!editForm.value.title.trim()) {
+			message.error("请输入事件标题");
+			return false;
+		}
+		if (editForm.value.startTime >= editForm.value.endTime) {
+			message.error("结束时间必须晚于开始时间");
+			return false;
+		}
+		const dateStr = new Date(editForm.value.date).toISOString().split("T")[0];
+		const eventData = {
+			id: isEditing.value ? editForm.value.id : Date.now().toString(),
+			title: editForm.value.title,
+			start: /* @__PURE__ */ new Date(`${dateStr}T${editForm.value.startTime}:00`),
+			end: /* @__PURE__ */ new Date(`${dateStr}T${editForm.value.endTime}:00`),
+			color: editForm.value.color
+		};
+		if (isEditing.value) {
+			updateEventInArray(eventData);
+			emit("event-updated", eventData);
+			message.success("事件已更新");
+		} else {
+			addEventToArray(eventData);
+			emit("event-added", eventData);
+			message.success("事件已添加");
+		}
+		showEditModal.value = false;
+		return true;
+	}
+	function deleteEvent() {
+		if (!selectedEvent.value) return;
+		const { id, title } = selectedEvent.value;
+		removeEventFromArray(id);
+		emit("event-deleted", {
+			id,
+			title
+		});
+		showActionDialog.value = false;
+		message.success(`已删除事件: ${title}`);
+	}
+	const calendarOptions = ref({
+		plugins: [
+			dayGridPlugin,
+			interactionPlugin,
+			listPlugin
+		],
+		locale: zhCn,
+		initialView: props.initialView ?? "dayGridMonth",
+		events: internalEvents.value,
+		headerToolbar: HEADER_TOOLBAR,
+		buttonText: BUTTON_TEXT,
+		editable: props.editable ?? true,
+		eventClick: handleEventClick,
+		dateClick: handleDateClick,
+		eventDrop: handleEventDrop,
+		eventResize: handleEventResize
+	});
+	watch(() => props.events, (newEvents) => {
+		internalEvents.value = [...newEvents ?? []];
+	}, { deep: true });
+	watch(internalEvents, (newEvents) => {
+		calendarOptions.value.events = newEvents;
+	}, { deep: true });
+	return {
+		calendarRef,
+		calendarOptions,
+		showActionDialog,
+		showEditModal,
+		isEditing,
+		selectedEvent,
+		editForm,
+		eventColors: EVENT_COLORS,
+		openEditModal,
+		saveEvent,
+		deleteEvent,
+		expose: {
+			getApi: () => calendarRef.value?.getApi(),
+			addEvent: addEventToArray,
+			updateEvent: updateEventInArray,
+			deleteEvent: removeEventFromArray,
+			getEvents: () => internalEvents.value
+		}
+	};
+}
+
+//#endregion
+//#region src/components/C_FullCalendar/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-full-calendar" };
+const _hoisted_2 = { class: "ml-10% mt-20px" };
+const _hoisted_3 = { style: { "padding": "20px" } };
+const _hoisted_4 = { style: { "margin-bottom": "16px" } };
+const _hoisted_5 = { style: { "margin-bottom": "16px" } };
+const _hoisted_6 = { style: {
+	"display": "grid",
+	"grid-template-columns": "1fr 1fr",
+	"gap": "16px"
+} };
+const _hoisted_7 = { style: { "margin-top": "16px" } };
+const _hoisted_8 = { style: {
+	"display": "flex",
+	"gap": "8px"
+} };
+const _hoisted_9 = ["onClick"];
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_FullCalendar",
+	__name: "index",
+	props: {
+		events: { default: () => [] },
+		initialView: { default: "dayGridMonth" },
+		editable: {
+			type: Boolean,
+			default: true
+		},
+		showAddDialog: {
+			type: Boolean,
+			default: true
+		},
+		showEditDialog: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"update:events",
+		"event-added",
+		"event-updated",
+		"event-deleted",
+		"event-dropped"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const { calendarRef, calendarOptions, showActionDialog, showEditModal, isEditing, selectedEvent, editForm, eventColors, openEditModal, saveEvent, deleteEvent, expose } = useCalendarEvents(__props, __emit);
+		__expose(expose);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(FullCalendar), {
+					ref_key: "calendarRef",
+					ref: calendarRef,
+					options: unref(calendarOptions)
+				}, null, 8, ["options"]),
+				unref(showActionDialog) ? (openBlock(), createBlock(unref(NModal), {
+					key: 0,
+					show: unref(showActionDialog),
+					"onUpdate:show": _cache[0] || (_cache[0] = ($event) => isRef(showActionDialog) ? showActionDialog.value = $event : null),
+					preset: "dialog",
+					title: `事件操作 - ${unref(selectedEvent)?.title}`,
+					style: { "width": "400px" }
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(NButton), {
+						type: "primary",
+						onClick: unref(openEditModal),
+						style: { "margin-right": "12px" },
+						size: "small"
+					}, {
+						default: withCtx(() => _cache[6] || (_cache[6] = [createTextVNode(" 编辑 ", -1)])),
+						_: 1,
+						__: [6]
+					}, 8, ["onClick"]), createVNode(unref(NButton), {
+						type: "error",
+						onClick: unref(deleteEvent),
+						size: "small"
+					}, {
+						default: withCtx(() => _cache[7] || (_cache[7] = [createTextVNode(" 删除 ", -1)])),
+						_: 1,
+						__: [7]
+					}, 8, ["onClick"])])]),
+					_: 1
+				}, 8, ["show", "title"])) : createCommentVNode("v-if", true),
+				createVNode(unref(NModal), {
+					show: unref(showEditModal),
+					"onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(showEditModal) ? showEditModal.value = $event : null),
+					preset: "dialog",
+					title: unref(isEditing) ? "编辑事件" : "添加事件",
+					"positive-text": "保存",
+					"negative-text": "取消",
+					onPositiveClick: unref(saveEvent)
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_3, [
+						createElementVNode("div", _hoisted_4, [_cache[8] || (_cache[8] = createElementVNode("label", { style: {
+							"display": "block",
+							"margin-bottom": "8px",
+							"font-weight": "500"
+						} }, "事件标题", -1)), createVNode(unref(NInput), {
+							value: unref(editForm).title,
+							"onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(editForm).title = $event),
+							placeholder: "请输入事件标题"
+						}, null, 8, ["value"])]),
+						createElementVNode("div", _hoisted_5, [_cache[9] || (_cache[9] = createElementVNode("label", { style: {
+							"display": "block",
+							"margin-bottom": "8px",
+							"font-weight": "500"
+						} }, "事件日期", -1)), createVNode(unref(NDatePicker), {
+							value: unref(editForm).date,
+							"onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(editForm).date = $event),
+							type: "date",
+							format: "yyyy-MM-dd",
+							style: { "width": "100%" }
+						}, null, 8, ["value"])]),
+						createElementVNode("div", _hoisted_6, [createElementVNode("div", null, [_cache[10] || (_cache[10] = createElementVNode("label", { style: {
+							"display": "block",
+							"margin-bottom": "8px",
+							"font-weight": "500"
+						} }, "开始时间", -1)), createVNode(unref(NInput), {
+							value: unref(editForm).startTime,
+							"onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(editForm).startTime = $event),
+							type: "time",
+							placeholder: "09:00"
+						}, null, 8, ["value"])]), createElementVNode("div", null, [_cache[11] || (_cache[11] = createElementVNode("label", { style: {
+							"display": "block",
+							"margin-bottom": "8px",
+							"font-weight": "500"
+						} }, "结束时间", -1)), createVNode(unref(NInput), {
+							value: unref(editForm).endTime,
+							"onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(editForm).endTime = $event),
+							type: "time",
+							placeholder: "10:00"
+						}, null, 8, ["value"])])]),
+						createElementVNode("div", _hoisted_7, [_cache[12] || (_cache[12] = createElementVNode("label", { style: {
+							"display": "block",
+							"margin-bottom": "8px",
+							"font-weight": "500"
+						} }, "事件颜色", -1)), createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(eventColors), (color) => {
+							return openBlock(), createElementBlock("div", {
+								key: color,
+								style: normalizeStyle({
+									width: "30px",
+									height: "30px",
+									backgroundColor: color,
+									borderRadius: "50%",
+									cursor: "pointer",
+									border: unref(editForm).color === color ? "3px solid #000" : "2px solid #ddd"
+								}),
+								onClick: ($event) => unref(editForm).color = color
+							}, null, 12, _hoisted_9);
+						}), 128))])])
+					])]),
+					_: 1
+				}, 8, [
+					"show",
+					"title",
+					"onPositiveClick"
+				])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FullCalendar/index.vue
+var C_FullCalendar_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c70fa420"]]);
+
+//#endregion
+export { EVENT_COLORS as a, DEFAULT_EDIT_FORM as i, useCalendarEvents as n, HEADER_TOOLBAR as o, BUTTON_TEXT as r, C_FullCalendar_default as t };
+//# sourceMappingURL=C_FullCalendar2.js.map

package/dist/C_FullCalendar2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_FullCalendar2.js","names":[],"sources":["../src/components/C_FullCalendar/data.ts","../src/components/C_FullCalendar/composables/useCalendarEvents.ts","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue"],"sourcesContent":["import type { CalendarEditForm } from \"./types\";\r\n\r\nexport const EVENT_COLORS = [\r\n  \"#3f86ff\",\r\n  \"#ff6b6b\",\r\n  \"#67c23a\",\r\n  \"#e6a23c\",\r\n  \"#9c27b0\",\r\n  \"#00bcd4\",\r\n  \"#ff5722\",\r\n];\r\n\r\nexport const DEFAULT_EDIT_FORM: CalendarEditForm = {\r\n  id: \"\",\r\n  title: \"\",\r\n  date: Date.now(),\r\n  startTime: \"09:00\",\r\n  endTime: \"10:00\",\r\n  color: \"#3f86ff\",\r\n};\r\n\r\nexport const HEADER_TOOLBAR = {\r\n  left: \"prev,next today\",\r\n  center: \"title\",\r\n  right: \"dayGridMonth,dayGridWeek,dayGridDay,listWeek\",\r\n};\r\n\r\nexport const BUTTON_TEXT = {\r\n  today: \"今天\",\r\n  month: \"月\",\r\n  week: \"周\",\r\n  day: \"日\",\r\n  list: \"列表\",\r\n};\r\n","import { ref, watch } from \"vue\";\r\nimport { useMessage } from \"naive-ui\";\r\nimport type { Ref } from \"vue\";\r\nimport type { CalendarEvent, CalendarProps, CalendarEditForm } from \"../types\";\r\nimport {\r\n  EVENT_COLORS,\r\n  DEFAULT_EDIT_FORM,\r\n  HEADER_TOOLBAR,\r\n  BUTTON_TEXT,\r\n} from \"../data\";\r\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\r\nimport interactionPlugin from \"@fullcalendar/interaction\";\r\nimport listPlugin from \"@fullcalendar/list\";\r\nimport type { CalendarOptions } from \"@fullcalendar/core\";\r\nimport zhCn from \"@fullcalendar/core/locales/zh-cn\";\r\n\r\ntype EmitFn = {\r\n  (event: \"update:events\", events: CalendarEvent[]): void;\r\n  (event: \"event-added\", eventData: CalendarEvent): void;\r\n  (event: \"event-updated\", eventData: Partial<CalendarEvent>): void;\r\n  (event: \"event-deleted\", eventData: { id: string; title: string }): void;\r\n  (event: \"event-dropped\", eventData: Partial<CalendarEvent>): void;\r\n};\r\n\r\nexport function useCalendarEvents(props: CalendarProps, emit: EmitFn) {\r\n  const message = useMessage();\r\n  const calendarRef = ref();\r\n\r\n  const internalEvents = ref<CalendarEvent[]>([...(props.events ?? [])]);\r\n\r\n  const showActionDialog = ref(false);\r\n  const showEditModal = ref(false);\r\n  const isEditing = ref(false);\r\n  const selectedEvent = ref<any>(null);\r\n  const editForm = ref<CalendarEditForm>({ ...DEFAULT_EDIT_FORM });\r\n\r\n  const addEventToArray = (event: CalendarEvent) => {\r\n    internalEvents.value = [...internalEvents.value, event];\r\n    emit(\"update:events\", internalEvents.value);\r\n  };\r\n\r\n  const updateEventInArray = (eventData: Partial<CalendarEvent>) => {\r\n    const index = internalEvents.value.findIndex((e) => e.id === eventData.id);\r\n    if (index !== -1) {\r\n      internalEvents.value = internalEvents.value.map((event, i) =>\r\n        i === index ? { ...event, ...eventData } : event,\r\n      );\r\n      emit(\"update:events\", internalEvents.value);\r\n    }\r\n  };\r\n\r\n  const removeEventFromArray = (eventId: string) => {\r\n    internalEvents.value = internalEvents.value.filter((e) => e.id !== eventId);\r\n    emit(\"update:events\", internalEvents.value);\r\n  };\r\n\r\n  function handleEventClick(info: any) {\r\n    if (!props.editable) return;\r\n    info.jsEvent.preventDefault();\r\n    selectedEvent.value = info.event;\r\n    if (props.showEditDialog) showActionDialog.value = true;\r\n  }\r\n\r\n  function handleDateClick(info: any) {\r\n    if (!props.editable || !props.showAddDialog) return;\r\n    openAddModal(new Date(info.dateStr));\r\n  }\r\n\r\n  function handleEventDrop(info: any) {\r\n    const payload = {\r\n      id: info.event.id,\r\n      start: info.event.start,\r\n      end: info.event.end,\r\n    };\r\n    updateEventInArray(payload);\r\n    emit(\"event-dropped\", payload);\r\n    message.success(`事件 \"${info.event.title}\" 时间已更新`);\r\n  }\r\n\r\n  function handleEventResize(info: any) {\r\n    const payload = {\r\n      id: info.event.id,\r\n      start: info.event.start,\r\n      end: info.event.end,\r\n    };\r\n    updateEventInArray(payload);\r\n    emit(\"event-updated\", payload);\r\n  }\r\n\r\n  function openAddModal(date: Date) {\r\n    isEditing.value = false;\r\n    editForm.value = {\r\n      ...DEFAULT_EDIT_FORM,\r\n      date: date.getTime(),\r\n      color: EVENT_COLORS[Math.floor(Math.random() * EVENT_COLORS.length)],\r\n    };\r\n    showEditModal.value = true;\r\n  }\r\n\r\n  function openEditModal() {\r\n    if (!selectedEvent.value) return;\r\n    isEditing.value = true;\r\n    const event = selectedEvent.value;\r\n    const startDate = new Date(event.start);\r\n    const endDate = event.end\r\n      ? new Date(event.end)\r\n      : new Date(event.start.getTime() + 3600000);\r\n\r\n    editForm.value = {\r\n      id: event.id,\r\n      title: event.title,\r\n      date: startDate.getTime(),\r\n      startTime: `${String(startDate.getHours()).padStart(2, \"0\")}:${String(startDate.getMinutes()).padStart(2, \"0\")}`,\r\n      endTime: `${String(endDate.getHours()).padStart(2, \"0\")}:${String(endDate.getMinutes()).padStart(2, \"0\")}`,\r\n      color: event.backgroundColor || \"#3f86ff\",\r\n    };\r\n    showActionDialog.value = false;\r\n    showEditModal.value = true;\r\n  }\r\n\r\n  function saveEvent() {\r\n    if (!editForm.value.title.trim()) {\r\n      message.error(\"请输入事件标题\");\r\n      return false;\r\n    }\r\n    if (editForm.value.startTime >= editForm.value.endTime) {\r\n      message.error(\"结束时间必须晚于开始时间\");\r\n      return false;\r\n    }\r\n\r\n    const dateStr = new Date(editForm.value.date).toISOString().split(\"T\")[0];\r\n    const eventData: CalendarEvent = {\r\n      id: isEditing.value ? editForm.value.id : Date.now().toString(),\r\n      title: editForm.value.title,\r\n      start: new Date(`${dateStr}T${editForm.value.startTime}:00`),\r\n      end: new Date(`${dateStr}T${editForm.value.endTime}:00`),\r\n      color: editForm.value.color,\r\n    };\r\n\r\n    if (isEditing.value) {\r\n      updateEventInArray(eventData);\r\n      emit(\"event-updated\", eventData);\r\n      message.success(\"事件已更新\");\r\n    } else {\r\n      addEventToArray(eventData);\r\n      emit(\"event-added\", eventData);\r\n      message.success(\"事件已添加\");\r\n    }\r\n\r\n    showEditModal.value = false;\r\n    return true;\r\n  }\r\n\r\n  function deleteEvent() {\r\n    if (!selectedEvent.value) return;\r\n    const { id, title } = selectedEvent.value;\r\n    removeEventFromArray(id);\r\n    emit(\"event-deleted\", { id, title });\r\n    showActionDialog.value = false;\r\n    message.success(`已删除事件: ${title}`);\r\n  }\r\n\r\n  const calendarOptions: Ref<CalendarOptions> = ref({\r\n    plugins: [dayGridPlugin, interactionPlugin, listPlugin],\r\n    locale: zhCn,\r\n    initialView: props.initialView ?? \"dayGridMonth\",\r\n    events: internalEvents.value as any,\r\n    headerToolbar: HEADER_TOOLBAR,\r\n    buttonText: BUTTON_TEXT,\r\n    editable: props.editable ?? true,\r\n    eventClick: handleEventClick,\r\n    dateClick: handleDateClick,\r\n    eventDrop: handleEventDrop,\r\n    eventResize: handleEventResize,\r\n  });\r\n\r\n  watch(\r\n    () => props.events,\r\n    (newEvents) => {\r\n      internalEvents.value = [...(newEvents ?? [])];\r\n    },\r\n    { deep: true },\r\n  );\r\n\r\n  watch(\r\n    internalEvents,\r\n    (newEvents) => {\r\n      calendarOptions.value.events = newEvents as any;\r\n    },\r\n    { deep: true },\r\n  );\r\n\r\n  return {\r\n    calendarRef,\r\n    calendarOptions,\r\n    showActionDialog,\r\n    showEditModal,\r\n    isEditing,\r\n    selectedEvent,\r\n    editForm,\r\n    eventColors: EVENT_COLORS,\r\n    openEditModal,\r\n    saveEvent,\r\n    deleteEvent,\r\n    expose: {\r\n      getApi: () => calendarRef.value?.getApi(),\r\n      addEvent: addEventToArray,\r\n      updateEvent: updateEventInArray,\r\n      deleteEvent: removeEventFromArray,\r\n      getEvents: () => internalEvents.value,\r\n    },\r\n  };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳，逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-full-calendar\">\r\n    <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n    <NModal\r\n      v-if=\"showActionDialog\"\r\n      v-model:show=\"showActionDialog\"\r\n      preset=\"dialog\"\r\n      :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n      style=\"width: 400px\"\r\n    >\r\n      <div class=\"ml-10% mt-20px\">\r\n        <NButton\r\n          type=\"primary\"\r\n          @click=\"openEditModal\"\r\n          style=\"margin-right: 12px\"\r\n          size=\"small\"\r\n        >\r\n          编辑\r\n        </NButton>\r\n        <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n      </div>\r\n    </NModal>\r\n\r\n    <NModal\r\n      v-model:show=\"showEditModal\"\r\n      preset=\"dialog\"\r\n      :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n      positive-text=\"保存\"\r\n      negative-text=\"取消\"\r\n      @positive-click=\"saveEvent\"\r\n    >\r\n      <div style=\"padding: 20px\">\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件标题</label\r\n          >\r\n          <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n        </div>\r\n\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件日期</label\r\n          >\r\n          <NDatePicker\r\n            v-model:value=\"editForm.date\"\r\n            type=\"date\"\r\n            format=\"yyyy-MM-dd\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </div>\r\n\r\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >开始时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.startTime\"\r\n              type=\"time\"\r\n              placeholder=\"09:00\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >结束时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.endTime\"\r\n              type=\"time\"\r\n              placeholder=\"10:00\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div style=\"margin-top: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件颜色</label\r\n          >\r\n          <div style=\"display: flex; gap: 8px\">\r\n            <div\r\n              v-for=\"color in eventColors\"\r\n              :key=\"color\"\r\n              :style=\"{\r\n                width: '30px',\r\n                height: '30px',\r\n                backgroundColor: color,\r\n                borderRadius: '50%',\r\n                cursor: 'pointer',\r\n                border:\r\n                  editForm.color === color\r\n                    ? '3px solid #000'\r\n                    : '2px solid #ddd',\r\n              }\"\r\n              @click=\"editForm.color = color\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n  events: () => [],\r\n  initialView: \"dayGridMonth\",\r\n  editable: true,\r\n  showAddDialog: true,\r\n  showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n  calendarRef,\r\n  calendarOptions,\r\n  showActionDialog,\r\n  showEditModal,\r\n  isEditing,\r\n  selectedEvent,\r\n  editForm,\r\n  eventColors,\r\n  openEditModal,\r\n  saveEvent,\r\n  deleteEvent,\r\n  expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n  width: 100%;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳，逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-full-calendar\">\r\n    <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n    <NModal\r\n      v-if=\"showActionDialog\"\r\n      v-model:show=\"showActionDialog\"\r\n      preset=\"dialog\"\r\n      :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n      style=\"width: 400px\"\r\n    >\r\n      <div class=\"ml-10% mt-20px\">\r\n        <NButton\r\n          type=\"primary\"\r\n          @click=\"openEditModal\"\r\n          style=\"margin-right: 12px\"\r\n          size=\"small\"\r\n        >\r\n          编辑\r\n        </NButton>\r\n        <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n      </div>\r\n    </NModal>\r\n\r\n    <NModal\r\n      v-model:show=\"showEditModal\"\r\n      preset=\"dialog\"\r\n      :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n      positive-text=\"保存\"\r\n      negative-text=\"取消\"\r\n      @positive-click=\"saveEvent\"\r\n    >\r\n      <div style=\"padding: 20px\">\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件标题</label\r\n          >\r\n          <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n        </div>\r\n\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件日期</label\r\n          >\r\n          <NDatePicker\r\n            v-model:value=\"editForm.date\"\r\n            type=\"date\"\r\n            format=\"yyyy-MM-dd\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </div>\r\n\r\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >开始时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.startTime\"\r\n              type=\"time\"\r\n              placeholder=\"09:00\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >结束时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.endTime\"\r\n              type=\"time\"\r\n              placeholder=\"10:00\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div style=\"margin-top: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件颜色</label\r\n          >\r\n          <div style=\"display: flex; gap: 8px\">\r\n            <div\r\n              v-for=\"color in eventColors\"\r\n              :key=\"color\"\r\n              :style=\"{\r\n                width: '30px',\r\n                height: '30px',\r\n                backgroundColor: color,\r\n                borderRadius: '50%',\r\n                cursor: 'pointer',\r\n                border:\r\n                  editForm.color === color\r\n                    ? '3px solid #000'\r\n                    : '2px solid #ddd',\r\n              }\"\r\n              @click=\"editForm.color = color\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n  events: () => [],\r\n  initialView: \"dayGridMonth\",\r\n  editable: true,\r\n  showAddDialog: true,\r\n  showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n  calendarRef,\r\n  calendarOptions,\r\n  showActionDialog,\r\n  showEditModal,\r\n  isEditing,\r\n  selectedEvent,\r\n  editForm,\r\n  eventColors,\r\n  openEditModal,\r\n  saveEvent,\r\n  deleteEvent,\r\n  expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n  width: 100%;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳，逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-full-calendar\">\r\n    <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n    <NModal\r\n      v-if=\"showActionDialog\"\r\n      v-model:show=\"showActionDialog\"\r\n      preset=\"dialog\"\r\n      :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n      style=\"width: 400px\"\r\n    >\r\n      <div class=\"ml-10% mt-20px\">\r\n        <NButton\r\n          type=\"primary\"\r\n          @click=\"openEditModal\"\r\n          style=\"margin-right: 12px\"\r\n          size=\"small\"\r\n        >\r\n          编辑\r\n        </NButton>\r\n        <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n      </div>\r\n    </NModal>\r\n\r\n    <NModal\r\n      v-model:show=\"showEditModal\"\r\n      preset=\"dialog\"\r\n      :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n      positive-text=\"保存\"\r\n      negative-text=\"取消\"\r\n      @positive-click=\"saveEvent\"\r\n    >\r\n      <div style=\"padding: 20px\">\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件标题</label\r\n          >\r\n          <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n        </div>\r\n\r\n        <div style=\"margin-bottom: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件日期</label\r\n          >\r\n          <NDatePicker\r\n            v-model:value=\"editForm.date\"\r\n            type=\"date\"\r\n            format=\"yyyy-MM-dd\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </div>\r\n\r\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >开始时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.startTime\"\r\n              type=\"time\"\r\n              placeholder=\"09:00\"\r\n            />\r\n          </div>\r\n          <div>\r\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n              >结束时间</label\r\n            >\r\n            <NInput\r\n              v-model:value=\"editForm.endTime\"\r\n              type=\"time\"\r\n              placeholder=\"10:00\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div style=\"margin-top: 16px\">\r\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n            >事件颜色</label\r\n          >\r\n          <div style=\"display: flex; gap: 8px\">\r\n            <div\r\n              v-for=\"color in eventColors\"\r\n              :key=\"color\"\r\n              :style=\"{\r\n                width: '30px',\r\n                height: '30px',\r\n                backgroundColor: color,\r\n                borderRadius: '50%',\r\n                cursor: 'pointer',\r\n                border:\r\n                  editForm.color === color\r\n                    ? '3px solid #000'\r\n                    : '2px solid #ddd',\r\n              }\"\r\n              @click=\"editForm.color = color\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n  events: () => [],\r\n  initialView: \"dayGridMonth\",\r\n  editable: true,\r\n  showAddDialog: true,\r\n  showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n  calendarRef,\r\n  calendarOptions,\r\n  showActionDialog,\r\n  showEditModal,\r\n  isEditing,\r\n  selectedEvent,\r\n  editForm,\r\n  eventColors,\r\n  openEditModal,\r\n  saveEvent,\r\n  deleteEvent,\r\n  expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n  width: 100%;\r\n}\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Guide.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_C_Guide = require('./C_Guide.js');
+
+exports.C_Guide = require_C_Guide.C_Guide_default;

package/dist/C_Guide.d.cts

@@ -0,0 +1,2 @@
+import { n as _default, t as GuideStep } from "./index9.vue.js";
+export { _default as C_Guide, type GuideStep };

package/dist/C_Guide.d.ts

@@ -0,0 +1,2 @@
+import { n as _default, t as GuideStep } from "./index9.vue.js";
+export { _default as C_Guide, type GuideStep };

package/dist/C_Guide.js

@@ -0,0 +1,3 @@
+import { t as C_Guide_default } from "./C_Guide2.js";
+
+export { C_Guide_default as C_Guide };

package/dist/C_Guide2.js

@@ -0,0 +1,58 @@
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { NButton, NTooltip } from "naive-ui";
+import { driver } from "driver.js";
+import "driver.js/dist/driver.css";
+
+//#region src/components/C_Guide/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_Guide",
+	__name: "index",
+	props: {
+		steps: { default: () => [] },
+		doneBtnText: { default: "完成" },
+		nextBtnText: { default: "下一步" },
+		prevBtnText: { default: "上一步" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const startGuide = () => {
+			const driverObj = driver({
+				popoverClass: "driverjs-theme",
+				animate: true,
+				showProgress: true,
+				doneBtnText: props.doneBtnText,
+				nextBtnText: props.nextBtnText,
+				prevBtnText: props.prevBtnText
+			});
+			if (props.steps.length > 0) driverObj.setSteps(props.steps);
+			driverObj.drive();
+		};
+		__expose({ startGuide });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NTooltip), {
+				placement: "bottom",
+				trigger: "hover"
+			}, {
+				trigger: withCtx(() => [createVNode(unref(NButton), {
+					text: "",
+					onClick: startGuide
+				}, {
+					default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("div", { class: "i-mdi:sign-routes" }, null, -1)])),
+					_: 1,
+					__: [0]
+				})]),
+				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("span", null, "功能引导", -1))]),
+				_: 1,
+				__: [1]
+			});
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Guide/index.vue
+var C_Guide_default = index_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { C_Guide_default as t };
+//# sourceMappingURL=C_Guide2.js.map

package/dist/C_Guide2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Guide2.js","names":[],"sources":["../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue","../src/components/C_Guide/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <div class=\"i-mdi:sign-routes\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <div class=\"i-mdi:sign-routes\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-01\r\n * @Description: 用户引导组件（基于 driver.js）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n    <template #trigger>\r\n      <NButton text @click=\"startGuide\">\r\n        <div class=\"i-mdi:sign-routes\" />\r\n      </NButton>\r\n    </template>\r\n    <span>功能引导</span>\r\n  </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\nimport { driver } from \"driver.js\";\r\nimport \"driver.js/dist/driver.css\";\r\n\r\ndefineOptions({ name: \"C_Guide\" });\r\n\r\nexport interface GuideStep {\r\n  element: string;\r\n  popover: {\r\n    title: string;\r\n    description: string;\r\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n  };\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    steps?: GuideStep[];\r\n    doneBtnText?: string;\r\n    nextBtnText?: string;\r\n    prevBtnText?: string;\r\n  }>(),\r\n  {\r\n    steps: () => [],\r\n    doneBtnText: \"完成\",\r\n    nextBtnText: \"下一步\",\r\n    prevBtnText: \"上一步\",\r\n  },\r\n);\r\n\r\nconst startGuide = () => {\r\n  const driverObj = driver({\r\n    popoverClass: \"driverjs-theme\",\r\n    animate: true,\r\n    showProgress: true,\r\n    doneBtnText: props.doneBtnText,\r\n    nextBtnText: props.nextBtnText,\r\n    prevBtnText: props.prevBtnText,\r\n  });\r\n\r\n  if (props.steps.length > 0) {\r\n    driverObj.setSteps(props.steps);\r\n  }\r\n  driverObj.drive();\r\n};\r\n\r\ndefineExpose({ startGuide });\r\n</script>\r\n"],"mappings":";;;;;;;;;;;;;;;;ECkCA,MAAM,QAAQ;EAed,MAAM,mBAAmB;GACvB,MAAM,YAAY,OAAO;IACvB,cAAc;IACd,SAAS;IACT,cAAc;IACd,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACpB,CAAC;AAEF,OAAI,MAAM,MAAM,SAAS,EACvB,WAAU,SAAS,MAAM,MAAM;AAEjC,aAAU,OAAO;;AAGnB,WAAa,EAAE,YAAY,CAAC;;uBAzD1B,YAOW,MAAA,SAAA,EAAA;IAPD,WAAU;IAAS,SAAQ;;IACxB,SAAO,cAGN,CAFV,YAEU,MAAA,QAAA,EAAA;KAFD,MAAA;KAAM,SAAO;;4BACa,OAAA,OAAA,OAAA,KAAA,CAAjC,mBAAiC,OAAA,EAA5B,OAAM,qBAAmB,EAAA,MAAA,GAAA;;;;2BAGjB,2BAAjB,mBAAiB,QAAA,MAAX,QAAI,GAAA"}

package/dist/C_Icon.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_C_Icon = require('./C_Icon.js');
+
+exports.C_Icon = require_C_Icon.C_Icon_default;

package/dist/C_Icon.d.cts

@@ -0,0 +1,2 @@
+import { n as _default, t as IconProps } from "./index10.vue.js";
+export { _default as C_Icon, type IconProps };

package/dist/C_Icon.d.ts

@@ -0,0 +1,2 @@
+import { n as _default, t as IconProps } from "./index10.vue.js";
+export { _default as C_Icon, type IconProps };

package/dist/C_Icon.js

@@ -0,0 +1,3 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+
+export { C_Icon_default as C_Icon };