sa2kit 1.6.29 → 1.6.31

package/dist/calendar/index.mjs

@@ -1,8 +1,9 @@
-import { SearchBox, ConfirmModal, Modal } from '../chunk-LFG6FPM5.mjs';
-import '../chunk-3BGPZN4X.mjs';
-import '../chunk-KQGP6BTS.mjs';
+import { SearchBox, ConfirmModal, Modal } from '../chunk-KIP2CERU.mjs';
+import '../chunk-3NHAT7D4.mjs';
+import '../chunk-3DXPQ4YV.mjs';
 import '../chunk-BJTO5JO5.mjs';
 import React2, { useState, useMemo, useCallback, useEffect } from 'react';
+import { clsx } from 'clsx';
 import { useDraggable, useDroppable, DndContext, DragOverlay } from '@dnd-kit/core';
 
 // src/calendar/types/index.ts
@@ -75,7 +76,7 @@ function formatDate(date) {
   const year = date.getFullYear();
   const month = String(date.getMonth() + 1).padStart(2, "0");
   const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
+  return year + "-" + month + "-" + day;
 }
 function formatTime(date) {
   return date.toLocaleTimeString("zh-CN", {
@@ -103,7 +104,7 @@ function toLocalISOString(date) {
   const minutes = String(date.getMinutes()).padStart(2, "0");
   const seconds = String(date.getSeconds()).padStart(2, "0");
   const milliseconds = String(date.getMilliseconds()).padStart(3, "0");
-  return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}.${milliseconds}`;
+  return year + "-" + month + "-" + day + "T" + hours + ":" + minutes + ":" + seconds + "." + milliseconds;
 }
 function getMonthStart(date) {
   return new Date(date.getFullYear(), date.getMonth(), 1);
@@ -250,9 +251,9 @@ function getRelativeTime(date, locale = "zh-CN") {
   } else if (diffInDays === -1) {
     return "\u6628\u5929";
   } else if (diffInDays > 1 && diffInDays <= 7) {
-    return `${diffInDays}\u5929\u540E`;
+    return diffInDays + "\u5929\u540E";
   } else if (diffInDays < -1 && diffInDays >= -7) {
-    return `${Math.abs(diffInDays)}\u5929\u524D`;
+    return Math.abs(diffInDays) + "\u5929\u524D";
   }
   return formatDate(date);
 }
@@ -453,13 +454,13 @@ function EventList({
       "button",
       {
         onClick: () => handleSortChange(field),
-        className: `flex items-center px-3 py-1.5 text-sm font-medium rounded-lg transition-colors ${isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100"}`
+        className: clsx("flex items-center px-3 py-1.5 text-sm font-medium rounded-lg transition-colors", isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100")
       },
       label,
       /* @__PURE__ */ React2.createElement(
         "svg",
         {
-          className: `ml-1 w-4 h-4 transition-transform ${isActive ? isAsc ? "rotate-180" : "" : "opacity-50"}`,
+          className: clsx("ml-1 w-4 h-4 transition-transform", isActive ? isAsc ? "rotate-180" : "" : "opacity-50"),
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24"
@@ -504,10 +505,10 @@ function EventList({
       "div",
       {
         key: event.id,
-        className: `p-4 rounded-lg border-l-4 cursor-pointer hover:shadow-md transition-all ${getEventColorClass(event.color)} ${isSelected ? "ring-2 ring-blue-500 ring-opacity-50" : ""}`,
+        className: clsx("p-4 rounded-lg border-l-4 cursor-pointer hover:shadow-md transition-all", getEventColorClass(event.color), isSelected ? "ring-2 ring-blue-500 ring-opacity-50" : ""),
         onClick: () => !isSelectionMode && onEventClick(event)
       },
-      /* @__PURE__ */ React2.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-start gap-3 flex-1" }, isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "pt-1" }, renderCheckbox(event.id)), /* @__PURE__ */ React2.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-3 mb-2" }, /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, event.title), /* @__PURE__ */ React2.createElement("span", { className: `px-2 py-1 text-xs font-medium rounded border ${priorityDisplay.color}` }, priorityDisplay.text)), event.description && /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 mb-2 line-clamp-2" }, event.description), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })), /* @__PURE__ */ React2.createElement("span", null, event.startTime.toLocaleDateString("zh-CN"), " ", !event.allDay && event.startTime.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" }))), event.location && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })), /* @__PURE__ */ React2.createElement("span", null, event.location))))), !isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 ml-4" }, /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React2.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-start gap-3 flex-1" }, isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "pt-1" }, renderCheckbox(event.id)), /* @__PURE__ */ React2.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-3 mb-2" }, /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, event.title), /* @__PURE__ */ React2.createElement("span", { className: clsx("px-2 py-1 text-xs font-medium rounded border", priorityDisplay.color) }, priorityDisplay.text)), event.description && /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 mb-2 line-clamp-2" }, event.description), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })), /* @__PURE__ */ React2.createElement("span", null, event.startTime.toLocaleDateString("zh-CN"), " ", !event.allDay && event.startTime.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" }))), event.location && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })), /* @__PURE__ */ React2.createElement("span", null, event.location))))), !isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 ml-4" }, /* @__PURE__ */ React2.createElement(
         "button",
         {
           onClick: (e) => {
@@ -539,10 +540,10 @@ function EventList({
       "div",
       {
         key: event.id,
-        className: `p-4 rounded-lg border cursor-pointer hover:shadow-lg transition-all ${getEventColorClass(event.color)} border-l-4 ${isSelected ? "ring-2 ring-blue-500 ring-opacity-50" : ""}`,
+        className: clsx("p-4 rounded-lg border cursor-pointer hover:shadow-lg transition-all", getEventColorClass(event.color), "border-l-4", isSelected ? "ring-2 ring-blue-500 ring-opacity-50" : ""),
         onClick: () => !isSelectionMode && onEventClick(event)
       },
-      /* @__PURE__ */ React2.createElement("div", { className: "flex items-start justify-between mb-3" }, isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "pt-1 mr-2" }, renderCheckbox(event.id)), /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-900 flex-1 pr-2" }, event.title), /* @__PURE__ */ React2.createElement("span", { className: `px-2 py-1 text-xs font-medium rounded border flex-shrink-0 ${priorityDisplay.color}` }, priorityDisplay.text)),
+      /* @__PURE__ */ React2.createElement("div", { className: "flex items-start justify-between mb-3" }, isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "pt-1 mr-2" }, renderCheckbox(event.id)), /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-900 flex-1 pr-2" }, event.title), /* @__PURE__ */ React2.createElement("span", { className: clsx("px-2 py-1 text-xs font-medium rounded border flex-shrink-0", priorityDisplay.color) }, priorityDisplay.text)),
       event.description && /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 text-sm mb-3 line-clamp-3" }, event.description),
       /* @__PURE__ */ React2.createElement("div", { className: "space-y-2 text-sm text-gray-500" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })), /* @__PURE__ */ React2.createElement("span", { className: "truncate" }, event.startTime.toLocaleDateString("zh-CN"), " ", !event.allDay && event.startTime.toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" }))), event.location && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })), /* @__PURE__ */ React2.createElement("span", { className: "truncate" }, event.location))),
       !isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-end gap-2 mt-4 pt-3 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement(
@@ -570,7 +571,7 @@ function EventList({
       ))
     );
   }));
