@robot-admin/naive-ui-components 0.8.1 → 0.8.2

package/dist/C_FullCalendar-ChJUosAi.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_FullCalendar-ChJUosAi.css","names":[],"sources":["../src/components/C_FullCalendar/index.vue?vue&type=style&index=0&scoped=f1a186d7&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-full-calendar[data-v-f1a186d7] {\n    width: 100%;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA"}

package/dist/C_FullCalendar.css

@@ -1,7 +1,7 @@
 /* unplugin-vue-components disabled */
-.c-full-calendar[data-v-b00ec52e] {
+.c-full-calendar[data-v-f1a186d7] {
     width: 100%;
-}
+}
 
 
-/*# sourceMappingURL=C_FullCalendar-1U4VlG7X.css.map*/
+/*# sourceMappingURL=C_FullCalendar-BQA0OjGB.css.map*/

package/dist/C_FullCalendar.js.map

@@ -1 +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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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_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"],"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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-19\n * @Description: 全局日历组件 — 薄 UI 壳，逻辑由 useCalendarEvents 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-full-calendar\">\n    <FullCalendar\n      ref=\"calendarRef\"\n      :options=\"calendarOptions\"\n    />\n\n    <NModal\n      v-if=\"showActionDialog\"\n      v-model:show=\"showActionDialog\"\n      preset=\"dialog\"\n      :title=\"`事件操作 - ${selectedEvent?.title}`\"\n      style=\"width: 400px\"\n    >\n      <div class=\"ml-10% mt-20px\">\n        <NButton\n          type=\"primary\"\n          @click=\"openEditModal\"\n          style=\"margin-right: 12px\"\n          size=\"small\"\n        >\n          编辑\n        </NButton>\n        <NButton\n          type=\"error\"\n          @click=\"deleteEvent\"\n          size=\"small\"\n        >\n          删除\n        </NButton>\n      </div>\n    </NModal>\n\n    <NModal\n      v-model:show=\"showEditModal\"\n      preset=\"dialog\"\n      :title=\"isEditing ? '编辑事件' : '添加事件'\"\n      positive-text=\"保存\"\n      negative-text=\"取消\"\n      @positive-click=\"saveEvent\"\n    >\n      <div style=\"padding: 20px\">\n        <div style=\"margin-bottom: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件标题</label\n          >\n          <NInput\n            v-model:value=\"editForm.title\"\n            placeholder=\"请输入事件标题\"\n          />\n        </div>\n\n        <div style=\"margin-bottom: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件日期</label\n          >\n          <NDatePicker\n            v-model:value=\"editForm.date\"\n            type=\"date\"\n            format=\"yyyy-MM-dd\"\n            style=\"width: 100%\"\n          />\n        </div>\n\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\n          <div>\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n              >开始时间</label\n            >\n            <NInput\n              v-model:value=\"editForm.startTime\"\n              placeholder=\"09:00\"\n            />\n          </div>\n          <div>\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n              >结束时间</label\n            >\n            <NInput\n              v-model:value=\"editForm.endTime\"\n              placeholder=\"10:00\"\n            />\n          </div>\n        </div>\n\n        <div style=\"margin-top: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件颜色</label\n          >\n          <div style=\"display: flex; gap: 8px\">\n            <div\n              v-for=\"color in eventColors\"\n              :key=\"color\"\n              :style=\"{\n                width: '30px',\n                height: '30px',\n                backgroundColor: color,\n                borderRadius: '50%',\n                cursor: 'pointer',\n                border:\n                  editForm.color === color\n                    ? '3px solid #000'\n                    : '2px solid #ddd',\n              }\"\n              @click=\"editForm.color = color\"\n            />\n          </div>\n        </div>\n      </div>\n    </NModal>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\n  import FullCalendar from '@fullcalendar/vue3'\n  import { useCalendarEvents } from './composables/useCalendarEvents'\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\n\n  defineOptions({ name: 'C_FullCalendar' })\n\n  const props = withDefaults(defineProps<CalendarProps>(), {\n    events: () => [],\n    initialView: 'dayGridMonth',\n    editable: true,\n    showAddDialog: true,\n    showEditDialog: true,\n  })\n\n  const emit = defineEmits<CalendarEmits>()\n\n  const {\n    calendarRef,\n    calendarOptions,\n    showActionDialog,\n    showEditModal,\n    isEditing,\n    selectedEvent,\n    editForm,\n    eventColors,\n    openEditModal,\n    saveEvent,\n    deleteEvent,\n    expose,\n  } = useCalendarEvents(props, emit)\n\n  defineExpose<CalendarExpose>(expose)\n</script>\n\n<style scoped>\n  .c-full-calendar {\n    width: 100%;\n  }\n</style>\n"],"mappings":"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"}

