sa2kit 1.6.29 → 1.6.31

package/dist/analytics/index.mjs

@@ -1,6 +1,7 @@
-import { WebStorageAdapter } from '../chunk-OLHGZXN3.mjs';
+import { WebStorageAdapter } from '../chunk-WEEXCPSE.mjs';
 import '../chunk-BJTO5JO5.mjs';
 import React5, { useEffect, useCallback, useRef, useState } from 'react';
+import { clsx } from 'clsx';
 
 // src/analytics/types.ts
 var EventType = /* @__PURE__ */ ((EventType2) => {
@@ -222,7 +223,7 @@ var Uploader = class {
    * 添加到重试队列
    */
   async addToRetryQueue(events) {
-    const key = `${Date.now()}_${Math.random()}`;
+    const key = Date.now() + "_" + Math.random();
     this.retryQueue.set(key, {
       events,
       retryCount: 0
@@ -336,7 +337,7 @@ var Analytics = class {
       this.startBatchTimer();
       if (typeof window !== "undefined") {
         window.addEventListener("analytics-debug-changed", ((e) => {
-          this.log(`Debug mode changed: ${e.detail.enabled ? "enabled" : "disabled"}`);
+          this.log("Debug mode changed: " + (e.detail.enabled ? "enabled" : "disabled"));
         }));
       }
       this.initialized = true;
@@ -573,7 +574,7 @@ var Analytics = class {
       }
     } catch (error) {
       console.error("Failed to init device info:", error);
-      this.deviceId = `temp_${Date.now()}_${Math.random()}`;
+      this.deviceId = "temp_" + Date.now() + "_" + Math.random();
     }
   }
   /**
@@ -620,13 +621,13 @@ var Analytics = class {
    * 生成事件ID
    */
   generateEventId() {
-    return `${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+    return Date.now() + "_" + Math.random().toString(36).substring(2, 15);
   }
   /**
    * 生成会话ID
    */
   generateSessionId() {
-    return `session_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+    return "session_" + Date.now() + "_" + Math.random().toString(36).substring(2, 15);
   }
   /**
    * 获取平台标识
@@ -640,7 +641,7 @@ var Analytics = class {
   log(message, data) {
     const dynamicDebug = typeof window !== "undefined" ? localStorage.getItem("analytics-debug") === "true" : false;
     if (this.config.debug || dynamicDebug) {
-      console.log(`[Analytics] ${message}`, data ?? "");
+      console.log("[Analytics] " + message, data ?? "");
     }
   }
   /**
@@ -817,7 +818,7 @@ function mergeEventProperties(baseProperties, ...additionalProperties) {
 function generateUniqueId(prefix = "") {
   const timestamp = Date.now();
   const random = Math.random().toString(36).substring(2, 15);
-  return prefix ? `${prefix}_${timestamp}_${random}` : `${timestamp}_${random}`;
+  return prefix ? prefix + "_" + timestamp + "_" + random : timestamp + "_" + random;
 }
 function isMobile() {
   if (typeof navigator === "undefined") return false;
@@ -903,7 +904,7 @@ function Track(eventName, priority = 1 /* NORMAL */) {
       } catch (error) {
         analytics?.track(
           "error" /* ERROR */,
-          `${finalEventName}_error`,
+          finalEventName + "_error",
           {
             success: false,
             duration: Date.now() - startTime,
@@ -1251,7 +1252,7 @@ var WebNetworkAdapter = class {
       } else {
         return {
           success: false,
-          message: `HTTP ${response.status}`,
+          message: "HTTP " + response.status,
           code: response.status
         };
       }
@@ -1288,12 +1289,12 @@ var WebDeviceAdapter = class {
     if (typeof window !== "undefined") {
       let deviceId = localStorage.getItem("analytics:device_id");
       if (!deviceId) {
-        deviceId = `web_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+        deviceId = "web_" + Date.now() + "_" + Math.random().toString(36).substring(2, 15);
         localStorage.setItem("analytics:device_id", deviceId);
       }
       return deviceId;
     }
-    return `web_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+    return "web_" + Date.now() + "_" + Math.random().toString(36).substring(2, 15);
   }
   getOSName() {
     if (typeof navigator === "undefined") return "unknown";
@@ -1424,7 +1425,7 @@ var MobileNetworkAdapter = class {
       } else {
         return {
           success: false,
-          message: `HTTP ${response.status}`,
+          message: "HTTP " + response.status,
           code: response.status
         };
       }
@@ -1475,11 +1476,11 @@ var MobileDeviceAdapter = class {
   async generateDeviceId() {
     const timestamp = Date.now();
     const random = Math.random().toString(36).substring(2, 15);
-    return `mobile_${timestamp}_${random}`;
+    return "mobile_" + timestamp + "_" + random;
   }
   getDefaultDeviceInfo() {
     return {
-      device_id: `mobile_${Date.now()}`,
+      device_id: "mobile_" + Date.now(),
       os_name: "unknown",
       os_version: "unknown",
       screen_width: 0,
@@ -1602,7 +1603,7 @@ var MiniappNetworkAdapter = class {
       } else {
         return {
           success: false,
-          message: `HTTP ${response.statusCode}`,
+          message: "HTTP " + response.statusCode,
           code: response.statusCode
         };
       }
@@ -1657,11 +1658,11 @@ var MiniappDeviceAdapter = class {
   async generateDeviceId() {
     const timestamp = Date.now();
     const random = Math.random().toString(36).substring(2, 15);
-    return `miniapp_${timestamp}_${random}`;
+    return "miniapp_" + timestamp + "_" + random;
   }
   getDefaultDeviceInfo() {
     return {
-      device_id: `miniapp_${Date.now()}`,
+      device_id: "miniapp_" + Date.now(),
       os_name: "wechat",
       os_version: "unknown",
       screen_width: 0,
@@ -1775,7 +1776,7 @@ var DesktopNetworkAdapter = class {
       } else {
         return {
           success: false,
-          message: `HTTP ${response.status}`,
+          message: "HTTP " + response.status,
           code: response.status
         };
       }
@@ -1812,12 +1813,12 @@ var DesktopDeviceAdapter = class {
     if (typeof window !== "undefined") {
       let deviceId = localStorage.getItem("analytics:device_id");
       if (!deviceId) {
-        deviceId = `desktop_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+        deviceId = "desktop_" + Date.now() + "_" + Math.random().toString(36).substring(2, 15);
         localStorage.setItem("analytics:device_id", deviceId);
       }
       return deviceId;
     }
-    return `desktop_${Date.now()}_${Math.random().toString(36).substring(2, 15)}`;
+    return "desktop_" + Date.now() + "_" + Math.random().toString(36).substring(2, 15);
   }
   getOSName() {
     if (typeof navigator === "undefined") return "unknown";
@@ -1844,12 +1845,12 @@ var StatCard = ({
   return /* @__PURE__ */ React5.createElement(
     "div",
     {
-      className: `bg-white rounded-lg shadow-sm p-6 border border-gray-200 hover:shadow-md transition-shadow ${className}`
+      className: clsx("bg-white rounded-lg shadow-sm p-6 border border-gray-200 hover:shadow-md transition-shadow", className)
     },
     /* @__PURE__ */ React5.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React5.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-gray-600 mb-1" }, title), /* @__PURE__ */ React5.createElement("p", { className: "text-3xl font-bold text-gray-900" }, value.toLocaleString()), subtitle && /* @__PURE__ */ React5.createElement("p", { className: "text-sm text-gray-500 mt-2" }, subtitle), trend && /* @__PURE__ */ React5.createElement("div", { className: "flex items-center mt-2" }, /* @__PURE__ */ React5.createElement(
       "span",
       {
-        className: `text-sm font-medium ${trend.isPositive ? "text-green-600" : "text-red-600"}`
+        className: clsx("text-sm font-medium", trend.isPositive ? "text-green-600" : "text-red-600")
       },
       trend.isPositive ? "\u2191" : "\u2193",
       " ",
@@ -1865,10 +1866,10 @@ var EventList = ({
   className = ""
 }) => {
   if (loading) {
-    return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-lg shadow-sm p-6 ${className}` }, /* @__PURE__ */ React5.createElement("div", { className: "animate-pulse space-y-4" }, [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ React5.createElement("div", { key: i, className: "h-16 bg-gray-200 rounded" }))));
+    return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm p-6", className) }, /* @__PURE__ */ React5.createElement("div", { className: "animate-pulse space-y-4" }, [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ React5.createElement("div", { key: i, className: "h-16 bg-gray-200 rounded" }))));
   }
   if (events.length === 0) {
-    return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-lg shadow-sm p-12 text-center ${className}` }, /* @__PURE__ */ React5.createElement("div", { className: "text-gray-400 text-5xl mb-4" }, "\u{1F4CA}"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-600 text-lg font-medium" }, "\u6682\u65E0\u6570\u636E"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-500 text-sm mt-2" }, "\u5C1D\u8BD5\u8C03\u6574\u7B5B\u9009\u6761\u4EF6"));
+    return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm p-12 text-center", className) }, /* @__PURE__ */ React5.createElement("div", { className: "text-gray-400 text-5xl mb-4" }, "\u{1F4CA}"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-600 text-lg font-medium" }, "\u6682\u65E0\u6570\u636E"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-500 text-sm mt-2" }, "\u5C1D\u8BD5\u8C03\u6574\u7B5B\u9009\u6761\u4EF6"));
   }
   const getPlatformColor = (platform) => {
     const colors = {
@@ -1897,12 +1898,12 @@ var EventList = ({
     const hours = Math.floor(minutes / 60);
     const days = Math.floor(hours / 24);
     if (minutes < 1) return "\u521A\u521A";
-    if (minutes < 60) return `${minutes}\u5206\u949F\u524D`;
-    if (hours < 24) return `${hours}\u5C0F\u65F6\u524D`;
-    if (days < 7) return `${days}\u5929\u524D`;
+    if (minutes < 60) return minutes + "\u5206\u949F\u524D";
+    if (hours < 24) return hours + "\u5C0F\u65F6\u524D";
+    if (days < 7) return days + "\u5929\u524D";
     return date.toLocaleDateString("zh-CN");
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-lg shadow-sm overflow-hidden ${className}` }, /* @__PURE__ */ React5.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React5.createElement("table", { className: "min-w-full divide-y divide-gray-200" }, /* @__PURE__ */ React5.createElement("thead", { className: "bg-gray-50" }, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u4E8B\u4EF6"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5E73\u53F0"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u9875\u9762"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u7528\u6237"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u65F6\u95F4"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React5.createElement("tbody", { className: "bg-white divide-y divide-gray-200" }, events.map((event) => /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm overflow-hidden", className) }, /* @__PURE__ */ React5.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React5.createElement("table", { className: "min-w-full divide-y divide-gray-200" }, /* @__PURE__ */ React5.createElement("thead", { className: "bg-gray-50" }, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u4E8B\u4EF6"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5E73\u53F0"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u9875\u9762"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u7528\u6237"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u65F6\u95F4"), /* @__PURE__ */ React5.createElement("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u64CD\u4F5C"))), /* @__PURE__ */ React5.createElement("tbody", { className: "bg-white divide-y divide-gray-200" }, events.map((event) => /* @__PURE__ */ React5.createElement(
     "tr",
     {
       key: event.id,
@@ -1912,18 +1913,18 @@ var EventList = ({
     /* @__PURE__ */ React5.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React5.createElement(
       "span",
       {
-        className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getEventTypeColor(
+        className: clsx("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", getEventTypeColor(
           event.eventType
-        )} w-fit mb-1`
+        ), "w-fit mb-1")
       },
       event.eventType
     ), /* @__PURE__ */ React5.createElement("span", { className: "text-sm text-gray-900" }, event.eventName))),
     /* @__PURE__ */ React5.createElement("td", { className: "px-6 py-4 whitespace-nowrap" }, /* @__PURE__ */ React5.createElement(
       "span",
       {
-        className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getPlatformColor(
+        className: clsx("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", getPlatformColor(
           event.platform
-        )}`
+        ))
       },
       event.platform
     )),
@@ -1994,7 +1995,7 @@ var FilterPanel = ({
     setFilters(emptyFilters);
     onFilterChange(emptyFilters);
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-xl shadow-sm border border-gray-200 ${className}` }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between mb-4 p-4 bg-gradient-to-r from-gray-50 to-gray-100 -m-6 mb-4 rounded-t-xl border-b border-gray-200" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-xl shadow-sm border border-gray-200", className) }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between mb-4 p-4 bg-gradient-to-r from-gray-50 to-gray-100 -m-6 mb-4 rounded-t-xl border-b border-gray-200" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement(
     "svg",
     {
       className: "w-5 h-5 text-indigo-600",
@@ -2094,9 +2095,9 @@ var FilterPanel = ({
   ))), /* @__PURE__ */ React5.createElement("div", { className: "px-4 py-3 bg-gray-50 -mx-6 -mb-6 mt-4 rounded-b-xl border-t border-gray-200" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement(
     "div",
     {
-      className: `w-2 h-2 rounded-full ${Object.keys(filters).length > 0 ? "bg-green-500" : "bg-gray-300"}`
+      className: clsx("w-2 h-2 rounded-full", Object.keys(filters).length > 0 ? "bg-green-500" : "bg-gray-300")
     }
-  ), /* @__PURE__ */ React5.createElement("p", { className: "text-xs text-gray-600" }, Object.keys(filters).length === 0 ? "\u672A\u5E94\u7528\u7B5B\u9009" : `${Object.keys(filters).length} \u4E2A\u7B5B\u9009`))));
+  ), /* @__PURE__ */ React5.createElement("p", { className: "text-xs text-gray-600" }, Object.keys(filters).length === 0 ? "\u672A\u5E94\u7528\u7B5B\u9009" : Object.keys(filters).length + " \u4E2A\u7B5B\u9009"))));
 };
 var PieChart = ({ data, title, className = "" }) => {
   const total = data.reduce((sum, item) => sum + item.value, 0);
@@ -2110,26 +2111,26 @@ var PieChart = ({ data, title, className = "" }) => {
     "bg-red-500",
     "bg-cyan-500"
   ];
-  return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-lg shadow-sm p-6 ${className}` }, title && /* @__PURE__ */ React5.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, title), /* @__PURE__ */ React5.createElement("div", { className: "space-y-3" }, data.map((item, index) => {
+  return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm p-6", className) }, title && /* @__PURE__ */ React5.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, title), /* @__PURE__ */ React5.createElement("div", { className: "space-y-3" }, data.map((item, index) => {
     const percentage = total > 0 ? (item.value / total * 100).toFixed(1) : 0;
     return /* @__PURE__ */ React5.createElement("div", { key: index }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between text-sm mb-1" }, /* @__PURE__ */ React5.createElement("span", { className: "text-gray-700 font-medium" }, item.name), /* @__PURE__ */ React5.createElement("span", { className: "text-gray-600" }, item.value.toLocaleString(), " (", percentage, "%)")), /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2" }, /* @__PURE__ */ React5.createElement(
       "div",
       {
-        className: `h-2 rounded-full ${colors[index % colors.length]}`,
-        style: { width: `${percentage}%` }
+        className: clsx("h-2 rounded-full", colors[index % colors.length]),
+        style: { width: percentage + "%" }
       }
     )));
   })));
 };
 var BarChart = ({ data, title, className = "" }) => {
   const maxValue = Math.max(...data.map((item) => item.value), 1);
-  return /* @__PURE__ */ React5.createElement("div", { className: `bg-white rounded-lg shadow-sm p-6 ${className}` }, title && /* @__PURE__ */ React5.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, title), /* @__PURE__ */ React5.createElement("div", { className: "space-y-4" }, data.map((item, index) => {
+  return /* @__PURE__ */ React5.createElement("div", { className: clsx("bg-white rounded-lg shadow-sm p-6", className) }, title && /* @__PURE__ */ React5.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, title), /* @__PURE__ */ React5.createElement("div", { className: "space-y-4" }, data.map((item, index) => {
     const percentage = item.value / maxValue * 100;
     return /* @__PURE__ */ React5.createElement("div", { key: index, className: "flex items-center gap-4" }, /* @__PURE__ */ React5.createElement("div", { className: "w-32 text-sm text-gray-700 font-medium truncate" }, item.name), /* @__PURE__ */ React5.createElement("div", { className: "flex-1 flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("div", { className: "flex-1 bg-gray-200 rounded-full h-8 relative overflow-hidden" }, /* @__PURE__ */ React5.createElement(
       "div",
       {
         className: "h-full bg-gradient-to-r from-indigo-500 to-purple-600 flex items-center justify-end px-3",
-        style: { width: `${percentage}%`, minWidth: "40px" }
+        style: { width: percentage + "%", minWidth: "40px" }
       },
       /* @__PURE__ */ React5.createElement("span", { className: "text-xs text-white font-semibold" }, item.value.toLocaleString())
     ))));
@@ -2159,7 +2160,7 @@ var AnalyticsDashboard = ({
       if (filters.platform) {
         params.append("platform", filters.platform);
       }
-      const response = await fetch(`${apiBaseUrl}/stats?${params}`);
+      const response = await fetch(apiBaseUrl + "/stats?" + params);
       const data = await response.json();
       if (data.success) {
         setStats(data.data);
@@ -2191,7 +2192,7 @@ var AnalyticsDashboard = ({
       params.append("offset", ((currentPage - 1) * pageSize).toString());
       params.append("orderBy", "timestamp");
       params.append("orderDirection", "desc");
-      const response = await fetch(`${apiBaseUrl}/query?${params}`);
+      const response = await fetch(apiBaseUrl + "/query?" + params);
       const data = await response.json();
       if (data.success) {
         setEvents(data.data);
@@ -2218,7 +2219,7 @@ var AnalyticsDashboard = ({
     setSelectedEvent(null);
   };
   const totalPages = Math.ceil(totalEvents / pageSize);
-  return /* @__PURE__ */ React5.createElement("div", { className: `space-y-6 ${className}` }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-600" }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: clsx("space-y-6", className) }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 text-sm text-gray-600" }, /* @__PURE__ */ React5.createElement(
     "svg",
     {
       className: "w-5 h-5 text-indigo-600",