seeder-st2110-components 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +29 -27
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +28 -26
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -110,42 +110,44 @@ const UsageItem = /*#__PURE__*/react.memo(_ref => {
|
|
|
110
110
|
var UsageItem$1 = UsageItem;
|
|
111
111
|
|
|
112
112
|
const useHardwareWebSocket = socketUrl => {
|
|
113
|
-
// cpu_percent cpu使用率
|
|
114
|
-
// cpu_freq.current cpu频率
|
|
115
|
-
// mem.percent 内存使用率
|
|
116
|
-
// sensors_temperatures.coretemp[0].current cpu温度
|
|
117
|
-
// gpu_stats[0]["utilization.gpu"] gpu使用率
|
|
118
|
-
// 若机器没有显卡,gpu_stats数组为空
|
|
119
|
-
|
|
120
113
|
const [systemStatus, setSystemStatus] = react.useState();
|
|
121
|
-
|
|
122
|
-
// ## 获取系统资源使用情况
|
|
123
|
-
const {
|
|
124
|
-
latestMessage
|
|
125
|
-
} = ahooks.useWebSocket(socketUrl);
|
|
126
114
|
const handleMessage = react.useCallback(message => {
|
|
127
115
|
try {
|
|
128
116
|
if (message) {
|
|
129
|
-
setSystemStatus(prev => _objectSpread2(_objectSpread2(
|
|
130
|
-
lastUpdated: Date.now() // 添加更新时间戳
|
|
131
|
-
}));
|
|
117
|
+
setSystemStatus(prev => _objectSpread2(_objectSpread2({}, prev), message));
|
|
132
118
|
}
|
|
133
119
|
} catch (error) {
|
|
134
120
|
console.error('Message processing error:', error);
|
|
135
121
|
}
|
|
136
122
|
}, []);
|
|
137
123
|
|
|
138
|
-
//
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
124
|
+
// ## 获取系统资源使用情况
|
|
125
|
+
ahooks.useWebSocket(socketUrl, {
|
|
126
|
+
onMessage: event => {
|
|
127
|
+
// 处理实时消息
|
|
128
|
+
try {
|
|
129
|
+
const parsedMessage = JSON.parse(event.data);
|
|
130
|
+
handleMessage(parsedMessage);
|
|
131
|
+
} catch (error) {
|
|
132
|
+
console.error('Message parsing error:', error);
|
|
133
|
+
console.debug('Raw message:', event.data);
|
|
134
|
+
}
|
|
147
135
|
}
|
|
148
|
-
}
|
|
136
|
+
});
|
|
137
|
+
|
|
138
|
+
// // 监听消息 latestMessage 只用于非实时需求
|
|
139
|
+
// useEffect(() => {
|
|
140
|
+
// if (!latestMessage?.data) return;
|
|
141
|
+
|
|
142
|
+
// try {
|
|
143
|
+
// const parsedMessage = JSON.parse(latestMessage.data);
|
|
144
|
+
// handleMessage(parsedMessage);
|
|
145
|
+
// } catch (error) {
|
|
146
|
+
// console.error('Message parsing error:', error);
|
|
147
|
+
// console.debug('Raw message:', latestMessage.data);
|
|
148
|
+
// }
|
|
149
|
+
// }, [latestMessage?.data, handleMessage]);
|
|
150
|
+
|
|
149
151
|
return {
|
|
150
152
|
ps_status: systemStatus
|
|
151
153
|
};
|
|
@@ -3009,7 +3011,7 @@ const Preset = _ref => {
|
|
|
3009
3011
|
const handleSelectPreset = react.useCallback(preset => {
|
|
3010
3012
|
setSelectedPreset(preset);
|
|
3011
3013
|
form.setFieldsValue(preset);
|
|
3012
|
-
|
|
3014
|
+
setPresetChanged(prev => prev + 1); // 触发更新
|
|
3013
3015
|
}, [form]);
|
|
3014
3016
|
const handleAddNew = react.useCallback(() => {
|
|
3015
3017
|
var _fields$category_list;
|