econtrol-tools-calendar 1.0.6 → 1.0.8

package/README.md

@@ -9,7 +9,8 @@
 - 📱 支持月视图、周视图、日视图和列表视图
 - 🎯 支持事件拖拽、调整大小、添加、编辑、删除
 - 🏷️ 支持节假日显示
-- 🔒 支持权限控制（基于用户 ID）
+- 🔒 支持权限控制（基于用户信息）
+- 👤 支持用户信息管理（用户 ID 和用户名）
 - ⚡ 支持快速添加事件
 - 📦 TypeScript 支持
 - 🔄 单向数据流，所有操作通过事件通知父组件
@@ -34,8 +35,9 @@ yarn add econtrol-tools-calendar
 <template>
   <SCalendar
     :events="events"
-    :userid="currentUserId"
+    :userinfo="userinfo"
     :device-id="deviceId"
+    :device-info="deviceInfo"
     :holidays="holidays"
     @event-added="handleEventAdded"
     @event-updated="handleEventUpdated"
@@ -52,9 +54,23 @@ import "econtrol-tools-calendar/style.css";
 // 注意：还需要导入 Element Plus 的样式
 import "element-plus/dist/index.css";
 
-const currentUserId = "user123";
+// 用户信息
+const userinfo = {
+  userid: "user123",
+  username: "张三",
+};
+
 const deviceId = "device-001";
 
