seeder-st2110-components 1.4.4 → 1.5.1

package/dist/index.js

@@ -99,7 +99,7 @@ const UsageItem = /*#__PURE__*/react.memo(_ref => {
     children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
       size: 4,
       children: [/*#__PURE__*/jsxRuntime.jsx("i", {
-        className: "iconfont ".concat(iconClass, " text-xl")
+        className: "seeder-iconfont ".concat(iconClass, " text-xl")
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "inline-block w-10 text-center",
         children: children
@@ -110,42 +110,44 @@ const UsageItem = /*#__PURE__*/react.memo(_ref => {
 var UsageItem$1 = UsageItem;
 
 const useHardwareWebSocket = socketUrl => {
-  // cpu_percent                              cpu使用率
-  // cpu_freq.current                         cpu频率
-  // mem.percent                              内存使用率
-  // sensors_temperatures.coretemp[0].current cpu温度
-  // gpu_stats[0]["utilization.gpu"]          gpu使用率
-  // 若机器没有显卡，gpu_stats数组为空
-
   const [systemStatus, setSystemStatus] = react.useState();
-
-  // ## 获取系统资源使用情况
-  const {
-    latestMessage
-  } = ahooks.useWebSocket(socketUrl);
   const handleMessage = react.useCallback(message => {
     try {
       if (message) {
-        setSystemStatus(prev => _objectSpread2(_objectSpread2(_objectSpread2({}, prev), message), {}, {
-          lastUpdated: Date.now() // 添加更新时间戳
-        }));
+        setSystemStatus(prev => _objectSpread2(_objectSpread2({}, prev), message));
       }
     } catch (error) {
       console.error('Message processing error:', error);
     }
   }, []);
 
-  // 监听消息 如果latestMessage变化，说明有新消息
-  react.useEffect(() => {
-    if (!(latestMessage !== null && latestMessage !== void 0 && latestMessage.data)) return;
-    try {
-      const parsedMessage = JSON.parse(latestMessage.data);
-      handleMessage(parsedMessage);
-    } catch (error) {
-      console.error('Message parsing error:', error);
-      console.debug('Raw message:', latestMessage.data);
+  // ## 获取系统资源使用情况
+  ahooks.useWebSocket(socketUrl, {
+    onMessage: event => {
+      // 处理实时消息
+      try {
+        const parsedMessage = JSON.parse(event.data);
+        handleMessage(parsedMessage);
+      } catch (error) {
+        console.error('Message parsing error:', error);
+        console.debug('Raw message:', event.data);
+      }
     }
-  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.data, handleMessage]);
+  });
+
+  // // 监听消息 latestMessage 只用于非实时需求
+  // useEffect(() => {
+  //   if (!latestMessage?.data) return;
+
+  //   try {
+  //     const parsedMessage = JSON.parse(latestMessage.data);
+  //     handleMessage(parsedMessage);
+  //   } catch (error) {
+  //     console.error('Message parsing error:', error);
+  //     console.debug('Raw message:', latestMessage.data);
+  //   }
+  // }, [latestMessage?.data, handleMessage]);
+
   return {
     ps_status: systemStatus
   };
@@ -710,7 +712,7 @@ const useUpgrade = _ref => {
       children: /*#__PURE__*/jsxRuntime.jsx("a", {
         onClick: e => e.preventDefault(),
         children: /*#__PURE__*/jsxRuntime.jsx("i", {
-          className: "iconfont seeder-icon-liebiao2 text-2xl text-neutral-400"
+          className: "seeder-iconfont seeder-icon-liebiao2 text-2xl text-neutral-400"
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsx("input", {
@@ -2036,7 +2038,7 @@ const SystemOperations = _ref => {
     onRestart,
     powerOffLabel = "Power Off",
     restartLabel = "Restart",
-    iconClassName = "iconfont seeder-icon-guanji1 text-2xl text-neutral-400",
+    iconClassName = "seeder-iconfont seeder-icon-guanji1 text-2xl text-neutral-400",
     confirmTitle = "Confirm",
     cancelText = "No",
     okText = "Yes",