seeder-st2110-components 1.3.4 → 1.3.6

package/dist/index.esm.js

@@ -1,10 +1,74 @@
-import { useState, useCallback, useEffect, memo, useMemo, useRef, forwardRef, useContext, createContext } from 'react';
+import { useState, useCallback, useEffect, memo, useMemo, useRef } from 'react';
 import { useWebSocket, useInterval } from 'ahooks';
-import { Tooltip, Space, Flex, Divider, App, Modal, Form, Input, Alert, message, Dropdown, Spin, Popover, Button, Popconfirm, Typography, Empty, ConfigProvider, Tree, InputNumber, Badge, Switch, Select, List, Checkbox, Row, Col } from 'antd';
+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 { LoadingOutlined, ExclamationCircleFilled, FolderOpenOutlined, FolderOutlined, PlusOutlined } from '@ant-design/icons';
+import { LoadingOutlined, ExclamationCircleFilled, PlusOutlined } from '@ant-design/icons';
 import axios from 'axios';
 
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
 const useHardwareWebSocket = socketUrl => {
   // cpu_percent                              cpu使用率
   // cpu_freq.current                         cpu频率
@@ -22,9 +86,7 @@ const useHardwareWebSocket = socketUrl => {
   const handleMessage = useCallback(message => {
     try {
       if (message) {
-        setSystemStatus(prev => ({
-          ...prev,
-          ...message,
+        setSystemStatus(prev => _objectSpread2(_objectSpread2(_objectSpread2({}, prev), message), {}, {
           lastUpdated: Date.now() // 添加更新时间戳
         }));
       }
@@ -35,7 +97,7 @@ const useHardwareWebSocket = socketUrl => {
 
   // 监听消息 如果latestMessage变化，说明有新消息
   useEffect(() => {
-    if (!latestMessage?.data) return;
+    if (!(latestMessage !== null && latestMessage !== void 0 && latestMessage.data)) return;
     try {
       const parsedMessage = JSON.parse(latestMessage.data);
       handleMessage(parsedMessage);
@@ -43,7 +105,7 @@ const useHardwareWebSocket = socketUrl => {
       console.error('Message parsing error:', error);
       console.debug('Raw message:', latestMessage.data);
     }
-  }, [latestMessage?.data, handleMessage]);
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.data, handleMessage]);
   return {
     ps_status: systemStatus
   };
@@ -52,7 +114,7 @@ var useHardwareWebSocket$1 = useHardwareWebSocket;
 
 const formatBytes = function (bytes) {
   let decimals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  if (bytes === 0 || !bytes) return '0 Bytes';
+  if (bytes === 0 || !bytes || bytes < 0) return '0 Bytes';
   const k = 1024;
   const dm = decimals < 0 ? 0 : decimals;
   const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
@@ -78,7 +140,7 @@ const UsageItem = /*#__PURE__*/memo(_ref => {
     children: /*#__PURE__*/jsxs(Space, {
       size: 4,
       children: [/*#__PURE__*/jsx("i", {
-        className: `iconfont ${iconClass} text-xl`
+        className: "iconfont ".concat(iconClass, " text-xl")
       }), /*#__PURE__*/jsx("span", {
         className: "inline-block w-10 text-center",
         children: children
@@ -90,7 +152,10 @@ var UsageItem$1 = UsageItem;
 
 const getMaxNicTemp = function (sensors) {
   let priorityFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ["i350bb", "r8169_0_8300:00"];
-  const temps = priorityFields.flatMap(field => sensors?.[field]?.map(item => item.current) || []).filter(temp => typeof temp === 'number');
+  const temps = priorityFields.flatMap(field => {
+    var _sensors$field;
+    return (sensors === null || sensors === void 0 || (_sensors$field = sensors[field]) === null || _sensors$field === void 0 ? void 0 : _sensors$field.map(item => item.current)) || [];
+  }).filter(temp => typeof temp === 'number');
   return temps.length ? Math.max(...temps) : null;
 };
 
@@ -100,6 +165,7 @@ const getMaxSensorTemp = sensorData => {
   return temps.length ? Math.max(...temps) : null;
 };
 const getDetail = function () {
+  var _sensors_temperatures, _sensors_temperatures2, _mem$total, _mem$percent, _getMaxNicTemp, _gpu_stats$0$utilizat, _gpu_stats$, _gpu_stats$0$temperat, _gpu_stats$2;
   let status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     cpu_percent,
@@ -108,15 +174,15 @@ const getDetail = function () {
     gpu_stats
   } = status;
   return {
-    cpu_usage: cpu_percent ?? null,
-    cpu_temp: sensors_temperatures?.coretemp?.[0]?.current ?? null,
-    mem_total: mem?.total ?? null,
-    mem_usage: mem?.percent ?? null,
-    mem_temp: getMaxSensorTemp(sensors_temperatures?.spd5118),
-    nic_temp: getMaxNicTemp(sensors_temperatures) ?? null,
-    hd_temp: getMaxSensorTemp(sensors_temperatures?.nvme),
-    gpu_usage: gpu_stats?.[0]?.["utilization.gpu"] ?? null,
-    gpu_temp: gpu_stats?.[0]?.["temperature.gpu"] ?? null
+    cpu_usage: cpu_percent !== null && cpu_percent !== void 0 ? cpu_percent : null,
+    cpu_temp: (_sensors_temperatures = sensors_temperatures === null || sensors_temperatures === void 0 || (_sensors_temperatures2 = sensors_temperatures.coretemp) === null || _sensors_temperatures2 === void 0 || (_sensors_temperatures2 = _sensors_temperatures2[0]) === null || _sensors_temperatures2 === void 0 ? void 0 : _sensors_temperatures2.current) !== null && _sensors_temperatures !== void 0 ? _sensors_temperatures : null,
+    mem_total: (_mem$total = mem === null || mem === void 0 ? void 0 : mem.total) !== null && _mem$total !== void 0 ? _mem$total : null,
+    mem_usage: (_mem$percent = mem === null || mem === void 0 ? void 0 : mem.percent) !== null && _mem$percent !== void 0 ? _mem$percent : null,
+    mem_temp: getMaxSensorTemp(sensors_temperatures === null || sensors_temperatures === void 0 ? void 0 : sensors_temperatures.spd5118),
+    nic_temp: (_getMaxNicTemp = getMaxNicTemp(sensors_temperatures)) !== null && _getMaxNicTemp !== void 0 ? _getMaxNicTemp : null,
+    hd_temp: getMaxSensorTemp(sensors_temperatures === null || sensors_temperatures === void 0 ? void 0 : sensors_temperatures.nvme),
+    gpu_usage: (_gpu_stats$0$utilizat = gpu_stats === null || gpu_stats === void 0 || (_gpu_stats$ = gpu_stats[0]) === null || _gpu_stats$ === void 0 ? void 0 : _gpu_stats$["utilization.gpu"]) !== null && _gpu_stats$0$utilizat !== void 0 ? _gpu_stats$0$utilizat : null,
+    gpu_temp: (_gpu_stats$0$temperat = gpu_stats === null || gpu_stats === void 0 || (_gpu_stats$2 = gpu_stats[0]) === null || _gpu_stats$2 === void 0 ? void 0 : _gpu_stats$2["temperature.gpu"]) !== null && _gpu_stats$0$temperat !== void 0 ? _gpu_stats$0$temperat : null
   };
 };
 
@@ -126,7 +192,7 @@ const createMetricItem = (title, iconClass, value, unit) => {
   return {
     title,
     iconClass,
-    valueString: `${numValue}${unit}`,
+    valueString: "".concat(numValue).concat(unit),
     value: numValue
   };
 };
@@ -139,10 +205,9 @@ const getItems = details => {
     items.push(createMetricItem('CPU Temperature', 'icon-CPUwendu', details.cpu_temp, '℃'));
   }
   if (details.mem_usage !== null && details.mem_usage !== undefined) {
-    items.push({
-      ...createMetricItem('Memory Usage', 'icon-shiyongshuai', details.mem_usage, '%'),
+    items.push(_objectSpread2(_objectSpread2({}, createMetricItem('Memory Usage', 'icon-shiyongshuai', details.mem_usage, '%')), {}, {
       memTotal: details.mem_total
-    });
+    }));
   }
   if (details.mem_temp !== null && details.mem_temp !== undefined) {
     items.push(createMetricItem('Memory Temperature', 'icon-wendu', details.mem_temp, '℃'));
@@ -212,7 +277,7 @@ const AuthorizationModal = _ref => {
     onOk(trimmedCode);
   };
   const statusAlert = isActivated ? /*#__PURE__*/jsx(Alert, {
-    message: `${statusMessage}, will expire on ${expiresTime}`,
+    message: "".concat(statusMessage, ", will expire on ").concat(expiresTime),
     type: "success",
     showIcon: true
   }) : /*#__PURE__*/jsx(Alert, {
@@ -301,7 +366,7 @@ const useAuth = options => {
       try {
         setLoading(true);
         const result = await fetchAuthInfo();
-        if (result?.commands) {
+        if (result !== null && result !== void 0 && result.commands) {
           const commands = result.commands;
           setAuthData(commands);
           setIsRegistered(commands.accredit_status);
@@ -327,10 +392,10 @@ const useAuth = options => {
           license_data: code
         }
       });
-      if (result?.commands) {
+      if (result !== null && result !== void 0 && result.commands) {
         const commands = result.commands;
         // type accredit_message
-        if (commands?.accredit_status) {
+        if (commands !== null && commands !== void 0 && commands.accredit_status) {
           setIsRegistered(true);
           setAuthData(commands);
           closeModal();
@@ -457,7 +522,7 @@ const useUpgrade = _ref => {
         if (onMenuClick) {
           onMenuClick(key);
         } else {
-          console.warn(`Unknown menu key: ${key} and no onMenuClick provided`);
+          console.warn("Unknown menu key: ".concat(key, " and no onMenuClick provided"));
         }
     }
   };
@@ -470,7 +535,7 @@ const useUpgrade = _ref => {
     try {
       const res = await downloadFiles();
       if (res.status !== 200) {
-        throw new Error(`Unexpected status code: ${res.status}`);
+        throw new Error("Unexpected status code: ".concat(res.status));
       }
 
       // 默认值，兼容接口响应头没有定义文件名
@@ -480,7 +545,7 @@ const useUpgrade = _ref => {
       // 获取接口响应的content-disposition字段值，以便获取到文件名
       if (contentDisposition) {
         const filenameMatch = contentDisposition.match(/filename\s*=\s*"?([^";]+)"?/i);
-        if (filenameMatch?.[1]) {
+        if (filenameMatch !== null && filenameMatch !== void 0 && filenameMatch[1]) {
           fileName = decodeURIComponent(filenameMatch[1]); // 处理编码后的文件名（如 %20 转空格）
         }
       }
@@ -509,7 +574,7 @@ const useUpgrade = _ref => {
     }
   };
   const onUpload = () => {
-    if (inputRef?.current) {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
       inputRef.current.click();
     }
   };
@@ -520,7 +585,8 @@ const useUpgrade = _ref => {
       return;
     }
     try {
-      const file = event.target.files?.[0];
+      var _event$target$files;
+      const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
       if (!file) return;
       showLoader();
       setCurrentStatus('Uploading...');
@@ -568,7 +634,7 @@ const useUpgrade = _ref => {
       const response = await upgradeStatus({
         cancelToken: statusCancelToken.current.token
       });
-      if (response?.status === 200) {
+      if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
         const {
           code,
           message: statusMessage
@@ -656,7 +722,7 @@ const useUpgrade = _ref => {
         },
         spin: true
       }),
-      tip: currentStatus === "Uploading..." ? `${currentStatus} ${uploadProgress}%` : currentStatus,
+      tip: currentStatus === "Uploading..." ? "".concat(currentStatus, " ").concat(uploadProgress, "%") : currentStatus,
       size: "large",
       fullscreen: true
     })]
@@ -681,7 +747,7 @@ const useSystemOperations = function () {
     try {
       AntdModal.confirm({
         icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: `${confirmTitle} ${action}?`,
+        title: "".concat(confirmTitle, " ").concat(action, "?"),
         cancelText,
         okText,
         onOk: () => {
@@ -698,7 +764,7 @@ const useSystemOperations = function () {
         }
       });
     } catch (error) {
-      console.error(`${action.toUpperCase()} ERROR: `, error);
+      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
     }
   }, [AntdModal, confirmTitle, cancelText, okText, onPowerOff, onRestart]);
   const getMenuItems = useCallback(() => [{
@@ -721,585 +787,20 @@ const useSystemOperations = function () {
 };
 var useSystemOperations$1 = useSystemOperations;
 
-const PopoverContent = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    onClose,
-    onConfirm
-  } = _ref;
-  const [value, setValue] = useState('');
-  const handleConfirm = useCallback(() => {
-    onConfirm(value, () => setValue(''));
-  }, [confirm, value]);
-  const handleKeyDown = useCallback(e => {
-    if (e.key === 'Enter') {
-      handleConfirm();
-    }
-  }, [handleConfirm]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Form.Item, {
-      label: "Folder Name",
-      style: {
-        marginBottom: 8
-      },
-      children: /*#__PURE__*/jsx(Input, {
-        ref: ref,
-        value: value,
-        onChange: e => setValue(e.target.value),
-        onKeyDown: handleKeyDown,
-        size: "small",
-        style: {
-          width: 120
-        },
-        autoFocus: true
-      })
-    }), /*#__PURE__*/jsxs(Flex, {
-      justify: "flex-end",
-      gap: "small",
-      children: [/*#__PURE__*/jsx(Button, {
-        type: "default",
-        size: "small",
-        onClick: onClose,
-        children: "Close"
-      }), /*#__PURE__*/jsx(Button, {
-        type: "primary",
-        size: "small",
-        onClick: handleConfirm,
-        children: "OK"
-      })]
-    })]
-  });
-});
-const EditablePopover = _ref2 => {
-  let {
-    children,
-    add
-  } = _ref2;
-  const inputRef = useRef(null);
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
-    if (open && inputRef.current) {
-      const timer = setTimeout(() => {
-        inputRef.current?.focus();
-      }, 100);
-      return () => clearTimeout(timer);
-    }
-  }, [open]);
-
-  // 使用 open 属性控制浮层显示
-  const hide = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const handleConfirm = useCallback((newTitle, callback) => {
-    add(newTitle);
-    callback?.();
-    hide();
-  }, [add, hide]);
-  const handleOpenChange = useCallback(newOpen => {
-    setOpen(newOpen);
-  }, []);
-  return /*#__PURE__*/jsx(Popover, {
-    content: /*#__PURE__*/jsx(PopoverContent, {
-      ref: inputRef,
-      onClose: hide,
-      onConfirm: handleConfirm
-    }),
-    trigger: "click",
-    open: open,
-    onOpenChange: handleOpenChange,
-    destroyOnHidden: true,
-    children: children
-  });
-};
-var EditablePopover$1 = /*#__PURE__*/memo(EditablePopover);
-
-const EditableContext = /*#__PURE__*/createContext(null);
-const TreeTitle = _ref => {
-  let {
-    ...props
-  } = _ref;
-  const [form] = Form.useForm();
-  return /*#__PURE__*/jsx(Form, {
-    form: form,
-    component: false,
-    children: /*#__PURE__*/jsx(EditableContext.Provider, {
-      value: form,
-      children: /*#__PURE__*/jsx(TreeTitleNode, {
-        ...props
-      })
-    })
-  });
-};
-const TreeTitleNode = _ref2 => {
-  let {
-    title,
-    nodeData,
-    handleSave,
-    handleDel,
-    handleAdd
-  } = _ref2;
-  const [editing, setEditing] = useState(false);
-  const inputRef = useRef(null);
-  const form = useContext(EditableContext);
-  useEffect(() => {
-    if (editing) {
-      inputRef.current?.focus();
-    }
-  }, [editing]);
-  const toggleEdit = useCallback(() => {
-    setEditing(prev => !prev);
-    form.setFieldsValue({
-      [nodeData.title]: nodeData.title
-    });
-  }, [form, nodeData.title]);
-  const save = useCallback(async () => {
-    try {
-      const values = await form.validateFields();
-      toggleEdit();
-      handleSave({
-        ...nodeData,
-        title: values[nodeData.title]
-      });
-    } catch (errInfo) {
-      console.error('Save failed:', errInfo);
-    }
-  }, [form, toggleEdit, handleSave, nodeData]);
-
-  // 新建文件夹 
-  // 修改文件/文件夹
-  // 删除文件/文件夹
-  const renderIconNode = useCallback(() => {
-    return /*#__PURE__*/jsxs("span", {
-      className: "flex",
-      onClick: e => e.stopPropagation(),
-      children: [/*#__PURE__*/jsx(EditablePopover$1, {
-        add: newTitle => handleAdd(nodeData, newTitle),
-        children: /*#__PURE__*/jsx("div", {
-          className: "px-1",
-          title: "create",
-          children: /*#__PURE__*/jsx("i", {
-            className: "iconfont icon-jia"
-          })
-        })
-      }), !nodeData.isRoot && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: "px-1",
-          onClick: toggleEdit,
-          title: "edit",
-          children: /*#__PURE__*/jsx("i", {
-            className: "iconfont icon-bianji"
-          })
-        }), /*#__PURE__*/jsx(Popconfirm, {
-          title: "Confirm deletion?",
-          onConfirm: () => handleDel(nodeData),
-          okText: "Yes",
-          cancelText: "No",
-          children: /*#__PURE__*/jsx("div", {
-            className: "px-1",
-            title: "delete",
-            children: /*#__PURE__*/jsx("i", {
-              className: "iconfont icon-jian"
-            })
-          })
-        })]
-      })]
-    });
-  }, [handleAdd, nodeData, title, toggleEdit, handleDel]);
-  const renderChildNode = useCallback(() => {
-    return editing ? /*#__PURE__*/jsx(Form.Item, {
-      style: {
-        margin: 0,
-        width: "100%"
-      },
-      name: nodeData.title,
-      children: /*#__PURE__*/jsx(Input, {
-        ref: inputRef,
-        onPressEnter: save,
-        onBlur: save,
-        autoComplete: "off",
-        size: "small"
-      })
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Typography.Text, {
-        ellipsis: true,
-        style: {
-          width: "75%"
-        },
-        children: title
-      }), renderIconNode()]
-    });
-  }, [editing, nodeData.title, save, title, renderIconNode]);
-  return /*#__PURE__*/jsx("div", {
-    className: "tree-title",
-    children: renderChildNode()
-  });
-};
-var TreeTitle$1 = /*#__PURE__*/memo(TreeTitle);
-
-const replaceRootPath = path => {
-  if (typeof path !== 'string') return '';
-  return path.startsWith('root/') ? path.slice(5) : path;
-};
-
-/**
- * 递归转换目录结构为树形结构
- * @param {Array} data - 原始数据
- * @param {string} [basePath='0'] - 基础路径
- * @param {string} [parentRoute] - 父级路由路径
- * @returns {Array} 转换后的树形结构
- */
-const buildDirectoryTree = function (data) {
-  let basePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
-  let parentRoute = arguments.length > 2 ? arguments[2] : undefined;
-  if (!Array.isArray(data)) return [];
-  return data.reduce((acc, item, index) => {
-    // 跳过文件类型，只处理目录
-    if (item.type === 'file') return acc;
-    const title = parentRoute ? item.name : item.sd_index || item.name;
-    const key = `${basePath}-${index}`;
-    const currentPath = parentRoute ? `${parentRoute}/${title}` : item.path || title;
-    const treeNode = {
-      title,
-      // 文件/文件夹名称
-      key,
-      icon: _ref => {
-        let {
-          expanded
-        } = _ref;
-        return expanded ? /*#__PURE__*/jsx(FolderOpenOutlined, {}) : /*#__PURE__*/jsx(FolderOutlined, {});
-      },
-      children: [],
-      isLeaf: false,
-      isRoot: Boolean(item.sd_index),
-      path: currentPath,
-      contents: (item.contents || []).filter(content => content.type === 'file'),
-      rawData: item // 保留原始数据
-    };
-
-    // 递归处理子目录
-    if (Array.isArray(item.contents) && item.contents.length > 0) {
-      treeNode.children = buildDirectoryTree(item.contents.filter(content => content.type !== 'file'), key, currentPath);
-    }
-    acc.push(treeNode);
-    return acc;
-  }, []);
-};
-
-/**
- * 查找树中指定key的节点
- * @param {Array} treeData - 树数据
- * @param {string} targetKey - 要查找的key
- * @returns {Array} 包含匹配节点的数组
- */
-const findTreeNode = (treeData, targetKey) => {
-  if (!Array.isArray(treeData) || typeof targetKey !== 'string') return [];
-  const result = [];
-  const stack = [...treeData];
-  while (stack.length) {
-    const node = stack.pop();
-    if (node.key === targetKey) {
-      result.push(node);
-      // 如果只需要第一个匹配项，可以在这里break
-    }
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return result;
-};
-
-/**
- * 获取树中所有节点的keys
- * @param {Array} treeData - 树数据
- * @returns {Array} 包含所有节点keys的数组
- */
-const getAllNodeKeys = treeData => {
-  if (!Array.isArray(treeData)) return [];
-  const keys = [];
-  const stack = [...treeData];
-  while (stack.length) {
-    const node = stack.pop();
-    if (node.key != null) {
-      keys.push(node.key);
-    }
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return keys;
-};
-
-const useDirectoryTree = _ref => {
-  let {
-    getFolderData,
-    createFolder,
-    removeFolderFile,
-    renameFolderFile,
-    height = 760,
-    theme = {
-      components: {
-        Tree: {
-          titleHeight: 30
-        }
-      }
-    }
-  } = _ref;
-  const [treeState, setTreeState] = useState({
-    data: [],
-    selectedKeys: [],
-    expandedKeys: [],
-    currentPath: "",
-    contents: [],
-    loading: false
-  });
-  const [originTreeData, setOriginTreeData] = useState([]);
-  const updateTreeState = partialState => {
-    setTreeState(prev => ({
-      ...prev,
-      ...partialState
-    }));
-  };
-
-  // 错误处理
-  const handleError = (error, operation) => {
-    console.error(`${operation} ERROR`, error);
-    // 可以添加通知等统一错误处理
-  };
-
-  // 路径处理工具
-  const pathUtils = {
-    replaceRoot: path => replaceRootPath(path),
-    getNewPath: (node, newTitle) => {
-      const arr = node.path.split('/');
-      arr[arr.length - 1] = newTitle;
-      return arr.join('/');
-    },
-    isSamePath: (path1, path2) => {
-      return pathUtils.replaceRoot(path1) === pathUtils.replaceRoot(path2);
-    }
-  };
-
-  // 节点查找工具
-  const nodeUtils = {
-    findNode: (treeData, key) => {
-      return findTreeNode(treeData, key);
-    }
-  };
-
-  // 获取文件夹数据 文件夹名称为空时返回根目录数据
-  const fetchFolderData = useCallback(async function () {
-    let initialization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    try {
-      const data = await getFolderData({
-        folder: ""
-      });
-      if (!data?.directoryTree) {
-        return null;
-      }
-      setOriginTreeData(data.directoryTree);
-
-      // 构建根节点并生成树结构
-      const rootNode = {
-        name: 'root',
-        type: 'directory',
-        contents: data.directoryTree
-      };
-      // 递归生成treenodes
-      const treeNodes = buildDirectoryTree([rootNode]);
-      const rootChildren = treeNodes[0]?.children || [];
-      if (!rootChildren.length) {
-        return null;
-      }
-      const firstChild = rootChildren[0];
-      const newState = {
-        data: rootChildren,
-        ...(initialization && {
-          selectedKeys: [firstChild?.key],
-          expandedKeys: getAllNodeKeys(rootChildren),
-          currentPath: firstChild?.path,
-          contents: firstChild?.contents || []
-        })
-      };
-      updateTreeState(newState);
-      return rootChildren;
-    } catch (error) {
-      handleError(error, 'GET FOLDER DATA');
-    }
-  }, []);
-
-  // 初始化数据
-  useEffect(() => {
-    fetchFolderData(true);
-  }, [fetchFolderData]);
-
-  // 创建文件夹
-  const handleCreate = useCallback(async (node, newTitle) => {
-    if (!newTitle?.trim()) return false;
-    try {
-      const path = pathUtils.replaceRoot(`${node.path}/${newTitle}`);
-      await createFolder({
-        path
-      });
-      const newTreeData = await fetchFolderData();
-
-      // 找到新增节点的父节点
-      const parentNode = nodeUtils.findNode(newTreeData, node.key);
-      if (parentNode?.[0]?.children) {
-        // 通过 path 找到新增节点，得到新增节点的key
-        const addedNode = parentNode[0].children.find(ch => pathUtils.isSamePath(ch.path, `root/${newTitle}`));
-        if (addedNode) {
-          updateTreeState({
-            expandedKeys: [...treeState.expandedKeys, addedNode.key, parentNode[0].key]
-          });
-        }
-      }
-    } catch (error) {
-      handleError(error, 'CREATE FOLDER');
-    }
-  }, [fetchFolderData, treeState.expandedKeys]);
-
-  // 删除文件/文件夹
-  const handleRemove = useCallback(async node => {
-    if (!node.path) return;
-    try {
-      await removeFolderFile({
-        paths: [{
-          path: pathUtils.replaceRoot(node.path)
-        }]
-      });
-      // 如果删除的是当前选中节点，则重新初始化
-      const shouldReinitialize = treeState.selectedKeys[0] === node.key;
-      await fetchFolderData(shouldReinitialize);
-    } catch (error) {
-      handleError(error, 'REMOVE FOLDER/FILE');
-    }
-  }, [fetchFolderData, treeState.selectedKeys]);
-
-  // 修改文件/文件夹
-  const handleRename = useCallback(async node => {
-    const newPath = pathUtils.getNewPath(node, node.title);
-    if (pathUtils.isSamePath(node.path, newPath)) return false;
-    try {
-      await renameFolderFile({
-        old_path: pathUtils.replaceRoot(node.path),
-        new_path: pathUtils.replaceRoot(newPath)
-      });
-      await fetchFolderData();
-    } catch (error) {
-      handleError(error, 'RENAME FOLDER/FILE');
-    }
-  }, [fetchFolderData]);
-
-  // 选择节点
-  const onSelect = useCallback(async (keys, info) => {
-    if (!keys.length || keys[0] === treeState.selectedKeys[0] && pathUtils.isSamePath(info.node.path, treeState.currentPath)) return;
-    updateTreeState({
-      selectedKeys: keys,
-      currentPath: info.node.path,
-      loading: true
-    });
-    try {
-      // 模拟延迟加载
-      // eslint-disable-next-line no-promise-executor-return
-      await new Promise(resolve => setTimeout(resolve, 300));
-      updateTreeState({
-        contents: info.node.contents,
-        loading: false
-      });
-    } catch (error) {
-      handleError(error, 'SELECT NODE');
-      updateTreeState({
-        loading: false
-      });
-    }
-  }, [treeState.selectedKeys, treeState.currentPath]);
-
-  // 展开节点
-  const onExpand = useCallback(keys => {
-    updateTreeState({
-      expandedKeys: keys
-    });
-  }, []);
-
-  // 上传右侧文件或删除右侧文件 成功后的回调函数
-  const updateFileContents = useCallback(async () => {
-    // 找到当前选中的节点，更新当前节点的 contents
-    const newTreeData = await fetchFolderData();
-    const selectedNode = nodeUtils.findNode(newTreeData, treeState.selectedKeys[0]);
-    if (selectedNode?.[0]) {
-      updateTreeState({
-        contents: selectedNode[0].contents
-      });
-    }
-  }, [fetchFolderData, treeState.selectedKeys]);
-
-  // 删除文件
-  const removeFile = useCallback(async url => {
-    try {
-      await removeFolderFile({
-        path: url
-      });
-      await updateFileContents();
-    } catch (error) {
-      handleError(error, 'REMOVE FILE');
-    }
-  }, [updateFileContents]);
-  const MemoizedTree = useMemo(() => {
-    if (!treeState.data?.length) {
-      return /*#__PURE__*/jsx(Empty, {
-        image: Empty.PRESENTED_IMAGE_SIMPLE
-      });
-    }
-    return /*#__PURE__*/jsx("div", {
-      style: {
-        paddingTop: 16
-      },
-      children: /*#__PURE__*/jsx(ConfigProvider, {
-        theme: theme,
-        children: /*#__PURE__*/jsx(Tree, {
-          blockNode: true,
-          showIcon: true,
-          selectedKeys: treeState.selectedKeys,
-          expandedKeys: treeState.expandedKeys,
-          onSelect: onSelect,
-          onExpand: onExpand,
-          treeData: treeState.data,
-          titleRender: nodeData => /*#__PURE__*/jsx(TreeTitle$1, {
-            title: nodeData.title,
-            nodeData: nodeData,
-            handleSave: handleRename,
-            handleDel: handleRemove,
-            handleAdd: handleCreate
-          }),
-          height: height
-        })
-      })
-    }, "folder-directory");
-  }, [treeState.data, treeState.selectedKeys, treeState.expandedKeys]);
-  return {
-    directoryTree: MemoizedTree,
-    contents: treeState.contents,
-    currentPath: treeState.currentPath,
-    loading: treeState.loading,
-    originTreeData,
-    updateFileContents,
-    removeFile
-  };
-};
-var useDirectoryTree$1 = useDirectoryTree;
-
+const _excluded = ["menuItems", "onMenuClick", "downloadFiles", "upgradeExecute", "upgradeStatus", "acceptFileTypes", "uploadCompleteDelay", "statusPollingInterval", "children"];
 const UpgradeManager = _ref => {
   let {
-    menuItems = [],
-    onMenuClick,
-    downloadFiles,
-    upgradeExecute,
-    upgradeStatus,
-    acceptFileTypes = "application/octet-stream",
-    uploadCompleteDelay = 3000,
-    statusPollingInterval = 1000,
-    children,
-    ...dropdownProps
-  } = _ref;
+      menuItems = [],
+      onMenuClick,
+      downloadFiles,
+      upgradeExecute,
+      upgradeStatus,
+      acceptFileTypes = "application/octet-stream",
+      uploadCompleteDelay = 3000,
+      statusPollingInterval = 1000,
+      children
+    } = _ref,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded);
   const [upgradeElement] = useUpgrade$1({
     menuItems,
     onMenuClick,
@@ -1315,11 +816,9 @@ const UpgradeManager = _ref => {
     const dropdownElement = upgradeElement.props.children[0];
     const otherElements = upgradeElement.props.children.slice(1);
     return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Dropdown, {
-        ...dropdownProps,
-        ...dropdownElement.props,
+      children: [/*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2(_objectSpread2({}, dropdownProps), dropdownElement.props), {}, {
         children: children
-      }), otherElements]
+      })), otherElements]
     });
   }
 
@@ -2557,7 +2056,7 @@ const SystemOperations = _ref => {
     try {
       AntdModal.confirm({
         icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: `${confirmTitle} ${action}?`,
+        title: "".concat(confirmTitle, " ").concat(action, "?"),
         cancelText,
         okText,
         onOk: () => {
@@ -2574,7 +2073,7 @@ const SystemOperations = _ref => {
         }
       });
     } catch (error) {
-      console.error(`${action.toUpperCase()} ERROR: `, error);
+      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
     }
   };
   const handleMenuClick = _ref2 => {
@@ -2715,12 +2214,12 @@ function convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder) {
       formType: 'text'
     };
     const value = ptpStatus[key];
-    return {
+    return _objectSpread2(_objectSpread2({
       key,
-      value,
-      ...config,
+      value
+    }, config), {}, {
       rawData: ptpStatus
-    };
+    });
   });
 }
 const PtpModal = _ref => {
@@ -2742,7 +2241,7 @@ const PtpModal = _ref => {
   useEffect(() => {
     if (open) {
       getPtpInfo().then(data => {
-        if (data?.[0]) {
+        if (data !== null && data !== void 0 && data[0]) {
           setPtpStatus(data[0]);
           form.setFieldsValue(data[0]);
         }
@@ -2755,8 +2254,7 @@ const PtpModal = _ref => {
   }, [ptpStatus]);
   const handleValueChange = changedValues => {
     if ('t1_domain_number' in changedValues) {
-      setPtpStatus(prev => ({
-        ...prev,
+      setPtpStatus(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
         t1_domain_number: changedValues.t1_domain_number
       }));
     }
@@ -2776,6 +2274,7 @@ const PtpModal = _ref => {
     }
   };
   const renderFormItem = item => {
+    var _item$statusMap, _item$min, _item$max;
     switch (item.formType) {
       case 'select':
         return /*#__PURE__*/jsx(Select, {
@@ -2786,7 +2285,7 @@ const PtpModal = _ref => {
         return /*#__PURE__*/jsx(Switch, {});
       case 'badge':
         const normalizedValue = typeof item.value === 'boolean' ? item.value ? 1 : 0 : item.value;
-        const status = item.statusMap?.[normalizedValue] || {
+        const status = ((_item$statusMap = item.statusMap) === null || _item$statusMap === void 0 ? void 0 : _item$statusMap[normalizedValue]) || {
           text: 'Unknown',
           color: 'gray'
         };
@@ -2808,8 +2307,8 @@ const PtpModal = _ref => {
           disabled: item.readOnly,
           controls: false,
           keyboard: false,
-          min: item.min ?? Number.MIN_SAFE_INTEGER,
-          max: item.max ?? Number.MAX_SAFE_INTEGER
+          min: (_item$min = item.min) !== null && _item$min !== void 0 ? _item$min : Number.MIN_SAFE_INTEGER,
+          max: (_item$max = item.max) !== null && _item$max !== void 0 ? _item$max : Number.MAX_SAFE_INTEGER
         });
       default:
         return /*#__PURE__*/jsx(Input, {
@@ -2820,19 +2319,18 @@ const PtpModal = _ref => {
   if (!open || !ptpStatus) return null;
 
   // 合并默认模态框属性和传入的属性
-  const mergedModalProps = {
+  const mergedModalProps = _objectSpread2({
     title: "PTP",
     width: 650,
     open,
     okText: "Apply",
     cancelText: "Close",
     onCancel: onClose,
-    onOk: handleSubmit,
-    ...modalProps
-  };
+    onOk: handleSubmit
+  }, modalProps);
 
   // 合并默认表单属性和传入的属性
-  const mergedFormProps = {
+  const mergedFormProps = _objectSpread2({
     form: form,
     name: "ptpForm",
     labelCol: {
@@ -2842,25 +2340,23 @@ const PtpModal = _ref => {
       span: 16
     },
     autoComplete: "off",
-    onValuesChange: handleValueChange,
-    ...formProps
-  };
-  return /*#__PURE__*/jsx(Modal, {
-    ...mergedModalProps,
-    children: /*#__PURE__*/jsx(Form, {
-      ...mergedFormProps,
+    onValuesChange: handleValueChange
+  }, formProps);
+  return /*#__PURE__*/jsx(Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
+    children: /*#__PURE__*/jsx(Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
       children: ptpStatusArray.map(item => /*#__PURE__*/jsx(Form.Item, {
         label: item.label,
         name: item.key,
         initialValue: item.value,
         children: renderFormItem(item)
       }, item.key))
-    })
-  });
+    }))
+  }));
 };
 var PtpModal$1 = /*#__PURE__*/memo(PtpModal);
 
 const NetworkFieldGroup = _ref => {
+  var _fieldConfig$netmask$, _fieldConfig$netmask;
   let {
     prefix,
     interfaces,
@@ -2881,14 +2377,12 @@ const NetworkFieldGroup = _ref => {
       enabled: true
     }
   };
-  const mergedFieldConfig = {
-    ...defaultFieldConfig,
-    ...fieldConfig,
+  const mergedFieldConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultFieldConfig), fieldConfig), {}, {
     netmask: {
       label: "Netmask",
-      enabled: fieldConfig.netmask?.enabled ?? defaultFieldConfig.netmask.enabled // 合并 enabled
+      enabled: (_fieldConfig$netmask$ = (_fieldConfig$netmask = fieldConfig.netmask) === null || _fieldConfig$netmask === void 0 ? void 0 : _fieldConfig$netmask.enabled) !== null && _fieldConfig$netmask$ !== void 0 ? _fieldConfig$netmask$ : defaultFieldConfig.netmask.enabled // 合并 enabled
     }
-  };
+  });
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography.Title, {
       level: 5,
@@ -2959,24 +2453,20 @@ const NetworkSettingsModal = _ref2 => {
     hasInitialized: false
   });
   const preparedFieldConfig = useMemo(() => {
-    const config = {
-      ...fieldConfig
-    };
+    const config = _objectSpread2({}, fieldConfig);
 
     // 确保LAN和QSFP的配置存在
     config.LAN = config.LAN || {};
     config.QSFP = config.QSFP || {};
     if (sections.includes('LAN')) {
-      config.LAN.netmask = {
-        ...(config.LAN.netmask || {}),
+      config.LAN.netmask = _objectSpread2(_objectSpread2({}, config.LAN.netmask || {}), {}, {
         enabled: showNetmask.LAN
-      };
+      });
     }
     if (sections.includes('QSFP')) {
-      config.QSFP.netmask = {
-        ...(config.QSFP.netmask || {}),
+      config.QSFP.netmask = _objectSpread2(_objectSpread2({}, config.QSFP.netmask || {}), {}, {
         enabled: showNetmask.QSFP
-      };
+      });
     }
     return config;
   }, [fieldConfig, showNetmask, sections]);
@@ -3044,28 +2534,23 @@ const NetworkSettingsModal = _ref2 => {
   const initialValues = useMemo(() => {
     const values = {};
     if (sections.includes('LAN') && lanConfigs.length > 0) {
-      values.LAN = lanConfigs.map(config => ({
+      values.LAN = lanConfigs.map(config => _objectSpread2({
         connection_id: config.connection_id,
         display_name: config.display_name,
-        ip_address: config.ip_address,
-        ...(showNetmask.LAN ? {
-          netmask: config.netmask
-        } : {})
-      }));
+        ip_address: config.ip_address
+      }, showNetmask.LAN ? {
+        netmask: config.netmask
+      } : {}));
     }
     if (sections.includes('QSFP') && st2110Interfaces.length > 0) {
-      values.QSFP = st2110Interfaces.map(iface => ({
-        // 只有当iface中存在id字段时才包含id
-        ...(iface.id !== undefined && {
-          id: iface.id
-        }),
+      values.QSFP = st2110Interfaces.map(iface => _objectSpread2(_objectSpread2({}, iface.id !== undefined && {
+        id: iface.id
+      }), {}, {
         display_name: iface.display_name,
-        ip_address: iface.ip_address || iface.ip,
-        // 优先取ip_address，没有则取ip
-        ...(showNetmask.QSFP ? {
-          netmask: iface.netmask
-        } : {})
-      }));
+        ip_address: iface.ip_address || iface.ip
+      }, showNetmask.QSFP ? {
+        netmask: iface.netmask
+      } : {}));
     }
     return values;
   }, [lanConfigs, st2110Interfaces, sections, showNetmask]);
@@ -3127,32 +2612,32 @@ const NetworkSettingsModal = _ref2 => {
 
       // 更新LAN配置
       if (sections.includes('LAN') && values.LAN) {
-        const lanData = values.LAN.map((item, index) => ({
-          connection_id: lanConfigs[index]?.connection_id,
-          ip_address: item.ip_address,
-          ...(showNetmask.LAN ? {
+        const lanData = values.LAN.map((item, index) => {
+          var _lanConfigs$index;
+          return _objectSpread2({
+            connection_id: (_lanConfigs$index = lanConfigs[index]) === null || _lanConfigs$index === void 0 ? void 0 : _lanConfigs$index.connection_id,
+            ip_address: item.ip_address
+          }, showNetmask.LAN ? {
             netmask: item.netmask
-          } : {})
-        }));
+          } : {});
+        });
         updatePromises.push(updateLanConfig(lanData));
       }
 
       // 更新QSFP配置
       if (sections.includes('QSFP') && values.QSFP) {
-        const interfacesData = values.QSFP.map((item, index) => ({
-          // 只有当原始数据中存在id时才包含id
-          ...(st2110Interfaces?.[index]?.id !== undefined && {
-            id: st2110Interfaces?.[index]?.id
-          }),
-          ...(st2110Interfaces?.[index]?.ip !== undefined ? {
+        const interfacesData = values.QSFP.map((item, index) => {
+          var _st2110Interfaces$ind, _st2110Interfaces$ind2, _st2110Interfaces$ind3;
+          return _objectSpread2(_objectSpread2(_objectSpread2({}, (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind = st2110Interfaces[index]) === null || _st2110Interfaces$ind === void 0 ? void 0 : _st2110Interfaces$ind.id) !== undefined && {
+            id: st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind2 = st2110Interfaces[index]) === null || _st2110Interfaces$ind2 === void 0 ? void 0 : _st2110Interfaces$ind2.id
+          }), (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind3 = st2110Interfaces[index]) === null || _st2110Interfaces$ind3 === void 0 ? void 0 : _st2110Interfaces$ind3.ip) !== undefined ? {
             ip: item.ip_address
           } : {
             ip_address: item.ip_address
-          }),
-          ...(showNetmask.QSFP ? {
+          }), showNetmask.QSFP ? {
             netmask: item.netmask
-          } : {})
-        }));
+          } : {});
+        });
         const st2110Data = st2110Interfaces.some(iface => 'id' in iface) ? {
           st2110_interfaces: interfacesData
         } : {
@@ -3178,7 +2663,7 @@ const NetworkSettingsModal = _ref2 => {
   }, [form, sections, lanConfigs, st2110Interfaces, updateLanConfig, updateSysConfig, handleSuccess, message]);
 
   // 合并默认模态框属性和传入的属性
-  const mergedModalProps = {
+  const mergedModalProps = _objectSpread2({
     title: "Network Settings",
     width: 650,
     open,
@@ -3188,21 +2673,19 @@ const NetworkSettingsModal = _ref2 => {
     okText: "Apply",
     cancelText: "Close",
     centered: true,
-    styles: {
+    styles: _objectSpread2({
       body: {
         padding: "16px 24px 8px 24px"
-      },
-      ...(restartRemark !== null && {
-        footer: {
-          paddingBottom: 28
-        }
-      })
-    },
-    ...modalProps
-  };
+      }
+    }, restartRemark !== null && {
+      footer: {
+        paddingBottom: 28
+      }
+    })
+  }, modalProps);
 
   // 合并默认表单属性和传入的属性
-  const mergedFormProps = {
+  const mergedFormProps = _objectSpread2({
     form: form,
     labelCol: {
       span: 6
@@ -3210,13 +2693,10 @@ const NetworkSettingsModal = _ref2 => {
     wrapperCol: {
       span: 18
     },
-    autoComplete: "off",
-    ...formProps
-  };
-  return /*#__PURE__*/jsxs(Modal, {
-    ...mergedModalProps,
-    children: [/*#__PURE__*/jsxs(Form, {
-      ...mergedFormProps,
+    autoComplete: "off"
+  }, formProps);
+  return /*#__PURE__*/jsxs(Modal, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
+    children: [/*#__PURE__*/jsxs(Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
       children: [sections.includes('LAN') && lanConfigs.length > 0 && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(NetworkFieldGroup, {
           prefix: "LAN",
@@ -3228,8 +2708,8 @@ const NetworkSettingsModal = _ref2 => {
         interfaces: st2110Interfaces,
         fieldConfig: preparedFieldConfig.QSFP
       })]
-    }), restartRemark]
-  });
+    })), restartRemark]
+  }));
 };
 var NetworkSettingsModal$1 = /*#__PURE__*/memo(NetworkSettingsModal);
 
@@ -3255,7 +2735,7 @@ const LeftList = /*#__PURE__*/memo(_ref => {
       className: "list-container",
       children: /*#__PURE__*/jsx(List, {
         header: /*#__PURE__*/jsxs("div", {
-          className: `grid ${gridColumns} w-full list-header`,
+          className: "grid ".concat(gridColumns, " w-full list-header"),
           children: [/*#__PURE__*/jsx("div", {
             children: "Name"
           }), /*#__PURE__*/jsx("div", {
@@ -3267,13 +2747,13 @@ const LeftList = /*#__PURE__*/memo(_ref => {
         dataSource: dataSource,
         rowKey: "id",
         renderItem: item => /*#__PURE__*/jsx(List.Item, {
-          className: `list-item ${selectedPresetId === item.id ? 'selected' : ''}`,
+          className: "list-item ".concat(selectedPresetId === item.id ? 'selected' : ''),
           style: {
             padding: "9px 24px"
           },
           onClick: () => onSelectPreset(item),
           children: /*#__PURE__*/jsxs("div", {
-            className: `grid ${gridColumns} w-full text-text-normal`,
+            className: "grid ".concat(gridColumns, " w-full text-text-normal"),
             children: [/*#__PURE__*/jsx("div", {
               title: item.name,
               children: item.name || "Untitled Preset"
@@ -3390,10 +2870,9 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     return fields.category_list.options.map(category => {
       const isInitiallySelected = initialSelected.includes(category.name);
       const shouldDisable = isEditing ? !isInitiallySelected : false;
-      return {
-        ...category,
+      return _objectSpread2(_objectSpread2({}, category), {}, {
         disabled: shouldDisable
-      };
+      });
     });
   }, [initialSelected, isEditing, hasCategoryList, fields.category_list]);
   return /*#__PURE__*/jsxs(Flex, {
@@ -3452,13 +2931,13 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
           disabled: isEditing
         })
       })]
-    }), isEditing ? /*#__PURE__*/jsx(SubmitButton, {
-      action: onLoad,
-      ...(hasCategoryList && {
-        disabled: !currentSelected.length
-      }),
+    }), isEditing ? /*#__PURE__*/jsx(SubmitButton, _objectSpread2(_objectSpread2({
+      action: onLoad
+    }, hasCategoryList && {
+      disabled: !currentSelected.length
+    }), {}, {
       children: texts.loadButton
-    }) : /*#__PURE__*/jsx(SubmitButton, {
+    })) : /*#__PURE__*/jsx(SubmitButton, {
       action: onSave,
       loading: isLoading,
       children: texts.saveButton
@@ -3516,7 +2995,7 @@ const Preset = _ref => {
   const fetchPresetList = useCallback(async () => {
     try {
       const data = await getPresetList();
-      const presets = data?.preset_list || data || [];
+      const presets = (data === null || data === void 0 ? void 0 : data.preset_list) || data || [];
       setPresetList(presets);
     } catch (error) {
       console.error('Failed to fetch preset list:', error);
@@ -3528,6 +3007,7 @@ const Preset = _ref => {
     // setPresetChanged(prev => prev + 1); // 触发更新
   }, [form]);
   const handleAddNew = useCallback(() => {
+    var _fields$category_list;
     const unsavedPreset = presetList.find(item => !item.id);
     if (unsavedPreset) {
       AntdMessage.warning('Existing unsaved preset detected.');
@@ -3541,7 +3021,7 @@ const Preset = _ref => {
     }, {});
 
     // 特殊处理 category_list
-    if (fields.category_list?.options) {
+    if ((_fields$category_list = fields.category_list) !== null && _fields$category_list !== void 0 && _fields$category_list.options) {
       newPreset.category_list = fields.category_list.options.map(item => item.name);
     }
     setPresetList([...presetList, newPreset]);
@@ -3557,7 +3037,7 @@ const Preset = _ref => {
     try {
       AntdModal.confirm({
         icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: `${texts.deleteConfirm} "${presetName}"?`,
+        title: "".concat(texts.deleteConfirm, " \"").concat(presetName, "\"?"),
         cancelText: 'No',
         okText: 'Yes',
         onOk: async () => {
@@ -3582,7 +3062,7 @@ const Preset = _ref => {
     }
   }, [selectedPreset, form, AntdModal, AntdMessage, fetchPresetList, texts]);
   const handleLoadPreset = useCallback(async () => {
-    if (!selectedPreset?.id) return;
+    if (!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id)) return;
 
     // 显示加载模态框
     const modalInstance = Modal.info({
@@ -3599,12 +3079,11 @@ const Preset = _ref => {
       }
     });
     try {
-      await loadPreset({
-        id: selectedPreset.id,
-        ...(selectedPreset.category_list && {
-          category_list: selectedPreset.category_list
-        })
-      });
+      await loadPreset(_objectSpread2({
+        id: selectedPreset.id
+      }, selectedPreset.category_list && {
+        category_list: selectedPreset.category_list
+      }));
       // 成功时延迟关闭
       setTimeout(() => {
         modalInstance.destroy();
@@ -3643,13 +3122,13 @@ const Preset = _ref => {
     title: texts.title,
     width: width,
     open: open,
-    wrapClassName: `preset-management ${className}`,
+    wrapClassName: "preset-management ".concat(className),
     footer: null,
     onCancel: onClose,
     centered: true,
     styles: {
       body: {
-        height: `${height}px`
+        height: "".concat(height, "px")
       }
     },
     children: /*#__PURE__*/jsxs(Row, {
@@ -3660,7 +3139,7 @@ const Preset = _ref => {
         className: "h-full",
         children: /*#__PURE__*/jsx(LeftList, {
           dataSource: presetList,
-          selectedPresetId: selectedPreset?.id,
+          selectedPresetId: selectedPreset === null || selectedPreset === void 0 ? void 0 : selectedPreset.id,
           onSelectPreset: handleSelectPreset,
           onAddNew: handleAddNew,
           onRemove: handleRemove,
@@ -3679,7 +3158,7 @@ const Preset = _ref => {
           onSave: handleSave,
           onLoad: handleLoadPreset,
           isLoading: loading,
-          isEditing: !!selectedPreset?.id,
+          isEditing: !!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id),
           fields: fields,
           texts: {
             loadButton: texts.loadButton,
@@ -3702,5 +3181,5 @@ const Preset = _ref => {
 };
 var PresetModal = /*#__PURE__*/memo(Preset);
 
-export { AuthorizationModal$1 as AuthorizationModal, NetworkSettingsModal$1 as NetworkSettingsModal, PresetModal, PtpModal$1 as PtpModal, SystemOperations$1 as SystemOperations, UpgradeManager$1 as UpgradeManager, useAuth, useDirectoryTree$1 as useDirectoryTree, useHardwareUsage$1 as useHardwareUsage, useHardwareWebSocket$1 as useHardwareWebSocket, useSystemOperations$1 as useSystemOperations, useUpgrade$1 as useUpgrade };
+export { AuthorizationModal$1 as AuthorizationModal, NetworkSettingsModal$1 as NetworkSettingsModal, PresetModal, PtpModal$1 as PtpModal, SystemOperations$1 as SystemOperations, UpgradeManager$1 as UpgradeManager, useAuth, useHardwareUsage$1 as useHardwareUsage, useHardwareWebSocket$1 as useHardwareWebSocket, useSystemOperations$1 as useSystemOperations, useUpgrade$1 as useUpgrade };
 //# sourceMappingURL=index.esm.js.map