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

package/dist/C_FullCalendar.cjs

@@ -1,9 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_FullCalendar = require('./C_FullCalendar.js');
-
-exports.BUTTON_TEXT = require_C_FullCalendar.BUTTON_TEXT;
-exports.C_FullCalendar = require_C_FullCalendar.C_FullCalendar_default;
-exports.DEFAULT_EDIT_FORM = require_C_FullCalendar.DEFAULT_EDIT_FORM;
-exports.EVENT_COLORS = require_C_FullCalendar.EVENT_COLORS;
-exports.HEADER_TOOLBAR = require_C_FullCalendar.HEADER_TOOLBAR;
-exports.useCalendarEvents = require_C_FullCalendar.useCalendarEvents;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_FullCalendar.js`);exports.BUTTON_TEXT=e.r,exports.C_FullCalendar=e.t,exports.DEFAULT_EDIT_FORM=e.i,exports.EVENT_COLORS=e.a,exports.HEADER_TOOLBAR=e.o,exports.useCalendarEvents=e.n;

package/dist/C_FullCalendar.js

@@ -1,3 +1 @@
-import { a as EVENT_COLORS, i as DEFAULT_EDIT_FORM, n as useCalendarEvents, o as HEADER_TOOLBAR, r as BUTTON_TEXT, t as C_FullCalendar_default } from "./C_FullCalendar2.js";
-
-export { BUTTON_TEXT, C_FullCalendar_default as C_FullCalendar, DEFAULT_EDIT_FORM, EVENT_COLORS, HEADER_TOOLBAR, useCalendarEvents };
+import{a as e,i as t,n,o as r,r as i,t as a}from"./C_FullCalendar2.js";export{i as BUTTON_TEXT,a as C_FullCalendar,t as DEFAULT_EDIT_FORM,e as EVENT_COLORS,r as HEADER_TOOLBAR,n as useCalendarEvents};

package/dist/C_FullCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_FullCalendar.js","names":["dayGridPlugin","interactionPlugin","listPlugin","zhCn"],"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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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_FullCalendar2.js

@@ -1,377 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { NButton, NDatePicker, NInput, NModal, useMessage } from "naive-ui";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeStyle, openBlock, ref, renderList, unref, watch, withCtx } from "vue";
-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-f993af8f"]]);
-
-//#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 };
+import{t as e}from"./export-helper.js";import{NButton as t,NDatePicker as n,NInput as r,NModal as i,useMessage as a}from"naive-ui";import{Fragment as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,isRef as m,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y,watch as b,withCtx as x}from"vue";import S from"@fullcalendar/vue3";import C from"@fullcalendar/daygrid";import w from"@fullcalendar/interaction";import T from"@fullcalendar/list";import E from"@fullcalendar/core/locales/zh-cn";const D=[`#3f86ff`,`#ff6b6b`,`#67c23a`,`#e6a23c`,`#9c27b0`,`#00bcd4`,`#ff5722`],O={id:``,title:``,date:Date.now(),startTime:`09:00`,endTime:`10:00`,color:`#3f86ff`},k={left:`prev,next today`,center:`title`,right:`dayGridMonth,dayGridWeek,dayGridDay,listWeek`},A={today:`今天`,month:`月`,week:`周`,day:`日`,list:`列表`};function j(e,t){let n=a(),r=_(),i=_([...e.events??[]]),o=_(!1),s=_(!1),c=_(!1),l=_(null),u=_({...O}),d=e=>{i.value=[...i.value,e],t(`update:events`,i.value)},f=e=>{let n=i.value.findIndex(t=>t.id===e.id);n!==-1&&(i.value=i.value.map((t,r)=>r===n?{...t,...e}:t),t(`update:events`,i.value))},p=e=>{i.value=i.value.filter(t=>t.id!==e),t(`update:events`,i.value)};function m(t){e.editable&&(t.jsEvent.preventDefault(),l.value=t.event,e.showEditDialog&&(o.value=!0))}function h(t){!e.editable||!e.showAddDialog||y(new Date(t.dateStr))}function g(e){let r={id:e.event.id,start:e.event.start,end:e.event.end};f(r),t(`event-dropped`,r),n.success(`事件 "${e.event.title}" 时间已更新`)}function v(e){let n={id:e.event.id,start:e.event.start,end:e.event.end};f(n),t(`event-updated`,n)}function y(e){c.value=!1,u.value={...O,date:e.getTime(),color:D[Math.floor(Math.random()*D.length)]},s.value=!0}function x(){if(!l.value)return;c.value=!0;let e=l.value,t=new Date(e.start),n=e.end?new Date(e.end):new Date(e.start.getTime()+36e5);u.value={id:e.id,title:e.title,date:t.getTime(),startTime:`${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}`,endTime:`${String(n.getHours()).padStart(2,`0`)}:${String(n.getMinutes()).padStart(2,`0`)}`,color:e.backgroundColor||`#3f86ff`},o.value=!1,s.value=!0}function S(){if(!u.value.title.trim())return n.error(`请输入事件标题`),!1;if(u.value.startTime>=u.value.endTime)return n.error(`结束时间必须晚于开始时间`),!1;let e=new Date(u.value.date).toISOString().split(`T`)[0],r={id:c.value?u.value.id:Date.now().toString(),title:u.value.title,start:new Date(`${e}T${u.value.startTime}:00`),end:new Date(`${e}T${u.value.endTime}:00`),color:u.value.color};return c.value?(f(r),t(`event-updated`,r),n.success(`事件已更新`)):(d(r),t(`event-added`,r),n.success(`事件已添加`)),s.value=!1,!0}function j(){if(!l.value)return;let{id:e,title:r}=l.value;p(e),t(`event-deleted`,{id:e,title:r}),o.value=!1,n.success(`已删除事件: ${r}`)}let M=_({plugins:[C,w,T],locale:E,initialView:e.initialView??`dayGridMonth`,events:i.value,headerToolbar:k,buttonText:A,editable:e.editable??!0,eventClick:m,dateClick:h,eventDrop:g,eventResize:v});return b(()=>e.events,e=>{i.value=[...e??[]]},{deep:!0}),b(i,e=>{M.value.events=e},{deep:!0}),{calendarRef:r,calendarOptions:M,showActionDialog:o,showEditModal:s,isEditing:c,selectedEvent:l,editForm:u,eventColors:D,openEditModal:x,saveEvent:S,deleteEvent:j,expose:{getApi:()=>r.value?.getApi(),addEvent:d,updateEvent:f,deleteEvent:p,getEvents:()=>i.value}}}const M={class:`c-full-calendar`},N={class:`ml-10% mt-20px`},P={style:{padding:`20px`}},F={style:{"margin-bottom":`16px`}},I={style:{"margin-bottom":`16px`}},L={style:{display:`grid`,"grid-template-columns":`1fr 1fr`,gap:`16px`}},R={style:{"margin-top":`16px`}},z={style:{display:`flex`,gap:`8px`}},B=[`onClick`];var V=e(p({name:`C_FullCalendar`,__name:`index`,props:{events:{default:()=>[]},initialView:{default:`dayGridMonth`},editable:{type:Boolean,default:!0},showAddDialog:{type:Boolean,default:!0},showEditDialog:{type:Boolean,default:!0}},emits:[`update:events`,`event-added`,`event-updated`,`event-deleted`,`event-dropped`],setup(e,{expose:a,emit:p}){let{calendarRef:_,calendarOptions:b,showActionDialog:C,showEditModal:w,isEditing:T,selectedEvent:E,editForm:D,eventColors:O,openEditModal:k,saveEvent:A,deleteEvent:V,expose:H}=j(e,p);return a(H),(e,a)=>(g(),l(`div`,M,[f(y(S),{ref_key:`calendarRef`,ref:_,options:y(b)},null,8,[`options`]),y(C)?(g(),s(y(i),{key:0,show:y(C),"onUpdate:show":a[0]||=e=>m(C)?C.value=e:null,preset:`dialog`,title:`事件操作 - ${y(E)?.title}`,style:{width:`400px`}},{default:x(()=>[u(`div`,N,[f(y(t),{type:`primary`,onClick:y(k),style:{"margin-right":`12px`},size:`small`},{default:x(()=>a[6]||=[d(` 编辑 `,-1)]),_:1,__:[6]},8,[`onClick`]),f(y(t),{type:`error`,onClick:y(V),size:`small`},{default:x(()=>a[7]||=[d(` 删除 `,-1)]),_:1,__:[7]},8,[`onClick`])])]),_:1},8,[`show`,`title`])):c(`v-if`,!0),f(y(i),{show:y(w),"onUpdate:show":a[5]||=e=>m(w)?w.value=e:null,preset:`dialog`,title:y(T)?`编辑事件`:`添加事件`,"positive-text":`保存`,"negative-text":`取消`,onPositiveClick:y(A)},{default:x(()=>[u(`div`,P,[u(`div`,F,[a[8]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件标题`,-1),f(y(r),{value:y(D).title,"onUpdate:value":a[1]||=e=>y(D).title=e,placeholder:`请输入事件标题`},null,8,[`value`])]),u(`div`,I,[a[9]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件日期`,-1),f(y(n),{value:y(D).date,"onUpdate:value":a[2]||=e=>y(D).date=e,type:`date`,format:`yyyy-MM-dd`,style:{width:`100%`}},null,8,[`value`])]),u(`div`,L,[u(`div`,null,[a[10]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`开始时间`,-1),f(y(r),{value:y(D).startTime,"onUpdate:value":a[3]||=e=>y(D).startTime=e,type:`time`,placeholder:`09:00`},null,8,[`value`])]),u(`div`,null,[a[11]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`结束时间`,-1),f(y(r),{value:y(D).endTime,"onUpdate:value":a[4]||=e=>y(D).endTime=e,type:`time`,placeholder:`10:00`},null,8,[`value`])])]),u(`div`,R,[a[12]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件颜色`,-1),u(`div`,z,[(g(!0),l(o,null,v(y(O),e=>(g(),l(`div`,{key:e,style:h({width:`30px`,height:`30px`,backgroundColor:e,borderRadius:`50%`,cursor:`pointer`,border:y(D).color===e?`3px solid #000`:`2px solid #ddd`}),onClick:t=>y(D).color=e},null,12,B))),128))])])])]),_:1},8,[`show`,`title`,`onPositiveClick`])]))}}),[[`__scopeId`,`data-v-f993af8f`]]);export{D as a,O as i,j as n,k as o,A as r,V as t};
 //# sourceMappingURL=C_FullCalendar2.js.map

package/dist/C_FullCalendar2.js.map

@@ -1 +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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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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"}
+{"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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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_GlobalSearch.cjs

@@ -1,5 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_GlobalSearch = require('./C_GlobalSearch.js');
-
-exports.C_GlobalSearch = require_C_GlobalSearch.C_GlobalSearch_default;
-exports.useGlobalSearch = require_C_GlobalSearch.useGlobalSearch;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_GlobalSearch.js`);exports.C_GlobalSearch=e.t,exports.useGlobalSearch=e.n;