@robot-admin/naive-ui-components 0.9.3 → 0.10.0

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"],"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","<!--\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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"}
+{"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"],"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, shallowRef, watch, type Ref } from 'vue'\r\nimport { useMessage } from 'naive-ui'\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\n/**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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> = shallowRef({\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 = {\r\n        ...calendarOptions.value,\r\n        events: newEvents as any,\r\n      }\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","<!--\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-0817ba9a`]]);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{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,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";import C from"@fullcalendar/vue3";import w from"@fullcalendar/daygrid";import T from"@fullcalendar/interaction";import E from"@fullcalendar/list";import D from"@fullcalendar/core/locales/zh-cn";const O=[`#3f86ff`,`#ff6b6b`,`#67c23a`,`#e6a23c`,`#9c27b0`,`#00bcd4`,`#ff5722`],k={id:``,title:``,date:Date.now(),startTime:`09:00`,endTime:`10:00`,color:`#3f86ff`},A={left:`prev,next today`,center:`title`,right:`dayGridMonth,dayGridWeek,dayGridDay,listWeek`},j={today:`今天`,month:`月`,week:`周`,day:`日`,list:`列表`};function M(e,t){let n=a(),r=_(),i=_([...e.events??[]]),o=_(!1),s=_(!1),c=_(!1),l=_(null),u=_({...k}),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||b(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 b(e){c.value=!1,u.value={...k,date:e.getTime(),color:O[Math.floor(Math.random()*O.length)]},s.value=!0}function S(){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 C(){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 M(){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 N=y({plugins:[w,T,E],locale:D,initialView:e.initialView??`dayGridMonth`,events:i.value,headerToolbar:A,buttonText:j,editable:e.editable??!0,eventClick:m,dateClick:h,eventDrop:g,eventResize:v});return x(()=>e.events,e=>{i.value=[...e??[]]},{deep:!0}),x(i,e=>{N.value={...N.value,events:e}},{deep:!0}),{calendarRef:r,calendarOptions:N,showActionDialog:o,showEditModal:s,isEditing:c,selectedEvent:l,editForm:u,eventColors:O,openEditModal:S,saveEvent:C,deleteEvent:M,expose:{getApi:()=>r.value?.getApi(),addEvent:d,updateEvent:f,deleteEvent:p,getEvents:()=>i.value}}}const N={class:`c-full-calendar`},P={class:`ml-10% mt-20px`},F={style:{padding:`20px`}},I={style:{"margin-bottom":`16px`}},L={style:{"margin-bottom":`16px`}},R={style:{display:`grid`,"grid-template-columns":`1fr 1fr`,gap:`16px`}},z={style:{"margin-top":`16px`}},B={style:{display:`flex`,gap:`8px`}},V=[`onClick`];var H=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:y,showActionDialog:x,showEditModal:w,isEditing:T,selectedEvent:E,editForm:D,eventColors:O,openEditModal:k,saveEvent:A,deleteEvent:j,expose:H}=M(e,p);return a(H),(e,a)=>(g(),l(`div`,N,[f(b(C),{ref_key:`calendarRef`,ref:_,options:b(y)},null,8,[`options`]),b(x)?(g(),s(b(i),{key:0,show:b(x),"onUpdate:show":a[0]||=e=>m(x)?x.value=e:null,preset:`dialog`,title:`事件操作 - ${b(E)?.title}`,style:{width:`400px`}},{default:S(()=>[u(`div`,P,[f(b(t),{type:`primary`,onClick:b(k),style:{"margin-right":`12px`},size:`small`},{default:S(()=>a[6]||=[d(` 编辑 `,-1)]),_:1,__:[6]},8,[`onClick`]),f(b(t),{type:`error`,onClick:b(j),size:`small`},{default:S(()=>a[7]||=[d(` 删除 `,-1)]),_:1,__:[7]},8,[`onClick`])])]),_:1},8,[`show`,`title`])):c(`v-if`,!0),f(b(i),{show:b(w),"onUpdate:show":a[5]||=e=>m(w)?w.value=e:null,preset:`dialog`,title:b(T)?`编辑事件`:`添加事件`,"positive-text":`保存`,"negative-text":`取消`,onPositiveClick:b(A)},{default:S(()=>[u(`div`,F,[u(`div`,I,[a[8]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件标题`,-1),f(b(r),{value:b(D).title,"onUpdate:value":a[1]||=e=>b(D).title=e,placeholder:`请输入事件标题`},null,8,[`value`])]),u(`div`,L,[a[9]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件日期`,-1),f(b(n),{value:b(D).date,"onUpdate:value":a[2]||=e=>b(D).date=e,type:`date`,format:`yyyy-MM-dd`,style:{width:`100%`}},null,8,[`value`])]),u(`div`,R,[u(`div`,null,[a[10]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`开始时间`,-1),f(b(r),{value:b(D).startTime,"onUpdate:value":a[3]||=e=>b(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(b(r),{value:b(D).endTime,"onUpdate:value":a[4]||=e=>b(D).endTime=e,placeholder:`10:00`},null,8,[`value`])])]),u(`div`,z,[a[12]||=u(`label`,{style:{display:`block`,"margin-bottom":`8px`,"font-weight":`500`}},`事件颜色`,-1),u(`div`,B,[(g(!0),l(o,null,v(b(O),e=>(g(),l(`div`,{key:e,style:h({width:`30px`,height:`30px`,backgroundColor:e,borderRadius:`50%`,cursor:`pointer`,border:b(D).color===e?`3px solid #000`:`2px solid #ddd`}),onClick:t=>b(D).color=e},null,12,V))),128))])])])]),_:1},8,[`show`,`title`,`onPositiveClick`])]))}}),[[`__scopeId`,`data-v-0817ba9a`]]);export{O as a,k as i,M as n,A as o,j as r,H 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"],"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","<!--\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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"}
+{"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"],"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, shallowRef, watch, type Ref } from 'vue'\r\nimport { useMessage } from 'naive-ui'\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\n/**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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  /**\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> = shallowRef({\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 = {\r\n        ...calendarOptions.value,\r\n        events: newEvents as any,\r\n      }\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","<!--\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":"knBAEA,MAAa,EAAe,CAC1B,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CAEY,EAAsC,CACjD,GAAI,GACJ,MAAO,GACP,KAAM,KAAK,KAAK,CAChB,UAAW,QACX,QAAS,QACT,MAAO,UACR,CAEY,EAAiB,CAC5B,KAAM,kBACN,OAAQ,QACR,MAAO,+CACR,CAEY,EAAc,CACzB,MAAO,KACP,MAAO,IACP,KAAM,IACN,IAAK,IACL,KAAM,KACP,CCPD,SAAgB,EAAkB,EAAsB,EAAc,CACpE,IAAM,EAAU,GAAY,CACtB,EAAc,GAAK,CAEnB,EAAiB,EAAqB,CAAC,GAAI,EAAM,QAAU,EAAE,CAAE,CAAC,CAEhE,EAAmB,EAAI,GAAM,CAC7B,EAAgB,EAAI,GAAM,CAC1B,EAAY,EAAI,GAAM,CACtB,EAAgB,EAAS,KAAK,CAC9B,EAAW,EAAsB,CAAE,GAAG,EAAmB,CAAC,CAE1D,EAAmB,GAAyB,CAChD,EAAe,MAAQ,CAAC,GAAG,EAAe,MAAO,EAAM,CACvD,EAAK,gBAAiB,EAAe,MAAM,EAGvC,EAAsB,GAAsC,CAChE,IAAM,EAAQ,EAAe,MAAM,UAAU,GAAK,EAAE,KAAO,EAAU,GAAG,CACpE,IAAU,KACZ,EAAe,MAAQ,EAAe,MAAM,KAAK,EAAO,IACtD,IAAM,EAAQ,CAAE,GAAG,EAAO,GAAG,EAAW,CAAG,EAC5C,CACD,EAAK,gBAAiB,EAAe,MAAM,GAIzC,EAAwB,GAAoB,CAChD,EAAe,MAAQ,EAAe,MAAM,OAAO,GAAK,EAAE,KAAO,EAAQ,CACzE,EAAK,gBAAiB,EAAe,MAAM,EAM7C,SAAS,EAAiB,EAAW,CAC9B,EAAM,WACX,EAAK,QAAQ,gBAAgB,CAC7B,EAAc,MAAQ,EAAK,MACvB,EAAM,iBAAgB,EAAiB,MAAQ,KAMrD,SAAS,EAAgB,EAAW,CAC9B,CAAC,EAAM,UAAY,CAAC,EAAM,eAC9B,EAAa,IAAI,KAAK,EAAK,QAAQ,CAAC,CAMtC,SAAS,EAAgB,EAAW,CAClC,IAAM,EAAU,CACd,GAAI,EAAK,MAAM,GACf,MAAO,EAAK,MAAM,MAClB,IAAK,EAAK,MAAM,IACjB,CACD,EAAmB,EAAQ,CAC3B,EAAK,gBAAiB,EAAQ,CAC9B,EAAQ,QAAQ,OAAO,EAAK,MAAM,MAAM,SAAS,CAMnD,SAAS,EAAkB,EAAW,CACpC,IAAM,EAAU,CACd,GAAI,EAAK,MAAM,GACf,MAAO,EAAK,MAAM,MAClB,IAAK,EAAK,MAAM,IACjB,CACD,EAAmB,EAAQ,CAC3B,EAAK,gBAAiB,EAAQ,CAMhC,SAAS,EAAa,EAAY,CAChC,EAAU,MAAQ,GAClB,EAAS,MAAQ,CACf,GAAG,EACH,KAAM,EAAK,SAAS,CACpB,MAAO,EAAa,KAAK,MAAM,KAAK,QAAQ,CAAG,EAAa,OAAO,EACpE,CACD,EAAc,MAAQ,GAMxB,SAAS,GAAgB,CACvB,GAAI,CAAC,EAAc,MAAO,OAC1B,EAAU,MAAQ,GAClB,IAAM,EAAQ,EAAc,MACtB,EAAY,IAAI,KAAK,EAAM,MAAM,CACjC,EAAU,EAAM,IAClB,IAAI,KAAK,EAAM,IAAI,CACnB,IAAI,KAAK,EAAM,MAAM,SAAS,CAAG,KAAQ,CAE7C,EAAS,MAAQ,CACf,GAAI,EAAM,GACV,MAAO,EAAM,MACb,KAAM,EAAU,SAAS,CACzB,UAAW,GAAG,OAAO,EAAU,UAAU,CAAC,CAAC,SAAS,EAAG,IAAI,CAAC,GAAG,OAAO,EAAU,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,GAC9G,QAAS,GAAG,OAAO,EAAQ,UAAU,CAAC,CAAC,SAAS,EAAG,IAAI,CAAC,GAAG,OAAO,EAAQ,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,GACxG,MAAO,EAAM,iBAAmB,UACjC,CACD,EAAiB,MAAQ,GACzB,EAAc,MAAQ,GAMxB,SAAS,GAAY,CACnB,GAAI,CAAC,EAAS,MAAM,MAAM,MAAM,CAE9B,OADA,EAAQ,MAAM,UAAU,CACjB,GAET,GAAI,EAAS,MAAM,WAAa,EAAS,MAAM,QAE7C,OADA,EAAQ,MAAM,eAAe,CACtB,GAGT,IAAM,EAAU,IAAI,KAAK,EAAS,MAAM,KAAK,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,GACjE,EAA2B,CAC/B,GAAI,EAAU,MAAQ,EAAS,MAAM,GAAK,KAAK,KAAK,CAAC,UAAU,CAC/D,MAAO,EAAS,MAAM,MACtB,MAAO,IAAI,KAAK,GAAG,EAAQ,GAAG,EAAS,MAAM,UAAU,KAAK,CAC5D,IAAK,IAAI,KAAK,GAAG,EAAQ,GAAG,EAAS,MAAM,QAAQ,KAAK,CACxD,MAAO,EAAS,MAAM,MACvB,CAaD,OAXI,EAAU,OACZ,EAAmB,EAAU,CAC7B,EAAK,gBAAiB,EAAU,CAChC,EAAQ,QAAQ,QAAQ,GAExB,EAAgB,EAAU,CAC1B,EAAK,cAAe,EAAU,CAC9B,EAAQ,QAAQ,QAAQ,EAG1B,EAAc,MAAQ,GACf,GAMT,SAAS,GAAc,CACrB,GAAI,CAAC,EAAc,MAAO,OAC1B,GAAM,CAAE,KAAI,SAAU,EAAc,MACpC,EAAqB,EAAG,CACxB,EAAK,gBAAiB,CAAE,KAAI,QAAO,CAAC,CACpC,EAAiB,MAAQ,GACzB,EAAQ,QAAQ,UAAU,IAAQ,CAGpC,IAAM,EAAwC,EAAW,CACvD,QAAS,CAAC,EAAe,EAAmB,EAAW,CACvD,OAAQ,EACR,YAAa,EAAM,aAAe,eAClC,OAAQ,EAAe,MACvB,cAAe,EACf,WAAY,EACZ,SAAU,EAAM,UAAY,GAC5B,WAAY,EACZ,UAAW,EACX,UAAW,EACX,YAAa,EACd,CAAC,CAqBF,OAnBA,MACQ,EAAM,OACZ,GAAa,CACX,EAAe,MAAQ,CAAC,GAAI,GAAa,EAAE,CAAE,EAE/C,CAAE,KAAM,GAAM,CACf,CAED,EACE,EACA,GAAa,CACX,EAAgB,MAAQ,CACtB,GAAG,EAAgB,MACnB,OAAQ,EACT,EAEH,CAAE,KAAM,GAAM,CACf,CAEM,CACL,cACA,kBACA,mBACA,gBACA,YACA,gBACA,WACA,YAAa,EACb,gBACA,YACA,cACA,OAAQ,CACN,WAAc,EAAY,OAAO,QAAQ,CACzC,SAAU,EACV,YAAa,EACb,YAAa,EACb,cAAiB,EAAe,MACjC,CACF,opBCtGD,GAAM,CACJ,cACA,kBACA,mBACA,gBACA,YACA,gBACA,WACA,cACA,gBACA,YACA,cACA,UACE,EAvBU,EAQD,EAeoB,QAEjC,EAA6B,EAAM,aCjJnC,EA6GM,MA7GN,EA6GM,CA5GJ,EAGE,EAAA,EAAA,CAAA,SAFI,cAAJ,IAAI,EACH,QAAS,EAAA,EAAA,sBAIJ,EAAA,EAAgB,EAAA,GAAA,CADxB,EAwBS,EAAA,EAAA,CAAA,OAtBC,KAAM,EAAA,EAAgB,gCAAhB,EAAgB,MAAA,EAAA,KAC9B,OAAO,SACN,MAAK,UAAY,EAAA,EAAa,EAAE,QACjC,MAAA,CAAA,MAAA,QAAA,iBAkBM,CAhBN,EAgBM,MAhBN,EAgBM,CAfJ,EAOU,EAAA,EAAA,CAAA,CANR,KAAK,UACJ,QAAO,EAAA,EAAa,CACrB,MAAA,CAAA,eAAA,OAA0B,CAC1B,KAAK,wBAGP,AAAA,EAAA,KAAA,CAAA,EAFC,OAED,GAAA,CAAA,CAAA,4BACA,EAMU,EAAA,EAAA,CAAA,CALR,KAAK,QACJ,QAAO,EAAA,EAAW,CACnB,KAAK,wBAGP,AAAA,EAAA,KAAA,CAAA,EAFC,OAED,GAAA,CAAA,CAAA,uEAIJ,EA4ES,EAAA,EAAA,CAAA,CA3EC,KAAM,EAAA,EAAa,gCAAb,EAAa,MAAA,EAAA,KAC3B,OAAO,SACN,MAAO,EAAA,EAAS,CAAA,OAAA,OACjB,gBAAc,KACd,gBAAc,KACb,gBAAgB,EAAA,EAAA,iBAqEX,CAnEN,EAmEM,MAnEN,EAmEM,CAlEJ,EAQM,MARN,EAQM,CAAA,AAAA,EAAA,KAPJ,EAEC,QAAA,CAFM,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,CAEP,EAGE,EAAA,EAAA,CAAA,CAFQ,MAAO,EAAA,EAAQ,CAAC,iCAAT,EAAA,EAAQ,CAAC,MAAK,EAC7B,YAAY,+BAIhB,EAUM,MAVN,EAUM,CAAA,AAAA,EAAA,KATJ,EAEC,QAAA,CAFM,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,CAEP,EAKE,EAAA,EAAA,CAAA,CAJQ,MAAO,EAAA,EAAQ,CAAC,gCAAT,EAAA,EAAQ,CAAC,KAAI,EAC5B,KAAK,OACL,OAAO,aACP,MAAA,CAAA,MAAA,OAAA,sBAIJ,EAmBM,MAnBN,EAmBM,CAlBJ,EAQM,MAAA,KAAA,CAAA,AAAA,EAAA,MAPJ,EAEC,QAAA,CAFM,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,CAEP,EAGE,EAAA,EAAA,CAAA,CAFQ,MAAO,EAAA,EAAQ,CAAC,qCAAT,EAAA,EAAQ,CAAC,UAAS,EACjC,YAAY,6BAGhB,EAQM,MAAA,KAAA,CAAA,AAAA,EAAA,MAPJ,EAEC,QAAA,CAFM,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,CAEP,EAGE,EAAA,EAAA,CAAA,CAFQ,MAAO,EAAA,EAAQ,CAAC,mCAAT,EAAA,EAAQ,CAAC,QAAO,EAC/B,YAAY,+BAKlB,EAsBM,MAtBN,EAsBM,CAAA,AAAA,EAAA,MArBJ,EAEC,QAAA,CAFM,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,CAEP,EAiBM,MAjBN,EAiBM,EAAA,EAAA,GAAA,CAhBJ,EAeE,EAAA,KAAA,EAdgB,EAAA,EAAW,CAApB,QADT,EAeE,MAAA,CAbC,IAAK,EACL,MAAK,EAAA,4CAAoG,6CAAyH,EAAA,EAAQ,CAAC,QAAU,EAAA,iBAAA,mBAWrP,QAAK,GAAE,EAAA,EAAQ,CAAC,MAAQ"}