-  return /* @__PURE__ */ React2.createElement("div", { className: `space-y-6 ${className}` }, /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-1 max-w-md" }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: clsx("space-y-6", className) }, /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-1 max-w-md" }, /* @__PURE__ */ React2.createElement(
     SearchBox,
     {
       searchQuery: config.filter.searchText || "",
@@ -608,17 +609,17 @@ function EventList({
     "button",
     {
       onClick: () => handleDisplayModeChange("list" /* LIST */),
-      className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${config.displayMode === "list" /* LIST */ ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-3 py-1.5 text-sm font-medium rounded-md transition-colors", config.displayMode === "list" /* LIST */ ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     "\u5217\u8868"
   ), /* @__PURE__ */ React2.createElement(
     "button",
     {
       onClick: () => handleDisplayModeChange("grid" /* GRID */),
-      className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${config.displayMode === "grid" /* GRID */ ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-3 py-1.5 text-sm font-medium rounded-md transition-colors", config.displayMode === "grid" /* GRID */ ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     "\u7F51\u683C"
-  ))))), isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center gap-2 text-sm font-medium text-gray-700" }, renderSelectAllCheckbox(), "\u5168\u9009\u5F53\u524D\u9875"), /* @__PURE__ */ React2.createElement("span", { className: "text-sm text-gray-600" }, "\u5DF2\u9009\u62E9 ", selectedEventIds.size, " \u4E2A\u4E8B\u4EF6"))), !isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap items-center gap-2 mt-4 pt-4 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement("span", { className: "text-sm text-gray-700 mr-2" }, "\u6392\u5E8F:"), renderSortButton("startTime" /* START_TIME */, "\u65E5\u671F"), renderSortButton("title" /* TITLE */, "\u6807\u9898"), renderSortButton("priority" /* PRIORITY */, "\u4F18\u5148\u7EA7"), renderSortButton("createdAt" /* CREATED_AT */, "\u521B\u5EFA\u65F6\u95F4"), renderSortButton("updatedAt" /* UPDATED_AT */, "\u66F4\u65B0\u65F6\u95F4"))), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, "\u5171 ", sortedAndFilteredEvents.length, " \u4E2A\u4E8B\u4EF6", config.filter.searchText && ` (\u641C\u7D22: "${config.filter.searchText}")`)), loading && /* @__PURE__ */ React2.createElement("div", { className: "flex justify-center py-8" }, /* @__PURE__ */ React2.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" })), !loading && paginatedEvents.length > 0 && /* @__PURE__ */ React2.createElement(React2.Fragment, null, config.displayMode === "list" /* LIST */ ? renderListMode() : renderGridMode(), totalPages > 1 && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between pt-6" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, "\u7B2C ", config.currentPage, " \u9875\uFF0C\u5171 ", totalPages, " \u9875"), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React2.createElement(
+  ))))), isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center gap-2 text-sm font-medium text-gray-700" }, renderSelectAllCheckbox(), "\u5168\u9009\u5F53\u524D\u9875"), /* @__PURE__ */ React2.createElement("span", { className: "text-sm text-gray-600" }, "\u5DF2\u9009\u62E9 ", selectedEventIds.size, " \u4E2A\u4E8B\u4EF6"))), !isSelectionMode && /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap items-center gap-2 mt-4 pt-4 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement("span", { className: "text-sm text-gray-700 mr-2" }, "\u6392\u5E8F:"), renderSortButton("startTime" /* START_TIME */, "\u65E5\u671F"), renderSortButton("title" /* TITLE */, "\u6807\u9898"), renderSortButton("priority" /* PRIORITY */, "\u4F18\u5148\u7EA7"), renderSortButton("createdAt" /* CREATED_AT */, "\u521B\u5EFA\u65F6\u95F4"), renderSortButton("updatedAt" /* UPDATED_AT */, "\u66F4\u65B0\u65F6\u95F4"))), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, "\u5171 ", sortedAndFilteredEvents.length, " \u4E2A\u4E8B\u4EF6", config.filter.searchText && ' (\u641C\u7D22: "' + config.filter.searchText + '")')), loading && /* @__PURE__ */ React2.createElement("div", { className: "flex justify-center py-8" }, /* @__PURE__ */ React2.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" })), !loading && paginatedEvents.length > 0 && /* @__PURE__ */ React2.createElement(React2.Fragment, null, config.displayMode === "list" /* LIST */ ? renderListMode() : renderGridMode(), totalPages > 1 && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between pt-6" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, "\u7B2C ", config.currentPage, " \u9875\uFF0C\u5171 ", totalPages, " \u9875"), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React2.createElement(
     "button",
     {
       onClick: () => handlePageChange(config.currentPage - 1),
@@ -641,7 +642,7 @@ function EventList({
       onClose: () => setShowBatchDeleteConfirm(false),
       onConfirm: handleBatchDelete,
       title: "\u786E\u8BA4\u6279\u91CF\u5220\u9664",
-      message: `\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684 ${selectedEventIds.size} \u4E2A\u4E8B\u4EF6\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002`,
+      message: "\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684 " + selectedEventIds.size + " \u4E2A\u4E8B\u4EF6\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002",
       confirmText: "\u5220\u9664",
       cancelText: "\u53D6\u6D88",
       isLoading: batchDeleteLoading
@@ -677,7 +678,7 @@ var EventTypeService = class {
       case "recurring" /* RECURRING */:
         return this.generateRecurringEvents(eventData, viewStartDate, viewEndDate, parentEventId);
       default:
-        throw new Error(`\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: ${eventData.type}`);
+        throw new Error("\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: " + eventData.type);
     }
   }
   /**
@@ -798,7 +799,7 @@ var EventTypeService = class {
         nextDate.setFullYear(nextDate.getFullYear() + recurrence.interval);
         break;
       default:
-        throw new Error(`\u4E0D\u652F\u6301\u7684\u91CD\u590D\u6A21\u5F0F: ${recurrence.pattern}`);
+        throw new Error("\u4E0D\u652F\u6301\u7684\u91CD\u590D\u6A21\u5F0F: " + recurrence.pattern);
     }
     return nextDate;
   }
@@ -907,28 +908,28 @@ var EventTypeService = class {
         return "\u5355\u6B21\u4E8B\u4EF6";
       case "multi_day" /* MULTI_DAY */:
         const dayCount = Math.ceil((eventData.endDate.getTime() - eventData.startDate.getTime()) / (24 * 60 * 60 * 1e3)) + 1;
-        return `\u6301\u7EED ${dayCount} \u5929`;
+        return "\u6301\u7EED " + dayCount + " \u5929";
       case "recurring" /* RECURRING */:
         const { pattern, interval, count, endDate } = eventData.recurrence;
         let desc = "";
         switch (pattern) {
           case "daily" /* DAILY */:
-            desc = interval === 1 ? "\u6BCF\u5929" : `\u6BCF ${interval} \u5929`;
+            desc = interval === 1 ? "\u6BCF\u5929" : "\u6BCF " + interval + " \u5929";
             break;
           case "weekly" /* WEEKLY */:
-            desc = interval === 1 ? "\u6BCF\u5468" : `\u6BCF ${interval} \u5468`;
+            desc = interval === 1 ? "\u6BCF\u5468" : "\u6BCF " + interval + " \u5468";
             break;
           case "monthly" /* MONTHLY */:
-            desc = interval === 1 ? "\u6BCF\u6708" : `\u6BCF ${interval} \u4E2A\u6708`;
+            desc = interval === 1 ? "\u6BCF\u6708" : "\u6BCF " + interval + " \u4E2A\u6708";
             break;
           case "yearly" /* YEARLY */:
-            desc = interval === 1 ? "\u6BCF\u5E74" : `\u6BCF ${interval} \u5E74`;
+            desc = interval === 1 ? "\u6BCF\u5E74" : "\u6BCF " + interval + " \u5E74";
             break;
         }
         if (count) {
-          desc += `\uFF0C\u5171 ${count} \u6B21`;
+          desc += "\uFF0C\u5171 " + count + " \u6B21";
         } else if (endDate) {
-          desc += `\uFF0C\u76F4\u5230 ${endDate.toLocaleDateString("zh-CN")}`;
+          desc += "\uFF0C\u76F4\u5230 " + endDate.toLocaleDateString("zh-CN");
         }
         return desc;
       default:
@@ -953,9 +954,9 @@ function useEnhancedEvents() {
         startDate: toLocalISOString(startDate),
         endDate: toLocalISOString(endDate)
       });
-      const response = await fetch(`/api/calendar/events?${params}`);
+      const response = await fetch("/api/calendar/events?" + params);
       if (!response.ok) {
-        throw new Error(`\u83B7\u53D6\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u83B7\u53D6\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -969,7 +970,7 @@ function useEnhancedEvents() {
         updatedAt: new Date(event.updatedAt)
       }));
       console.log("\u{1F4E5} \u83B7\u53D6\u5230\u7684\u4E8B\u4EF6\u6570\u636E:", {
-        requestRange: `${formatDate(startDate)} \u5230 ${formatDate(endDate)}`,
+        requestRange: formatDate(startDate) + " \u5230 " + formatDate(endDate),
         eventCount: eventsWithDates.length,
         eventIds: eventsWithDates.map((e) => e.id)
       });
@@ -1020,7 +1021,7 @@ function useEnhancedEvents() {
         body: JSON.stringify(createRequest)
       });
       if (!response.ok) {
-        throw new Error(`\u521B\u5EFA\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u521B\u5EFA\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -1132,7 +1133,7 @@ function useEnhancedEvents() {
           );
           break;
         default:
-          throw new Error(`\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: ${eventData.type}`);
+          throw new Error("\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: " + eventData.type);
       }
       const createdEvents = [];
       for (const generatedEvent of generatedEvents) {
@@ -1162,7 +1163,7 @@ function useEnhancedEvents() {
           body: JSON.stringify(createRequest)
         });
         if (!response.ok) {
-          throw new Error(`\u521B\u5EFA\u4E8B\u4EF6\u5B9E\u4F8B\u5931\u8D25: ${response.status}`);
+          throw new Error("\u521B\u5EFA\u4E8B\u4EF6\u5B9E\u4F8B\u5931\u8D25: " + response.status);
         }
         const data = await response.json();
         if (!data.success) {
@@ -1200,7 +1201,7 @@ function useEnhancedEvents() {
       if (eventData.allDay !== void 0) updateRequest.allDay = eventData.allDay;
       if (eventData.location !== void 0) updateRequest.location = eventData.location;
       if (eventData.color !== void 0) updateRequest.color = eventData.color;
-      const response = await fetch(`/api/calendar/events/${eventId}`, {
+      const response = await fetch("/api/calendar/events/" + eventId, {
         method: "PUT",
         headers: {
           "Content-Type": "application/json"
@@ -1208,7 +1209,7 @@ function useEnhancedEvents() {
         body: JSON.stringify(updateRequest)
       });
       if (!response.ok) {
-        throw new Error(`\u66F4\u65B0\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u66F4\u65B0\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -1238,12 +1239,12 @@ function useEnhancedEvents() {
     setLoading(true);
     setError(void 0);
     try {
-      const url = deleteAll ? `/api/calendar/events/${eventId}?deleteAll=true` : `/api/calendar/events/${eventId}`;
+      const url = deleteAll ? "/api/calendar/events/" + eventId + "?deleteAll=true" : "/api/calendar/events/" + eventId;
       const response = await fetch(url, {
         method: "DELETE"
       });
       if (!response.ok) {
-        throw new Error(`\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -1271,7 +1272,7 @@ function useEnhancedEvents() {
         body: JSON.stringify({ eventIds })
       });
       if (!response.ok) {
-        throw new Error(`\u6279\u91CF\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u6279\u91CF\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -1303,7 +1304,7 @@ function useEnhancedEvents() {
         endTime: toLocalISOString(newEndTime)
       };
       console.log("\u{1F4E4} \u53D1\u9001API\u8BF7\u6C42:", updateRequest);
-      const response = await fetch(`/api/calendar/events/${eventId}`, {
+      const response = await fetch("/api/calendar/events/" + eventId, {
         method: "PUT",
         headers: {
           "Content-Type": "application/json"
@@ -1311,7 +1312,7 @@ function useEnhancedEvents() {
         body: JSON.stringify(updateRequest)
       });
       if (!response.ok) {
-        throw new Error(`\u66F4\u65B0\u4E8B\u4EF6\u65F6\u95F4\u5931\u8D25: ${response.status}`);
+        throw new Error("\u66F4\u65B0\u4E8B\u4EF6\u65F6\u95F4\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       console.log("\u{1F4E5} API\u54CD\u5E94:", data);
@@ -1467,18 +1468,18 @@ var ImprovedEventModal = ({
     const day = String(date.getDate()).padStart(2, "0");
     const hours = String(date.getHours()).padStart(2, "0");
     const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${year}-${month}-${day}T${hours}:${minutes}`;
+    return year + "-" + month + "-" + day + "T" + hours + ":" + minutes;
   };
   const formatDateOnly = (date) => {
     const year = date.getFullYear();
     const month = String(date.getMonth() + 1).padStart(2, "0");
     const day = String(date.getDate()).padStart(2, "0");
-    return `${year}-${month}-${day}`;
+    return year + "-" + month + "-" + day;
   };
   const formatTimeOnly = (date) => {
     const hours = String(date.getHours()).padStart(2, "0");
     const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${hours}:${minutes}`;
+    return hours + ":" + minutes;
   };
   const buildEventData = () => {
     switch (eventType) {
@@ -1528,7 +1529,7 @@ var ImprovedEventModal = ({
           }
         };
       default:
-        throw new Error(`\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: ${eventType}`);
+        throw new Error("\u4E0D\u652F\u6301\u7684\u4E8B\u4EF6\u7C7B\u578B: " + eventType);
     }
   };
   const validateForm = () => {
@@ -1587,29 +1588,29 @@ var ImprovedEventModal = ({
     {
       type: "button",
       onClick: () => setEventType("single" /* SINGLE */),
-      className: `group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105 ${eventType === "single" /* SINGLE */ ? "bg-gradient-to-br from-blue-50 to-blue-100 border-blue-300 shadow-lg ring-2 ring-blue-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md"}`
+      className: clsx("group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105", eventType === "single" /* SINGLE */ ? "bg-gradient-to-br from-blue-50 to-blue-100 border-blue-300 shadow-lg ring-2 ring-blue-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md")
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: `text-3xl mb-2 transition-transform duration-300 ${eventType === "single" /* SINGLE */ ? "scale-110" : "group-hover:scale-110"}` }, "\u{1F4C5}"), /* @__PURE__ */ React2.createElement("div", { className: `font-semibold mb-1 ${eventType === "single" /* SINGLE */ ? "text-blue-700" : "text-gray-900"}` }, "\u5355\u6B21\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u4E00\u6B21\u6027\u4E8B\u4EF6")),
+    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("text-3xl mb-2 transition-transform duration-300", eventType === "single" /* SINGLE */ ? "scale-110" : "group-hover:scale-110") }, "\u{1F4C5}"), /* @__PURE__ */ React2.createElement("div", { className: clsx("font-semibold mb-1", eventType === "single" /* SINGLE */ ? "text-blue-700" : "text-gray-900") }, "\u5355\u6B21\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u4E00\u6B21\u6027\u4E8B\u4EF6")),
     eventType === "single" /* SINGLE */ && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-2 right-2" }, /* @__PURE__ */ React2.createElement("div", { className: "w-6 h-6 bg-blue-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React2.createElement("span", { className: "text-white text-sm" }, "\u2713")))
   ), /* @__PURE__ */ React2.createElement(
     "button",
     {
       type: "button",
       onClick: () => setEventType("multi_day" /* MULTI_DAY */),
-      className: `group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105 ${eventType === "multi_day" /* MULTI_DAY */ ? "bg-gradient-to-br from-green-50 to-green-100 border-green-300 shadow-lg ring-2 ring-green-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md"}`
+      className: clsx("group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105", eventType === "multi_day" /* MULTI_DAY */ ? "bg-gradient-to-br from-green-50 to-green-100 border-green-300 shadow-lg ring-2 ring-green-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md")
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: `text-3xl mb-2 transition-transform duration-300 ${eventType === "multi_day" /* MULTI_DAY */ ? "scale-110" : "group-hover:scale-110"}` }, "\u{1F5D3}\uFE0F"), /* @__PURE__ */ React2.createElement("div", { className: `font-semibold mb-1 ${eventType === "multi_day" /* MULTI_DAY */ ? "text-green-700" : "text-gray-900"}` }, "\u591A\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u8FDE\u7EED\u591A\u5929")),
+    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("text-3xl mb-2 transition-transform duration-300", eventType === "multi_day" /* MULTI_DAY */ ? "scale-110" : "group-hover:scale-110") }, "\u{1F5D3}\uFE0F"), /* @__PURE__ */ React2.createElement("div", { className: clsx("font-semibold mb-1", eventType === "multi_day" /* MULTI_DAY */ ? "text-green-700" : "text-gray-900") }, "\u591A\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u8FDE\u7EED\u591A\u5929")),
     eventType === "multi_day" /* MULTI_DAY */ && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-2 right-2" }, /* @__PURE__ */ React2.createElement("div", { className: "w-6 h-6 bg-green-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React2.createElement("span", { className: "text-white text-sm" }, "\u2713")))
   ), /* @__PURE__ */ React2.createElement(
     "button",
     {
       type: "button",
       onClick: () => setEventType("recurring" /* RECURRING */),
-      className: `group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105 ${eventType === "recurring" /* RECURRING */ ? "bg-gradient-to-br from-purple-50 to-purple-100 border-purple-300 shadow-lg ring-2 ring-purple-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md"}`
+      className: clsx("group relative p-4 rounded-xl border-2 transition-all duration-300 transform hover:scale-105", eventType === "recurring" /* RECURRING */ ? "bg-gradient-to-br from-purple-50 to-purple-100 border-purple-300 shadow-lg ring-2 ring-purple-200" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300 shadow-sm hover:shadow-md")
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: `text-3xl mb-2 transition-transform duration-300 ${eventType === "recurring" /* RECURRING */ ? "scale-110" : "group-hover:scale-110"}` }, "\u{1F504}"), /* @__PURE__ */ React2.createElement("div", { className: `font-semibold mb-1 ${eventType === "recurring" /* RECURRING */ ? "text-purple-700" : "text-gray-900"}` }, "\u91CD\u590D\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u5468\u671F\u6027\u91CD\u590D")),
+    /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("text-3xl mb-2 transition-transform duration-300", eventType === "recurring" /* RECURRING */ ? "scale-110" : "group-hover:scale-110") }, "\u{1F504}"), /* @__PURE__ */ React2.createElement("div", { className: clsx("font-semibold mb-1", eventType === "recurring" /* RECURRING */ ? "text-purple-700" : "text-gray-900") }, "\u91CD\u590D\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u5468\u671F\u6027\u91CD\u590D")),
     eventType === "recurring" /* RECURRING */ && /* @__PURE__ */ React2.createElement("div", { className: "absolute top-2 right-2" }, /* @__PURE__ */ React2.createElement("div", { className: "w-6 h-6 bg-purple-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React2.createElement("span", { className: "text-white text-sm" }, "\u2713")))
-  )), /* @__PURE__ */ React2.createElement("div", { className: `p-4 rounded-lg transition-all duration-300 ${eventType === "single" /* SINGLE */ ? "bg-blue-50 border border-blue-200" : eventType === "multi_day" /* MULTI_DAY */ ? "bg-green-50 border border-green-200" : "bg-purple-50 border border-purple-200"}` }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-shrink-0 mt-0.5" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, eventType === "single" /* SINGLE */ ? "\u{1F4A1}" : eventType === "multi_day" /* MULTI_DAY */ ? "\u{1F4CB}" : "\u{1F514}")), /* @__PURE__ */ React2.createElement("div", null, eventType === "single" /* SINGLE */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-blue-800 mb-1" }, "\u5355\u6B21\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-blue-700" }, "\u5728\u6307\u5B9A\u7684\u65F6\u95F4\u53D1\u751F\u4E00\u6B21\u7684\u4E8B\u4EF6\uFF0C\u5982\u4F1A\u8BAE\u3001\u7EA6\u4F1A\u3001\u9762\u8BD5\u7B49\u3002\u9002\u5408\u4E00\u6B21\u6027\u7684\u6D3B\u52A8\u5B89\u6392\u3002")), eventType === "multi_day" /* MULTI_DAY */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-green-800 mb-1" }, "\u591A\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-green-700" }, "\u6301\u7EED\u591A\u5929\u7684\u5355\u4E2A\u4E8B\u4EF6\uFF0C\u5982\u57F9\u8BAD\u8BFE\u7A0B\u3001\u4F1A\u8BAE\u3001\u5047\u671F\u7B49\u3002\u4F8B\u5982\uFF1A3\u5929\u7684\u57F9\u8BAD\u8BFE\u7A0B\u62161\u5468\u7684\u5047\u671F\u3002")), eventType === "recurring" /* RECURRING */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-purple-800 mb-1" }, "\u91CD\u590D\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-purple-700" }, "\u6309\u7167\u89C4\u5F8B\u91CD\u590D\u53D1\u751F\u7684\u4E8B\u4EF6\uFF0C\u5982\u6BCF\u5929\u7684\u6668\u4F1A\u3001\u6BCF\u5468\u7684\u4F8B\u4F1A\u3001\u6BCF\u6708\u7684\u603B\u7ED3\u7B49\u3002\u7CFB\u7EDF\u4F1A\u81EA\u52A8\u521B\u5EFA\u591A\u4E2A\u4E8B\u4EF6\u5B9E\u4F8B\u3002"))))));
+  )), /* @__PURE__ */ React2.createElement("div", { className: clsx("p-4 rounded-lg transition-all duration-300", eventType === "single" /* SINGLE */ ? "bg-blue-50 border border-blue-200" : eventType === "multi_day" /* MULTI_DAY */ ? "bg-green-50 border border-green-200" : "bg-purple-50 border border-purple-200") }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-shrink-0 mt-0.5" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, eventType === "single" /* SINGLE */ ? "\u{1F4A1}" : eventType === "multi_day" /* MULTI_DAY */ ? "\u{1F4CB}" : "\u{1F514}")), /* @__PURE__ */ React2.createElement("div", null, eventType === "single" /* SINGLE */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-blue-800 mb-1" }, "\u5355\u6B21\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-blue-700" }, "\u5728\u6307\u5B9A\u7684\u65F6\u95F4\u53D1\u751F\u4E00\u6B21\u7684\u4E8B\u4EF6\uFF0C\u5982\u4F1A\u8BAE\u3001\u7EA6\u4F1A\u3001\u9762\u8BD5\u7B49\u3002\u9002\u5408\u4E00\u6B21\u6027\u7684\u6D3B\u52A8\u5B89\u6392\u3002")), eventType === "multi_day" /* MULTI_DAY */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-green-800 mb-1" }, "\u591A\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-green-700" }, "\u6301\u7EED\u591A\u5929\u7684\u5355\u4E2A\u4E8B\u4EF6\uFF0C\u5982\u57F9\u8BAD\u8BFE\u7A0B\u3001\u4F1A\u8BAE\u3001\u5047\u671F\u7B49\u3002\u4F8B\u5982\uFF1A3\u5929\u7684\u57F9\u8BAD\u8BFE\u7A0B\u62161\u5468\u7684\u5047\u671F\u3002")), eventType === "recurring" /* RECURRING */ && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-purple-800 mb-1" }, "\u91CD\u590D\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-purple-700" }, "\u6309\u7167\u89C4\u5F8B\u91CD\u590D\u53D1\u751F\u7684\u4E8B\u4EF6\uFF0C\u5982\u6BCF\u5929\u7684\u6668\u4F1A\u3001\u6BCF\u5468\u7684\u4F8B\u4F1A\u3001\u6BCF\u6708\u7684\u603B\u7ED3\u7B49\u3002\u7CFB\u7EDF\u4F1A\u81EA\u52A8\u521B\u5EFA\u591A\u4E2A\u4E8B\u4EF6\u5B9E\u4F8B\u3002"))))));
   const renderBasicForm = () => /* @__PURE__ */ React2.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F4DD}"), /* @__PURE__ */ React2.createElement("span", null, "\u4E8B\u4EF6\u6807\u9898"), /* @__PURE__ */ React2.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
@@ -1619,7 +1620,7 @@ var ImprovedEventModal = ({
       className: "w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 placeholder-gray-400 text-gray-900 bg-white hover:border-gray-300",
       placeholder: "\u4E3A\u4F60\u7684\u4E8B\u4EF6\u8D77\u4E2A\u540D\u5B57..."
     }
-  ), /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3" }, /* @__PURE__ */ React2.createElement("div", { className: `w-2 h-2 rounded-full transition-colors duration-200 ${formData.title.trim() ? "bg-green-400" : "bg-gray-300"}` }))), errors.title && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-2 mt-2" }, /* @__PURE__ */ React2.createElement("span", { className: "text-red-500 text-sm" }, "\u26A0\uFE0F"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-red-600" }, errors.title))), /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F4C4}"), /* @__PURE__ */ React2.createElement("span", null, "\u4E8B\u4EF6\u63CF\u8FF0")), /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("w-2 h-2 rounded-full transition-colors duration-200", formData.title.trim() ? "bg-green-400" : "bg-gray-300") }))), errors.title && /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-2 mt-2" }, /* @__PURE__ */ React2.createElement("span", { className: "text-red-500 text-sm" }, "\u26A0\uFE0F"), /* @__PURE__ */ React2.createElement("p", { className: "text-sm text-red-600" }, errors.title))), /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F4C4}"), /* @__PURE__ */ React2.createElement("span", null, "\u4E8B\u4EF6\u63CF\u8FF0")), /* @__PURE__ */ React2.createElement(
     "textarea",
     {
       value: formData.description,
@@ -1628,7 +1629,7 @@ var ImprovedEventModal = ({
       className: "w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 placeholder-gray-400 text-gray-900 bg-white hover:border-gray-300 resize-none",
       placeholder: "\u63CF\u8FF0\u4E00\u4E0B\u8FD9\u4E2A\u4E8B\u4EF6\u7684\u8BE6\u7EC6\u4FE1\u606F..."
     }
-  ), /* @__PURE__ */ React2.createElement("div", { className: "flex justify-between items-center mt-2" }, /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, formData.description.length > 0 && `\u5DF2\u8F93\u5165 ${formData.description.length} \u4E2A\u5B57\u7B26`))), /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F4CD}"), /* @__PURE__ */ React2.createElement("span", null, "\u5730\u70B9")), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: "flex justify-between items-center mt-2" }, /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, formData.description.length > 0 && "\u5DF2\u8F93\u5165 " + formData.description.length + " \u4E2A\u5B57\u7B26"))), /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F4CD}"), /* @__PURE__ */ React2.createElement("span", null, "\u5730\u70B9")), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
       type: "text",
@@ -1637,7 +1638,7 @@ var ImprovedEventModal = ({
       className: "w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all duration-200 placeholder-gray-400 text-gray-900 bg-white hover:border-gray-300",
       placeholder: "\u4E8B\u4EF6\u4E3E\u529E\u5730\u70B9..."
     }
-  ), /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3" }, /* @__PURE__ */ React2.createElement("div", { className: `w-2 h-2 rounded-full transition-colors duration-200 ${formData.location.trim() ? "bg-green-400" : "bg-gray-300"}` })))), /* @__PURE__ */ React2.createElement("div", { className: "bg-gray-50 rounded-xl p-4" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center justify-between cursor-pointer group" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F305}"), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", { className: "text-sm font-medium text-gray-900" }, "\u5168\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u4E0D\u8BBE\u7F6E\u5177\u4F53\u65F6\u95F4\uFF0C\u6574\u5929\u6709\u6548"))), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("w-2 h-2 rounded-full transition-colors duration-200", formData.location.trim() ? "bg-green-400" : "bg-gray-300") })))), /* @__PURE__ */ React2.createElement("div", { className: "bg-gray-50 rounded-xl p-4" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center justify-between cursor-pointer group" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F305}"), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", { className: "text-sm font-medium text-gray-900" }, "\u5168\u5929\u4E8B\u4EF6"), /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500" }, "\u4E0D\u8BBE\u7F6E\u5177\u4F53\u65F6\u95F4\uFF0C\u6574\u5929\u6709\u6548"))), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
       type: "checkbox",
@@ -1646,7 +1647,7 @@ var ImprovedEventModal = ({
       onChange: (e) => handleInputChange("allDay", e.target.checked),
       className: "sr-only"
     }
-  ), /* @__PURE__ */ React2.createElement("div", { className: `w-12 h-6 rounded-full transition-colors duration-200 ${formData.allDay ? "bg-blue-500" : "bg-gray-300"}` }, /* @__PURE__ */ React2.createElement("div", { className: `w-5 h-5 bg-white rounded-full shadow-md transform transition-transform duration-200 ${formData.allDay ? "translate-x-6" : "translate-x-0.5"} translate-y-0.5` }))))), /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F3A8}"), /* @__PURE__ */ React2.createElement("span", null, "\u4E8B\u4EF6\u989C\u8272")), /* @__PURE__ */ React2.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement("div", { className: clsx("w-12 h-6 rounded-full transition-colors duration-200", formData.allDay ? "bg-blue-500" : "bg-gray-300") }, /* @__PURE__ */ React2.createElement("div", { className: clsx("w-5 h-5 bg-white rounded-full shadow-md transform transition-transform duration-200", formData.allDay ? "translate-x-6" : "translate-x-0.5", "translate-y-0.5") }))))), /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F3A8}"), /* @__PURE__ */ React2.createElement("span", null, "\u4E8B\u4EF6\u989C\u8272")), /* @__PURE__ */ React2.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement(
     "div",
     {
       className: "w-12 h-12 rounded-xl border-2 border-gray-200 flex items-center justify-center cursor-pointer hover:scale-105 transition-transform duration-200 shadow-sm",
@@ -1667,7 +1668,7 @@ var ImprovedEventModal = ({
       key: color,
       type: "button",
       onClick: () => handleInputChange("color", color),
-      className: `w-8 h-8 rounded-lg border-2 hover:scale-105 transition-all duration-200 ${formData.color === color ? "border-gray-400 ring-2 ring-gray-200" : "border-gray-200"}`,
+      className: clsx("w-8 h-8 rounded-lg border-2 hover:scale-105 transition-all duration-200", formData.color === color ? "border-gray-400 ring-2 ring-gray-200" : "border-gray-200"),
       style: { backgroundColor: color }
     }
   ))))), /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-gray-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u2B50"), /* @__PURE__ */ React2.createElement("span", null, "\u4F18\u5148\u7EA7")), /* @__PURE__ */ React2.createElement("div", { className: "space-y-2" }, [
@@ -1685,7 +1686,7 @@ var ImprovedEventModal = ({
       onChange: (e) => handleInputChange("priority", e.target.value),
       className: "sr-only"
     }
-  ), /* @__PURE__ */ React2.createElement("div", { className: `flex items-center space-x-3 px-3 py-2 rounded-lg border-2 transition-all duration-200 flex-1 ${formData.priority === priority.value ? priority.color + " ring-2 ring-opacity-20" : "text-gray-600 bg-white border-gray-200 hover:bg-gray-50"}` }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, priority.icon), /* @__PURE__ */ React2.createElement("span", { className: "text-sm font-medium" }, priority.label), formData.priority === priority.value && /* @__PURE__ */ React2.createElement("span", { className: "ml-auto text-sm" }, "\u2713"))))))));
+  ), /* @__PURE__ */ React2.createElement("div", { className: clsx("flex items-center space-x-3 px-3 py-2 rounded-lg border-2 transition-all duration-200 flex-1", formData.priority === priority.value ? priority.color + " ring-2 ring-opacity-20" : "text-gray-600 bg-white border-gray-200 hover:bg-gray-50") }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, priority.icon), /* @__PURE__ */ React2.createElement("span", { className: "text-sm font-medium" }, priority.label), formData.priority === priority.value && /* @__PURE__ */ React2.createElement("span", { className: "ml-auto text-sm" }, "\u2713"))))))));
   const renderSingleEventForm = () => /* @__PURE__ */ React2.createElement("div", { className: "space-y-6" }, !formData.allDay && /* @__PURE__ */ React2.createElement("div", { className: "bg-blue-50 rounded-xl p-4 border border-blue-200" }, /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React2.createElement("div", { className: "group" }, /* @__PURE__ */ React2.createElement("label", { className: "flex items-center space-x-2 text-sm font-medium text-blue-900 mb-3" }, /* @__PURE__ */ React2.createElement("span", { className: "text-lg" }, "\u{1F550}"), /* @__PURE__ */ React2.createElement("span", null, "\u5F00\u59CB\u65F6\u95F4"), /* @__PURE__ */ React2.createElement("span", { className: "text-red-500" }, "*")), /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
@@ -1932,7 +1933,7 @@ function useEventDrag(events, onEventUpdate) {
             newStartTime.setHours(originalStart.getHours(), originalStart.getMinutes(), originalStart.getSeconds(), originalStart.getMilliseconds());
             const duration = originalEnd.getTime() - originalStart.getTime();
             const newEndTime = new Date(newStartTime.getTime() + duration);
-            const previewTime = dragState.draggedEvent.allDay ? "\u5168\u5929" : `${formatTime2(newStartTime)} - ${formatTime2(newEndTime)}`;
+            const previewTime = dragState.draggedEvent.allDay ? "\u5168\u5929" : formatTime2(newStartTime) + " - " + formatTime2(newEndTime);
             console.log("\u23F0 \u8BA1\u7B97\u65B0\u65F6\u95F4:", {
               originalStart: dragState.draggedEvent.startTime,
               originalEnd: dragState.draggedEvent.endTime,
@@ -2080,9 +2081,9 @@ var DraggableEvent = ({
     // 移动端禁用拖拽
   });
   const style = transform ? {
-    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`
+    transform: "translate3d(" + transform.x + "px, " + transform.y + "px, 0)"
   } : void 0;
-  event.allDay ? "\u5168\u5929" : `${formatTime(new Date(event.startTime))} - ${formatTime(new Date(event.endTime))}`;
+  event.allDay ? "\u5168\u5929" : formatTime(new Date(event.startTime)) + " - " + formatTime(new Date(event.endTime));
   const getEventColorClasses = (color) => {
     switch (color) {
       case "red":
@@ -2122,14 +2123,7 @@ var DraggableEvent = ({
     {
       ref: setNodeRef,
       style,
-      className: `
-        group relative rounded border-l-2 px-1 py-0.5 mb-0.5 
-        ${dragSupported ? "cursor-grab active:cursor-grabbing" : "cursor-pointer"}
-        transition-all duration-150 ease-in-out text-xs
-        ${getEventColorClasses(event.color)}
-        ${isDragActive || isDragging ? "opacity-60 shadow-md z-[40]" : "opacity-100"}
-        ${className}
-      `,
+      className: clsx("group relative rounded border-l-2 px-1 py-0.5 mb-0.5", dragSupported ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", "transition-all duration-150 ease-in-out text-xs", getEventColorClasses(event.color), isDragActive || isDragging ? "opacity-60 shadow-md z-[40]" : "opacity-100", className),
       ...dragSupported ? listeners : {},
       ...dragSupported ? attributes : {},
       onClick
@@ -2167,8 +2161,6 @@ var DraggableEvent = ({
   );
 };
 var DraggableEvent_default = DraggableEvent;
-
-// src/calendar/components/DroppableCalendarCell.tsx
 var DroppableCalendarCell = ({
   date,
   events,
@@ -2181,7 +2173,7 @@ var DroppableCalendarCell = ({
   disableDrop = false
 }) => {
   const dateStr = formatDate(date);
-  const dropId = `date-${dateStr}`;
+  const dropId = "date-" + dateStr;
   const {
     isOver,
     setNodeRef
@@ -2232,11 +2224,7 @@ var DroppableCalendarCell = ({
       className: getCellClasses(),
       onClick: () => onDateClick?.(date)
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React2.createElement("span", { className: `
-          inline-flex items-center justify-center text-sm font-semibold w-6 h-6
-          ${!isCurrentMonth ? "text-gray-400" : date.getDay() === 0 || date.getDay() === 6 ? "text-red-600" : "text-gray-900"}
-          ${isToday(date) ? "bg-blue-600 text-white rounded-full shadow-md" : ""}
-        ` }, date.getDate()), dayEvents.length > 0 && /* @__PURE__ */ React2.createElement("span", { className: "bg-yellow-500 inline-flex items-center justify-center text-sm font-semibold w-6 h-6 border border-white 'bg-blue-600 text-white rounded-full shadow-md" }, dayEvents.length)),
+    /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React2.createElement("span", { className: clsx("inline-flex items-center justify-center text-sm font-semibold w-6 h-6", !isCurrentMonth ? "text-gray-400" : date.getDay() === 0 || date.getDay() === 6 ? "text-red-600" : "text-gray-900", isToday(date) ? "bg-blue-600 text-white rounded-full shadow-md" : "") }, date.getDate()), dayEvents.length > 0 && /* @__PURE__ */ React2.createElement("span", { className: "bg-yellow-500 inline-flex items-center justify-center text-sm font-semibold w-6 h-6 border border-white 'bg-blue-600 text-white rounded-full shadow-md" }, dayEvents.length)),
     /* @__PURE__ */ React2.createElement("div", { className: "space-y-1" }, dayEvents.slice(0, 3).map((event) => /* @__PURE__ */ React2.createElement(
       DraggableEvent_default,
       {
@@ -2302,7 +2290,7 @@ var DraggableMonthView = ({
     "th",
     {
       key: day,
-      className: `p-2 sm:p-3 text-center text-sm font-bold border-r border-gray-300 last:border-r-0 ${index === 5 || index === 6 ? "text-red-600 bg-red-50" : "text-gray-800"}`
+      className: clsx("p-2 sm:p-3 text-center text-sm font-bold border-r border-gray-300 last:border-r-0", index === 5 || index === 6 ? "text-red-600 bg-red-50" : "text-gray-800")
     },
     day
   )))), /* @__PURE__ */ React2.createElement("tbody", null, Array.from({ length: 6 }, (_, weekIndex) => /* @__PURE__ */ React2.createElement("tr", { key: weekIndex }, Array.from({ length: 7 }, (_2, dayIndex) => {
@@ -2316,7 +2304,7 @@ var DraggableMonthView = ({
       "td",
       {
         key: dayIndex,
-        className: `h-24 sm:h-32 border-b border-gray-300 border-r border-gray-300 last:border-r-0 relative ${isWeekend2 ? "bg-red-50" : "bg-white"} hover:bg-blue-50 transition-colors`
+        className: clsx("h-24 sm:h-32 border-b border-gray-300 border-r border-gray-300 last:border-r-0 relative", isWeekend2 ? "bg-red-50" : "bg-white", "hover:bg-blue-50 transition-colors")
       },
       /* @__PURE__ */ React2.createElement(
         DroppableCalendarCell_default,
@@ -2334,7 +2322,7 @@ var DraggableMonthView = ({
       )
     );
   }))))));
-  return /* @__PURE__ */ React2.createElement("div", { className: `bg-white rounded-lg shadow-sm ${className}` }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between p-4 border-b" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React2.createElement("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900" }, currentDate.getFullYear(), "\u5E74", getMonthName(currentDate)), /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm", className) }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between p-4 border-b" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React2.createElement("h2", { className: "text-lg sm:text-xl font-semibold text-gray-900" }, currentDate.getFullYear(), "\u5E74", getMonthName(currentDate)), /* @__PURE__ */ React2.createElement(
     "button",
     {
       onClick: goToToday,
@@ -2543,7 +2531,7 @@ function CalendarSettings({ onSettingsChange }) {
     {
       key,
       onClick: () => setActiveTab(key),
-      className: `py-4 text-sm font-medium border-b-2 transition-colors ${activeTab === key ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`
+      className: clsx("py-4 text-sm font-medium border-b-2 transition-colors", activeTab === key ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300")
     },
     /* @__PURE__ */ React2.createElement("span", { className: "mr-2" }, icon),
     label
@@ -2552,7 +2540,7 @@ function CalendarSettings({ onSettingsChange }) {
     {
       key,
       onClick: () => updateSettings({ theme: key }),
-      className: `p-4 border-2 rounded-lg cursor-pointer transition-all ${settings.theme === key ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300"}`
+      className: clsx("p-4 border-2 rounded-lg cursor-pointer transition-all", settings.theme === key ? "border-blue-500 bg-blue-50" : "border-gray-200 hover:border-gray-300")
     },
     /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React2.createElement("h4", { className: "font-medium text-gray-900" }, theme.name), settings.theme === key && /* @__PURE__ */ React2.createElement("svg", { className: "w-5 h-5 text-blue-500", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React2.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }))),
     /* @__PURE__ */ React2.createElement("div", { className: "flex space-x-1 mb-3" }, Object.values(theme.colors).slice(0, 6).map((color, index) => /* @__PURE__ */ React2.createElement(
@@ -2589,7 +2577,7 @@ function CalendarSettings({ onSettingsChange }) {
           style: {
             backgroundColor: index === 3 ? theme.background.today : theme.background.cell,
             color: index === 3 ? theme.text.today : theme.text.primary,
-            border: `1px solid ${index === 3 ? theme.border.today : theme.border.cell}`
+            border: "1px solid " + (index === 3 ? theme.border.today : theme.border.cell)
           }
         },
         index + 1
@@ -2791,7 +2779,7 @@ function CalendarPage({
     const viewEnd = viewDates[viewDates.length - 1];
     if (viewStart && viewEnd) {
       console.log("\u{1F4C5} \u52A0\u8F7D\u6708\u89C6\u56FE\u4E8B\u4EF6\u8303\u56F4:", {
-        currentMonth: `${currentDate.getFullYear()}-${currentDate.getMonth() + 1}`,
+        currentMonth: currentDate.getFullYear() + "-" + (currentDate.getMonth() + 1),
         viewStart: formatDate(viewStart),
         viewEnd: formatDate(viewEnd),
         totalDays: viewDates.length
@@ -2851,9 +2839,9 @@ function CalendarPage({
           return getMonthName2(currentDate);
         }
         if (weekStart.getMonth() === weekEnd.getMonth()) {
-          return `${weekStart.getFullYear()}\u5E74${weekStart.getMonth() + 1}\u6708 \u7B2C${Math.ceil(weekStart.getDate() / 7)}\u5468`;
+          return weekStart.getFullYear() + "\u5E74" + (weekStart.getMonth() + 1) + "\u6708 \u7B2C" + Math.ceil(weekStart.getDate() / 7) + "\u5468";
         } else {
-          return `${weekStart.getMonth() + 1}\u6708${weekStart.getDate()}\u65E5 - ${weekEnd.getMonth() + 1}\u6708${weekEnd.getDate()}\u65E5`;
+          return weekStart.getMonth() + 1 + "\u6708" + weekStart.getDate() + "\u65E5 - " + (weekEnd.getMonth() + 1) + "\u6708" + weekEnd.getDate() + "\u65E5";
         }
       case "day" /* DAY */:
         return currentDate.toLocaleDateString("zh-CN", {
@@ -3017,9 +3005,9 @@ function CalendarPage({
         "th",
         {
           key: index,
-          className: `p-3 text-center border-b border-gray-200 ${index < 6 ? "border-r border-gray-200" : ""}`
+          className: clsx("p-3 text-center border-b border-gray-200", index < 6 ? "border-r border-gray-200" : "")
         },
-        /* @__PURE__ */ React2.createElement("div", { className: `text-sm font-medium ${isWeekend2 ? "text-red-600" : "text-gray-700"}` }, getWeekdayName(date, "zh-CN", "short"))
+        /* @__PURE__ */ React2.createElement("div", { className: clsx("text-sm font-medium", isWeekend2 ? "text-red-600" : "text-gray-700") }, getWeekdayName(date, "zh-CN", "short"))
       );
     }))), /* @__PURE__ */ React2.createElement("tbody", null, /* @__PURE__ */ React2.createElement("tr", null, weekDates.map((date, index) => {
       const dayEvents = getEventsForDate(date);
@@ -3030,24 +3018,14 @@ function CalendarPage({
         {
           key: index,
           onClick: () => handleDateClick(date),
-          className: `
-                      h-56 border-b border-gray-200 relative cursor-pointer
-                      ${index < 6 ? "border-r border-gray-200" : ""}
-                      hover:bg-gray-50 transition-colors
-                      ${isTodayDate ? "bg-blue-50" : "bg-white"}
-                    `
+          className: clsx("h-56 border-b border-gray-200 relative cursor-pointer", index < 6 ? "border-r border-gray-200" : "", "hover:bg-gray-50 transition-colors", isTodayDate ? "bg-blue-50" : "bg-white")
         },
-        /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col h-full p-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col items-center mb-3" }, /* @__PURE__ */ React2.createElement("div", { className: `flex items-center justify-center text-lg font-bold w-10 h-10 rounded-full ${isTodayDate ? "bg-blue-600 text-white shadow-md" : isWeekend2 ? "text-red-600 bg-red-50" : "text-gray-900 hover:bg-gray-100"} transition-colors` }, date.getDate()), (index === 0 || date.getDate() === 1) && /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500 mt-1 font-medium" }, date.getMonth() + 1, "\u6708")), /* @__PURE__ */ React2.createElement("div", { className: "flex-1 flex flex-col" }, dayEvents.length > 0 ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: "text-center mb-2" }, /* @__PURE__ */ React2.createElement("span", { className: `inline-flex items-center justify-center w-6 h-6 text-xs font-bold rounded-full ${dayEvents.length > 5 ? "bg-red-100 text-red-700" : dayEvents.length > 2 ? "bg-yellow-100 text-yellow-700" : "bg-green-100 text-green-700"}` }, dayEvents.length)), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1 overflow-hidden" }, dayEvents.slice(0, 4).map((event, eventIndex) => /* @__PURE__ */ React2.createElement(
+        /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col h-full p-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col items-center mb-3" }, /* @__PURE__ */ React2.createElement("div", { className: clsx("flex items-center justify-center text-lg font-bold w-10 h-10 rounded-full", isTodayDate ? "bg-blue-600 text-white shadow-md" : isWeekend2 ? "text-red-600 bg-red-50" : "text-gray-900 hover:bg-gray-100", "transition-colors") }, date.getDate()), (index === 0 || date.getDate() === 1) && /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-500 mt-1 font-medium" }, date.getMonth() + 1, "\u6708")), /* @__PURE__ */ React2.createElement("div", { className: "flex-1 flex flex-col" }, dayEvents.length > 0 ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: "text-center mb-2" }, /* @__PURE__ */ React2.createElement("span", { className: clsx("inline-flex items-center justify-center w-6 h-6 text-xs font-bold rounded-full", dayEvents.length > 5 ? "bg-red-100 text-red-700" : dayEvents.length > 2 ? "bg-yellow-100 text-yellow-700" : "bg-green-100 text-green-700") }, dayEvents.length)), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1 overflow-hidden" }, dayEvents.slice(0, 4).map((event, eventIndex) => /* @__PURE__ */ React2.createElement(
           "div",
           {
             key: eventIndex,
             onClick: (e) => event.isRealEvent && event.id ? handleEventClick(events.find((e2) => e2.id === event.id), e) : void 0,
-            className: `
-                                    text-xs px-2 py-1 rounded font-medium truncate text-center
-                                    ${event.isRealEvent ? "cursor-pointer hover:opacity-80 hover:shadow-sm" : "cursor-default"}
-                                    transition-all duration-200
-                                    ${getEventColorClass(event.color)}
-                                  `,
+            className: clsx("text-xs px-2 py-1 rounded font-medium truncate text-center", event.isRealEvent ? "cursor-pointer hover:opacity-80 hover:shadow-sm" : "cursor-default", "transition-all duration-200", getEventColorClass(event.color)),
             title: event.title
           },
           event.title
@@ -3058,7 +3036,7 @@ function CalendarPage({
   const renderDayView = () => {
     const dayEvents = getEventsForDate(currentDate);
     const isTodayDate = isToday(currentDate);
-    return /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden mb-6" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-gray-50 p-4 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600 mb-1" }, currentDate.toLocaleDateString("zh-CN", { weekday: "long" })), /* @__PURE__ */ React2.createElement("div", { className: `text-2xl font-bold ${isTodayDate ? "text-blue-600" : "text-gray-900"}` }, currentDate.getDate(), "\u65E5"), /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, currentDate.toLocaleDateString("zh-CN", { year: "numeric", month: "long" })))), /* @__PURE__ */ React2.createElement("div", { className: "p-4" }, /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden mb-6" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-gray-50 p-4 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "text-center" }, /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600 mb-1" }, currentDate.toLocaleDateString("zh-CN", { weekday: "long" })), /* @__PURE__ */ React2.createElement("div", { className: clsx("text-2xl font-bold", isTodayDate ? "text-blue-600" : "text-gray-900") }, currentDate.getDate(), "\u65E5"), /* @__PURE__ */ React2.createElement("div", { className: "text-sm text-gray-600" }, currentDate.toLocaleDateString("zh-CN", { year: "numeric", month: "long" })))), /* @__PURE__ */ React2.createElement("div", { className: "p-4" }, /* @__PURE__ */ React2.createElement(
       "button",
       {
         onClick: () => handleDateClick(currentDate),
@@ -3070,12 +3048,7 @@ function CalendarPage({
       {
         key: eventIndex,
         onClick: (e) => event.isRealEvent && event.id ? handleEventClick(events.find((e2) => e2.id === event.id), e) : void 0,
-        className: `
-                    p-3 rounded-lg border-l-4 bg-gray-50
-                    ${event.isRealEvent ? "cursor-pointer hover:shadow-md" : "cursor-default"}
-                    transition-shadow
-                    ${getEventColorClass(event.color)}
-                  `
+        className: clsx("p-3 rounded-lg border-l-4 bg-gray-50", event.isRealEvent ? "cursor-pointer hover:shadow-md" : "cursor-default", "transition-shadow", getEventColorClass(event.color))
       },
       /* @__PURE__ */ React2.createElement("div", { className: "font-medium text-sm mb-1" }, event.title),
       event.isRealEvent && event.id && /* @__PURE__ */ React2.createElement("div", { className: "text-xs text-gray-600" }, "\u70B9\u51FB\u7F16\u8F91\u4E8B\u4EF6")
@@ -3088,7 +3061,7 @@ function CalendarPage({
       setSelectedDate(null);
       const eventCount = createdEvents.length;
       if (eventCount > 1) {
-        alert(`\u6210\u529F\u521B\u5EFA ${eventCount} \u4E2A\u4E8B\u4EF6\uFF01`);
+        alert("\u6210\u529F\u521B\u5EFA " + eventCount + " \u4E2A\u4E8B\u4EF6\uFF01");
       } else {
         alert("\u4E8B\u4EF6\u521B\u5EFA\u6210\u529F\uFF01");
       }
@@ -3108,21 +3081,21 @@ function CalendarPage({
     "button",
     {
       onClick: () => setActiveTab("calendar"),
-      className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${activeTab === "calendar" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-4 py-2 text-sm font-medium rounded-md transition-colors", activeTab === "calendar" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     "\u{1F4C5} \u65E5\u5386\u89C6\u56FE"
   ), /* @__PURE__ */ React2.createElement(
     "button",
     {
       onClick: () => setActiveTab("events"),
-      className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${activeTab === "events" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-4 py-2 text-sm font-medium rounded-md transition-colors", activeTab === "events" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     "\u{1F4CB} \u4E8B\u4EF6\u5217\u8868"
   ), /* @__PURE__ */ React2.createElement(
     "button",
     {
       onClick: () => setActiveTab("settings"),
-      className: `px-4 py-2 text-sm font-medium rounded-md transition-colors ${activeTab === "settings" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-4 py-2 text-sm font-medium rounded-md transition-colors", activeTab === "settings" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     "\u2699\uFE0F \u8BBE\u7F6E"
   ))), error && /* @__PURE__ */ React2.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-start" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React2.createElement("svg", { className: "h-5 w-5 text-red-400 mt-0.5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React2.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React2.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React2.createElement("h3", { className: "text-sm font-medium text-red-800" }, "\u64CD\u4F5C\u5931\u8D25"), /* @__PURE__ */ React2.createElement("p", { className: "mt-1 text-sm text-red-700" }, error), /* @__PURE__ */ React2.createElement(
@@ -3137,7 +3110,7 @@ function CalendarPage({
     {
       key: view,
       onClick: () => setViewType(CalendarViewType[view.toUpperCase()]),
-      className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${viewType === CalendarViewType[view.toUpperCase()] ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900"}`
+      className: clsx("px-3 py-1.5 text-sm font-medium rounded-md transition-colors", viewType === CalendarViewType[view.toUpperCase()] ? "bg-white text-gray-900 shadow-sm" : "text-gray-600 hover:text-gray-900")
     },
     view === "month" ? "\u6708" : view === "week" ? "\u5468" : "\u65E5"
   )))))), renderCalendarView(), /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-6" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center mb-4" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-blue-100 p-3 rounded-lg" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-6 h-6 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }))), /* @__PURE__ */ React2.createElement("h3", { className: "ml-3 text-lg font-semibold text-gray-900" }, "\u4E8B\u4EF6\u7BA1\u7406")), /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 text-sm mb-4" }, "\u521B\u5EFA\u3001\u7F16\u8F91\u3001\u5220\u9664\u65E5\u5386\u4E8B\u4EF6\uFF0C\u652F\u6301\u62D6\u62FD\u8C03\u6574\u65F6\u95F4\uFF0C\u591A\u79CD\u989C\u8272\u6807\u8BC6\u3002")), /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center mb-4" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-green-100 p-3 rounded-lg" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-6 h-6 text-green-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }))), /* @__PURE__ */ React2.createElement("h3", { className: "ml-3 text-lg font-semibold text-gray-900" }, "\u91CD\u590D\u4E8B\u4EF6")), /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 text-sm mb-4" }, "\u652F\u6301\u65E5\u3001\u5468\u3001\u6708\u3001\u5E74\u91CD\u590D\u6A21\u5F0F\uFF0C\u7075\u6D3B\u7684\u91CD\u590D\u89C4\u5219\u914D\u7F6E\u3002")), /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center mb-4" }, /* @__PURE__ */ React2.createElement("div", { className: "bg-purple-100 p-3 rounded-lg" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-6 h-6 text-purple-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-5 5v-5zM4 7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2V7z" }))), /* @__PURE__ */ React2.createElement("h3", { className: "ml-3 text-lg font-semibold text-gray-900" }, "\u667A\u80FD\u63D0\u9192")), /* @__PURE__ */ React2.createElement("p", { className: "text-gray-600 text-sm mb-4" }, "\u90AE\u4EF6\u3001\u901A\u77E5\u3001\u77ED\u4FE1\u591A\u79CD\u63D0\u9192\u65B9\u5F0F\uFF0C\u81EA\u5B9A\u4E49\u63D0\u9192\u65F6\u95F4\u3002"))), /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-sm border border-gray-200 p-6" }, /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "\u6280\u672F\u7279\u6027"), /* @__PURE__ */ React2.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center text-sm text-gray-600" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4 text-green-500 mr-3 flex-shrink-0", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React2.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" })), "\u5B8C\u6574\u7684TypeScript\u7C7B\u578B\u5B9A\u4E49"), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center text-sm text-gray-600" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4 text-green-500 mr-3 flex-shrink-0", fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React2.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" })), "\u54CD\u5E94\u5F0F\u8BBE\u8BA1 (TailwindCSS)")))), activeTab === "events" && /* @__PURE__ */ React2.createElement(
@@ -3250,7 +3223,7 @@ var EventModal = ({
     const day = String(date.getDate()).padStart(2, "0");
     const hours = String(date.getHours()).padStart(2, "0");
     const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${year}-${month}-${day}T${hours}:${minutes}`;
+    return year + "-" + month + "-" + day + "T" + hours + ":" + minutes;
   };
   const validateForm = () => {
     const newErrors = {};
@@ -3365,7 +3338,7 @@ var EventModal = ({
         id: "title",
         value: formData.title,
         onChange: (e) => handleInputChange("title", e.target.value),
-        className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none ${errors.title ? "border-red-500" : "border-gray-300"}`,
+        className: clsx("w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none", errors.title ? "border-red-500" : "border-gray-300"),
         placeholder: "\u8F93\u5165\u4E8B\u4EF6\u6807\u9898"
       }
     ), errors.title && /* @__PURE__ */ React2.createElement("p", { className: "text-red-500 text-sm mt-1" }, errors.title)), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React2.createElement(
@@ -3384,10 +3357,10 @@ var EventModal = ({
         id: "startTime",
         value: formData.isAllDay ? formData.startTime.split("T")[0] : formData.startTime,
         onChange: (e) => {
-          const value = formData.isAllDay ? `${e.target.value}T00:00` : e.target.value;
+          const value = formData.isAllDay ? e.target.value + "T00:00" : e.target.value;
           handleInputChange("startTime", value);
         },
-        className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none ${errors.startTime ? "border-red-500" : "border-gray-300"}`
+        className: clsx("w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none", errors.startTime ? "border-red-500" : "border-gray-300")
       }
     ), errors.startTime && /* @__PURE__ */ React2.createElement("p", { className: "text-red-500 text-sm mt-1" }, errors.startTime)), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("label", { htmlFor: "endTime", className: "block text-sm font-medium text-gray-700 mb-1" }, "\u7ED3\u675F\u65F6\u95F4 *"), /* @__PURE__ */ React2.createElement(
       "input",
@@ -3396,10 +3369,10 @@ var EventModal = ({
         id: "endTime",
         value: formData.isAllDay ? formData.endTime.split("T")[0] : formData.endTime,
         onChange: (e) => {
-          const value = formData.isAllDay ? `${e.target.value}T23:59` : e.target.value;
+          const value = formData.isAllDay ? e.target.value + "T23:59" : e.target.value;
           handleInputChange("endTime", value);
         },
-        className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none ${errors.endTime ? "border-red-500" : "border-gray-300"}`
+        className: clsx("w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none", errors.endTime ? "border-red-500" : "border-gray-300")
       }
     ), errors.endTime && /* @__PURE__ */ React2.createElement("p", { className: "text-red-500 text-sm mt-1" }, errors.endTime))), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("label", { htmlFor: "location", className: "block text-sm font-medium text-gray-700 mb-1" }, "\u4F4D\u7F6E"), /* @__PURE__ */ React2.createElement(
       "input",
@@ -3640,7 +3613,7 @@ var EventModal = ({
         onClose: () => setShowDeleteConfirm(false),
         onConfirm: handleDelete,
         title: "\u786E\u8BA4\u5220\u9664",
-        message: `\u786E\u5B9A\u8981\u5220\u9664\u4E8B\u4EF6"${formData.title}"\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002`,
+        message: '\u786E\u5B9A\u8981\u5220\u9664\u4E8B\u4EF6"' + formData.title + '"\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002',
         confirmText: "\u5220\u9664",
         cancelText: "\u53D6\u6D88",
         isLoading
@@ -3649,8 +3622,6 @@ var EventModal = ({
   );
 };
 var EventModal_default = EventModal;
-
-// src/calendar/pages/EventDetailPage.tsx
 var EventDetailPage = ({
   eventId,
   onBack,
@@ -3762,7 +3733,7 @@ var EventDetailPage = ({
   )))), /* @__PURE__ */ React2.createElement("div", { className: "bg-white rounded-lg shadow-md overflow-hidden" }, /* @__PURE__ */ React2.createElement("div", { className: "px-6 py-4 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("h2", { className: "text-2xl font-semibold text-gray-900" }, event.title), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React2.createElement(
     "span",
     {
-      className: `px-2 py-1 text-xs font-medium rounded-full ${getPriorityColor(event.priority || "normal")}`
+      className: clsx("px-2 py-1 text-xs font-medium rounded-full", getPriorityColor(event.priority || "normal"))
     },
     getPriorityText(event.priority || "normal")
   ), /* @__PURE__ */ React2.createElement(
@@ -3786,7 +3757,7 @@ var EventDetailPage = ({
       onClose: () => setShowDeleteConfirm(false),
       onConfirm: handleDelete,
       title: "\u786E\u8BA4\u5220\u9664",
-      message: `\u60A8\u786E\u5B9A\u8981\u5220\u9664\u4E8B\u4EF6"${event.title}"\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002`,
+      message: '\u60A8\u786E\u5B9A\u8981\u5220\u9664\u4E8B\u4EF6"' + event.title + '"\u5417\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002',
       confirmText: "\u5220\u9664",
       cancelText: "\u53D6\u6D88",
       isLoading: isDeleting
@@ -3861,7 +3832,7 @@ function EventForm({
     const day = String(date.getDate()).padStart(2, "0");
     const hours = String(date.getHours()).padStart(2, "0");
     const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${year}-${month}-${day}T${hours}:${minutes}`;
+    return year + "-" + month + "-" + day + "T" + hours + ":" + minutes;
   };
   const parseDateTimeLocal = (value) => {
     return new Date(value);
@@ -3890,7 +3861,7 @@ function EventForm({
       id: "title",
       value: formData.title,
       onChange: (e) => handleInputChange("title", e.target.value),
-      className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${errors.title ? "border-red-300" : "border-gray-300"}`,
+      className: clsx("w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", errors.title ? "border-red-300" : "border-gray-300"),
       placeholder: "\u8BF7\u8F93\u5165\u4E8B\u4EF6\u6807\u9898"
     }
   ), errors.title && /* @__PURE__ */ React2.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.title)), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("label", { htmlFor: "description", className: "block text-sm font-medium text-gray-700 mb-1" }, "\u4E8B\u4EF6\u63CF\u8FF0"), /* @__PURE__ */ React2.createElement(
@@ -3944,7 +3915,7 @@ function EventForm({
         const newDate = formData.allDay ? /* @__PURE__ */ new Date(e.target.value + "T23:59:59") : parseDateTimeLocal(e.target.value);
         handleInputChange("endTime", newDate);
       },
-      className: `w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 ${errors.endTime ? "border-red-300" : "border-gray-300"}`
+      className: clsx("w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500", errors.endTime ? "border-red-300" : "border-gray-300")
     }
   ), errors.endTime && /* @__PURE__ */ React2.createElement("p", { className: "mt-1 text-sm text-red-600" }, errors.endTime))), /* @__PURE__ */ React2.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5916\u89C2"), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "\u4E8B\u4EF6\u989C\u8272"), /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap gap-3" }, colorOptions.map((option) => /* @__PURE__ */ React2.createElement(
     "button",
@@ -3952,12 +3923,9 @@ function EventForm({
       key: option.value,
       type: "button",
       onClick: () => handleInputChange("color", option.value),
-      className: `
-                    flex items-center px-3 py-2 rounded-lg border-2 transition-all
-                    ${formData.color === option.value ? "border-blue-500 ring-2 ring-blue-200" : "border-gray-200 hover:border-gray-300"}
-                  `
+      className: clsx("flex items-center px-3 py-2 rounded-lg border-2 transition-all", formData.color === option.value ? "border-blue-500 ring-2 ring-blue-200" : "border-gray-200 hover:border-gray-300")
     },
-    /* @__PURE__ */ React2.createElement("div", { className: `w-4 h-4 rounded-full ${option.class} mr-2` }),
+    /* @__PURE__ */ React2.createElement("div", { className: clsx("w-4 h-4 rounded-full", option.class, "mr-2") }),
     /* @__PURE__ */ React2.createElement("span", { className: "text-sm text-gray-700" }, option.label)
   ))))), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-end gap-3 pt-6 border-t border-gray-200" }, /* @__PURE__ */ React2.createElement(
     "button",
@@ -4067,7 +4035,7 @@ var EventSearch = ({
     };
     return priorityMap[priority];
   };
-  return /* @__PURE__ */ React2.createElement("div", { className: `bg-white rounded-lg border border-gray-200 ${className}` }, /* @__PURE__ */ React2.createElement("div", { className: "p-4 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: clsx("bg-white rounded-lg border border-gray-200", className) }, /* @__PURE__ */ React2.createElement("div", { className: "p-4 border-b border-gray-200" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
     "input",
     {
       type: "text",
@@ -4081,12 +4049,12 @@ var EventSearch = ({
     {
       type: "button",
       onClick: () => setIsExpanded(!isExpanded),
-      className: `px-3 py-2 text-sm font-medium rounded-lg transition-colors ${hasActiveFilters ? "bg-blue-100 text-blue-700 border border-blue-300" : "bg-gray-100 text-gray-700 border border-gray-300 hover:bg-gray-200"}`
+      className: clsx("px-3 py-2 text-sm font-medium rounded-lg transition-colors", hasActiveFilters ? "bg-blue-100 text-blue-700 border border-blue-300" : "bg-gray-100 text-gray-700 border border-gray-300 hover:bg-gray-200")
     },
     /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React2.createElement(
       "svg",
       {
-        className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-180" : ""}`,
+        className: clsx("h-4 w-4 transition-transform", isExpanded ? "rotate-180" : ""),
         fill: "none",
         stroke: "currentColor",
         viewBox: "0 0 24 24"
@@ -4134,9 +4102,9 @@ var EventSearch = ({
         const newColors = filters.colorFilter.includes(color) ? filters.colorFilter.filter((c) => c !== color) : [...filters.colorFilter, color];
         handleFilterChange("colorFilter", newColors);
       },
-      className: `w-8 h-8 rounded border-2 transition-all ${filters.colorFilter.includes(color) ? "border-gray-800 scale-110" : "border-gray-300 hover:border-gray-500"}`,
+      className: clsx("w-8 h-8 rounded border-2 transition-all", filters.colorFilter.includes(color) ? "border-gray-800 scale-110" : "border-gray-300 hover:border-gray-500"),
       style: { backgroundColor: color },
-      title: `\u989C\u8272: ${color}`
+      title: "\u989C\u8272: " + color
     }
   )))), /* @__PURE__ */ React2.createElement("div", { className: "md:col-span-2 lg:col-span-3" }, /* @__PURE__ */ React2.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "\u65E5\u671F\u8303\u56F4"), /* @__PURE__ */ React2.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React2.createElement(
     "input",
@@ -4178,9 +4146,9 @@ function useEvents2() {
         startDate: toLocalISOString(startDate),
         endDate: toLocalISOString(endDate)
       });
-      const response = await fetch(`/api/calendar/events?${params}`);
+      const response = await fetch("/api/calendar/events?" + params);
       if (!response.ok) {
-        throw new Error(`\u83B7\u53D6\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u83B7\u53D6\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -4229,7 +4197,7 @@ function useEvents2() {
         body: JSON.stringify(createRequest)
       });
       if (!response.ok) {
-        throw new Error(`\u521B\u5EFA\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u521B\u5EFA\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -4265,7 +4233,7 @@ function useEvents2() {
       if (eventData.allDay !== void 0) updateRequest.allDay = eventData.allDay;
       if (eventData.location !== void 0) updateRequest.location = eventData.location;
       if (eventData.color !== void 0) updateRequest.color = eventData.color;
-      const response = await fetch(`/api/calendar/events/${eventId}`, {
+      const response = await fetch("/api/calendar/events/" + eventId, {
         method: "PUT",
         headers: {
           "Content-Type": "application/json"
@@ -4273,7 +4241,7 @@ function useEvents2() {
         body: JSON.stringify(updateRequest)
       });
       if (!response.ok) {
-        throw new Error(`\u66F4\u65B0\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u66F4\u65B0\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -4303,12 +4271,12 @@ function useEvents2() {
     setLoading(true);
     setError(void 0);
     try {
-      const url = deleteAll ? `/api/calendar/events/${eventId}?deleteAll=true` : `/api/calendar/events/${eventId}`;
+      const url = deleteAll ? "/api/calendar/events/" + eventId + "?deleteAll=true" : "/api/calendar/events/" + eventId;
       const response = await fetch(url, {
         method: "DELETE"
       });
       if (!response.ok) {
-        throw new Error(`\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -4336,7 +4304,7 @@ function useEvents2() {
         body: JSON.stringify({ eventIds })
       });
       if (!response.ok) {
-        throw new Error(`\u6279\u91CF\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: ${response.status}`);
+        throw new Error("\u6279\u91CF\u5220\u9664\u4E8B\u4EF6\u5931\u8D25: " + response.status);
       }
       const data = await response.json();
       if (!data.success) {
@@ -4379,7 +4347,7 @@ var CalendarExportService = class {
       case "csv":
         return this.exportToCSV(events);
       default:
-        throw new Error(`\u4E0D\u652F\u6301\u7684\u5BFC\u51FA\u683C\u5F0F: ${options.format}`);
+        throw new Error("\u4E0D\u652F\u6301\u7684\u5BFC\u51FA\u683C\u5F0F: " + options.format);
     }
   }
   /**
@@ -4394,16 +4362,16 @@ var CalendarExportService = class {
     lines.push("METHOD:PUBLISH");
     events.forEach((event) => {
       lines.push("BEGIN:VEVENT");
-      lines.push(`UID:${event.id}@profile-v1.calendar`);
-      lines.push(`DTSTART:${this.formatDateTimeToICal(new Date(event.startTime))}`);
-      lines.push(`DTEND:${this.formatDateTimeToICal(new Date(event.endTime))}`);
-      lines.push(`DTSTAMP:${this.formatDateTimeToICal(new Date(event.createdAt))}`);
-      lines.push(`SUMMARY:${this.escapeICalText(event.title)}`);
+      lines.push("UID:" + event.id + "@profile-v1.calendar");
+      lines.push("DTSTART:" + this.formatDateTimeToICal(new Date(event.startTime)));
+      lines.push("DTEND:" + this.formatDateTimeToICal(new Date(event.endTime)));
+      lines.push("DTSTAMP:" + this.formatDateTimeToICal(new Date(event.createdAt)));
+      lines.push("SUMMARY:" + this.escapeICalText(event.title));
       if (event.description) {
-        lines.push(`DESCRIPTION:${this.escapeICalText(event.description)}`);
+        lines.push("DESCRIPTION:" + this.escapeICalText(event.description));
       }
       if (event.location) {
-        lines.push(`LOCATION:${this.escapeICalText(event.location)}`);
+        lines.push("LOCATION:" + this.escapeICalText(event.location));
       }
       if (event.priority) {
         const priorityMap = {
@@ -4411,7 +4379,7 @@ var CalendarExportService = class {
           "normal": "5",
           "high": "1"
         };
-        lines.push(`PRIORITY:${priorityMap[event.priority] || "5"}`);
+        lines.push("PRIORITY:" + (priorityMap[event.priority] || "5"));
       }
       if (event.allDay) {
         lines.push("X-MICROSOFT-CDO-ALLDAYEVENT:TRUE");
@@ -4531,7 +4499,7 @@ var CalendarExportService = class {
    */
   static escapeCSVField(field) {
     if (field.includes(",") || field.includes('"') || field.includes("\n")) {
-      return `"${field.replace(/"/g, '""')}"`;
+      return '"' + field.replace(/"/g, '""') + '"';
     }
     return field;
   }
@@ -4551,7 +4519,7 @@ var CalendarImportService = class {
       return {
         success: false,
         importedCount: 0,
-        errors: [`\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25: ${error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"}`],
+        errors: ["\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25: " + (error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF")],
         events: []
       };
     }
@@ -4573,7 +4541,7 @@ var CalendarImportService = class {
           events = this.parseCSVContent(content);
           break;
         default:
-          throw new Error(`\u4E0D\u652F\u6301\u7684\u5BFC\u5165\u683C\u5F0F: ${options.format}`);
+          throw new Error("\u4E0D\u652F\u6301\u7684\u5BFC\u5165\u683C\u5F0F: " + options.format);
       }
       if (options.validateEvents) {
         events = this.validateAndFilterEvents(events);
@@ -4588,7 +4556,7 @@ var CalendarImportService = class {
       return {
         success: false,
         importedCount: 0,
-        errors: [`\u89E3\u6790\u5185\u5BB9\u5931\u8D25: ${error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF"}`],
+        errors: ["\u89E3\u6790\u5185\u5BB9\u5931\u8D25: " + (error instanceof Error ? error.message : "\u672A\u77E5\u9519\u8BEF")],
         events: []
       };
     }
@@ -4815,7 +4783,7 @@ var CalendarImportService = class {
         const hour = dateTime.substring(8, 10);
         const minute = dateTime.substring(10, 12);
         const second = dateTime.substring(12, 14);
-        return `${year}-${month}-${day}T${hour}:${minute}:${second}.000Z`;
+        return year + "-" + month + "-" + day + "T" + hour + ":" + minute + ":" + second + ".000Z";
       }
     } else {
       const dateOnly = value.replace(/[^\d]/g, "");
@@ -4823,7 +4791,7 @@ var CalendarImportService = class {
         const year = dateOnly.substring(0, 4);
         const month = dateOnly.substring(4, 6);
         const day = dateOnly.substring(6, 8);
-        return `${year}-${month}-${day}T00:00:00.000Z`;
+        return year + "-" + month + "-" + day + "T00:00:00.000Z";
       }
     }
     return (/* @__PURE__ */ new Date()).toISOString();
@@ -4985,22 +4953,22 @@ var RecurrenceService = class {
     let description = "";
     switch (rule.type) {
       case "daily":
-        description = rule.interval === 1 ? "\u6BCF\u5929" : `\u6BCF${rule.interval}\u5929`;
+        description = rule.interval === 1 ? "\u6BCF\u5929" : "\u6BCF" + rule.interval + "\u5929";
         break;
       case "weekly":
-        description = rule.interval === 1 ? "\u6BCF\u5468" : `\u6BCF${rule.interval}\u5468`;
+        description = rule.interval === 1 ? "\u6BCF\u5468" : "\u6BCF" + rule.interval + "\u5468";
         break;
       case "monthly":
-        description = rule.interval === 1 ? "\u6BCF\u6708" : `\u6BCF${rule.interval}\u4E2A\u6708`;
+        description = rule.interval === 1 ? "\u6BCF\u6708" : "\u6BCF" + rule.interval + "\u4E2A\u6708";
         break;
       case "yearly":
-        description = rule.interval === 1 ? "\u6BCF\u5E74" : `\u6BCF${rule.interval}\u5E74`;
+        description = rule.interval === 1 ? "\u6BCF\u5E74" : "\u6BCF" + rule.interval + "\u5E74";
         break;
     }
     if (rule.endDate) {
-      description += `\uFF0C\u76F4\u5230${rule.endDate}`;
+      description += "\uFF0C\u76F4\u5230" + rule.endDate;
     } else if (rule.count) {
-      description += `\uFF0C\u5171${rule.count}\u6B21`;
+      description += "\uFF0C\u5171" + rule.count + "\u6B21";
     }
     return description;
   }
@@ -5024,7 +4992,7 @@ var ReminderService = class {
    * 为事件创建提醒
    */
   static createReminder(event, reminderMinutes, reminderType = "browser") {
-    const reminderId = `${event.id}_${Date.now()}`;
+    const reminderId = event.id + "_" + Date.now();
     const eventStart = new Date(event.startTime);
     const reminderTime = new Date(eventStart.getTime() - reminderMinutes * 60 * 1e3);
     const reminder = {
@@ -5106,8 +5074,7 @@ var ReminderService = class {
     }
     const timeText = this.getTimeText(reminder.config.minutes);
     const notification = new Notification(`\u{1F4C5} \u4E8B\u4EF6\u63D0\u9192`, {
-      body: `${reminder.eventTitle}
-${timeText}`,
+      body: reminder.eventTitle + "\n" + timeText,
       icon: "/favicon.ico",
       tag: reminder.id,
       requireInteraction: true
@@ -5160,10 +5127,7 @@ ${timeText}`,
    */
   static showVisualAlert(reminder) {
     const timeText = this.getTimeText(reminder.config.minutes);
-    alert(`\u{1F4C5} \u4E8B\u4EF6\u63D0\u9192
-
-${reminder.eventTitle}
-${timeText}`);
+    alert("\u{1F4C5} \u4E8B\u4EF6\u63D0\u9192\n\n" + reminder.eventTitle + "\n" + timeText);
   }
   /**
    * 获取时间描述文本
@@ -5172,15 +5136,15 @@ ${timeText}`);
     if (minutes === 0) {
       return "\u4E8B\u4EF6\u5373\u5C06\u5F00\u59CB";
     } else if (minutes < 60) {
-      return `${minutes}\u5206\u949F\u540E\u5F00\u59CB`;
+      return minutes + "\u5206\u949F\u540E\u5F00\u59CB";
     } else if (minutes < 1440) {
       const hours = Math.floor(minutes / 60);
       const remainingMinutes = minutes % 60;
-      return remainingMinutes > 0 ? `${hours}\u5C0F\u65F6${remainingMinutes}\u5206\u949F\u540E\u5F00\u59CB` : `${hours}\u5C0F\u65F6\u540E\u5F00\u59CB`;
+      return remainingMinutes > 0 ? hours + "\u5C0F\u65F6" + remainingMinutes + "\u5206\u949F\u540E\u5F00\u59CB" : hours + "\u5C0F\u65F6\u540E\u5F00\u59CB";
     } else {
       const days = Math.floor(minutes / 1440);
       const remainingHours = Math.floor(minutes % 1440 / 60);
-      return remainingHours > 0 ? `${days}\u5929${remainingHours}\u5C0F\u65F6\u540E\u5F00\u59CB` : `${days}\u5929\u540E\u5F00\u59CB`;
+      return remainingHours > 0 ? days + "\u5929" + remainingHours + "\u5C0F\u65F6\u540E\u5F00\u59CB" : days + "\u5929\u540E\u5F00\u59CB";
     }
   }
   /**