seeder-st2110-components 1.5.0 → 1.5.1

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { memo, useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import { memo, useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { Tooltip, Space, Flex, Divider, App, Modal, Form, Input, Alert, message, Dropdown, Spin, InputNumber, ConfigProvider, Badge, Switch, Select, Typography, List, Empty, Button, Checkbox, Row, Col } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useWebSocket, useInterval } from 'ahooks';
@@ -108,42 +108,44 @@ const UsageItem = /*#__PURE__*/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] = useState();
-
-  // ## 获取系统资源使用情况
-  const {
-    latestMessage
-  } = useWebSocket(socketUrl);
   const handleMessage = 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变化，说明有新消息
-  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);
+  // ## 获取系统资源使用情况
+  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
   };