seeder-st2110-components 1.4.4 → 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';
@@ -97,7 +97,7 @@ const UsageItem = /*#__PURE__*/memo(_ref => {
     children: /*#__PURE__*/jsxs(Space, {
       size: 4,
       children: [/*#__PURE__*/jsx("i", {
-        className: "iconfont ".concat(iconClass, " text-xl")
+        className: "seeder-iconfont ".concat(iconClass, " text-xl")
       }), /*#__PURE__*/jsx("span", {
         className: "inline-block w-10 text-center",
         children: children
@@ -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
   };
@@ -708,7 +710,7 @@ const useUpgrade = _ref => {
       children: /*#__PURE__*/jsx("a", {
         onClick: e => e.preventDefault(),
         children: /*#__PURE__*/jsx("i", {
-          className: "iconfont seeder-icon-liebiao2 text-2xl text-neutral-400"
+          className: "seeder-iconfont seeder-icon-liebiao2 text-2xl text-neutral-400"
         })
       })
     }), /*#__PURE__*/jsx("input", {
@@ -2034,7 +2036,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",