package/dist/C_Icon.d.cts

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

package/dist/C_Icon.d.ts

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

package/dist/C_Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Icon.js","names":["type","clickable","loading","title","ariaLabel","name","size","color","componentProps","svgPath","viewBox","alt","fallbackIcon"],"sources":["../src/hooks/useImage/index.ts","../src/components/C_Icon/index.vue","../src/components/C_Icon/index.vue"],"sourcesContent":["/**\n * @description: 图片路径解析函数（组件库版本）\n * 在组件库中，图片路径由宿主应用管理。\n * 如果传入的是完整 URL（http/https/data:）则直接返回；\n * 否则可通过 imageResolver 配置自定义解析逻辑。\n * @param {string} imagePath 图片路径或完整 URL\n * @param {Function} resolver 可选的自定义解析器\n * @return {Promise<string>} 处理后图片路径\n */\nexport const useImage = async (\n  imagePath: string,\n  resolver?: (path: string) => string | Promise<string>,\n): Promise<string> => {\n  if (!imagePath) return \"\";\n\n  // 完整 URL 直接返回\n  if (\n    imagePath.startsWith(\"http://\") ||\n    imagePath.startsWith(\"https://\") ||\n    imagePath.startsWith(\"data:\") ||\n    imagePath.startsWith(\"blob:\") ||\n    imagePath.startsWith(\"/\")\n  ) {\n    return imagePath;\n  }\n\n  // 如果提供了自定义解析器，使用自定义解析器\n  if (resolver) {\n    try {\n      return await resolver(imagePath);\n    } catch (e) {\n      console.error(`[useImage] 自定义解析器处理失败: ${imagePath}`, e);\n      return \"\";\n    }\n  }\n\n  // 默认：直接返回路径（宿主应用应保证路径可访问）\n  return imagePath;\n};\n\n/**\n * @description: 同步版本的图片路径处理函数\n * @param {string} imagePath 图片路径或完整 URL\n * @return {string} 图片URL\n */\nexport const useImageSync = (imagePath: string): string => {\n  if (!imagePath) return \"\";\n\n  // 完整 URL 直接返回\n  if (\n    imagePath.startsWith(\"http://\") ||\n    imagePath.startsWith(\"https://\") ||\n    imagePath.startsWith(\"data:\") ||\n    imagePath.startsWith(\"blob:\") ||\n    imagePath.startsWith(\"/\")\n  ) {\n    return imagePath;\n  }\n\n  return imagePath;\n};\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-14\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    ref=\"iconRef\"\n    class=\"c-icon\"\n    :class=\"[\n      `c-icon--${type}`,\n      {\n        'c-icon--clickable': clickable,\n        'c-icon--loading': loading,\n        'c-icon--error': hasError,\n      },\n    ]\"\n    :style=\"rootStyle\"\n    :title=\"title || undefined\"\n    :aria-label=\"ariaLabel || iconDisplayName\"\n    :role=\"clickable ? 'button' : 'img'\"\n    :tabindex=\"clickable ? 0 : -1\"\n    @click=\"handleClick\"\n    @keydown=\"handleKeydown\"\n  >\n    <!-- 方式1：Iconify图标（默认方式） -->\n    <Icon\n      v-if=\"\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\n      \"\n      :icon=\"name\"\n      :width=\"size\"\n      :height=\"size\"\n      :color=\"color\"\n      :style=\"iconStyle\"\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\n    />\n\n    <!-- 方式2：UnoCSS图标 -->\n    <div\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\n      :class=\"[name, iconClasses]\"\n      :style=\"iconStyle\"\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\n    />\n\n    <!-- 方式3：组件挂载方式 -->\n    <component\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\n      :is=\"resolvedComponent\"\n      :style=\"iconStyle\"\n      v-bind=\"componentProps\"\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\n    />\n\n    <!-- 方式4：SVG路径方式 -->\n    <svg\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\n      :width=\"size\"\n      :height=\"size\"\n      :viewBox=\"viewBox\"\n      :style=\"iconStyle\"\n      :fill=\"color\"\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\n    >\n      <path\n        :d=\"svgPath\"\n        :fill=\"color\"\n      />\n    </svg>\n\n    <!-- 方式5：图片方式 - 修复异步加载 -->\n    <img\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\n      :src=\"imageSrc\"\n      :alt=\"alt || iconDisplayName\"\n      :width=\"size\"\n      :height=\"size\"\n      style=\"display: inline-block; vertical-align: middle\"\n      @error=\"() => handleError('image', '图片图标加载失败')\"\n      @load=\"handleImageLoad\"\n    />\n\n    <!-- 图片加载状态 -->\n    <div\n      v-if=\"(loading || imageLoading) && !hasError\"\n      class=\"c-icon__loading\"\n      :style=\"iconStyle\"\n    >\n      <div class=\"c-icon__spinner\" />\n    </div>\n\n    <!-- 统一错误状态显示 -->\n    <Icon\n      v-else-if=\"hasError && fallbackIcon\"\n      :icon=\"fallbackIcon\"\n      :width=\"size\"\n      :height=\"size\"\n      :color=\"color\"\n      :style=\"iconStyle\"\n    />\n    <div\n      v-else-if=\"hasError\"\n      class=\"c-icon__error\"\n      :style=\"iconStyle\"\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\n    >\n      ⚠️\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { Icon } from '@iconify/vue'\n  import { useImage } from '../../hooks/useImage'\n  import { computed, nextTick, onMounted, readonly, ref, watch } from 'vue'\n\n  export interface IconProps {\n    /** 图标名称/路径/组件实例 */\n    name: string | any\n    /** 图标类型 */\n    type?: 'iconify' | 'unocss' | 'component' | 'svg' | 'image'\n    /** 图标颜色 */\n    color?: string\n    /** 图标大小(px) */\n    size?: number | string\n    /** SVG路径数据(仅type=svg时使用) */\n    svgPath?: string\n    /** SVG viewBox(仅type=svg时使用) */\n    viewBox?: string\n    /** 图片alt属性(仅type=image时使用) */\n    alt?: string\n    /** 是否可点击 */\n    clickable?: boolean\n    /** 加载状态 */\n    loading?: boolean\n    /** 错误时的回退图标 */\n    fallbackIcon?: string\n    /** 工具提示 */\n    title?: string\n    /** 无障碍标签 */\n    ariaLabel?: string\n    /** 自定义样式类 */\n    customClass?: string\n    /** 旋转角度 */\n    rotate?: number\n    /** 是否翻转 */\n    flip?: 'horizontal' | 'vertical' | 'both'\n    /** 传递给组件的额外属性(仅type=component时使用) */\n    componentProps?: Record<string, any>\n  }\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    name: undefined,\n    type: 'iconify',\n    color: 'currentColor',\n    size: 18,\n    svgPath: '',\n    viewBox: '0 0 24 24',\n    alt: '',\n    clickable: false,\n    loading: false,\n    fallbackIcon: '',\n    title: '',\n    ariaLabel: '',\n    customClass: '',\n    rotate: 0,\n    flip: undefined,\n    componentProps: () => ({}),\n  })\n\n  const emit = defineEmits<{\n    click: [event: MouseEvent]\n    error: [type: string, error?: any]\n    load: []\n  }>()\n\n  const iconRef = ref<HTMLElement>()\n  const hasError = ref(false)\n  const errorMessage = ref('')\n  const imageSrc = ref<string>('') // 存储异步加载的图片URL\n  const imageLoading = ref(false) // 图片加载状态\n\n  // 计算根元素样式\n  const rootStyle = computed(() => ({\n    fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size,\n    color: props.color,\n    cursor: props.clickable ? 'pointer' : 'inherit',\n  }))\n\n  // 计算图标样式\n  const iconStyle = computed(() => {\n    const style: Record<string, any> = {\n      display: 'inline-flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      width: typeof props.size === 'number' ? `${props.size}px` : props.size,\n      height: typeof props.size === 'number' ? `${props.size}px` : props.size,\n    }\n\n    // 旋转\n    if (props.rotate) {\n      style.transform = `rotate(${props.rotate}deg)`\n    }\n\n    // 翻转\n    if (props.flip) {\n      const scaleX =\n        props.flip === 'horizontal' || props.flip === 'both' ? -1 : 1\n      const scaleY = props.flip === 'vertical' || props.flip === 'both' ? -1 : 1\n      style.transform = `${\n        style.transform || ''\n      } scaleX(${scaleX}) scaleY(${scaleY})`.trim()\n    }\n\n    return style\n  })\n\n  // 获取图标名称用于显示\n  const iconDisplayName = computed(() => {\n    if (typeof props.name === 'string') {\n      return props.name\n    }\n    if (props.name && props.name.__name) {\n      return props.name.__name\n    }\n    if (props.name && props.name.name) {\n      return props.name.name\n    }\n    return 'Component Icon'\n  })\n\n  // 图标类名\n  const iconClasses = computed(() => [\n    props.customClass,\n    {\n      'c-icon__rotatable': props.rotate !== 0,\n      'c-icon__flippable': !!props.flip,\n    },\n  ])\n\n  // 解析组件名称（纯计算属性，无副作用）\n  const resolvedComponent = computed(() => {\n    if (props.type !== 'component' || !props.name) return null\n    return props.name\n  })\n\n  // 统一错误处理函数\n  const handleError = (type: string, message: string, originalError?: any) => {\n    console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError)\n    errorMessage.value = message\n    imageLoading.value = false // 错误时停止加载状态\n    emit('error', type, originalError)\n\n    // 如果有回退图标，尝试切换为 fallback Iconify 图标\n    if (props.fallbackIcon && !hasError.value) {\n      hasError.value = false\n      // 将 name 重写为 fallbackIcon 并重置状态\n      // 因为 props 不可变，通过模板中的 fallback 分支渲染\n      return\n    }\n\n    hasError.value = true\n  }\n\n  // 处理点击事件\n  const handleClick = (event: MouseEvent) => {\n    if (!props.clickable || props.loading) return\n    emit('click', event)\n  }\n\n  // 处理键盘事件\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (!props.clickable || props.loading) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      emit('click', event as any)\n    }\n  }\n\n  // 处理图片加载成功\n  const handleImageLoad = () => {\n    imageLoading.value = false\n    emit('load')\n  }\n\n  // 异步加载图片 - 修复关键函数\n  const loadImageSrc = async () => {\n    if (props.type !== 'image' || typeof props.name !== 'string') {\n      imageSrc.value = ''\n      return\n    }\n\n    // 如果是完整URL，直接设置\n    if (\n      props.name.startsWith('http://') ||\n      props.name.startsWith('https://') ||\n      props.name.startsWith('//') ||\n      props.name.startsWith('/')\n    ) {\n      imageSrc.value = props.name\n      return\n    }\n\n    // 其他情况都当作本地图片处理\n    try {\n      imageLoading.value = true\n      const imageUrl = await useImage(props.name)\n      if (imageUrl) {\n        imageSrc.value = imageUrl\n      } else {\n        handleError('image', '图片路径解析失败')\n      }\n    } catch (error) {\n      handleError('image', '图片加载失败', error)\n    } finally {\n      imageLoading.value = false\n    }\n  }\n\n  // 验证规则映射\n  const validationRules = {\n    iconify: (): string | null => {\n      if (!props.name.includes(':')) {\n        console.warn(\n          '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"'\n        )\n      }\n      return null\n    },\n    unocss: (): string | null => {\n      if (typeof props.name !== 'string' || !props.name.startsWith('i-')) {\n        console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头')\n      }\n      return null\n    },\n    component: (): string | null =>\n      !resolvedComponent.value ? '无法解析组件' : null,\n    svg: (): string | null => (!props.svgPath ? 'SVG路径不能为空' : null),\n    image: (): string | null => {\n      // 对于image类型，异步验证在loadImageSrc中处理\n      return null\n    },\n  }\n\n  // 验证配置\n  const validateProps = () => {\n    hasError.value = false\n    errorMessage.value = ''\n\n    // 基础验证\n    if (!props.name) {\n      return handleError('validation', '图标名称不能为空')\n    }\n\n    // 类型验证\n    const validator = validationRules[props.type]\n    if (!validator) {\n      return handleError('type', '不支持的图标类型')\n    }\n\n    const errorMsg = validator()\n    if (errorMsg) {\n      handleError(props.type, errorMsg)\n    }\n\n    // 如果是图片类型，异步加载图片\n    if (props.type === 'image') {\n      loadImageSrc()\n    }\n  }\n\n  // 监听关键属性变化\n  watch(\n    () => [props.name, props.type, props.svgPath],\n    () => {\n      nextTick(validateProps)\n    },\n    { immediate: true }\n  )\n\n  // 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\n  onMounted(() => {\n    if (!hasError.value && props.type !== 'image') {\n      emit('load')\n    }\n  })\n\n  // 暴露方法给父组件\n  defineExpose({\n    /** 重新验证配置 */\n    validate: validateProps,\n    /** 是否有错误 */\n    hasError: readonly(hasError),\n    /** 错误信息 */\n    errorMessage: readonly(errorMessage),\n    /** DOM引用 */\n    el: iconRef,\n  })\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-14\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    ref=\"iconRef\"\n    class=\"c-icon\"\n    :class=\"[\n      `c-icon--${type}`,\n      {\n        'c-icon--clickable': clickable,\n        'c-icon--loading': loading,\n        'c-icon--error': hasError,\n      },\n    ]\"\n    :style=\"rootStyle\"\n    :title=\"title || undefined\"\n    :aria-label=\"ariaLabel || iconDisplayName\"\n    :role=\"clickable ? 'button' : 'img'\"\n    :tabindex=\"clickable ? 0 : -1\"\n    @click=\"handleClick\"\n    @keydown=\"handleKeydown\"\n  >\n    <!-- 方式1：Iconify图标（默认方式） -->\n    <Icon\n      v-if=\"\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\n      \"\n      :icon=\"name\"\n      :width=\"size\"\n      :height=\"size\"\n      :color=\"color\"\n      :style=\"iconStyle\"\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\n    />\n\n    <!-- 方式2：UnoCSS图标 -->\n    <div\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\n      :class=\"[name, iconClasses]\"\n      :style=\"iconStyle\"\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\n    />\n\n    <!-- 方式3：组件挂载方式 -->\n    <component\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\n      :is=\"resolvedComponent\"\n      :style=\"iconStyle\"\n      v-bind=\"componentProps\"\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\n    />\n\n    <!-- 方式4：SVG路径方式 -->\n    <svg\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\n      :width=\"size\"\n      :height=\"size\"\n      :viewBox=\"viewBox\"\n      :style=\"iconStyle\"\n      :fill=\"color\"\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\n    >\n      <path\n        :d=\"svgPath\"\n        :fill=\"color\"\n      />\n    </svg>\n\n    <!-- 方式5：图片方式 - 修复异步加载 -->\n    <img\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\n      :src=\"imageSrc\"\n      :alt=\"alt || iconDisplayName\"\n      :width=\"size\"\n      :height=\"size\"\n      style=\"display: inline-block; vertical-align: middle\"\n      @error=\"() => handleError('image', '图片图标加载失败')\"\n      @load=\"handleImageLoad\"\n    />\n\n    <!-- 图片加载状态 -->\n    <div\n      v-if=\"(loading || imageLoading) && !hasError\"\n      class=\"c-icon__loading\"\n      :style=\"iconStyle\"\n    >\n      <div class=\"c-icon__spinner\" />\n    </div>\n\n    <!-- 统一错误状态显示 -->\n    <Icon\n      v-else-if=\"hasError && fallbackIcon\"\n      :icon=\"fallbackIcon\"\n      :width=\"size\"\n      :height=\"size\"\n      :color=\"color\"\n      :style=\"iconStyle\"\n    />\n    <div\n      v-else-if=\"hasError\"\n      class=\"c-icon__error\"\n      :style=\"iconStyle\"\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\n    >\n      ⚠️\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { Icon } from '@iconify/vue'\n  import { useImage } from '../../hooks/useImage'\n  import { computed, nextTick, onMounted, readonly, ref, watch } from 'vue'\n\n  export interface IconProps {\n    /** 图标名称/路径/组件实例 */\n    name: string | any\n    /** 图标类型 */\n    type?: 'iconify' | 'unocss' | 'component' | 'svg' | 'image'\n    /** 图标颜色 */\n    color?: string\n    /** 图标大小(px) */\n    size?: number | string\n    /** SVG路径数据(仅type=svg时使用) */\n    svgPath?: string\n    /** SVG viewBox(仅type=svg时使用) */\n    viewBox?: string\n    /** 图片alt属性(仅type=image时使用) */\n    alt?: string\n    /** 是否可点击 */\n    clickable?: boolean\n    /** 加载状态 */\n    loading?: boolean\n    /** 错误时的回退图标 */\n    fallbackIcon?: string\n    /** 工具提示 */\n    title?: string\n    /** 无障碍标签 */\n    ariaLabel?: string\n    /** 自定义样式类 */\n    customClass?: string\n    /** 旋转角度 */\n    rotate?: number\n    /** 是否翻转 */\n    flip?: 'horizontal' | 'vertical' | 'both'\n    /** 传递给组件的额外属性(仅type=component时使用) */\n    componentProps?: Record<string, any>\n  }\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    name: undefined,\n    type: 'iconify',\n    color: 'currentColor',\n    size: 18,\n    svgPath: '',\n    viewBox: '0 0 24 24',\n    alt: '',\n    clickable: false,\n    loading: false,\n    fallbackIcon: '',\n    title: '',\n    ariaLabel: '',\n    customClass: '',\n    rotate: 0,\n    flip: undefined,\n    componentProps: () => ({}),\n  })\n\n  const emit = defineEmits<{\n    click: [event: MouseEvent]\n    error: [type: string, error?: any]\n    load: []\n  }>()\n\n  const iconRef = ref<HTMLElement>()\n  const hasError = ref(false)\n  const errorMessage = ref('')\n  const imageSrc = ref<string>('') // 存储异步加载的图片URL\n  const imageLoading = ref(false) // 图片加载状态\n\n  // 计算根元素样式\n  const rootStyle = computed(() => ({\n    fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size,\n    color: props.color,\n    cursor: props.clickable ? 'pointer' : 'inherit',\n  }))\n\n  // 计算图标样式\n  const iconStyle = computed(() => {\n    const style: Record<string, any> = {\n      display: 'inline-flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      width: typeof props.size === 'number' ? `${props.size}px` : props.size,\n      height: typeof props.size === 'number' ? `${props.size}px` : props.size,\n    }\n\n    // 旋转\n    if (props.rotate) {\n      style.transform = `rotate(${props.rotate}deg)`\n    }\n\n    // 翻转\n    if (props.flip) {\n      const scaleX =\n        props.flip === 'horizontal' || props.flip === 'both' ? -1 : 1\n      const scaleY = props.flip === 'vertical' || props.flip === 'both' ? -1 : 1\n      style.transform = `${\n        style.transform || ''\n      } scaleX(${scaleX}) scaleY(${scaleY})`.trim()\n    }\n\n    return style\n  })\n\n  // 获取图标名称用于显示\n  const iconDisplayName = computed(() => {\n    if (typeof props.name === 'string') {\n      return props.name\n    }\n    if (props.name && props.name.__name) {\n      return props.name.__name\n    }\n    if (props.name && props.name.name) {\n      return props.name.name\n    }\n    return 'Component Icon'\n  })\n\n  // 图标类名\n  const iconClasses = computed(() => [\n    props.customClass,\n    {\n      'c-icon__rotatable': props.rotate !== 0,\n      'c-icon__flippable': !!props.flip,\n    },\n  ])\n\n  // 解析组件名称（纯计算属性，无副作用）\n  const resolvedComponent = computed(() => {\n    if (props.type !== 'component' || !props.name) return null\n    return props.name\n  })\n\n  // 统一错误处理函数\n  const handleError = (type: string, message: string, originalError?: any) => {\n    console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError)\n    errorMessage.value = message\n    imageLoading.value = false // 错误时停止加载状态\n    emit('error', type, originalError)\n\n    // 如果有回退图标，尝试切换为 fallback Iconify 图标\n    if (props.fallbackIcon && !hasError.value) {\n      hasError.value = false\n      // 将 name 重写为 fallbackIcon 并重置状态\n      // 因为 props 不可变，通过模板中的 fallback 分支渲染\n      return\n    }\n\n    hasError.value = true\n  }\n\n  // 处理点击事件\n  const handleClick = (event: MouseEvent) => {\n    if (!props.clickable || props.loading) return\n    emit('click', event)\n  }\n\n  // 处理键盘事件\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (!props.clickable || props.loading) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      emit('click', event as any)\n    }\n  }\n\n  // 处理图片加载成功\n  const handleImageLoad = () => {\n    imageLoading.value = false\n    emit('load')\n  }\n\n  // 异步加载图片 - 修复关键函数\n  const loadImageSrc = async () => {\n    if (props.type !== 'image' || typeof props.name !== 'string') {\n      imageSrc.value = ''\n      return\n    }\n\n    // 如果是完整URL，直接设置\n    if (\n      props.name.startsWith('http://') ||\n      props.name.startsWith('https://') ||\n      props.name.startsWith('//') ||\n      props.name.startsWith('/')\n    ) {\n      imageSrc.value = props.name\n      return\n    }\n\n    // 其他情况都当作本地图片处理\n    try {\n      imageLoading.value = true\n      const imageUrl = await useImage(props.name)\n      if (imageUrl) {\n        imageSrc.value = imageUrl\n      } else {\n        handleError('image', '图片路径解析失败')\n      }\n    } catch (error) {\n      handleError('image', '图片加载失败', error)\n    } finally {\n      imageLoading.value = false\n    }\n  }\n\n  // 验证规则映射\n  const validationRules = {\n    iconify: (): string | null => {\n      if (!props.name.includes(':')) {\n        console.warn(\n          '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"'\n        )\n      }\n      return null\n    },\n    unocss: (): string | null => {\n      if (typeof props.name !== 'string' || !props.name.startsWith('i-')) {\n        console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头')\n      }\n      return null\n    },\n    component: (): string | null =>\n      !resolvedComponent.value ? '无法解析组件' : null,\n    svg: (): string | null => (!props.svgPath ? 'SVG路径不能为空' : null),\n    image: (): string | null => {\n      // 对于image类型，异步验证在loadImageSrc中处理\n      return null\n    },\n  }\n\n  // 验证配置\n  const validateProps = () => {\n    hasError.value = false\n    errorMessage.value = ''\n\n    // 基础验证\n    if (!props.name) {\n      return handleError('validation', '图标名称不能为空')\n    }\n\n    // 类型验证\n    const validator = validationRules[props.type]\n    if (!validator) {\n      return handleError('type', '不支持的图标类型')\n    }\n\n    const errorMsg = validator()\n    if (errorMsg) {\n      handleError(props.type, errorMsg)\n    }\n\n    // 如果是图片类型，异步加载图片\n    if (props.type === 'image') {\n      loadImageSrc()\n    }\n  }\n\n  // 监听关键属性变化\n  watch(\n    () => [props.name, props.type, props.svgPath],\n    () => {\n      nextTick(validateProps)\n    },\n    { immediate: true }\n  )\n\n  // 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\n  onMounted(() => {\n    if (!hasError.value && props.type !== 'image') {\n      emit('load')\n    }\n  })\n\n  // 暴露方法给父组件\n  defineExpose({\n    /** 重新验证配置 */\n    validate: validateProps,\n    /** 是否有错误 */\n    hasError: readonly(hasError),\n    /** 错误信息 */\n    errorMessage: readonly(errorMessage),\n    /** DOM引用 */\n    el: iconRef,\n  })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"C_Icon.js","names":["type","clickable","loading","title","ariaLabel","name","size","color","componentProps","svgPath","viewBox","alt","fallbackIcon"],"sources":["../src/hooks/useImage/index.ts","../src/components/C_Icon/index.vue","../src/components/C_Icon/index.vue"],"sourcesContent":["/**\n * @description: 图片路径解析函数（组件库版本）\n * 在组件库中，图片路径由宿主应用管理。\n * 如果传入的是完整 URL（http/https/data:）则直接返回；\n * 否则可通过 imageResolver 配置自定义解析逻辑。\n * @param {string} imagePath 图片路径或完整 URL\n * @param {Function} resolver 可选的自定义解析器\n * @return {Promise<string>} 处理后图片路径\n */\nexport const useImage = async (\n  imagePath: string,\n  resolver?: (path: string) => string | Promise<string>,\n): Promise<string> => {\n  if (!imagePath) return \"\";\n\n  // 完整 URL 直接返回\n  if (\n    imagePath.startsWith(\"http://\") ||\n    imagePath.startsWith(\"https://\") ||\n    imagePath.startsWith(\"data:\") ||\n    imagePath.startsWith(\"blob:\") ||\n    imagePath.startsWith(\"/\")\n  ) {\n    return imagePath;\n  }\n\n  // 如果提供了自定义解析器，使用自定义解析器\n  if (resolver) {\n    try {\n      return await resolver(imagePath);\n    } catch (e) {\n      console.error(`[useImage] 自定义解析器处理失败: ${imagePath}`, e);\n      return \"\";\n    }\n  }\n\n  // 默认：直接返回路径（宿主应用应保证路径可访问）\n  return imagePath;\n};\n\n/**\n * @description: 同步版本的图片路径处理函数\n * @param {string} imagePath 图片路径或完整 URL\n * @return {string} 图片URL\n */\nexport const useImageSync = (imagePath: string): string => {\n  if (!imagePath) return \"\";\n\n  // 完整 URL 直接返回\n  if (\n    imagePath.startsWith(\"http://\") ||\n    imagePath.startsWith(\"https://\") ||\n    imagePath.startsWith(\"data:\") ||\n    imagePath.startsWith(\"blob:\") ||\n    imagePath.startsWith(\"/\")\n  ) {\n    return imagePath;\n  }\n\n  return imagePath;\n};\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-14\r\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"iconRef\"\r\n    class=\"c-icon\"\r\n    :class=\"[\r\n      `c-icon--${type}`,\r\n      {\r\n        'c-icon--clickable': clickable,\r\n        'c-icon--loading': loading,\r\n        'c-icon--error': hasError,\r\n      },\r\n    ]\"\r\n    :style=\"rootStyle\"\r\n    :title=\"title || undefined\"\r\n    :aria-label=\"ariaLabel || iconDisplayName\"\r\n    :role=\"clickable ? 'button' : 'img'\"\r\n    :tabindex=\"clickable ? 0 : -1\"\r\n    @click=\"handleClick\"\r\n    @keydown=\"handleKeydown\"\r\n  >\r\n    <!-- 方式1：Iconify图标（默认方式） -->\r\n    <Icon\r\n      v-if=\"\r\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\r\n      \"\r\n      :icon=\"name\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\r\n    />\r\n\r\n    <!-- 方式2：UnoCSS图标 -->\r\n    <div\r\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\r\n      :class=\"[name, iconClasses]\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式3：组件挂载方式 -->\r\n    <component\r\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\r\n      :is=\"resolvedComponent\"\r\n      :style=\"iconStyle\"\r\n      v-bind=\"componentProps\"\r\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式4：SVG路径方式 -->\r\n    <svg\r\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :viewBox=\"viewBox\"\r\n      :style=\"iconStyle\"\r\n      :fill=\"color\"\r\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\r\n    >\r\n      <path\r\n        :d=\"svgPath\"\r\n        :fill=\"color\"\r\n      />\r\n    </svg>\r\n\r\n    <!-- 方式5：图片方式 - 修复异步加载 -->\r\n    <img\r\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\r\n      :src=\"imageSrc\"\r\n      :alt=\"alt || iconDisplayName\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      style=\"display: inline-block; vertical-align: middle\"\r\n      @error=\"() => handleError('image', '图片图标加载失败')\"\r\n      @load=\"handleImageLoad\"\r\n    />\r\n\r\n    <!-- 图片加载状态 -->\r\n    <div\r\n      v-if=\"(loading || imageLoading) && !hasError\"\r\n      class=\"c-icon__loading\"\r\n      :style=\"iconStyle\"\r\n    >\r\n      <div class=\"c-icon__spinner\" />\r\n    </div>\r\n\r\n    <!-- 统一错误状态显示 -->\r\n    <Icon\r\n      v-else-if=\"hasError && fallbackIcon\"\r\n      :icon=\"fallbackIcon\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n    />\r\n    <div\r\n      v-else-if=\"hasError\"\r\n      class=\"c-icon__error\"\r\n      :style=\"iconStyle\"\r\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\r\n    >\r\n      ⚠️\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n  import { Icon } from '@iconify/vue'\r\n  import { useImage } from '../../hooks/useImage'\r\n  import { computed, nextTick, onMounted, readonly, ref, watch } from 'vue'\r\n  import type { IconProps } from './types'\r\n\r\n  interface LegacyIconProps extends IconProps {\r\n    /** 图标名称/路径/组件实例 */\r\n    name: string | any\r\n    /** 图标类型 */\r\n    type?: 'iconify' | 'unocss' | 'component' | 'svg' | 'image'\r\n    /** 图标颜色 */\r\n    color?: string\r\n    /** 图标大小(px) */\r\n    size?: number | string\r\n    /** SVG路径数据(仅type=svg时使用) */\r\n    svgPath?: string\r\n    /** SVG viewBox(仅type=svg时使用) */\r\n    viewBox?: string\r\n    /** 图片alt属性(仅type=image时使用) */\r\n    alt?: string\r\n    /** 是否可点击 */\r\n    clickable?: boolean\r\n    /** 加载状态 */\r\n    loading?: boolean\r\n    /** 错误时的回退图标 */\r\n    fallbackIcon?: string\r\n    /** 工具提示 */\r\n    title?: string\r\n    /** 无障碍标签 */\r\n    ariaLabel?: string\r\n    /** 自定义样式类 */\r\n    customClass?: string\r\n    /** 旋转角度 */\r\n    rotate?: number\r\n    /** 是否翻转 */\r\n    flip?: 'horizontal' | 'vertical' | 'both'\r\n    /** 传递给组件的额外属性(仅type=component时使用) */\r\n    componentProps?: Record<string, any>\r\n  }\r\n\r\n  const props = withDefaults(defineProps<LegacyIconProps>(), {\r\n    name: undefined,\r\n    type: 'iconify',\r\n    color: 'currentColor',\r\n    size: 18,\r\n    svgPath: '',\r\n    viewBox: '0 0 24 24',\r\n    alt: '',\r\n    clickable: false,\r\n    loading: false,\r\n    fallbackIcon: '',\r\n    title: '',\r\n    ariaLabel: '',\r\n    customClass: '',\r\n    rotate: 0,\r\n    flip: undefined,\r\n    componentProps: () => ({}),\r\n  })\r\n\r\n  const emit = defineEmits<{\r\n    click: [event: MouseEvent]\r\n    error: [type: string, error?: any]\r\n    load: []\r\n  }>()\r\n\r\n  const iconRef = ref<HTMLElement>()\r\n  const hasError = ref(false)\r\n  const errorMessage = ref('')\r\n  const imageSrc = ref<string>('') // 存储异步加载的图片URL\r\n  const imageLoading = ref(false) // 图片加载状态\r\n\r\n  // 计算根元素样式\r\n  const rootStyle = computed(() => ({\r\n    fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n    color: props.color,\r\n    cursor: props.clickable ? 'pointer' : 'inherit',\r\n  }))\r\n\r\n  // 计算图标样式\r\n  const iconStyle = computed(() => {\r\n    const style: Record<string, any> = {\r\n      display: 'inline-flex',\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      width: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n      height: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n    }\r\n\r\n    // 旋转\r\n    if (props.rotate) {\r\n      style.transform = `rotate(${props.rotate}deg)`\r\n    }\r\n\r\n    // 翻转\r\n    if (props.flip) {\r\n      const scaleX =\r\n        props.flip === 'horizontal' || props.flip === 'both' ? -1 : 1\r\n      const scaleY = props.flip === 'vertical' || props.flip === 'both' ? -1 : 1\r\n      style.transform = `${\r\n        style.transform || ''\r\n      } scaleX(${scaleX}) scaleY(${scaleY})`.trim()\r\n    }\r\n\r\n    return style\r\n  })\r\n\r\n  // 获取图标名称用于显示\r\n  const iconDisplayName = computed(() => {\r\n    if (typeof props.name === 'string') {\r\n      return props.name\r\n    }\r\n    if (props.name && props.name.__name) {\r\n      return props.name.__name\r\n    }\r\n    if (props.name && props.name.name) {\r\n      return props.name.name\r\n    }\r\n    return 'Component Icon'\r\n  })\r\n\r\n  // 图标类名\r\n  const iconClasses = computed(() => [\r\n    props.customClass,\r\n    {\r\n      'c-icon__rotatable': props.rotate !== 0,\r\n      'c-icon__flippable': !!props.flip,\r\n    },\r\n  ])\r\n\r\n  // 解析组件名称（纯计算属性，无副作用）\r\n  const resolvedComponent = computed(() => {\r\n    if (props.type !== 'component' || !props.name) return null\r\n    return props.name\r\n  })\r\n\r\n  // 统一错误处理函数\r\n  const handleError = (type: string, message: string, originalError?: any) => {\r\n    console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError)\r\n    errorMessage.value = message\r\n    imageLoading.value = false // 错误时停止加载状态\r\n    emit('error', type, originalError)\r\n\r\n    // 如果有回退图标，尝试切换为 fallback Iconify 图标\r\n    if (props.fallbackIcon && !hasError.value) {\r\n      hasError.value = false\r\n      // 将 name 重写为 fallbackIcon 并重置状态\r\n      // 因为 props 不可变，通过模板中的 fallback 分支渲染\r\n      return\r\n    }\r\n\r\n    hasError.value = true\r\n  }\r\n\r\n  // 处理点击事件\r\n  const handleClick = (event: MouseEvent) => {\r\n    if (!props.clickable || props.loading) return\r\n    emit('click', event)\r\n  }\r\n\r\n  // 处理键盘事件\r\n  const handleKeydown = (event: KeyboardEvent) => {\r\n    if (!props.clickable || props.loading) return\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault()\r\n      emit('click', event as any)\r\n    }\r\n  }\r\n\r\n  // 处理图片加载成功\r\n  const handleImageLoad = () => {\r\n    imageLoading.value = false\r\n    emit('load')\r\n  }\r\n\r\n  // 异步加载图片 - 修复关键函数\r\n  const loadImageSrc = async () => {\r\n    if (props.type !== 'image' || typeof props.name !== 'string') {\r\n      imageSrc.value = ''\r\n      return\r\n    }\r\n\r\n    // 如果是完整URL，直接设置\r\n    if (\r\n      props.name.startsWith('http://') ||\r\n      props.name.startsWith('https://') ||\r\n      props.name.startsWith('//') ||\r\n      props.name.startsWith('/')\r\n    ) {\r\n      imageSrc.value = props.name\r\n      return\r\n    }\r\n\r\n    // 其他情况都当作本地图片处理\r\n    try {\r\n      imageLoading.value = true\r\n      const imageUrl = await useImage(props.name)\r\n      if (imageUrl) {\r\n        imageSrc.value = imageUrl\r\n      } else {\r\n        handleError('image', '图片路径解析失败')\r\n      }\r\n    } catch (error) {\r\n      handleError('image', '图片加载失败', error)\r\n    } finally {\r\n      imageLoading.value = false\r\n    }\r\n  }\r\n\r\n  // 验证规则映射\r\n  const validationRules = {\r\n    iconify: (): string | null => {\r\n      if (!props.name.includes(':')) {\r\n        console.warn(\r\n          '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"'\r\n        )\r\n      }\r\n      return null\r\n    },\r\n    unocss: (): string | null => {\r\n      if (typeof props.name !== 'string' || !props.name.startsWith('i-')) {\r\n        console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头')\r\n      }\r\n      return null\r\n    },\r\n    component: (): string | null =>\r\n      !resolvedComponent.value ? '无法解析组件' : null,\r\n    svg: (): string | null => (!props.svgPath ? 'SVG路径不能为空' : null),\r\n    image: (): string | null => {\r\n      // 对于image类型，异步验证在loadImageSrc中处理\r\n      return null\r\n    },\r\n  }\r\n\r\n  // 验证配置\r\n  const validateProps = () => {\r\n    hasError.value = false\r\n    errorMessage.value = ''\r\n\r\n    // 基础验证\r\n    if (!props.name) {\r\n      return handleError('validation', '图标名称不能为空')\r\n    }\r\n\r\n    // 类型验证\r\n    const validator = validationRules[props.type]\r\n    if (!validator) {\r\n      return handleError('type', '不支持的图标类型')\r\n    }\r\n\r\n    const errorMsg = validator()\r\n    if (errorMsg) {\r\n      handleError(props.type, errorMsg)\r\n    }\r\n\r\n    // 如果是图片类型，异步加载图片\r\n    if (props.type === 'image') {\r\n      loadImageSrc()\r\n    }\r\n  }\r\n\r\n  // 监听关键属性变化\r\n  watch(\r\n    () => [props.name, props.type, props.svgPath],\r\n    () => {\r\n      nextTick(validateProps)\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  // 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\r\n  onMounted(() => {\r\n    if (!hasError.value && props.type !== 'image') {\r\n      emit('load')\r\n    }\r\n  })\r\n\r\n  // 暴露方法给父组件\r\n  defineExpose({\r\n    /** 重新验证配置 */\r\n    validate: validateProps,\r\n    /** 是否有错误 */\r\n    hasError: readonly(hasError),\r\n    /** 错误信息 */\r\n    errorMessage: readonly(errorMessage),\r\n    /** DOM引用 */\r\n    el: iconRef,\r\n  })\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-14\r\n * @Description: 支持多种图标使用方式，默认使用Iconify图标，统一错误处理\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"iconRef\"\r\n    class=\"c-icon\"\r\n    :class=\"[\r\n      `c-icon--${type}`,\r\n      {\r\n        'c-icon--clickable': clickable,\r\n        'c-icon--loading': loading,\r\n        'c-icon--error': hasError,\r\n      },\r\n    ]\"\r\n    :style=\"rootStyle\"\r\n    :title=\"title || undefined\"\r\n    :aria-label=\"ariaLabel || iconDisplayName\"\r\n    :role=\"clickable ? 'button' : 'img'\"\r\n    :tabindex=\"clickable ? 0 : -1\"\r\n    @click=\"handleClick\"\r\n    @keydown=\"handleKeydown\"\r\n  >\r\n    <!-- 方式1：Iconify图标（默认方式） -->\r\n    <Icon\r\n      v-if=\"\r\n        (type === 'iconify' || !type) && !hasError && typeof name === 'string'\r\n      \"\r\n      :icon=\"name\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('iconify', 'Iconify图标加载失败')\"\r\n    />\r\n\r\n    <!-- 方式2：UnoCSS图标 -->\r\n    <div\r\n      v-else-if=\"type === 'unocss' && !hasError && typeof name === 'string'\"\r\n      :class=\"[name, iconClasses]\"\r\n      :style=\"iconStyle\"\r\n      @error=\"() => handleError('unocss', 'UnoCSS图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式3：组件挂载方式 -->\r\n    <component\r\n      v-else-if=\"type === 'component' && resolvedComponent && !hasError\"\r\n      :is=\"resolvedComponent\"\r\n      :style=\"iconStyle\"\r\n      v-bind=\"componentProps\"\r\n      @error=\"() => handleError('component', '组件图标渲染失败')\"\r\n    />\r\n\r\n    <!-- 方式4：SVG路径方式 -->\r\n    <svg\r\n      v-else-if=\"type === 'svg' && svgPath && !hasError\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :viewBox=\"viewBox\"\r\n      :style=\"iconStyle\"\r\n      :fill=\"color\"\r\n      @error=\"() => handleError('svg', 'SVG图标渲染失败')\"\r\n    >\r\n      <path\r\n        :d=\"svgPath\"\r\n        :fill=\"color\"\r\n      />\r\n    </svg>\r\n\r\n    <!-- 方式5：图片方式 - 修复异步加载 -->\r\n    <img\r\n      v-else-if=\"type === 'image' && imageSrc && !hasError && !imageLoading\"\r\n      :src=\"imageSrc\"\r\n      :alt=\"alt || iconDisplayName\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      style=\"display: inline-block; vertical-align: middle\"\r\n      @error=\"() => handleError('image', '图片图标加载失败')\"\r\n      @load=\"handleImageLoad\"\r\n    />\r\n\r\n    <!-- 图片加载状态 -->\r\n    <div\r\n      v-if=\"(loading || imageLoading) && !hasError\"\r\n      class=\"c-icon__loading\"\r\n      :style=\"iconStyle\"\r\n    >\r\n      <div class=\"c-icon__spinner\" />\r\n    </div>\r\n\r\n    <!-- 统一错误状态显示 -->\r\n    <Icon\r\n      v-else-if=\"hasError && fallbackIcon\"\r\n      :icon=\"fallbackIcon\"\r\n      :width=\"size\"\r\n      :height=\"size\"\r\n      :color=\"color\"\r\n      :style=\"iconStyle\"\r\n    />\r\n    <div\r\n      v-else-if=\"hasError\"\r\n      class=\"c-icon__error\"\r\n      :style=\"iconStyle\"\r\n      :title=\"`图标解析失败: ${iconDisplayName} (${errorMessage})`\"\r\n    >\r\n      ⚠️\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n  import { Icon } from '@iconify/vue'\r\n  import { useImage } from '../../hooks/useImage'\r\n  import { computed, nextTick, onMounted, readonly, ref, watch } from 'vue'\r\n  import type { IconProps } from './types'\r\n\r\n  interface LegacyIconProps extends IconProps {\r\n    /** 图标名称/路径/组件实例 */\r\n    name: string | any\r\n    /** 图标类型 */\r\n    type?: 'iconify' | 'unocss' | 'component' | 'svg' | 'image'\r\n    /** 图标颜色 */\r\n    color?: string\r\n    /** 图标大小(px) */\r\n    size?: number | string\r\n    /** SVG路径数据(仅type=svg时使用) */\r\n    svgPath?: string\r\n    /** SVG viewBox(仅type=svg时使用) */\r\n    viewBox?: string\r\n    /** 图片alt属性(仅type=image时使用) */\r\n    alt?: string\r\n    /** 是否可点击 */\r\n    clickable?: boolean\r\n    /** 加载状态 */\r\n    loading?: boolean\r\n    /** 错误时的回退图标 */\r\n    fallbackIcon?: string\r\n    /** 工具提示 */\r\n    title?: string\r\n    /** 无障碍标签 */\r\n    ariaLabel?: string\r\n    /** 自定义样式类 */\r\n    customClass?: string\r\n    /** 旋转角度 */\r\n    rotate?: number\r\n    /** 是否翻转 */\r\n    flip?: 'horizontal' | 'vertical' | 'both'\r\n    /** 传递给组件的额外属性(仅type=component时使用) */\r\n    componentProps?: Record<string, any>\r\n  }\r\n\r\n  const props = withDefaults(defineProps<LegacyIconProps>(), {\r\n    name: undefined,\r\n    type: 'iconify',\r\n    color: 'currentColor',\r\n    size: 18,\r\n    svgPath: '',\r\n    viewBox: '0 0 24 24',\r\n    alt: '',\r\n    clickable: false,\r\n    loading: false,\r\n    fallbackIcon: '',\r\n    title: '',\r\n    ariaLabel: '',\r\n    customClass: '',\r\n    rotate: 0,\r\n    flip: undefined,\r\n    componentProps: () => ({}),\r\n  })\r\n\r\n  const emit = defineEmits<{\r\n    click: [event: MouseEvent]\r\n    error: [type: string, error?: any]\r\n    load: []\r\n  }>()\r\n\r\n  const iconRef = ref<HTMLElement>()\r\n  const hasError = ref(false)\r\n  const errorMessage = ref('')\r\n  const imageSrc = ref<string>('') // 存储异步加载的图片URL\r\n  const imageLoading = ref(false) // 图片加载状态\r\n\r\n  // 计算根元素样式\r\n  const rootStyle = computed(() => ({\r\n    fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n    color: props.color,\r\n    cursor: props.clickable ? 'pointer' : 'inherit',\r\n  }))\r\n\r\n  // 计算图标样式\r\n  const iconStyle = computed(() => {\r\n    const style: Record<string, any> = {\r\n      display: 'inline-flex',\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      width: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n      height: typeof props.size === 'number' ? `${props.size}px` : props.size,\r\n    }\r\n\r\n    // 旋转\r\n    if (props.rotate) {\r\n      style.transform = `rotate(${props.rotate}deg)`\r\n    }\r\n\r\n    // 翻转\r\n    if (props.flip) {\r\n      const scaleX =\r\n        props.flip === 'horizontal' || props.flip === 'both' ? -1 : 1\r\n      const scaleY = props.flip === 'vertical' || props.flip === 'both' ? -1 : 1\r\n      style.transform = `${\r\n        style.transform || ''\r\n      } scaleX(${scaleX}) scaleY(${scaleY})`.trim()\r\n    }\r\n\r\n    return style\r\n  })\r\n\r\n  // 获取图标名称用于显示\r\n  const iconDisplayName = computed(() => {\r\n    if (typeof props.name === 'string') {\r\n      return props.name\r\n    }\r\n    if (props.name && props.name.__name) {\r\n      return props.name.__name\r\n    }\r\n    if (props.name && props.name.name) {\r\n      return props.name.name\r\n    }\r\n    return 'Component Icon'\r\n  })\r\n\r\n  // 图标类名\r\n  const iconClasses = computed(() => [\r\n    props.customClass,\r\n    {\r\n      'c-icon__rotatable': props.rotate !== 0,\r\n      'c-icon__flippable': !!props.flip,\r\n    },\r\n  ])\r\n\r\n  // 解析组件名称（纯计算属性，无副作用）\r\n  const resolvedComponent = computed(() => {\r\n    if (props.type !== 'component' || !props.name) return null\r\n    return props.name\r\n  })\r\n\r\n  // 统一错误处理函数\r\n  const handleError = (type: string, message: string, originalError?: any) => {\r\n    console.warn(`[C_Icon] ${message}:`, iconDisplayName.value, originalError)\r\n    errorMessage.value = message\r\n    imageLoading.value = false // 错误时停止加载状态\r\n    emit('error', type, originalError)\r\n\r\n    // 如果有回退图标，尝试切换为 fallback Iconify 图标\r\n    if (props.fallbackIcon && !hasError.value) {\r\n      hasError.value = false\r\n      // 将 name 重写为 fallbackIcon 并重置状态\r\n      // 因为 props 不可变，通过模板中的 fallback 分支渲染\r\n      return\r\n    }\r\n\r\n    hasError.value = true\r\n  }\r\n\r\n  // 处理点击事件\r\n  const handleClick = (event: MouseEvent) => {\r\n    if (!props.clickable || props.loading) return\r\n    emit('click', event)\r\n  }\r\n\r\n  // 处理键盘事件\r\n  const handleKeydown = (event: KeyboardEvent) => {\r\n    if (!props.clickable || props.loading) return\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault()\r\n      emit('click', event as any)\r\n    }\r\n  }\r\n\r\n  // 处理图片加载成功\r\n  const handleImageLoad = () => {\r\n    imageLoading.value = false\r\n    emit('load')\r\n  }\r\n\r\n  // 异步加载图片 - 修复关键函数\r\n  const loadImageSrc = async () => {\r\n    if (props.type !== 'image' || typeof props.name !== 'string') {\r\n      imageSrc.value = ''\r\n      return\r\n    }\r\n\r\n    // 如果是完整URL，直接设置\r\n    if (\r\n      props.name.startsWith('http://') ||\r\n      props.name.startsWith('https://') ||\r\n      props.name.startsWith('//') ||\r\n      props.name.startsWith('/')\r\n    ) {\r\n      imageSrc.value = props.name\r\n      return\r\n    }\r\n\r\n    // 其他情况都当作本地图片处理\r\n    try {\r\n      imageLoading.value = true\r\n      const imageUrl = await useImage(props.name)\r\n      if (imageUrl) {\r\n        imageSrc.value = imageUrl\r\n      } else {\r\n        handleError('image', '图片路径解析失败')\r\n      }\r\n    } catch (error) {\r\n      handleError('image', '图片加载失败', error)\r\n    } finally {\r\n      imageLoading.value = false\r\n    }\r\n  }\r\n\r\n  // 验证规则映射\r\n  const validationRules = {\r\n    iconify: (): string | null => {\r\n      if (!props.name.includes(':')) {\r\n        console.warn(\r\n          '[C_Icon] Iconify图标名称格式应为 \"prefix:name\"，如 \"mdi:home\"'\r\n        )\r\n      }\r\n      return null\r\n    },\r\n    unocss: (): string | null => {\r\n      if (typeof props.name !== 'string' || !props.name.startsWith('i-')) {\r\n        console.warn('[C_Icon] UnoCSS图标名称应以 \"i-\" 开头')\r\n      }\r\n      return null\r\n    },\r\n    component: (): string | null =>\r\n      !resolvedComponent.value ? '无法解析组件' : null,\r\n    svg: (): string | null => (!props.svgPath ? 'SVG路径不能为空' : null),\r\n    image: (): string | null => {\r\n      // 对于image类型，异步验证在loadImageSrc中处理\r\n      return null\r\n    },\r\n  }\r\n\r\n  // 验证配置\r\n  const validateProps = () => {\r\n    hasError.value = false\r\n    errorMessage.value = ''\r\n\r\n    // 基础验证\r\n    if (!props.name) {\r\n      return handleError('validation', '图标名称不能为空')\r\n    }\r\n\r\n    // 类型验证\r\n    const validator = validationRules[props.type]\r\n    if (!validator) {\r\n      return handleError('type', '不支持的图标类型')\r\n    }\r\n\r\n    const errorMsg = validator()\r\n    if (errorMsg) {\r\n      handleError(props.type, errorMsg)\r\n    }\r\n\r\n    // 如果是图片类型，异步加载图片\r\n    if (props.type === 'image') {\r\n      loadImageSrc()\r\n    }\r\n  }\r\n\r\n  // 监听关键属性变化\r\n  watch(\r\n    () => [props.name, props.type, props.svgPath],\r\n    () => {\r\n      nextTick(validateProps)\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  // 组件挂载后：仅对非 image 类型触发 load 事件（watch immediate 已完成验证）\r\n  onMounted(() => {\r\n    if (!hasError.value && props.type !== 'image') {\r\n      emit('load')\r\n    }\r\n  })\r\n\r\n  // 暴露方法给父组件\r\n  defineExpose({\r\n    /** 重新验证配置 */\r\n    validate: validateProps,\r\n    /** 是否有错误 */\r\n    hasError: readonly(hasError),\r\n    /** 错误信息 */\r\n    errorMessage: readonly(errorMessage),\r\n    /** DOM引用 */\r\n    el: iconRef,\r\n  })\r\n</script>\r\n"],"mappings":"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"}