+// 设备信息
+const deviceInfo = {
+  id: "device-001",
+  name: "会议室 A",
+  status: "在线",
+  type: "会议室",
+  location: "3楼",
+};
+
 // 事件列表
 const events = ref<EventInput[]>([
   {
@@ -63,8 +79,11 @@ const events = ref<EventInput[]>([
     start: "2025-01-15T10:00:00",
     end: "2025-01-15T11:30:00",
     extendedProps: {
-      organizer: currentUserId,
+      organizer: "张三", // 保留用于兼容
+      username: "张三",
+      organizerId: "user123",
       description: "团队周会",
+      deviceId: "device-001",
     },
   },
 ]);
@@ -112,8 +131,9 @@ import { SCalendarComponent } from "econtrol-tools-calendar";
 <template>
   <SCalendarComponent
     :events="events"
-    :userid="currentUserId"
+    :userinfo="userinfo"
     :device-id="deviceId"
+    :device-info="deviceInfo"
     :holidays="holidays"
     @event-added="handleEventAdded"
     @event-updated="handleEventUpdated"
@@ -151,25 +171,34 @@ app.mount("#app");
 | ------------------- | ---------------------------------------- | ------- | ------------------------------------------------------ |
 | `isOccupied`        | `boolean`                                | `false` | 是否处于占用状态，为 true 时不能新增事件               |
 | `allowOverlap`      | `boolean`                                | `true`  | 是否允许时间冲突，为 false 时不允许事件时间重合        |
-| `userid`            | `string`                                 | `''`    | 当前用户 ID，只有匹配的事件才能被修改                  |
-| `deviceId`          | `string`                                 | `''`    | 设备 ID，用于标识事件所属的设备                        |
-| `deviceInfo`        | `DeviceInfo \| null`                     | `null`  | 设备详细信息                                           |
+| `userinfo`          | `UserInfo \| null`                       | `null`  | 当前用户信息，包含 `userid` 和 `username`              |
+| `deviceId`          | `string`                                 | `''`    | 设备 ID，用于标识事件所属的设备（关键字段）            |
+| `deviceInfo`        | `DeviceInfo \| null`                     | `null`  | 设备详细信息，用于显示设备名称                         |
 | `taskid`            | `string`                                 | `''`    | 当前任务 ID，匹配的事件显示红色                        |
 | `quickAddTimeRange` | `{ start: string; end: string } \| null` | `null`  | 快速添加的时间段（ISO 格式）                           |
 | `quickAddTaskName`  | `string`                                 | `''`    | 快速添加的任务名称                                     |
 | `holidays`          | `HolidayData \| null`                    | `null`  | 节假日数据对象，格式: `{ "YYYY-MM-DD": "节假日名称" }` |
 | `events`            | `EventInput[]`                           | `[]`    | 事件列表，从外部传入的任务数据                         |
 
+#### UserInfo 接口
+
+```typescript
+interface UserInfo {
+  userid: string; // 用户ID
+  username: string; // 用户名
+}
+```
+
 #### DeviceInfo 接口
 
 ```typescript
 interface DeviceInfo {
-  id: string;
-  name: string;
-  status?: string;
-  type?: string;
-  location?: string;
-  description?: string;
+  id: string; // 设备ID（关键字段）
+  name: string; // 设备名称（显示在头部）
+  status?: string; // 设备状态
+  type?: string; // 设备类型
+  location?: string; // 设备位置
+  description?: string; // 设备描述
 }
 ```
 
@@ -206,9 +235,11 @@ interface EventInput {
   borderColor?: string;
   editable?: boolean;
   extendedProps?: {
-    organizer?: string; // 组织者/用户ID
+    organizer?: string; // 组织者/用户名（保留用于兼容）
+    username?: string; // 用户名（推荐使用）
+    organizerId?: string; // 用户ID（推荐使用）
     description?: string; // 描述
-    deviceId?: string; // 设备ID
+    deviceId?: string; // 设备ID（关键字段）
     taskid?: string; // 任务ID
     colorIndex?: number; // 颜色索引
     [key: string]: any;
@@ -226,7 +257,7 @@ interface EventInput {
     <SCalendar
       :is-occupied="isOccupied"
       :allow-overlap="allowOverlap"
-      :userid="currentUserId"
+      :userinfo="userinfo"
       :device-id="deviceId"
       :device-info="deviceInfo"
       :taskid="currentTaskId"
@@ -254,7 +285,13 @@ import "element-plus/dist/index.css";
 // 状态管理
 const isOccupied = ref(false);
 const allowOverlap = ref(true);
-const currentUserId = ref("user123");
+
+// 用户信息
+const userinfo = ref({
+  userid: "user123",
+  username: "张三",
+});
+
 const deviceId = ref("device-001");
 const currentTaskId = ref("task-001");
 
@@ -279,7 +316,9 @@ const events = ref<EventInput[]>([
     borderColor: "#000000",
     editable: true,
     extendedProps: {
-      organizer: "user123",
+      organizer: "张三", // 保留用于兼容
+      username: "张三",
+      organizerId: "user123",
       description: "每周团队例会",
       deviceId: "device-001",
       taskid: "task-001",
@@ -340,17 +379,17 @@ function handleQuickAddSaved(event: EventInput) {
 <template>
   <div class="devices-container">
     <SCalendar
-        v-for="device in devices"
-        :key="device.id"
-        :device-id="device.id"
+      v-for="device in devices"
+      :key="device.id"
+      :device-id="device.id"
       :device-info="device"
       :events="deviceEvents[device.id] || []"
-      :userid="currentUserId"
+      :userinfo="userinfo"
       @event-added="(event) => handleEventAdded(device.id, event)"
       @event-updated="(event) => handleEventUpdated(device.id, event)"
       @event-deleted="(eventId) => handleEventDeleted(device.id, eventId)"
       @events-change="(events) => handleEventsChange(device.id, events)"
-      />
+    />
   </div>
 </template>
 
@@ -392,7 +431,7 @@ function handleEventDeleted(deviceId: string, eventId: string) {
     deviceEvents.value[deviceId] = deviceEvents.value[deviceId].filter(
       (e) => e.id !== eventId
     );
-}
+  }
 }
 
 function handleEventsChange(deviceId: string, events: EventInput[]) {
@@ -482,11 +521,15 @@ pnpm preview
 
 2. **事件格式**：事件的时间格式必须使用 ISO 8601 格式（`YYYY-MM-DDTHH:mm:ss`），例如：`"2025-01-15T10:00:00"`。
 
-3. **权限控制**：通过 `userid` prop 控制事件的可编辑性，只有 `extendedProps.organizer` 匹配 `userid` 的事件才能被修改。
+3. **权限控制**：通过 `userinfo` prop 控制事件的可编辑性，只有 `extendedProps.organizerId` 匹配 `userinfo.userid` 的事件才能被修改。
+
+4. **用户信息**：组件会显示 `username` 作为预订人，并在事件数据中保存 `username` 和 `organizerId`。
+
+5. **设备信息**：组件头部显示设备名称（`deviceInfo.name`），设备 ID（`deviceId`）作为关键字段保存在事件数据中。
 
-4. **时间冲突**：当 `allowOverlap` 为 `false` 时，组件会自动检查时间冲突，不允许创建重叠的事件。
+6. **时间冲突**：当 `allowOverlap` 为 `false` 时，组件会自动检查时间冲突，不允许创建重叠的事件。
 
-5. **节假日显示**：节假日数据格式为 `{ "YYYY-MM-DD": "节假日名称" }`，传入 `holidays` prop 后会在日历上高亮显示。
+7. **节假日显示**：节假日数据格式为 `{ "YYYY-MM-DD": "节假日名称" }`，传入 `holidays` prop 后会在日历上高亮显示。
 
 ## 📄 许可证
 

package/dist/calendar.js

@@ -91,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     isOccupied: { type: Boolean, default: false },
     allowOverlap: { type: Boolean, default: true },
-    userid: { default: "" },
+    userinfo: { default: null },
     deviceId: { default: "" },
     deviceInfo: { default: null },
     taskid: { default: "" },
@@ -120,7 +120,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
-    const currentUser = ref("张三");
+    const currentUser = computed(() => {
+      var _a;
+      return ((_a = props.userinfo) == null ? void 0 : _a.username) || "";
+    });
+    const currentUserId = computed(() => {
+      var _a;
+      return ((_a = props.userinfo) == null ? void 0 : _a.userid) || "";
+    });
     const myEventColor = { bg: "#000000", border: "#000000", name: "黑色" };
     const taskColor = { bg: "#FF0000", border: "#FF0000", name: "红色" };
     const eventColors = [
@@ -187,11 +194,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     function isEventEditable(event) {
       var _a;
-      if (!props.userid) {
+      if (!currentUserId.value) {
         return true;
       }
-      const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
-      return eventOrganizer === props.userid;
+      const eventOrganizerId = ((_a = event.extendedProps) == null ? void 0 : _a.organizerId) || "";
+      return eventOrganizerId === currentUserId.value;
     }
     const events = ref([...props.events]);
     watch(
@@ -204,8 +211,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const editableEvents = computed(() => {
       return events.value.map((event) => {
         var _a;
-        const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
-        let editable = !props.userid || eventOrganizer === props.userid;
+        const eventOrganizerId = ((_a = event.extendedProps) == null ? void 0 : _a.organizerId) || "";
+        let editable = !currentUserId.value || eventOrganizerId === currentUserId.value;
         let eventStart = "";
         if (typeof event.start === "string") {
           eventStart = event.start;
@@ -245,9 +252,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       allDay: false,
       description: "",
       organizer: "",
+      // 保留用于兼容，实际使用 username
+      username: "",
+      // 用户名
+      organizerId: "",
+      // 用户ID
       taskid: "",
       deviceId: "",
       userid: ""
+      // 保留用于兼容
     });
     function isPastDateTime(dateStr) {
       if (!dateStr) return false;
@@ -356,13 +369,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formData.description = "";
       formData.allDay = false;
       formData.organizer = currentUser.value;
+      formData.username = currentUser.value;
+      formData.organizerId = currentUserId.value;
       if (props.taskid) {
         formData.taskid = props.taskid;
       } else {
         formData.taskid = "";
       }
       formData.deviceId = props.deviceId || "";
-      formData.userid = props.userid || "";
+      formData.userid = currentUserId.value;
       formData.start = formattedStart;
       formData.end = formattedEnd;
       editingEvent.value = null;
@@ -394,14 +409,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formData.end = formatFromISO(((_b = clickInfo.event.end) == null ? void 0 : _b.toISOString()) || "");
       formData.allDay = false;
       formData.description = eventProps.description || "";
-      formData.organizer = eventProps.organizer || currentUser.value;
+      formData.organizer = eventProps.username || eventProps.organizer || currentUser.value;
+      formData.username = eventProps.username || eventProps.organizer || currentUser.value;
+      formData.organizerId = eventProps.organizerId || "";
       if (props.taskid) {
         formData.taskid = props.taskid;
       } else {
         formData.taskid = "";
       }
-      formData.deviceId = props.deviceId || "";
-      formData.userid = props.userid || "";
+      formData.deviceId = eventProps.deviceId || props.deviceId || "";
+      formData.userid = eventProps.organizerId || currentUserId.value;
       dialogVisible.value = true;
     }
     function handleEventDrop(dropInfo) {
@@ -440,14 +457,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       formData.allDay = false;
       formData.description = (eventProps == null ? void 0 : eventProps.description) || "";
-      formData.organizer = (eventProps == null ? void 0 : eventProps.organizer) || currentUser.value;
+      formData.organizer = (eventProps == null ? void 0 : eventProps.username) || (eventProps == null ? void 0 : eventProps.organizer) || currentUser.value;
+      formData.username = (eventProps == null ? void 0 : eventProps.username) || (eventProps == null ? void 0 : eventProps.organizer) || currentUser.value;
+      formData.organizerId = (eventProps == null ? void 0 : eventProps.organizerId) || "";
       if (props.taskid) {
         formData.taskid = props.taskid;
       } else {
         formData.taskid = "";
       }
-      formData.deviceId = props.deviceId || "";
-      formData.userid = props.userid || "";
+      formData.deviceId = (eventProps == null ? void 0 : eventProps.deviceId) || props.deviceId || "";
+      formData.userid = (eventProps == null ? void 0 : eventProps.organizerId) || currentUserId.value;
       dialogVisible.value = true;
     }
     function truncateTitle(title, maxLength) {
@@ -457,8 +476,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function isMyEvent(event) {
       var _a;
-      const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
-      return !props.userid || eventOrganizer === props.userid;
+      const eventOrganizerId = ((_a = event.extendedProps) == null ? void 0 : _a.organizerId) || "";
+      return !currentUserId.value || eventOrganizerId === currentUserId.value;
     }
     function getTaskColorIndex(taskId) {
       if (!taskId) return 0;
@@ -524,8 +543,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const eventIndex = events.value.findIndex((e) => e.id === eventId);
       if (eventIndex !== -1) {
         const originalEvent = events.value[eventIndex];
-        const eventOrganizer2 = ((_e = originalEvent.extendedProps) == null ? void 0 : _e.organizer) || "";
-        const editable = !props.userid || eventOrganizer2 === props.userid;
+        const eventOrganizerId = ((_e = originalEvent.extendedProps) == null ? void 0 : _e.organizerId) || "";
+        const editable = !currentUserId.value || eventOrganizerId === currentUserId.value;
         const updatedEvent = {
           ...originalEvent,
           start: newStart,
@@ -685,8 +704,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         eventEl.style.position = "relative";
         eventEl.style.pointerEvents = "auto";
-        const eventOrganizer = ((_a = event.extendedProps) == null ? void 0 : _a.organizer) || "";
-        const isMyEvent2 = !props.userid || eventOrganizer === props.userid;
+        const eventOrganizerId = ((_a = event.extendedProps) == null ? void 0 : _a.organizerId) || "";
+        const isMyEvent2 = !currentUserId.value || eventOrganizerId === currentUserId.value;
         if (isMyEvent2) {
           const existingIcon = eventEl.querySelector(
             ".my-event-icon"
@@ -807,6 +826,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formData.title = "";
       formData.description = "";
       formData.organizer = currentUser.value;
+      formData.username = currentUser.value;
+      formData.organizerId = currentUserId.value;
       editingEvent.value = null;
       dialogVisible.value = true;
     }
@@ -862,8 +883,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
       const startISO = formatToISO(startStr);
       const endISO = endStr ? formatToISO(endStr) : void 0;
-      const eventOrganizer = currentUser.value;
-      const editable = !props.userid || eventOrganizer === props.userid;
+      const eventUsername = currentUser.value;
+      const eventOrganizerId = currentUserId.value;
+      const editable = !currentUserId.value || eventOrganizerId === currentUserId.value;
       const newEvent = {
         id: eventId,
         title: props.quickAddTaskName,
@@ -875,7 +897,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         editable,
         extendedProps: {
           description: "",
-          organizer: eventOrganizer,
+          organizer: eventUsername,
+          // 保留用于兼容
+          username: eventUsername,
+          organizerId: eventOrganizerId,
           colorIndex: colorInfo.index,
           deviceId: props.deviceId || "",
           taskid: props.taskid || ""
@@ -1090,11 +1115,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         editingEvent.value.setExtendedProp("description", formData.description);
         editingEvent.value.setExtendedProp(
           "organizer",
-          formData.organizer || currentUser.value
+          formData.username || formData.organizer || currentUser.value
+        );
+        editingEvent.value.setExtendedProp(
+          "username",
+          formData.username || formData.organizer || currentUser.value
+        );
+        editingEvent.value.setExtendedProp(
+          "organizerId",
+          formData.organizerId || currentUserId.value
         );
         editingEvent.value.setExtendedProp("colorIndex", colorInfo.index);
-        if (props.deviceId) {
-          editingEvent.value.setExtendedProp("deviceId", props.deviceId);
+        const deviceIdToSave = formData.deviceId || props.deviceId || "";
+        if (deviceIdToSave) {
+          editingEvent.value.setExtendedProp("deviceId", deviceIdToSave);
         }
         if (props.taskid) {
           editingEvent.value.setExtendedProp("taskid", props.taskid);
@@ -1109,12 +1143,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           allDay: false,
           backgroundColor: colorInfo.bg,
           borderColor: colorInfo.border,
-          editable: !props.userid || (formData.organizer || currentUser.value) === props.userid,
+          editable: !currentUserId.value || (formData.organizerId || currentUserId.value) === currentUserId.value,
           extendedProps: {
             description: formData.description,
-            organizer: formData.organizer || currentUser.value,
+            organizer: formData.username || formData.organizer || currentUser.value,
+            // 兼容
+            username: formData.username || formData.organizer || currentUser.value,
+            organizerId: formData.organizerId || currentUserId.value,
             colorIndex: colorInfo.index,
-            deviceId: props.deviceId || "",
+            deviceId: formData.deviceId || props.deviceId || "",
             taskid: props.taskid || ""
           }
         };
@@ -1126,8 +1163,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         const startISO = formatToISO(formData.start);
         const endISO = formData.end ? formatToISO(formData.end) : void 0;
-        const eventOrganizer = formData.organizer || currentUser.value;
-        const editable = !props.userid || eventOrganizer === props.userid;
+        const eventUsername = formData.username || formData.organizer || currentUser.value;
+        const eventOrganizerId = formData.organizerId || currentUserId.value;
+        const editable = !currentUserId.value || eventOrganizerId === currentUserId.value;
         const newEvent = {
           id: eventId,
           // 使用之前生成的事件ID
@@ -1141,9 +1179,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           // 根据 userid 设置可编辑性
           extendedProps: {
             description: formData.description,
-            organizer: eventOrganizer,
+            organizer: eventUsername,
+            // 保留用于兼容
+            username: eventUsername,
+            organizerId: eventOrganizerId,
             colorIndex: colorInfo.index,
-            deviceId: props.deviceId || "",
+            deviceId: formData.deviceId || props.deviceId || "",
             // 保存设备ID
             taskid: props.taskid || ""
             // 保存 taskid（如果存在）
@@ -1174,9 +1215,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formData.allDay = false;
       formData.description = "";
       formData.organizer = currentUser.value;
+      formData.username = currentUser.value;
+      formData.organizerId = currentUserId.value;
       formData.taskid = "";
       formData.deviceId = "";
-      formData.userid = "";
+      formData.userid = currentUserId.value;
       editingEvent.value = null;
     }
     return (_ctx, _cache) => {
@@ -1194,12 +1237,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          props.deviceId ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            _cache[9] || (_cache[9] = createElementVNode("span", { class: "device-label" }, "设备ID:", -1)),
+          deviceInfo.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            _cache[9] || (_cache[9] = createElementVNode("span", { class: "device-label" }, "设备名称:", -1)),
             createElementVNode("span", {
               class: "device-id",
               onClick: handleDeviceClick
-            }, toDisplayString(props.deviceId), 1)
+            }, toDisplayString(deviceInfo.value.name), 1)
           ])) : createCommentVNode("", true),
           createElementVNode("div", null, [
             createVNode(_component_el_button, {
@@ -1242,7 +1285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "show-after": 200
             }, {
               content: withCtx(() => {
-                var _a, _b, _c;
+                var _a, _b, _c, _d;
                 return [
                   createElementVNode("div", _hoisted_4, [
                     createElementVNode("div", _hoisted_5, [
@@ -1285,7 +1328,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         createElementVNode("span", _hoisted_16, toDisplayString(formatEventDateTime(arg.event.end)), 1)
                       ])) : createCommentVNode("", true),
-                      ((_a = arg.event.extendedProps) == null ? void 0 : _a.organizer) ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                      ((_a = arg.event.extendedProps) == null ? void 0 : _a.organizer) || ((_b = arg.event.extendedProps) == null ? void 0 : _b.username) ? (openBlock(), createElementBlock("div", _hoisted_17, [
                         createElementVNode("span", _hoisted_18, [
                           createVNode(_component_el_icon, { class: "detail-icon" }, {
                             default: withCtx(() => [
@@ -1295,9 +1338,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }),
                           _cache[15] || (_cache[15] = createTextVNode(" 预定人： ", -1))
                         ]),
-                        createElementVNode("span", _hoisted_19, toDisplayString(arg.event.extendedProps.organizer), 1)
+                        createElementVNode("span", _hoisted_19, toDisplayString(arg.event.extendedProps.username || arg.event.extendedProps.organizer), 1)
                       ])) : createCommentVNode("", true),
-                      ((_b = arg.event.extendedProps) == null ? void 0 : _b.deviceId) ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                      ((_c = arg.event.extendedProps) == null ? void 0 : _c.deviceId) ? (openBlock(), createElementBlock("div", _hoisted_20, [
                         createElementVNode("span", _hoisted_21, [
                           createVNode(_component_el_icon, { class: "detail-icon" }, {
                             default: withCtx(() => [
@@ -1309,7 +1352,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         createElementVNode("span", _hoisted_22, toDisplayString(arg.event.extendedProps.deviceId), 1)
                       ])) : createCommentVNode("", true),
-                      ((_c = arg.event.extendedProps) == null ? void 0 : _c.description) ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                      ((_d = arg.event.extendedProps) == null ? void 0 : _d.description) ? (openBlock(), createElementBlock("div", _hoisted_23, [
                         createElementVNode("span", _hoisted_24, [
                           createVNode(_component_el_icon, { class: "detail-icon" }, {
                             default: withCtx(() => [
@@ -1390,8 +1433,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(_component_el_form_item, { label: "预定人" }, {
                   default: withCtx(() => [
                     createVNode(_component_el_input, {
-                      modelValue: currentUser.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentUser.value = $event),
+                      modelValue: formData.username,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.username = $event),
                       disabled: "",
                       placeholder: "当前登录人"
                     }, null, 8, ["modelValue"])
@@ -1569,7 +1612,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const SCalendarComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03fbb1ab"]]);
+const SCalendarComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-337c51f8"]]);
 function getHolidays(year) {
   const holidays = {};
   if (year === 2026) {