package/dist/C_FullCalendar2.js

@@ -1,2 +1,2 @@
-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,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,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-b00ec52e`]]);export{D as a,O as i,j as n,k as o,A as r,V as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,isRef as l,normalizeStyle as u,openBlock as d,ref as f,renderList as p,unref as m,watch as h,withCtx as g}from"vue";import{NButton as _,NDatePicker as v,NInput as y,NModal as b,useMessage as x}from"naive-ui";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=x(),r=f(),i=f([...e.events??[]]),a=f(!1),o=f(!1),s=f(!1),c=f(null),l=f({...O}),u=e=>{i.value=[...i.value,e],t(`update:events`,i.value)},d=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(),c.value=t.event,e.showEditDialog&&(a.value=!0))}function g(t){!e.editable||!e.showAddDialog||y(new Date(t.dateStr))}function _(e){let r={id:e.event.id,start:e.event.start,end:e.event.end};d(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};d(n),t(`event-updated`,n)}function y(e){s.value=!1,l.value={...O,date:e.getTime(),color:D[Math.floor(Math.random()*D.length)]},o.value=!0}function b(){if(!c.value)return;s.value=!0;let e=c.value,t=new Date(e.start),n=e.end?new Date(e.end):new Date(e.start.getTime()+36e5);l.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`},a.value=!1,o.value=!0}function S(){if(!l.value.title.trim())return n.error(`请输入事件标题`),!1;if(l.value.startTime>=l.value.endTime)return n.error(`结束时间必须晚于开始时间`),!1;let e=new Date(l.value.date).toISOString().split(`T`)[0],r={id:s.value?l.value.id:Date.now().toString(),title:l.value.title,start:new Date(`${e}T${l.value.startTime}:00`),end:new Date(`${e}T${l.value.endTime}:00`),color:l.value.color};return s.value?(d(r),t(`event-updated`,r),n.success(`事件已更新`)):(u(r),t(`event-added`,r),n.success(`事件已添加`)),o.value=!1,!0}function j(){if(!c.value)return;let{id:e,title:r}=c.value;p(e),t(`event-deleted`,{id:e,title:r}),a.value=!1,n.success(`已删除事件: ${r}`)}let M=f({plugins:[C,w,T],locale:E,initialView:e.initialView??`dayGridMonth`,events:i.value,headerToolbar:k,buttonText:A,editable:e.editable??!0,eventClick:m,dateClick:g,eventDrop:_,eventResize:v});return h(()=>e.events,e=>{i.value=[...e??[]]},{deep:!0}),h(i,e=>{M.value.events=e},{deep:!0}),{calendarRef:r,calendarOptions:M,showActionDialog:a,showEditModal:o,isEditing:s,selectedEvent:c,editForm:l,eventColors:D,openEditModal:b,saveEvent:S,deleteEvent:j,expose:{getApi:()=>r.value?.getApi(),addEvent:u,updateEvent:d,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(c({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:c,emit:f}){let{calendarRef:h,calendarOptions:x,showActionDialog:C,showEditModal:w,isEditing:T,selectedEvent:E,editForm:D,eventColors:O,openEditModal:k,saveEvent:A,deleteEvent:V,expose:H}=j(e,f);return c(H),(e,c)=>(d(),i(`div`,M,[s(m(S),{ref_key:`calendarRef`,ref:h,options:m(x)},null,8,[`options`]),m(C)?(d(),n(m(b),{key:0,show:m(C),"onUpdate:show":c[0]||=e=>l(C)?C.value=e:null,preset:`dialog`,title:`事件操作 - ${m(E)?.title}`,style:{width:`400px`}},{default:g(()=>[a(`div`,N,[s(m(_),{type:`primary`,onClick:m(k),style:{"margin-right":`12px`},size:`small`},{default:g(()=>c[6]||=[o(` 编辑 `,-1)]),_:1,__:[6]},8,[`onClick`]),s(m(_),{type:`error`,onClick:m(V),size:`small`},{default:g(()=>c[7]||=[o(` 删除 `,-1)]),_:1,__:[7]},8,[`onClick`])])]),_:1},8,[`show`,`title`])):r(`v-if`,!0),s(m(b),{show:m(w),"onUpdate:show":c[5]||=e=>l(w)?w.value=e:null,preset:`dialog`,title:m(T)?`编辑事件`:`添加事件`,"positive-text":`保存`,"negative-text":`取消`,onPositiveClick:m(A)},{default:g(()=>[a(`div`,P,[a(`div`,F,[c[8]||=a(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件标题`,-1),s(m(y),{value:m(D).title,"onUpdate:value":c[1]||=e=>m(D).title=e,placeholder:`请输入事件标题`},null,8,[`value`])]),a(`div`,I,[c[9]||=a(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件日期`,-1),s(m(v),{value:m(D).date,"onUpdate:value":c[2]||=e=>m(D).date=e,type:`date`,format:`yyyy-MM-dd`,style:{width:`100%`}},null,8,[`value`])]),a(`div`,L,[a(`div`,null,[c[10]||=a(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`开始时间`,-1),s(m(y),{value:m(D).startTime,"onUpdate:value":c[3]||=e=>m(D).startTime=e,placeholder:`09:00`},null,8,[`value`])]),a(`div`,null,[c[11]||=a(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`结束时间`,-1),s(m(y),{value:m(D).endTime,"onUpdate:value":c[4]||=e=>m(D).endTime=e,placeholder:`10:00`},null,8,[`value`])])]),a(`div`,R,[c[12]||=a(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件颜色`,-1),a(`div`,z,[(d(!0),i(t,null,p(m(O),e=>(d(),i(`div`,{key:e,style:u({width:`30px`,height:`30px`,backgroundColor:e,borderRadius:`50%`,cursor:`pointer`,border:m(D).color===e?`3px solid #000`:`2px solid #ddd`}),onClick:t=>m(D).color=e},null,12,B))),128))])])])]),_:1},8,[`show`,`title`,`onPositiveClick`])]))}}),[[`__scopeId`,`data-v-f1a186d7`]]);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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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\r\n      ref=\"calendarRef\"\r\n      :options=\"calendarOptions\"\r\n    />\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\r\n          type=\"error\"\r\n          @click=\"deleteEvent\"\r\n          size=\"small\"\r\n        >\r\n          删除\r\n        </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\r\n            v-model:value=\"editForm.title\"\r\n            placeholder=\"请输入事件标题\"\r\n          />\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              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              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\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n  import FullCalendar from '@fullcalendar/vue3'\r\n  import { useCalendarEvents } from './composables/useCalendarEvents'\r\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n  defineOptions({ name: 'C_FullCalendar' })\r\n\r\n  const 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\n  const emit = defineEmits<CalendarEmits>()\r\n\r\n  const {\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\n  defineExpose<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"],"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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-19\n * @Description: 全局日历组件 — 薄 UI 壳，逻辑由 useCalendarEvents 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-full-calendar\">\n    <FullCalendar\n      ref=\"calendarRef\"\n      :options=\"calendarOptions\"\n    />\n\n    <NModal\n      v-if=\"showActionDialog\"\n      v-model:show=\"showActionDialog\"\n      preset=\"dialog\"\n      :title=\"`事件操作 - ${selectedEvent?.title}`\"\n      style=\"width: 400px\"\n    >\n      <div class=\"ml-10% mt-20px\">\n        <NButton\n          type=\"primary\"\n          @click=\"openEditModal\"\n          style=\"margin-right: 12px\"\n          size=\"small\"\n        >\n          编辑\n        </NButton>\n        <NButton\n          type=\"error\"\n          @click=\"deleteEvent\"\n          size=\"small\"\n        >\n          删除\n        </NButton>\n      </div>\n    </NModal>\n\n    <NModal\n      v-model:show=\"showEditModal\"\n      preset=\"dialog\"\n      :title=\"isEditing ? '编辑事件' : '添加事件'\"\n      positive-text=\"保存\"\n      negative-text=\"取消\"\n      @positive-click=\"saveEvent\"\n    >\n      <div style=\"padding: 20px\">\n        <div style=\"margin-bottom: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件标题</label\n          >\n          <NInput\n            v-model:value=\"editForm.title\"\n            placeholder=\"请输入事件标题\"\n          />\n        </div>\n\n        <div style=\"margin-bottom: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件日期</label\n          >\n          <NDatePicker\n            v-model:value=\"editForm.date\"\n            type=\"date\"\n            format=\"yyyy-MM-dd\"\n            style=\"width: 100%\"\n          />\n        </div>\n\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\n          <div>\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n              >开始时间</label\n            >\n            <NInput\n              v-model:value=\"editForm.startTime\"\n              placeholder=\"09:00\"\n            />\n          </div>\n          <div>\n            <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n              >结束时间</label\n            >\n            <NInput\n              v-model:value=\"editForm.endTime\"\n              placeholder=\"10:00\"\n            />\n          </div>\n        </div>\n\n        <div style=\"margin-top: 16px\">\n          <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\n            >事件颜色</label\n          >\n          <div style=\"display: flex; gap: 8px\">\n            <div\n              v-for=\"color in eventColors\"\n              :key=\"color\"\n              :style=\"{\n                width: '30px',\n                height: '30px',\n                backgroundColor: color,\n                borderRadius: '50%',\n                cursor: 'pointer',\n                border:\n                  editForm.color === color\n                    ? '3px solid #000'\n                    : '2px solid #ddd',\n              }\"\n              @click=\"editForm.color = color\"\n            />\n          </div>\n        </div>\n      </div>\n    </NModal>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\n  import FullCalendar from '@fullcalendar/vue3'\n  import { useCalendarEvents } from './composables/useCalendarEvents'\n  import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\n\n  defineOptions({ name: 'C_FullCalendar' })\n\n  const props = withDefaults(defineProps<CalendarProps>(), {\n    events: () => [],\n    initialView: 'dayGridMonth',\n    editable: true,\n    showAddDialog: true,\n    showEditDialog: true,\n  })\n\n  const emit = defineEmits<CalendarEmits>()\n\n  const {\n    calendarRef,\n    calendarOptions,\n    showActionDialog,\n    showEditModal,\n    isEditing,\n    selectedEvent,\n    editForm,\n    eventColors,\n    openEditModal,\n    saveEvent,\n    deleteEvent,\n    expose,\n  } = useCalendarEvents(props, emit)\n\n  defineExpose<CalendarExpose>(expose)\n</script>\n\n<style scoped>\n  .c-full-calendar {\n    width: 100%;\n  }\n</style>\n"],"mappings":"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"}

package/dist/C_GlobalSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_GlobalSearch.js","names":["placeholder","emptyText","resultGroupTitle"],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_GlobalSearch.js","names":[],"sources":["../src/components/C_GlobalSearch/composables/useGlobalSearch.ts","../src/components/C_GlobalSearch/index.vue"],"sourcesContent":["import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport type { SearchMenuItem, HistoryItem, GlobalSearchOptions } from '../types'\n\n/**\n * 全局搜索逻辑 — 管理菜单搜索、历史记录、键盘导航\n *\n * 已解耦：不依赖任何项目级 store / router，\n * 所有外部数据通过 options 注入。\n */\nexport function useGlobalSearch(options: GlobalSearchOptions) {\n  const {\n    menuItems: getMenuItems,\n    isDark: getIsDark,\n    onSelect,\n    storageKey = 'robot-search-history',\n    maxHistory = 10,\n    maxDisplayHistory = 5,\n  } = options\n\n  // ==================== 响应式状态 ====================\n  const showDialog = ref(false)\n  const searchValue = ref('')\n  const selectedIndex = ref(0)\n  const searchInputRef = ref<HTMLInputElement>()\n  const searchHistory = ref<HistoryItem[]>([])\n\n  // ==================== 计算属性 ====================\n  const isDark = computed(() => getIsDark?.() ?? false)\n\n  const filteredMenuItems = computed(() => {\n    if (!searchValue.value.trim()) return []\n    const query = searchValue.value.toLowerCase()\n    const items = getMenuItems()\n    return items.filter(\n      item =>\n        item.label.toLowerCase().includes(query) ||\n        formatMenuPath(item.key).toLowerCase().includes(query)\n    )\n  })\n\n  const displayHistory = computed(() =>\n    searchHistory.value.slice(0, maxDisplayHistory)\n  )\n  const hasResults = computed(() => filteredMenuItems.value.length > 0)\n  const hasContent = computed(\n    () => hasResults.value || displayHistory.value.length > 0\n  )\n\n  // ==================== 工具函数 ====================\n  const getItemClasses = (index: number, isHistory: boolean) => [\n    'robot-result-item',\n    isHistory && 'robot-history-item',\n    { 'robot-result-item-selected': selectedIndex.value === index },\n  ]\n\n  const highlightMatch = (text: string, search: string): string => {\n    if (!search) return text\n    const regex = new RegExp(\n      `(${search.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`,\n      'gi'\n    )\n    return text.replace(regex, '<mark class=\"robot-highlight\">$1</mark>')\n  }\n\n  const formatMenuPath = (key: string): string =>\n    key.replace(/^\\//, '').replace(/\\//g, ' > ') || '首页'\n\n  // ==================== 搜索历史管理 ====================\n  const addToHistory = (menuItem: SearchMenuItem) => {\n    if (!menuItem.label.trim()) return\n    const query = menuItem.label\n    const filtered = searchHistory.value.filter(\n      (item: HistoryItem) =>\n        !(item.query === query && item.menuItem?.key === menuItem.key)\n    )\n    searchHistory.value = [\n      { query, menuItem, timestamp: Date.now() },\n      ...filtered,\n    ].slice(0, maxHistory)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n  }\n\n  const loadHistory = () => {\n    try {\n      const saved = localStorage.getItem(storageKey)\n      if (saved) {\n        const parsed = JSON.parse(saved)\n        searchHistory.value = parsed.map((item: any) =>\n          typeof item === 'string'\n            ? { query: item, menuItem: null, timestamp: 0 }\n            : item\n        )\n      }\n    } catch (error) {\n      console.error('加载搜索历史失败:', error)\n    }\n  }\n\n  const clearHistory = () => {\n    searchHistory.value = []\n    localStorage.removeItem(storageKey)\n  }\n\n  const removeHistoryItem = (index: number) => {\n    searchHistory.value.splice(index, 1)\n    localStorage.setItem(storageKey, JSON.stringify(searchHistory.value))\n    if (selectedIndex.value >= searchHistory.value.length) {\n      selectedIndex.value = Math.max(0, searchHistory.value.length - 1)\n    }\n  }\n\n  // ==================== 对话框控制 ====================\n  const openDialog = async () => {\n    showDialog.value = true\n    searchValue.value = ''\n    selectedIndex.value = 0\n    await nextTick()\n    searchInputRef.value?.focus()\n  }\n\n  const closeDialog = () => {\n    showDialog.value = false\n    searchValue.value = ''\n    selectedIndex.value = 0\n  }\n\n  // ==================== 选择项目 ====================\n  const selectHistoryItem = (historyItem: HistoryItem) => {\n    if (historyItem.menuItem) {\n      const hasChildren = !!historyItem.menuItem.children?.length\n      onSelect?.(historyItem.menuItem.key, hasChildren)\n      closeDialog()\n    } else {\n      searchValue.value = historyItem.query\n      selectedIndex.value = 0\n    }\n  }\n\n  const selectItem = (item: SearchMenuItem) => {\n    addToHistory(item)\n    const hasChildren = !!item.children?.length\n    onSelect?.(item.key, hasChildren)\n    closeDialog()\n  }\n\n  // ==================== 键盘导航 ====================\n  const handleEnter = () => {\n    const isHistoryMode =\n      !searchValue.value.trim() && displayHistory.value.length > 0\n    const isSearchMode =\n      searchValue.value.trim() && filteredMenuItems.value.length > 0\n\n    if (isHistoryMode) {\n      const historyItem = displayHistory.value[selectedIndex.value]\n      if (historyItem) selectHistoryItem(historyItem)\n    } else if (isSearchMode) {\n      const item = filteredMenuItems.value[selectedIndex.value]\n      if (item) selectItem(item)\n    }\n  }\n\n  const focusNext = () => {\n    const maxIndex = !searchValue.value.trim()\n      ? displayHistory.value.length - 1\n      : filteredMenuItems.value.length - 1\n    selectedIndex.value = Math.min(selectedIndex.value + 1, maxIndex)\n  }\n\n  const focusPrev = () => {\n    selectedIndex.value = Math.max(selectedIndex.value - 1, 0)\n  }\n\n  // ==================== 监听器和生命周期 ====================\n  watch(searchValue, () => {\n    selectedIndex.value = 0\n  })\n\n  onMounted(() => {\n    loadHistory()\n    const handleKeydown = (e: KeyboardEvent) => {\n      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n        e.preventDefault()\n        openDialog()\n      }\n    }\n    document.addEventListener('keydown', handleKeydown)\n    onUnmounted(() => document.removeEventListener('keydown', handleKeydown))\n  })\n\n  return {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  }\n}\n","<!--\n * @Description: 全局搜索组件 - 命令面板式搜索\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"robot-search-palette\">\n    <!-- 搜索触发按钮 -->\n    <div\n      class=\"robot-search-trigger\"\n      :class=\"{ 'trigger-dark': isDark }\"\n      @click=\"openDialog\"\n    >\n      <div class=\"i-mdi:search robot-trigger-icon\" />\n      <span class=\"robot-trigger-text\">搜索</span>\n      <span class=\"robot-trigger-shortcut\">Ctrl K</span>\n    </div>\n\n    <!-- 搜索对话框 -->\n    <Teleport to=\"body\">\n      <Transition name=\"robot-dialog\">\n        <div\n          v-if=\"showDialog\"\n          class=\"robot-dialog-overlay\"\n          @click=\"closeDialog\"\n          @keydown.esc=\"closeDialog\"\n        >\n          <div\n            class=\"robot-dialog-container\"\n            :class=\"{ 'dialog-dark': isDark }\"\n            @click.stop\n          >\n            <!-- 搜索头部 -->\n            <div class=\"robot-search-header\">\n              <div class=\"i-mdi:magnify robot-search-icon\" />\n              <input\n                ref=\"searchInputRef\"\n                v-model=\"searchValue\"\n                type=\"text\"\n                :placeholder=\"placeholder\"\n                class=\"robot-search-input\"\n                @keydown.esc=\"closeDialog\"\n                @keydown.enter=\"handleEnter\"\n                @keydown.arrow-down=\"focusNext\"\n                @keydown.arrow-up=\"focusPrev\"\n              />\n              <button\n                class=\"robot-close-btn\"\n                @click=\"closeDialog\"\n              >\n                <div class=\"i-mdi:close\" />\n              </button>\n            </div>\n\n            <!-- 搜索内容 -->\n            <div class=\"robot-search-content\">\n              <!-- 空状态 -->\n              <div\n                v-if=\"!hasContent\"\n                class=\"robot-empty-state\"\n              >\n                <div class=\"i-mdi:magnify robot-empty-icon\" />\n                <p>{{ emptyText }}</p>\n              </div>\n\n              <!-- 搜索历史 -->\n              <template\n                v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n              >\n                <div class=\"robot-search-results\">\n                  <div class=\"robot-result-group\">\n                    <div class=\"robot-group-title\">\n                      <div\n                        class=\"i-mdi:clock-time-four-outline robot-group-icon\"\n                      />\n                      最近搜索\n                      <span class=\"robot-group-count\">{{\n                        displayHistory.length\n                      }}</span>\n                      <button\n                        class=\"robot-clear-history\"\n                        @click=\"clearHistory\"\n                        title=\"清空历史\"\n                      >\n                        <div class=\"i-mdi:delete-outline\" />\n                      </button>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(historyItem, index) in displayHistory\"\n                        :key=\"`history-${index}`\"\n                        :class=\"getItemClasses(index, true)\"\n                        @click=\"selectHistoryItem(historyItem)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"historyItem.menuItem?.icon\"\n                          :is=\"historyItem.menuItem.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div class=\"robot-item-label\">\n                            {{ historyItem.query }}\n                          </div>\n                          <div class=\"robot-item-desc\">\n                            {{\n                              formatMenuPath(historyItem.menuItem?.key || '')\n                            }}\n                          </div>\n                        </div>\n                        <button\n                          class=\"robot-history-delete\"\n                          @click.stop=\"removeHistoryItem(index)\"\n                          title=\"删除此记录\"\n                        >\n                          <div class=\"i-mdi:close\" />\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n\n              <!-- 搜索结果 -->\n              <template v-else-if=\"searchValue.trim()\">\n                <div class=\"robot-search-results\">\n                  <!-- 无结果状态 -->\n                  <div\n                    v-if=\"!hasResults\"\n                    class=\"robot-empty-state\"\n                  >\n                    <div class=\"i-mdi:magnify robot-empty-icon\" />\n                    <p>未找到 \"{{ searchValue }}\" 相关内容</p>\n                  </div>\n\n                  <!-- 搜索结果列表 -->\n                  <div\n                    v-else\n                    class=\"robot-result-group\"\n                  >\n                    <div class=\"robot-group-title\">\n                      <div class=\"i-mdi:menu robot-group-icon\" />\n                      {{ resultGroupTitle }}\n                      <span class=\"robot-group-count\">{{\n                        filteredMenuItems.length\n                      }}</span>\n                    </div>\n                    <div class=\"robot-group-items\">\n                      <div\n                        v-for=\"(item, index) in filteredMenuItems\"\n                        :key=\"item.key\"\n                        :class=\"getItemClasses(index, false)\"\n                        @click=\"selectItem(item)\"\n                        @mouseenter=\"selectedIndex = index\"\n                      >\n                        <component\n                          v-if=\"item.icon\"\n                          :is=\"item.icon\"\n                          class=\"robot-item-icon\"\n                        />\n                        <div\n                          v-else\n                          class=\"robot-item-icon robot-default-icon\"\n                        >\n                          <div class=\"i-mdi:file-document-outline\" />\n                        </div>\n                        <div class=\"robot-item-content\">\n                          <div\n                            class=\"robot-item-label\"\n                            v-html=\"highlightMatch(item.label, searchValue)\"\n                          ></div>\n                          <div class=\"robot-item-desc\">\n                            {{ formatMenuPath(item.key) }}\n                          </div>\n                        </div>\n                        <div\n                          v-if=\"item.children?.length\"\n                          class=\"robot-item-badge\"\n                        >\n                          {{ item.children.length }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </div>\n\n            <!-- 搜索底部 -->\n            <div class=\"robot-search-footer\">\n              <div class=\"robot-footer-actions\">\n                <div class=\"robot-action-item\">\n                  <kbd>↵</kbd><span>选择</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>↑↓</kbd><span>导航</span>\n                </div>\n                <div class=\"robot-action-item\">\n                  <kbd>esc</kbd><span>关闭</span>\n                </div>\n              </div>\n              <div\n                v-if=\"hasContent\"\n                class=\"robot-footer-info\"\n              >\n                <span v-if=\"searchValue.trim() && hasResults\">\n                  共 {{ filteredMenuItems.length }} 项结果\n                </span>\n                <span\n                  v-else-if=\"!searchValue.trim() && displayHistory.length > 0\"\n                >\n                  {{ displayHistory.length }} 条历史记录\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </Teleport>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { useGlobalSearch } from './composables/useGlobalSearch'\n  import type { GlobalSearchOptions } from './types'\n\n  defineOptions({ name: 'C_GlobalSearch' })\n\n  interface Props {\n    /** useGlobalSearch 配置（必须传入 menuItems + onSelect） */\n    options: GlobalSearchOptions\n    /** 搜索框 placeholder */\n    placeholder?: string\n    /** 无内容提示文字 */\n    emptyText?: string\n    /** 结果分组标题 */\n    resultGroupTitle?: string\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    placeholder: '搜索导航菜单...',\n    emptyText: '输入关键词搜索菜单',\n    resultGroupTitle: '菜单导航',\n  })\n\n  const {\n    showDialog,\n    searchValue,\n    selectedIndex,\n    searchInputRef,\n    isDark,\n    filteredMenuItems,\n    displayHistory,\n    hasResults,\n    hasContent,\n    getItemClasses,\n    highlightMatch,\n    formatMenuPath,\n    clearHistory,\n    removeHistoryItem,\n    openDialog,\n    closeDialog,\n    selectHistoryItem,\n    selectItem,\n    handleEnter,\n    focusNext,\n    focusPrev,\n  } = useGlobalSearch(props.options)\n\n  defineExpose({ openDialog, closeDialog })\n</script>\n\n<style lang=\"scss\" scoped>\n  @use './index.scss';\n</style>\n"],"mappings":"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"}