seeder-st2110-components 1.7.11 → 1.7.13

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { memo, useState, useCallback, useMemo, useEffect, useRef } from 'react';
-import { Tooltip, Modal, App, Form, Input, Alert, message, Dropdown, Spin, Divider, Typography, InputNumber, ConfigProvider, Badge, Switch, Select, List, Empty, Button, Space, Flex, Checkbox, Row, Col, Result } from 'antd';
+import { Tooltip, Modal, App, Alert, Form, Input, message, Dropdown, Spin, Divider, Typography, InputNumber, ConfigProvider, Badge, Switch, Select, List, Empty, Button, Space, Flex, Checkbox, Row, Col, Result } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useWebSocket, useInterval } from 'ahooks';
 import { LoadingOutlined, ExclamationCircleFilled, PlusOutlined } from '@ant-design/icons';
@@ -297,1279 +297,1708 @@ const StyledModal$2 = props => {
 };
 var StyledModal$3 = StyledModal$2;
 
-const AuthorizationModal = _ref => {
-  let {
-    onCancel,
-    onOk,
-    authData,
-    title = 'Register License',
-    okText,
-    cancelText = 'Ignore',
-    width = 600
-  } = _ref;
-  const {
-    message
-  } = App.useApp();
-  const [code, setCode] = useState('');
-  const {
-    accredit_status: isActivated,
-    message: statusMessage = 'Unactivated',
-    bios_id: uuid,
-    expires_time: expiresTime
-  } = authData || {};
-  const handleOk = () => {
-    const trimmedCode = code.trim();
-    if (!trimmedCode) {
-      message.error('License key cannot be empty');
-      return;
-    }
-    onOk(trimmedCode);
-  };
-  const statusAlert = isActivated ? /*#__PURE__*/jsx(Alert, {
-    message: "".concat(statusMessage, ", will expire on ").concat(expiresTime),
-    type: "success",
-    showIcon: true
-  }) : /*#__PURE__*/jsx(Alert, {
-    message: statusMessage,
-    type: "warning",
-    showIcon: true
-  });
-  const defaultOkText = isActivated ? "Reactivate" : "Activate Now";
-  return /*#__PURE__*/jsx(StyledModal$3, {
-    title: title,
-    width: width,
-    open: true,
-    onCancel: onCancel,
-    onOk: handleOk,
-    okText: okText || defaultOkText,
-    cancelText: cancelText,
-    cancelButtonProps: {
-      disabled: !isActivated
-    },
-    maskClosable: false,
-    closable: false,
-    children: /*#__PURE__*/jsxs(Form, {
-      name: "auth_form",
-      labelCol: {
-        span: 6
-      },
-      wrapperCol: {
-        span: 18
-      },
-      autoComplete: "off",
-      children: [/*#__PURE__*/jsx("div", {
-        style: {
-          marginBottom: 16
-        },
-        children: statusAlert
-      }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Machine Code",
-        required: true,
-        children: /*#__PURE__*/jsx(Input, {
-          value: uuid,
-          readOnly: true
-        })
-      }), /*#__PURE__*/jsx(Form.Item, {
-        label: "License Key",
-        required: true,
-        children: /*#__PURE__*/jsx(Input.TextArea, {
-          value: code,
-          onChange: e => setCode(e.target.value),
-          autoSize: {
-            minRows: 6,
-            maxRows: 6
-          },
-          placeholder: "Enter your license key"
-        })
-      })]
-    })
-  });
-};
-var AuthorizationModal$1 = AuthorizationModal;
-
-const DEFAULT_AUTH = {
-  accredit_status: false,
-  // 授权状态
-  bios_id: '',
-  // 主机id
-  message: 'Unactivated',
-  // 激活信息
-  expires_time: '' // 授权到期时间
-};
-const useAuth = options => {
-  const {
-    fetchAuthInfo,
-    authorize,
-    defaultAuthData = DEFAULT_AUTH,
-    autoShowModal = true
-  } = options || {};
-  const [messageApi, contextHolder] = message.useMessage();
-  const [showModal, setShowModal] = useState(false); // 默认隐藏
-  const [authData, setAuthData] = useState(defaultAuthData);
-  const [isRegistered, setIsRegistered] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const openModal = useCallback(() => setShowModal(true), []);
-  const closeModal = useCallback(() => setShowModal(false), []);
-  useEffect(() => {
-    async function loadAuthInfo() {
-      try {
-        setLoading(true);
-        const result = await fetchAuthInfo();
-        if (result !== null && result !== void 0 && result.commands) {
-          const commands = result.commands;
-          setAuthData(commands);
-          setIsRegistered(commands.accredit_status);
-          if (autoShowModal) {
-            commands.accredit_status ? closeModal() : openModal();
-          }
-        }
-      } catch (error) {
-        console.error('Failed to fetch auth info:', error);
-      } finally {
-        setLoading(false);
-      }
-    }
-    loadAuthInfo();
-  }, [fetchAuthInfo, autoShowModal, openModal, closeModal]);
-  const auth = async code => {
-    try {
-      setLoading(true);
-      const result = await authorize({
-        type: "accredit_command",
-        commands: {
-          id: "LICENSE",
-          license_data: code
-        }
-      });
-      if (result !== null && result !== void 0 && result.commands) {
-        const commands = result.commands;
-        // type accredit_message
-        if (commands !== null && commands !== void 0 && commands.accredit_status) {
-          setIsRegistered(true);
-          setAuthData(commands);
-          closeModal();
-        } else {
-          messageApi.error(commands.ciphertext_status || 'Authorization failed');
-        }
-      }
-    } catch (error) {
-      console.error('Authorization error:', error);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const modal = showModal && /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(AuthorizationModal$1, {
-      onOk: auth,
-      onCancel: closeModal,
-      authData: authData
-    }), contextHolder]
-  });
-  return {
-    AuthModal: modal,
-    openAuthModal: openModal,
-    closeAuthModal: closeModal,
-    isRegistered,
-    authData,
-    loading
-  };
-};
+/**
+ * 国际化调试工具
+ * 在浏览器控制台运行 window.debugI18n() 查看当前国际化状态
+ */
 
-const useUpgrade = _ref => {
-  let {
-    menuItems = [],
-    onMenuClick,
-    downloadFiles,
-    upgradeExecute,
-    // 上传接口：(formData, config) => Promise<response>
-    upgradeStatus,
-    // 状态轮询接口：(config) => Promise<response>
-    acceptFileTypes = "application/octet-stream",
-    uploadCompleteDelay = 3000,
-    statusPollingInterval = 1000
-  } = _ref;
-  const [isSpinning, setIsSpinning] = useState(false);
-  const [pollingInterval, setPollingInterval] = useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
-  const [currentStatus, setCurrentStatus] = useState('idle'); // 'idle' | 'uploading' | 'Upload complete, starting upgrade...' | 'upgrading'
-  const [uploadProgress, setUploadProgress] = useState(0);
-  const inputRef = useRef(null);
-  // 控制并发上传
-  const isUploadingRef = useRef(false);
-  // 标记组件是否已卸载
-  const isMountedRef = useRef(true);
+const debugI18n = () => {
+  var _window$g_initialProp, _window$g_initialProp2, _window$g_initialProp3, _window$g_initialProp4, _window$g_initialProp5, _window$g_initialProp6;
+  if (typeof window === 'undefined') {
+    console.log('[i18n debug] Not in browser environment');
+    return;
+  }
+  console.group('🌍 I18n Debug Information');
 
-  // 分别创建独立的取消令牌
-  const uploadCancelToken = useRef(axios.CancelToken.source());
-  const statusCancelToken = useRef(axios.CancelToken.source());
-  const showLoader = () => setIsSpinning(true);
-  const hideLoader = () => setIsSpinning(false);
+  // 1. 当前语言环境
+  console.log('📍 Current Locale Sources:');
+  console.log('  - window.g_initialProps?.locale:', (_window$g_initialProp = window.g_initialProps) === null || _window$g_initialProp === void 0 ? void 0 : _window$g_initialProp.locale);
+  console.log('  - window.g_initialProps?.___g_initialPropsFromServer?.locale:', (_window$g_initialProp2 = window.g_initialProps) === null || _window$g_initialProp2 === void 0 || (_window$g_initialProp2 = _window$g_initialProp2.___g_initialPropsFromServer) === null || _window$g_initialProp2 === void 0 ? void 0 : _window$g_initialProp2.locale);
+  try {
+    console.log('  - localStorage.umi-locale:', localStorage.getItem('umi-locale'));
+  } catch (e) {
+    console.log('  - localStorage: not available');
+  }
+  console.log('  - window.__COMPONENT_LOCALE__:', window.__COMPONENT_LOCALE__);
 
-  // 构建菜单项 - 确保至少包含download和upload
-  // 构建菜单项 - 最终完美版本
-  const finalMenuItems = useMemo(() => {
-    const hasDownload = menuItems.some(item => item.key === 'download');
-    const hasUpload = menuItems.some(item => item.key === 'upload');
-    if (hasDownload && hasUpload) {
-      return menuItems;
-    }
-    const licenseIndex = menuItems.findIndex(item => item.key === 'license');
+  // 2. 语言包
+  console.log('\n📦 Available Message Sources:');
+  console.log('  - window.__COMPONENT_I18N_MESSAGES__:', window.__COMPONENT_I18N_MESSAGES__);
+  console.log('  - window.__PROJECT_I18N_MESSAGES__:', window.__PROJECT_I18N_MESSAGES__);
+  console.log('  - window.g_initialProps?.messages:', (_window$g_initialProp3 = window.g_initialProps) === null || _window$g_initialProp3 === void 0 ? void 0 : _window$g_initialProp3.messages);
 
-    // 如果没有license，在末尾添加
-    if (licenseIndex === -1) {
-      const itemsToAdd = [];
-      if (menuItems.length > 0) itemsToAdd.push({
-        type: 'divider'
-      });
-      // if (!hasDownload) itemsToAdd.push({ key: "download", label: "Download Config File" });
-      if (!hasUpload) itemsToAdd.push({
-        key: "upload",
-        label: "Software Update"
-      });
-      return [...menuItems, ...itemsToAdd];
-    }
+  // 3. 合并后的语言包
+  const componentMessages = window.__COMPONENT_I18N_MESSAGES__ || {};
+  const projectMessages = window.__PROJECT_I18N_MESSAGES__ || {};
+  const umiMessages = ((_window$g_initialProp4 = window.g_initialProps) === null || _window$g_initialProp4 === void 0 ? void 0 : _window$g_initialProp4.messages) || {};
+  const allLocales = new Set([...Object.keys(componentMessages), ...Object.keys(projectMessages), ...Object.keys(umiMessages)]);
+  console.log('\n🔧 Merged Locales:', Array.from(allLocales));
+  allLocales.forEach(locale => {
+    const merged = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
+    console.log("\n  \uD83D\uDCC4 ".concat(locale, " (").concat(Object.keys(merged).length, " keys):"), merged);
+  });
 
-    // 有license，在license前面插入
-    const beforeLicense = menuItems.slice(0, licenseIndex);
-    const licenseItem = menuItems[licenseIndex];
-    const afterLicense = menuItems.slice(licenseIndex + 1);
-    const itemsToInsert = [];
+  // 4. 测试几个关键的 key
+  console.log('\n🧪 Test Translation:');
+  const testKeys = ['networkSettings.title', 'button.ok', 'button.cancel', 'button.apply', 'button.close'];
+  const currentLocale = ((_window$g_initialProp5 = window.g_initialProps) === null || _window$g_initialProp5 === void 0 ? void 0 : _window$g_initialProp5.locale) || ((_window$g_initialProp6 = window.g_initialProps) === null || _window$g_initialProp6 === void 0 || (_window$g_initialProp6 = _window$g_initialProp6.___g_initialPropsFromServer) === null || _window$g_initialProp6 === void 0 ? void 0 : _window$g_initialProp6.locale) || localStorage.getItem('umi-locale') || 'zh-CN';
+  const allMessages = {};
+  allLocales.forEach(locale => {
+    allMessages[locale] = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
+  });
+  testKeys.forEach(key => {
+    var _allMessages$currentL, _allMessages$enUS;
+    const translation = ((_allMessages$currentL = allMessages[currentLocale]) === null || _allMessages$currentL === void 0 ? void 0 : _allMessages$currentL[key]) || ((_allMessages$enUS = allMessages['en-US']) === null || _allMessages$enUS === void 0 ? void 0 : _allMessages$enUS[key]) || '❌ NOT FOUND';
+    console.log("  - ".concat(key, ": ").concat(translation));
+  });
+  console.groupEnd();
+};
 
-    // 1. 前面的分隔符（如果beforeLicense不为空且最后一项不是分隔符）
-    if (beforeLicense.length > 0 && beforeLicense[beforeLicense.length - 1].type !== 'divider') {
-      itemsToInsert.push({
-        type: 'divider'
-      });
-    }
+// 自动在开发环境注册到 window
+if (process.env.NODE_ENV === 'development' && typeof window !== 'undefined') {
+  window.debugI18n = debugI18n;
+  console.log('💡 I18n debug tool available. Run window.debugI18n() in console to check i18n status.');
+}
 
-    // 2. 添加缺少的项
-    // if (!hasDownload) itemsToInsert.push({ key: "download", label: "Download Config File" });
-    if (!hasUpload) itemsToInsert.push({
-      key: "upload",
-      label: "Software Update"
-    });
+/**
+ * seeder-st2110-components 组件库国际化 Hook
+ * 
+ * 设计目标：
+ * 1. 不依赖特定的国际化库（react-intl, i18next 等）
+ * 2. 可以与主项目（Umi）的国际化集成
+ * 3. 支持简单的变量替换
+ * 4. 降级处理：如果没有翻译，显示 key 本身
+ */
 
-    // 3. 后面的分隔符（与license之间）
-    itemsToInsert.push({
-      type: 'divider'
-    });
-    return [...beforeLicense, ...itemsToInsert, licenseItem, ...afterLicense];
-  }, [menuItems]);
-  const handleMenuClick = _ref2 => {
-    let {
-      key
-    } = _ref2;
-    switch (key) {
-      case 'download':
-        onDownload();
-        return;
-      case 'upload':
-        onUpload();
-        return;
-      default:
-        // 其他菜单项交给外部回调处理
-        if (onMenuClick) {
-          onMenuClick(key);
-        } else {
-          console.warn("Unknown menu key: ".concat(key, " and no onMenuClick provided"));
-        }
+/**
+ * 获取当前语言环境
+ * 优先从 Umi 全局变量读取，其次使用默认值
+ */
+const getLocale = () => {
+  // 尝试从 Umi 获取语言设置
+  if (typeof window !== 'undefined') {
+    var _window$g_initialProp, _window$g_initialProp2;
+    // 方式 1：Umi 的 g_initialProps
+    if ((_window$g_initialProp = window.g_initialProps) !== null && _window$g_initialProp !== void 0 && _window$g_initialProp.locale) {
+      return window.g_initialProps.locale;
     }
-  };
-  const onDownload = async () => {
-    if (!downloadFiles) {
-      console.error('downloadFiles function is required for download operation');
-      message.error('Download functionality not configured');
-      return;
+    // 方式 2：Umi 的全局语言标记
+    if ((_window$g_initialProp2 = window.g_initialProps) !== null && _window$g_initialProp2 !== void 0 && (_window$g_initialProp2 = _window$g_initialProp2.___g_initialPropsFromServer) !== null && _window$g_initialProp2 !== void 0 && _window$g_initialProp2.locale) {
+      return window.g_initialProps.___g_initialPropsFromServer.locale;
     }
+    // 方式 3：从 localStorage 读取（Umi 默认行为）
     try {
-      const res = await downloadFiles();
-      if (res.status !== 200) {
-        throw new Error("Unexpected status code: ".concat(res.status));
+      const storedLocale = localStorage.getItem('umi-locale');
+      if (storedLocale) {
+        return storedLocale;
       }
+    } catch (e) {
+      // localStorage 不可用时忽略
+    }
+    // 方式 4：组件库自定义语言标记
+    if (window.__COMPONENT_LOCALE__) {
+      return window.__COMPONENT_LOCALE__;
+    }
+  }
+  // 默认语言
+  return 'zh-CN';
+};
 
-      // 默认值，兼容接口响应头没有定义文件名
-      let fileName = 'config.tar.gz';
-      const contentDisposition = res.headers['content-disposition'] || '';
+/**
+ * 获取语言包
+ * 优先从主项目读取，其次使用组件库自带的语言包
+ */
+const getMessages = () => {
+  if (typeof window !== 'undefined') {
+    var _window$g_initialProp3;
+    // 尝试从多个来源读取语言包
+    const messages = {};
 
-      // 获取接口响应的content-disposition字段值，以便获取到文件名
-      if (contentDisposition) {
-        const filenameMatch = contentDisposition.match(/filename\s*=\s*"?([^";]+)"?/i);
-        if (filenameMatch !== null && filenameMatch !== void 0 && filenameMatch[1]) {
-          fileName = decodeURIComponent(filenameMatch[1]); // 处理编码后的文件名（如 %20 转空格）
-        }
-      }
+    // 1. 组件库注册的语言包
+    const componentMessages = window.__COMPONENT_I18N_MESSAGES__ || {};
 
-      // 创建并下载文件
-      const blob = new Blob([res.data], {
-        type: 'application/octet-stream'
-      });
-      const url = window.URL.createObjectURL(blob);
+    // 2. 主项目的语言包
+    const projectMessages = window.__PROJECT_I18N_MESSAGES__ || {};
 
-      // 下面就是创建一个a标签并触发click事件，来下载该文件
-      const link = document.createElement('a');
-      link.style.display = 'none';
-      link.href = url;
-      link.target = '_blank';
-      link.download = fileName;
-      document.body.appendChild(link);
-      link.click();
+    // 3. Umi 的语言包
+    const umiMessages = ((_window$g_initialProp3 = window.g_initialProps) === null || _window$g_initialProp3 === void 0 ? void 0 : _window$g_initialProp3.messages) || {};
 
-      // 最后移除a标签并删除创建的ObjectURL对象，防止内存泄漏
-      link.parentNode.removeChild(link);
-      window.URL.revokeObjectURL(url);
-    } catch (error) {
-      console.error('Download failed:', error);
-      message.error('Download failed');
-    }
+    // 合并语言包（组件库的优先级最高，其次是主项目，最后是 Umi）
+    const allLocales = new Set([...Object.keys(componentMessages), ...Object.keys(projectMessages), ...Object.keys(umiMessages)]);
+    allLocales.forEach(locale => {
+      messages[locale] = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
+    });
+    return messages;
+  }
+  return {};
+};
+
+/**
+ * 格式化消息
+ * @param {string} id - 国际化 key
+ * @param {object} values - 变量替换值
+ * @param {string} locale - 语言环境
+ * @param {object} messages - 语言包
+ */
+const formatMessage = function (_ref) {
+  var _messages$locale, _messages$enUS;
+  let {
+    id
+  } = _ref;
+  let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let locale = arguments.length > 2 ? arguments[2] : undefined;
+  let messages = arguments.length > 3 ? arguments[3] : undefined;
+  const message = ((_messages$locale = messages[locale]) === null || _messages$locale === void 0 ? void 0 : _messages$locale[id]) || ((_messages$enUS = messages['en-US']) === null || _messages$enUS === void 0 ? void 0 : _messages$enUS[id]) || id;
+
+  // 支持变量替换 {min}, {max}, {value} 等
+  return message.replace(/\{(\w+)\}/g, (match, key) => {
+    return values[key] !== undefined ? values[key] : match;
+  });
+};
+
+/**
+ * 国际化 Hook
+ * 
+ * @returns {{
+ *   locale: string,
+ *   formatMessage: function,
+ *   messages: object
+ * }}
+ * 
+ * @example
+ * const intl = useIntl();
+ * const title = intl.formatMessage({ id: 'networkSettings.title' });
+ * const message = intl.formatMessage({ id: 'validation.minLength' }, { min: 3 });
+ */
+const useIntl = () => {
+  const locale = getLocale();
+  const messages = getMessages();
+  const formatMessageFn = function (_ref2) {
+    let {
+      id
+    } = _ref2;
+    let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return formatMessage({
+      id
+    }, values, locale, messages);
   };
-  const onUpload = () => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && !isUploadingRef.current) {
-      inputRef.current.click();
-    }
+  return {
+    locale,
+    formatMessage: formatMessageFn,
+    messages
   };
-  const updatePackage = async event => {
-    var _event$target$files;
-    if (isUploadingRef.current) return; // 防止重复上传
+};
 
-    const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
-    if (!file || !upgradeExecute) {
-      if (inputRef.current) inputRef.current.value = "";
-      return;
-    }
-    isUploadingRef.current = true;
-    showLoader();
-    setCurrentStatus('Uploading...');
-    setUploadProgress(0);
+/**
+ * 设置语言环境（可选）
+ * 如果需要在运行时切换语言，可以调用此函数
+ * 
+ * @param {string} locale - 语言代码，如 'zh-CN' 或 'en-US'
+ */
+const setLocale = locale => {
+  if (typeof window !== 'undefined') {
+    window.__COMPONENT_LOCALE__ = locale;
+  }
+};
 
-    // 重置取消令牌
-    uploadCancelToken.current.cancel();
-    uploadCancelToken.current = axios.CancelToken.source();
-    try {
-      const formData = new FormData();
-      formData.append('file', file);
+/**
+ * 注册语言包（可选）
+ * 如果需要在运行时注册语言包，可以调用此函数
+ * 
+ * @param {string} locale - 语言代码
+ * @param {object} messages - 语言包对象
+ */
+const addMessages = (locale, messages) => {
+  if (typeof window !== 'undefined') {
+    if (!window.__COMPONENT_I18N_MESSAGES__) {
+      window.__COMPONENT_I18N_MESSAGES__ = {};
+    }
+    window.__COMPONENT_I18N_MESSAGES__[locale] = messages;
+  }
+};
 
-      // 清除文件选择
-      if (inputRef.current) inputRef.current.value = "";
+/**
+ * 初始化国际化
+ * 在组件库初始化时调用，注册默认语言包
+ */
+const initI18n = () => {
+  // 注册中文语言包
+  addMessages('zh-CN', {
+    'button.ok': '确定',
+    'button.cancel': '取消',
+    'button.save': '保存',
+    'button.delete': '删除',
+    'button.edit': '编辑',
+    'button.add': '添加',
+    'button.confirm': '确认',
+    'button.close': '关闭',
+    'button.apply': '应用',
+    'menu.networkSettings': '网络设置',
+    'menu.ptp': 'PTP',
+    'menu.nmos': 'NMOS',
+    'menu.preset': '预设',
+    'menu.license': '许可证'
+    // ... 其他默认翻译
+  });
 
-      // 上传后立即检查业务状态码
-      // upgradeExecute 使用 umi request 返回的数据是过滤过的
-      const response = await upgradeExecute(formData, {
-        onUploadProgress: progressEvent => {
-          if (!isMountedRef.current) return;
-          const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
-          setUploadProgress(percentCompleted); // 更新进度状态
-        },
-        cancelToken: uploadCancelToken.current.token
-      });
+  // 注册英文语言包
+  addMessages('en-US', {
+    'button.ok': 'OK',
+    'button.cancel': 'Cancel',
+    'button.save': 'Save',
+    'button.delete': 'Delete',
+    'button.edit': 'Edit',
+    'button.add': 'Add',
+    'button.confirm': 'Confirm',
+    'button.close': 'Close',
+    'button.apply': 'Apply',
+    'menu.networkSettings': 'Network Settings',
+    'menu.ptp': 'PTP',
+    'menu.nmos': 'NMOS',
+    'menu.preset': 'Preset',
+    'menu.license': 'License'
+    // ... 其他默认翻译
+  });
+};
 
-      // 检查业务 code
-      if ((response === null || response === void 0 ? void 0 : response.code) !== 200) {
-        // 即使上传成功，但如果服务器返回非200，说明有问题
-        if (isMountedRef.current) {
-          const errorMsg = (response === null || response === void 0 ? void 0 : response.message) || 'Upload failed due to invalid file format';
-          message.error(errorMsg);
-          cancelRequest();
-        }
-        return;
-      }
+const AuthorizationModal = _ref => {
+  let {
+    onCancel,
+    onOk,
+    authData,
+    title = 'license.title',
+    okText,
+    cancelText = 'license.button.ignore',
+    width = 600
+  } = _ref;
+  const intl = useIntl();
+  const {
+    message
+  } = App.useApp();
+  const [code, setCode] = useState('');
+  const {
+    accredit_status: isActivated,
+    message: statusMessage,
+    bios_id: uuid,
+    expires_time: expiresTime
+  } = authData || {};
 
-      // 上传成功，进入等待升级阶段
-      if (!isMountedRef.current) return;
-      setCurrentStatus('Upload complete, starting upgrade...');
+  // 服务端返回的状态文本映射到国际化 key
+  const getStatusMessageKey = msg => {
+    if (!msg) return 'license.status.unactivated';
 
-      // 延迟后启动轮询
-      setTimeout(() => {
-        if (!isMountedRef.current) return;
-        setPollingInterval(statusPollingInterval);
-        setCurrentStatus('Upgrading...');
-      }, uploadCompleteDelay);
-    } catch (error) {
-      if (!isMountedRef.current) return;
-      if (!axios.isCancel(error)) {
-        console.error("Upload error:", error);
-        message.error('Upload failed');
-      }
-      cancelRequest();
-    } finally {
-      if (isMountedRef.current) {
-        isUploadingRef.current = false;
-      }
-    }
+    // 根据服务端返回的英文文本映射
+    const statusMap = {
+      'Already activated': 'license.status.activated',
+      'Unactivated': 'license.status.unactivated',
+      'Expired': 'license.status.expired',
+      'Invalid': 'license.status.invalid'
+    };
+    return statusMap[msg] || 'license.status.unactivated';
   };
-  const fetchUpgradeStatus = async () => {
-    if (!upgradeStatus || !isMountedRef.current) return;
-    try {
-      // upgradeStatus 使用 axios request 返回的数据没有过滤
-      const response = await upgradeStatus({
-        cancelToken: statusCancelToken.current.token
-      });
-      if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
-        const {
-          code,
-          message: statusMessage
-        } = response.data;
-
-        // 状态处理
-        switch (code) {
-          case 200:
-            // 升级成功
-            message.success(statusMessage, 2.5, () => {
-              if (isMountedRef.current) {
-                cancelRequest();
-              }
-              window.location.reload();
-            });
-            break;
-          case 201:
-            // 升级中 — 继续轮询
-            break;
-          case 202: // 升级失败
-          case 203:
-            // 升级异常
-            if (isMountedRef.current) {
-              message.error(statusMessage);
-              cancelRequest();
-            }
-            break;
-          default:
-            // 其他 code 如 500、400 等
-            if (isMountedRef.current) {
-              message.error(statusMessage || 'Upgrade process failed');
-              cancelRequest();
-            }
-            break;
-        }
-      }
-    } catch (error) {
-      if (!isMountedRef.current) return;
-      if (!axios.isCancel(error)) {
-        console.error('Status check failed:', error);
-      }
+  const statusMessageKey = getStatusMessageKey(statusMessage);
+  const handleOk = () => {
+    const trimmedCode = code.trim();
+    if (!trimmedCode) {
+      message.error(intl.formatMessage({
+        id: 'license.validation.keyRequired'
+      }));
+      return;
     }
+    onOk(trimmedCode);
   };
-  const cancelRequest = () => {
-    // 取消状态轮询
-    uploadCancelToken.current.cancel('Operation canceled');
-    statusCancelToken.current.cancel('Operation canceled');
-    uploadCancelToken.current = axios.CancelToken.source();
-    statusCancelToken.current = axios.CancelToken.source();
-
-    // 重置所有状态
-    setPollingInterval(undefined);
-    setCurrentStatus('idle');
-    setUploadProgress(0);
-    isUploadingRef.current = false;
-    hideLoader();
-  };
-
-  // 轮询状态
-  useInterval(fetchUpgradeStatus, pollingInterval);
-
-  // 组件卸载时清理
-  useEffect(() => {
-    return () => {
-      isMountedRef.current = false;
-      uploadCancelToken.current.cancel();
-      statusCancelToken.current.cancel();
-    };
-  }, []);
-  const upgradeElement = /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsx(Dropdown, {
-      menu: {
-        items: finalMenuItems,
-        onClick: handleMenuClick
+  const statusAlert = isActivated ? /*#__PURE__*/jsx(Alert, {
+    message: "".concat(intl.formatMessage({
+      id: statusMessageKey
+    }), ", ").concat(intl.formatMessage({
+      id: 'license.status.expiresOn'
+    }), " ").concat(expiresTime),
+    type: "success",
+    showIcon: true
+  }) : /*#__PURE__*/jsx(Alert, {
+    message: intl.formatMessage({
+      id: statusMessageKey
+    }),
+    type: "warning",
+    showIcon: true
+  });
+  const defaultOkText = isActivated ? intl.formatMessage({
+    id: 'license.button.reactivate'
+  }) : intl.formatMessage({
+    id: 'license.button.activate'
+  });
+  return /*#__PURE__*/jsx(StyledModal$3, {
+    title: intl.formatMessage({
+      id: title
+    }),
+    width: width,
+    open: true,
+    onCancel: onCancel,
+    onOk: handleOk,
+    okText: okText || defaultOkText,
+    cancelText: intl.formatMessage({
+      id: cancelText
+    }),
+    cancelButtonProps: {
+      disabled: !isActivated
+    },
+    maskClosable: false,
+    closable: false,
+    children: /*#__PURE__*/jsxs(Form, {
+      name: "auth_form",
+      labelCol: {
+        span: 6
       },
-      trigger: ["hover"],
-      children: /*#__PURE__*/jsx("a", {
-        onClick: e => e.preventDefault(),
-        children: /*#__PURE__*/jsx("i", {
-          className: "seeder-iconfont seeder-icon-liebiao2 text-xl text-neutral-400"
-        })
-      })
-    }), /*#__PURE__*/jsx("input", {
-      ref: inputRef,
-      type: "file",
-      onChange: updatePackage,
-      className: "hidden",
-      accept: acceptFileTypes
-    }), /*#__PURE__*/jsx(Spin, {
-      spinning: isSpinning,
-      indicator: /*#__PURE__*/jsx(LoadingOutlined, {
+      wrapperCol: {
+        span: 18
+      },
+      autoComplete: "off",
+      children: [/*#__PURE__*/jsx("div", {
         style: {
-          fontSize: 60
+          marginBottom: 16
         },
-        spin: true
-      }),
-      tip: currentStatus === "Uploading..." ? "".concat(currentStatus, " ").concat(uploadProgress, "%") : currentStatus,
-      size: "large",
-      fullscreen: true
-    })]
+        children: statusAlert
+      }), /*#__PURE__*/jsx(Form.Item, {
+        label: intl.formatMessage({
+          id: 'license.machineCode'
+        }),
+        required: true,
+        children: /*#__PURE__*/jsx(Input, {
+          value: uuid,
+          readOnly: true
+        })
+      }), /*#__PURE__*/jsx(Form.Item, {
+        label: intl.formatMessage({
+          id: 'license.key'
+        }),
+        required: true,
+        children: /*#__PURE__*/jsx(Input.TextArea, {
+          value: code,
+          onChange: e => setCode(e.target.value),
+          autoSize: {
+            minRows: 6,
+            maxRows: 6
+          },
+          placeholder: intl.formatMessage({
+            id: 'license.placeholder.enterKey'
+          })
+        })
+      })]
+    })
   });
-  return [upgradeElement];
 };
-var useUpgrade$1 = useUpgrade;
-
-const useSystemOperations = function () {
-  let {
-    onPowerOff,
-    onRestart,
-    confirmTitle = "Confirm",
-    cancelText = "No",
-    okText = "Yes",
-    run
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    modal: AntdModal
-  } = App.useApp();
-  const doAction = useCallback(action => {
-    try {
-      AntdModal.confirm({
-        icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: "".concat(confirmTitle, " ").concat(action, "?"),
-        cancelText,
-        okText,
-        onOk: () => {
-          if (action === 'poweroff' && onPowerOff) {
-            onPowerOff();
-          } else if (action === 'restart' && onRestart) {
-            onRestart();
-          }
+var AuthorizationModal$1 = AuthorizationModal;
 
-          // Call the run callback after successful operation
-          if (typeof run === 'function') {
-            run();
+const DEFAULT_AUTH = {
+  accredit_status: false,
+  // 授权状态
+  bios_id: '',
+  // 主机id
+  message: 'Unactivated',
+  // 激活信息
+  expires_time: '' // 授权到期时间
+};
+const useAuth = options => {
+  const {
+    fetchAuthInfo,
+    authorize,
+    defaultAuthData = DEFAULT_AUTH,
+    autoShowModal = true
+  } = options || {};
+  const [messageApi, contextHolder] = message.useMessage();
+  const [showModal, setShowModal] = useState(false); // 默认隐藏
+  const [authData, setAuthData] = useState(defaultAuthData);
+  const [isRegistered, setIsRegistered] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const openModal = useCallback(() => setShowModal(true), []);
+  const closeModal = useCallback(() => setShowModal(false), []);
+  useEffect(() => {
+    async function loadAuthInfo() {
+      try {
+        setLoading(true);
+        const result = await fetchAuthInfo();
+        if (result !== null && result !== void 0 && result.commands) {
+          const commands = result.commands;
+          setAuthData(commands);
+          setIsRegistered(commands.accredit_status);
+          if (autoShowModal) {
+            commands.accredit_status ? closeModal() : openModal();
           }
         }
+      } catch (error) {
+        console.error('Failed to fetch auth info:', error);
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadAuthInfo();
+  }, [fetchAuthInfo, autoShowModal, openModal, closeModal]);
+  const auth = async code => {
+    try {
+      setLoading(true);
+      const result = await authorize({
+        type: "accredit_command",
+        commands: {
+          id: "LICENSE",
+          license_data: code
+        }
       });
+      if (result !== null && result !== void 0 && result.commands) {
+        const commands = result.commands;
+        // type accredit_message
+        if (commands !== null && commands !== void 0 && commands.accredit_status) {
+          setIsRegistered(true);
+          setAuthData(commands);
+          closeModal();
+        } else {
+          messageApi.error(commands.ciphertext_status || 'Authorization failed');
+        }
+      }
     } catch (error) {
-      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
+      console.error('Authorization error:', error);
+    } finally {
+      setLoading(false);
     }
-  }, [AntdModal, confirmTitle, cancelText, okText, onPowerOff, onRestart]);
-  const getMenuItems = useCallback(() => [{
-    key: "poweroff",
-    label: "Power Off"
-  }, {
-    key: "restart",
-    label: "Restart"
-  }], []);
-  const handleMenuClick = useCallback(_ref => {
-    let {
-      key
-    } = _ref;
-    doAction(key);
-  }, [doAction]);
+  };
+  const modal = showModal && /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(AuthorizationModal$1, {
+      onOk: auth,
+      onCancel: closeModal,
+      authData: authData
+    }), contextHolder]
+  });
   return {
-    menuItems: getMenuItems(),
-    handleMenuClick
+    AuthModal: modal,
+    openAuthModal: openModal,
+    closeAuthModal: closeModal,
+    isRegistered,
+    authData,
+    loading
   };
 };
-var useSystemOperations$1 = useSystemOperations;
-
-const usePageReload = () => {
-  const [reloading, setReloading] = useState(false);
-  const startReload = useCallback(function () {
-    let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 800;
-    if (reloading) return; // 防止重复触发
-
-    // 显示遮罩
-    setReloading(true);
-
-    // 设置背景色
-    document.body.style.backgroundColor = '#282828';
-    document.body.style.transition = 'background-color 0.1s';
-    document.body.offsetHeight;
 
-    // 延迟刷新
-    const timer = setTimeout(() => {
-      window.location.reload();
-    }, delay);
+const useUpgrade = _ref => {
+  let {
+    menuItems = [],
+    onMenuClick,
+    downloadFiles,
+    upgradeExecute,
+    // 上传接口：(formData, config) => Promise<response>
+    upgradeStatus,
+    // 状态轮询接口：(config) => Promise<response>
+    acceptFileTypes = "application/octet-stream",
+    uploadCompleteDelay = 3000,
+    statusPollingInterval = 1000
+  } = _ref;
+  const intl = useIntl();
+  const [isSpinning, setIsSpinning] = useState(false);
+  const [pollingInterval, setPollingInterval] = useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
+  const [currentStatus, setCurrentStatus] = useState(intl.formatMessage({
+    id: 'upgrade.status.idle'
+  })); // 'idle' | 'uploading' | 'Upload complete, starting upgrade...' | 'upgrading'
+  const [uploadProgress, setUploadProgress] = useState(0);
+  const inputRef = useRef(null);
+  // 控制并发上传
+  const isUploadingRef = useRef(false);
+  // 标记组件是否已卸载
+  const isMountedRef = useRef(true);
 
-    // 清理函数（防止内存泄漏）
-    return () => clearTimeout(timer);
-  }, [reloading]);
-  const ReloadOverlay = () => {
-    if (!reloading) return null;
-    return /*#__PURE__*/jsxs("div", {
-      style: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: '#282828',
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 999999,
-        color: 'white'
-      },
-      children: [/*#__PURE__*/jsx(Spin, {
-        size: "large"
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          marginTop: 20,
-          fontSize: 16
-        },
-        children: "Loading preset configuration..."
-      }), /*#__PURE__*/jsx("div", {
-        style: {
-          marginTop: 10,
-          fontSize: 12,
-          color: '#aaa'
-        },
-        children: "Page will refresh shortly"
-      })]
-    });
-  };
-  return {
-    startReload,
-    ReloadOverlay
-  };
-};
-var usePageReload$1 = usePageReload;
+  // 分别创建独立的取消令牌
+  const uploadCancelToken = useRef(axios.CancelToken.source());
+  const statusCancelToken = useRef(axios.CancelToken.source());
+  const showLoader = () => setIsSpinning(true);
+  const hideLoader = () => setIsSpinning(false);
 
-const getReadyStateText = state => {
-  const states = {
-    0: 'CONNECTING',
-    1: 'OPEN',
-    2: 'CLOSING',
-    3: 'CLOSED'
-  };
-  return states[state] || "UNKNOWN(".concat(state, ")");
-};
+  // 构建菜单项 - 确保至少包含download和upload
+  // 构建菜单项 - 最终完美版本
+  const finalMenuItems = useMemo(() => {
+    const hasDownload = menuItems.some(item => item.key === 'download');
+    const hasUpload = menuItems.some(item => item.key === 'upload');
+    if (hasDownload && hasUpload) {
+      return menuItems;
+    }
+    const licenseIndex = menuItems.findIndex(item => item.key === 'license');
 
-// 创建空日志器
-const createDummyLogger = () => {
-  const dummyFn = () => {};
-  return {
-    log: dummyFn,
-    exportLogs: dummyFn,
-    getLogStats: () => ({
-      total: 0,
-      errors: 0,
-      warnings: 0,
-      info: 0,
-      lastTimestamp: null
-    }),
-    clearLogs: dummyFn,
-    logs: []
-  };
-};
+    // 如果没有 license，在末尾添加
+    if (licenseIndex === -1) {
+      const itemsToAdd = [];
+      if (menuItems.length > 0) itemsToAdd.push({
+        type: 'divider'
+      });
+      // if (!hasDownload) itemsToAdd.push({ key: "download", label: intl.formatMessage({ id: 'upgrade.menu.download' }) });
+      if (!hasUpload) itemsToAdd.push({
+        key: "upload",
+        label: intl.formatMessage({
+          id: 'upgrade.menu.softwareUpdate'
+        })
+      });
+      return [...menuItems, ...itemsToAdd];
+    }
 
-// 创建通用的日志器
-const createGlobalLogger = function () {
-  let webSocketUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  const logs = [];
-  const maxLogs = 1000;
+    // 有 license，在 license 前面插入
+    const beforeLicense = menuItems.slice(0, licenseIndex);
+    const licenseItem = menuItems[licenseIndex];
+    const afterLicense = menuItems.slice(licenseIndex + 1);
+    const itemsToInsert = [];
 
-  // 判断是否为开发环境
-  const isDevelopment = process.env.NODE_ENV === 'development';
-  const log = function (level, message) {
-    let data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    const timestamp = new Date().toISOString();
-    const logEntry = {
-      timestamp,
-      level,
-      message,
-      data,
-      timestampDisplay: new Date().toLocaleString('zh-CN', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit',
-        hour12: false
+    // 1. 前面的分隔符（如果 beforeLicense 不为空且最后一项不是分隔符）
+    if (beforeLicense.length > 0 && beforeLicense[beforeLicense.length - 1].type !== 'divider') {
+      itemsToInsert.push({
+        type: 'divider'
+      });
+    }
+
+    // 2. 添加缺少的项
+    // if (!hasDownload) itemsToInsert.push({ key: "download", label: intl.formatMessage({ id: 'upgrade.menu.download' }) });
+    if (!hasUpload) itemsToInsert.push({
+      key: "upload",
+      label: intl.formatMessage({
+        id: 'upgrade.menu.softwareUpdate'
       })
-    };
-    logs.push(logEntry);
-    if (logs.length > maxLogs) logs.shift();
+    });
 
-    // 只在开发环境下输出到控制台
-    if (isDevelopment) {
-      const consoleMessage = "[".concat(logEntry.timestampDisplay, "] [WebSocket] [").concat(level, "] ").concat(message);
-      const consoleArgs = [consoleMessage];
-      if (Object.keys(data).length > 0) consoleArgs.push(data);
-      switch (level) {
-        case 'ERROR':
-          console.error(...consoleArgs);
-          break;
-        case 'WARN':
-          console.warn(...consoleArgs);
-          break;
-        case 'INFO':
-          console.info(...consoleArgs);
-          break;
-        default:
-          console.log(...consoleArgs);
-      }
+    // 3. 后面的分隔符（与 license 之间）
+    itemsToInsert.push({
+      type: 'divider'
+    });
+    return [...beforeLicense, ...itemsToInsert, licenseItem, ...afterLicense];
+  }, [menuItems, intl]);
+  const handleMenuClick = _ref2 => {
+    let {
+      key
+    } = _ref2;
+    switch (key) {
+      case 'download':
+        onDownload();
+        return;
+      case 'upload':
+        onUpload();
+        return;
+      default:
+        // 其他菜单项交给外部回调处理
+        if (onMenuClick) {
+          onMenuClick(key);
+        } else {
+          console.warn("Unknown menu key: ".concat(key, " and no onMenuClick provided"));
+        }
     }
-    return logEntry;
   };
-  const exportLogs = function () {
-    let filenamePrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'websocket';
-    if (logs.length === 0) {
-      log('WARN', '没有日志可导出', {
-        filenamePrefix
-      });
+  const onDownload = async () => {
+    if (!downloadFiles) {
+      console.error('downloadFiles function is required for download operation');
+      message.error(intl.formatMessage({
+        id: 'upgrade.error.downloadNotConfigured'
+      }));
       return;
     }
-    const logText = logs.map(entry => "[".concat(entry.timestampDisplay, "] [").concat(entry.level, "] ").concat(entry.message, "\n\u6570\u636E: ").concat(JSON.stringify(entry.data, null, 2))).join('\n' + '='.repeat(50) + '\n');
-    const blob = new Blob([logText], {
-      type: 'text/plain;charset=utf-8'
-    });
-    const blobUrl = URL.createObjectURL(blob);
-    let hostname = 'unknown';
-    let pathname = 'unknown';
     try {
-      if (webSocketUrl) {
-        const urlObj = new URL(webSocketUrl.replace(/^ws/, 'http'));
-        hostname = urlObj.hostname.replace(/\./g, '-');
-        pathname = urlObj.pathname.replace(/\//g, '-').replace(/^-|-$/g, '') || 'root';
+      const res = await downloadFiles();
+      if (res.status !== 200) {
+        throw new Error("Unexpected status code: ".concat(res.status));
+      }
+
+      // 默认值，兼容接口响应头没有定义文件名
+      let fileName = 'config.tar.gz';
+      const contentDisposition = res.headers['content-disposition'] || '';
+
+      // 获取接口响应的content-disposition字段值，以便获取到文件名
+      if (contentDisposition) {
+        const filenameMatch = contentDisposition.match(/filename\s*=\s*"?([^";]+)"?/i);
+        if (filenameMatch !== null && filenameMatch !== void 0 && filenameMatch[1]) {
+          fileName = decodeURIComponent(filenameMatch[1]); // 处理编码后的文件名（如 %20 转空格）
+        }
       }
+
+      // 创建并下载文件
+      const blob = new Blob([res.data], {
+        type: 'application/octet-stream'
+      });
+      const url = window.URL.createObjectURL(blob);
+
+      // 下面就是创建一个 a 标签并触发 click 事件，来下载该文件
+      const link = document.createElement('a');
+      link.style.display = 'none';
+      link.href = url;
+      link.target = '_blank';
+      link.download = fileName;
+      document.body.appendChild(link);
+      link.click();
+
+      // 最后移除 a 标签并删除创建的 ObjectURL 对象，防止内存泄漏
+      link.parentNode.removeChild(link);
+      window.URL.revokeObjectURL(url);
     } catch (error) {
-      console.warn('无法解析WebSocket URL:', error);
+      console.error('Download failed:', error);
+      message.error(intl.formatMessage({
+        id: 'upgrade.error.downloadFailed'
+      }));
     }
-    const readableTime = new Date().toLocaleString('zh-CN', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit',
-      second: '2-digit',
-      hour12: false
-    }).replace(/[\/:\s]/g, '-');
-    const filename = "".concat(filenamePrefix, "-").concat(hostname, "-").concat(pathname, "-").concat(readableTime, ".log");
-    const a = document.createElement('a');
-    a.href = blobUrl;
-    a.download = filename;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(blobUrl);
-    log('INFO', '日志文件已导出', {
-      count: logs.length,
-      filename
-    });
-  };
-  const getLogStats = () => {
-    var _logs;
-    return {
-      total: logs.length,
-      errors: logs.filter(l => l.level === 'ERROR').length,
-      warnings: logs.filter(l => l.level === 'WARN').length,
-      info: logs.filter(l => l.level === 'INFO').length,
-      lastTimestamp: (_logs = logs[logs.length - 1]) === null || _logs === void 0 ? void 0 : _logs.timestampDisplay
-    };
-  };
-  const clearLogs = () => {
-    logs.length = 0;
-    log('INFO', '日志已清空');
   };
-  return {
-    log,
-    exportLogs,
-    getLogStats,
-    clearLogs,
-    logs
+  const onUpload = () => {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && !isUploadingRef.current) {
+      inputRef.current.click();
+    }
   };
-};
+  const updatePackage = async event => {
+    var _event$target$files;
+    if (isUploadingRef.current) return; // 防止重复上传
 
-// 心跳管理器
-const useHeartbeat = function (sendMessage, readyState, config, logger) {
-  let enabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-  const heartbeatTimerRef = useRef(null);
-  const lastHeartbeatTimeRef = useRef(Date.now());
-  const isMountedRef = useRef(true);
-  const configRef = useRef({
-    interval: (config === null || config === void 0 ? void 0 : config.interval) || 20000,
-    message: (config === null || config === void 0 ? void 0 : config.message) || {
-      type: 'ping'
-    }
-  });
-  const stateRef = useRef({
-    sendMessage,
-    readyState,
-    enabled
-  });
-  useEffect(() => {
-    configRef.current = {
-      interval: (config === null || config === void 0 ? void 0 : config.interval) || 20000,
-      message: (config === null || config === void 0 ? void 0 : config.message) || {
-        type: 'ping'
-      }
-    };
-  }, [config === null || config === void 0 ? void 0 : config.interval, config === null || config === void 0 ? void 0 : config.message]);
-  useEffect(() => {
-    stateRef.current = {
-      sendMessage,
-      readyState,
-      enabled
-    };
-  }, [sendMessage, readyState, enabled]);
-  useEffect(() => {
-    return () => {
-      isMountedRef.current = false;
-      if (heartbeatTimerRef.current) {
-        clearInterval(heartbeatTimerRef.current);
-      }
-    };
-  }, []);
-  const stopHeartbeat = useCallback(() => {
-    if (heartbeatTimerRef.current) {
-      clearInterval(heartbeatTimerRef.current);
-      heartbeatTimerRef.current = null;
-      if (stateRef.current.enabled) {
-        logger.log('INFO', '停止心跳机制');
-      }
+    const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+    if (!file || !upgradeExecute) {
+      if (inputRef.current) inputRef.current.value = "";
+      return;
     }
-  }, [logger]);
-  const startHeartbeat = useCallback(() => {
-    stopHeartbeat();
-    const currentState = stateRef.current;
-    const currentConfig = configRef.current;
-    if (!currentState.enabled) return;
-    logger.log('INFO', '启动心跳机制', {
-      interval: currentConfig.interval
-    });
-    heartbeatTimerRef.current = setInterval(() => {
-      // 检查组件是否挂载
-      if (!isMountedRef.current || !heartbeatTimerRef.current) {
-        return;
-      }
+    isUploadingRef.current = true;
+    showLoader();
+    setCurrentStatus(intl.formatMessage({
+      id: 'upgrade.status.uploading'
+    }));
+    setUploadProgress(0);
 
-      // 目的: 总是获取最新的值
-      const latestState = stateRef.current;
-      const latestConfig = configRef.current;
-      if (latestState.sendMessage && latestState.readyState === 1) {
-        try {
-          latestState.sendMessage(JSON.stringify(latestConfig.message));
-          lastHeartbeatTimeRef.current = Date.now();
-          logger.log('DEBUG', '发送心跳包', {
-            timeSinceLastHeartbeat: Date.now() - lastHeartbeatTimeRef.current,
-            readyState: getReadyStateText(latestState.readyState)
-          });
-        } catch (error) {
-          logger.log('ERROR', '发送心跳失败', {
-            error: error.message,
-            readyState: getReadyStateText(latestState.readyState)
+    // 重置取消令牌
+    uploadCancelToken.current.cancel();
+    uploadCancelToken.current = axios.CancelToken.source();
+    try {
+      const formData = new FormData();
+      formData.append('file', file);
+
+      // 清除文件选择
+      if (inputRef.current) inputRef.current.value = "";
+
+      // 上传后立即检查业务状态码
+      // upgradeExecute 使用 umi request 返回的数据是过滤过的
+      const response = await upgradeExecute(formData, {
+        onUploadProgress: progressEvent => {
+          if (!isMountedRef.current) return;
+          const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+          setUploadProgress(percentCompleted); // 更新进度状态
+        },
+        cancelToken: uploadCancelToken.current.token
+      });
+
+      // 检查业务 code
+      if ((response === null || response === void 0 ? void 0 : response.code) !== 200) {
+        // 即使上传成功，但如果服务器返回非 200，说明有问题
+        if (isMountedRef.current) {
+          const errorMsg = (response === null || response === void 0 ? void 0 : response.message) || intl.formatMessage({
+            id: 'upgrade.error.invalidFileFormat'
           });
+          message.error(errorMsg);
+          cancelRequest();
         }
+        return;
       }
-    }, currentConfig.interval);
-  }, [stopHeartbeat, logger]);
 
-  // 自动管理心跳
-  useEffect(() => {
-    const currentState = stateRef.current;
-    if (currentState.enabled) {
-      if (currentState.readyState === 1) {
-        startHeartbeat();
-      } else {
-        stopHeartbeat();
+      // 上传成功，进入等待升级阶段
+      if (!isMountedRef.current) return;
+      setCurrentStatus(intl.formatMessage({
+        id: 'upgrade.status.uploadComplete'
+      }));
+
+      // 延迟后启动轮询
+      setTimeout(() => {
+        if (!isMountedRef.current) return;
+        setPollingInterval(statusPollingInterval);
+        setCurrentStatus(intl.formatMessage({
+          id: 'upgrade.status.upgrading'
+        }));
+      }, uploadCompleteDelay);
+    } catch (error) {
+      if (!isMountedRef.current) return;
+      if (!axios.isCancel(error)) {
+        console.error("Upload error:", error);
+        message.error(intl.formatMessage({
+          id: 'upgrade.error.uploadFailed'
+        }));
+      }
+      cancelRequest();
+    } finally {
+      if (isMountedRef.current) {
+        isUploadingRef.current = false;
       }
-    } else {
-      stopHeartbeat();
     }
-    return () => {
-      if (heartbeatTimerRef.current) {
-        clearInterval(heartbeatTimerRef.current);
-        heartbeatTimerRef.current = null;
+  };
+  const fetchUpgradeStatus = async () => {
+    if (!upgradeStatus || !isMountedRef.current) return;
+    try {
+      // upgradeStatus 使用 axios request 返回的数据没有过滤
+      const response = await upgradeStatus({
+        cancelToken: statusCancelToken.current.token
+      });
+      if ((response === null || response === void 0 ? void 0 : response.status) === 200) {
+        const {
+          code,
+          message: statusMessage
+        } = response.data;
+
+        // 状态处理
+        switch (code) {
+          case 200:
+            // 升级成功
+            message.success(statusMessage, 2.5, () => {
+              if (isMountedRef.current) {
+                cancelRequest();
+              }
+              window.location.reload();
+            });
+            break;
+          case 201:
+            // 升级中 — 继续轮询
+            break;
+          case 202: // 升级失败
+          case 203:
+            // 升级异常
+            if (isMountedRef.current) {
+              message.error(statusMessage);
+              cancelRequest();
+            }
+            break;
+          default:
+            // 其他 code 如 500、400 等
+            if (isMountedRef.current) {
+              message.error(statusMessage || intl.formatMessage({
+                id: 'upgrade.error.upgradeFailed'
+              }));
+              cancelRequest();
+            }
+            break;
+        }
+      }
+    } catch (error) {
+      if (!isMountedRef.current) return;
+      if (!axios.isCancel(error)) {
+        console.error('Status check failed:', error);
       }
-    };
-  }, [readyState, enabled, startHeartbeat, stopHeartbeat]);
-  const heartbeatImpl = useMemo(() => {
-    if (!enabled) {
-      return {
-        startHeartbeat: () => {},
-        stopHeartbeat: () => {},
-        getLastHeartbeatTime: () => null,
-        isEnabled: false
-      };
     }
-    return {
-      startHeartbeat,
-      stopHeartbeat,
-      getLastHeartbeatTime: () => lastHeartbeatTimeRef.current,
-      isEnabled: true
+  };
+  const cancelRequest = () => {
+    // 取消状态轮询
+    uploadCancelToken.current.cancel('Operation canceled');
+    statusCancelToken.current.cancel('Operation canceled');
+    uploadCancelToken.current = axios.CancelToken.source();
+    statusCancelToken.current = axios.CancelToken.source();
+
+    // 重置所有状态
+    setPollingInterval(undefined);
+    setCurrentStatus('idle');
+    setUploadProgress(0);
+    isUploadingRef.current = false;
+    hideLoader();
+  };
+
+  // 轮询状态
+  useInterval(fetchUpgradeStatus, pollingInterval);
+
+  // 组件卸载时清理
+  useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+      uploadCancelToken.current.cancel();
+      statusCancelToken.current.cancel();
     };
-  }, [enabled, startHeartbeat, stopHeartbeat]);
-  return heartbeatImpl;
+  }, []);
+  const upgradeElement = /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(Dropdown, {
+      menu: {
+        items: finalMenuItems,
+        onClick: handleMenuClick
+      },
+      trigger: ["hover"],
+      children: /*#__PURE__*/jsx("a", {
+        onClick: e => e.preventDefault(),
+        children: /*#__PURE__*/jsx("i", {
+          className: "seeder-iconfont seeder-icon-liebiao2 text-xl text-neutral-400"
+        })
+      })
+    }), /*#__PURE__*/jsx("input", {
+      ref: inputRef,
+      type: "file",
+      onChange: updatePackage,
+      className: "hidden",
+      accept: acceptFileTypes
+    }), /*#__PURE__*/jsx(Spin, {
+      spinning: isSpinning,
+      indicator: /*#__PURE__*/jsx(LoadingOutlined, {
+        style: {
+          fontSize: 60
+        },
+        spin: true
+      }),
+      tip: currentStatus === intl.formatMessage({
+        id: 'upgrade.status.uploading'
+      }) ? "".concat(currentStatus, " ").concat(uploadProgress, "%") : currentStatus,
+      size: "large",
+      fullscreen: true
+    })]
+  });
+  return [upgradeElement];
 };
-const useWebSocketWithFeatures = config => {
-  const {
-    url,
-    options = {},
-    heartbeat: heartbeatConfig = false,
-    enableLog = true
-  } = config;
-  const [isConnected, setIsConnected] = useState(false);
+var useUpgrade$1 = useUpgrade;
 
-  // 创建 logger 实例
-  const logger = useMemo(() => {
-    if (enableLog) {
-      return createGlobalLogger(url);
-    }
-    return createDummyLogger();
-  }, [url, enableLog]);
-  const websocketOptions = useMemo(() => _objectSpread2$1(_objectSpread2$1({}, options), {}, {
-    onOpen: event => {
-      var _options$onOpen;
-      logger.log('INFO', 'WebSocket 连接成功', {
-        url,
-        readyState: getReadyStateText(1),
-        // 连接成功时 readyState 为 1
-        eventCode: event === null || event === void 0 ? void 0 : event.code
-      });
-      setIsConnected(true);
-      (_options$onOpen = options.onOpen) === null || _options$onOpen === void 0 || _options$onOpen.call(options, event);
-    },
-    onError: error => {
-      var _options$onError;
-      logger.log('ERROR', 'WebSocket 连接错误', {
-        url,
-        error: error.message,
-        errorType: error.type,
-        readyState: getReadyStateText(3) // 错误时 readyState 为 3
-      });
-      setIsConnected(false);
-      (_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, error);
-    },
-    onClose: event => {
-      var _options$onClose;
-      logger.log('WARN', 'WebSocket 连接断开', {
-        url,
-        code: event.code,
-        reason: event.reason,
-        wasClean: event.wasClean,
-        readyState: getReadyStateText(3) // 关闭时 readyState 为 3
-      });
-      setIsConnected(false);
-      (_options$onClose = options.onClose) === null || _options$onClose === void 0 || _options$onClose.call(options, event);
-    },
-    onReconnect: count => {
-      var _options$onReconnect;
-      logger.log('INFO', '尝试重新连接', {
-        url,
-        attempt: count,
-        maxAttempts: options.reconnectLimit || 10
-      });
-      (_options$onReconnect = options.onReconnect) === null || _options$onReconnect === void 0 || _options$onReconnect.call(options, count);
-    }
-  }), [url, options, logger]);
+const useSystemOperations = function () {
+  let {
+    onPowerOff,
+    onRestart,
+    confirmTitle = "Confirm",
+    cancelText = "No",
+    okText = "Yes",
+    run
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
-    latestMessage,
-    readyState,
-    sendMessage,
-    connect,
-    disconnect
-  } = useWebSocket(url, websocketOptions);
-  const heartbeatOptions = useMemo(() => heartbeatConfig === true ? {} : heartbeatConfig, [heartbeatConfig]);
-  const heartbeatEnabled = useMemo(() => heartbeatConfig !== false, [heartbeatConfig]);
-  const heartbeat = useHeartbeat(sendMessage, readyState, heartbeatOptions, logger, heartbeatEnabled);
+    modal: AntdModal
+  } = App.useApp();
+  const doAction = useCallback(action => {
+    try {
+      AntdModal.confirm({
+        icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
+        title: "".concat(confirmTitle, " ").concat(action, "?"),
+        cancelText,
+        okText,
+        onOk: () => {
+          if (action === 'poweroff' && onPowerOff) {
+            onPowerOff();
+          } else if (action === 'restart' && onRestart) {
+            onRestart();
+          }
 
-  // 在全局暴露日志方法
-  useEffect(() => {
-    if (typeof window !== 'undefined' && enableLog) {
-      // 生成唯一的键名：基于URL进行base64编码
-      const key = "exportWebSocketLogs_".concat(btoa(url));
-      // 在window对象上添加方法
-      window[key] = () => logger.exportLogs();
+          // Call the run callback after successful operation
+          if (typeof run === 'function') {
+            run();
+          }
+        }
+      });
+    } catch (error) {
+      console.error("".concat(action.toUpperCase(), " ERROR: "), error);
     }
-    return () => {
-      if (typeof window !== 'undefined' && enableLog) {
-        const key = "exportWebSocketLogs_".concat(btoa(url));
-        delete window[key];
-      }
-    };
-  }, [url, enableLog, logger]);
-  const loggerMethods = useMemo(() => ({
-    log: (level, message, data) => logger.log(level, message, data),
-    exportLogs: () => logger.exportLogs(),
-    getLogStats: () => logger.getLogStats(),
-    clearLogs: () => logger.clearLogs()
-  }), [logger]);
+  }, [AntdModal, confirmTitle, cancelText, okText, onPowerOff, onRestart]);
+  const getMenuItems = useCallback(() => [{
+    key: "poweroff",
+    label: "Power Off"
+  }, {
+    key: "restart",
+    label: "Restart"
+  }], []);
+  const handleMenuClick = useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    doAction(key);
+  }, [doAction]);
   return {
-    latestMessage,
-    readyState,
-    sendMessage,
-    connect,
-    disconnect,
-    isConnected,
-    readyStateText: getReadyStateText(readyState),
-    // 心跳功能
-    heartbeat,
-    // 日志功能
-    logger: enableLog ? loggerMethods : null
+    menuItems: getMenuItems(),
+    handleMenuClick
   };
 };
-var useWebSocketWithFeatures$1 = useWebSocketWithFeatures;
+var useSystemOperations$1 = useSystemOperations;
 
-// 在控制台中直接查看所有可用的导出方法 Object.keys(window).filter(key => key.startsWith('exportWebSocketLogs_'))
-// 导出特定连接的日志 window['exportWebSocketLogs_d3M6Ly8xOTIuMTY4LjEyMy4yMDQvd3MvZHZyL3ZpZGVvX3N0YXR1c19jaGFuZ2U=']();
+const usePageReload = () => {
+  const [reloading, setReloading] = useState(false);
+  const startReload = useCallback(function () {
+    let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 800;
+    if (reloading) return; // 防止重复触发
 
-/**
- * 国际化调试工具
- * 在浏览器控制台运行 window.debugI18n() 查看当前国际化状态
- */
+    // 显示遮罩
+    setReloading(true);
 
-const debugI18n = () => {
-  var _window$g_initialProp, _window$g_initialProp2, _window$g_initialProp3, _window$g_initialProp4, _window$g_initialProp5, _window$g_initialProp6;
-  if (typeof window === 'undefined') {
-    console.log('[i18n debug] Not in browser environment');
-    return;
-  }
-  console.group('🌍 I18n Debug Information');
+    // 设置背景色
+    document.body.style.backgroundColor = '#282828';
+    document.body.style.transition = 'background-color 0.1s';
+    document.body.offsetHeight;
 
-  // 1. 当前语言环境
-  console.log('📍 Current Locale Sources:');
-  console.log('  - window.g_initialProps?.locale:', (_window$g_initialProp = window.g_initialProps) === null || _window$g_initialProp === void 0 ? void 0 : _window$g_initialProp.locale);
-  console.log('  - window.g_initialProps?.___g_initialPropsFromServer?.locale:', (_window$g_initialProp2 = window.g_initialProps) === null || _window$g_initialProp2 === void 0 || (_window$g_initialProp2 = _window$g_initialProp2.___g_initialPropsFromServer) === null || _window$g_initialProp2 === void 0 ? void 0 : _window$g_initialProp2.locale);
-  try {
-    console.log('  - localStorage.umi-locale:', localStorage.getItem('umi-locale'));
-  } catch (e) {
-    console.log('  - localStorage: not available');
-  }
-  console.log('  - window.__COMPONENT_LOCALE__:', window.__COMPONENT_LOCALE__);
+    // 延迟刷新
+    const timer = setTimeout(() => {
+      window.location.reload();
+    }, delay);
 
-  // 2. 语言包
-  console.log('\n📦 Available Message Sources:');
-  console.log('  - window.__COMPONENT_I18N_MESSAGES__:', window.__COMPONENT_I18N_MESSAGES__);
-  console.log('  - window.__PROJECT_I18N_MESSAGES__:', window.__PROJECT_I18N_MESSAGES__);
-  console.log('  - window.g_initialProps?.messages:', (_window$g_initialProp3 = window.g_initialProps) === null || _window$g_initialProp3 === void 0 ? void 0 : _window$g_initialProp3.messages);
+    // 清理函数（防止内存泄漏）
+    return () => clearTimeout(timer);
+  }, [reloading]);
+  const ReloadOverlay = () => {
+    if (!reloading) return null;
+    return /*#__PURE__*/jsxs("div", {
+      style: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: '#282828',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 999999,
+        color: 'white'
+      },
+      children: [/*#__PURE__*/jsx(Spin, {
+        size: "large"
+      }), /*#__PURE__*/jsx("div", {
+        style: {
+          marginTop: 20,
+          fontSize: 16
+        },
+        children: "Loading preset configuration..."
+      }), /*#__PURE__*/jsx("div", {
+        style: {
+          marginTop: 10,
+          fontSize: 12,
+          color: '#aaa'
+        },
+        children: "Page will refresh shortly"
+      })]
+    });
+  };
+  return {
+    startReload,
+    ReloadOverlay
+  };
+};
+var usePageReload$1 = usePageReload;
 
-  // 3. 合并后的语言包
-  const componentMessages = window.__COMPONENT_I18N_MESSAGES__ || {};
-  const projectMessages = window.__PROJECT_I18N_MESSAGES__ || {};
-  const umiMessages = ((_window$g_initialProp4 = window.g_initialProps) === null || _window$g_initialProp4 === void 0 ? void 0 : _window$g_initialProp4.messages) || {};
-  const allLocales = new Set([...Object.keys(componentMessages), ...Object.keys(projectMessages), ...Object.keys(umiMessages)]);
-  console.log('\n🔧 Merged Locales:', Array.from(allLocales));
-  allLocales.forEach(locale => {
-    const merged = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
-    console.log("\n  \uD83D\uDCC4 ".concat(locale, " (").concat(Object.keys(merged).length, " keys):"), merged);
-  });
+const getReadyStateText = state => {
+  const states = {
+    0: 'CONNECTING',
+    1: 'OPEN',
+    2: 'CLOSING',
+    3: 'CLOSED'
+  };
+  return states[state] || "UNKNOWN(".concat(state, ")");
+};
 
-  // 4. 测试几个关键的 key
-  console.log('\n🧪 Test Translation:');
-  const testKeys = ['networkSettings.title', 'button.ok', 'button.cancel', 'button.apply', 'button.close'];
-  const currentLocale = ((_window$g_initialProp5 = window.g_initialProps) === null || _window$g_initialProp5 === void 0 ? void 0 : _window$g_initialProp5.locale) || ((_window$g_initialProp6 = window.g_initialProps) === null || _window$g_initialProp6 === void 0 || (_window$g_initialProp6 = _window$g_initialProp6.___g_initialPropsFromServer) === null || _window$g_initialProp6 === void 0 ? void 0 : _window$g_initialProp6.locale) || localStorage.getItem('umi-locale') || 'zh-CN';
-  const allMessages = {};
-  allLocales.forEach(locale => {
-    allMessages[locale] = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
-  });
-  testKeys.forEach(key => {
-    var _allMessages$currentL, _allMessages$enUS;
-    const translation = ((_allMessages$currentL = allMessages[currentLocale]) === null || _allMessages$currentL === void 0 ? void 0 : _allMessages$currentL[key]) || ((_allMessages$enUS = allMessages['en-US']) === null || _allMessages$enUS === void 0 ? void 0 : _allMessages$enUS[key]) || '❌ NOT FOUND';
-    console.log("  - ".concat(key, ": ").concat(translation));
-  });
-  console.groupEnd();
+// 创建空日志器
+const createDummyLogger = () => {
+  const dummyFn = () => {};
+  return {
+    log: dummyFn,
+    exportLogs: dummyFn,
+    getLogStats: () => ({
+      total: 0,
+      errors: 0,
+      warnings: 0,
+      info: 0,
+      lastTimestamp: null
+    }),
+    clearLogs: dummyFn,
+    logs: []
+  };
 };
 
-// 自动在开发环境注册到 window
-if (process.env.NODE_ENV === 'development' && typeof window !== 'undefined') {
-  window.debugI18n = debugI18n;
-  console.log('💡 I18n debug tool available. Run window.debugI18n() in console to check i18n status.');
-}
+// 创建通用的日志器
+const createGlobalLogger = function () {
+  let webSocketUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const logs = [];
+  const maxLogs = 1000;
 
-/**
- * seeder-st2110-components 组件库国际化 Hook
- * 
- * 设计目标：
- * 1. 不依赖特定的国际化库（react-intl, i18next 等）
- * 2. 可以与主项目（Umi）的国际化集成
- * 3. 支持简单的变量替换
- * 4. 降级处理：如果没有翻译，显示 key 本身
- */
+  // 判断是否为开发环境
+  const isDevelopment = process.env.NODE_ENV === 'development';
+  const log = function (level, message) {
+    let data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    const timestamp = new Date().toISOString();
+    const logEntry = {
+      timestamp,
+      level,
+      message,
+      data,
+      timestampDisplay: new Date().toLocaleString('zh-CN', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit',
+        hour12: false
+      })
+    };
+    logs.push(logEntry);
+    if (logs.length > maxLogs) logs.shift();
 
-/**
- * 获取当前语言环境
- * 优先从 Umi 全局变量读取，其次使用默认值
- */
-const getLocale = () => {
-  // 尝试从 Umi 获取语言设置
-  if (typeof window !== 'undefined') {
-    var _window$g_initialProp, _window$g_initialProp2;
-    // 方式 1：Umi 的 g_initialProps
-    if ((_window$g_initialProp = window.g_initialProps) !== null && _window$g_initialProp !== void 0 && _window$g_initialProp.locale) {
-      return window.g_initialProps.locale;
+    // 只在开发环境下输出到控制台
+    if (isDevelopment) {
+      const consoleMessage = "[".concat(logEntry.timestampDisplay, "] [WebSocket] [").concat(level, "] ").concat(message);
+      const consoleArgs = [consoleMessage];
+      if (Object.keys(data).length > 0) consoleArgs.push(data);
+      switch (level) {
+        case 'ERROR':
+          console.error(...consoleArgs);
+          break;
+        case 'WARN':
+          console.warn(...consoleArgs);
+          break;
+        case 'INFO':
+          console.info(...consoleArgs);
+          break;
+        default:
+          console.log(...consoleArgs);
+      }
     }
-    // 方式 2：Umi 的全局语言标记
-    if ((_window$g_initialProp2 = window.g_initialProps) !== null && _window$g_initialProp2 !== void 0 && (_window$g_initialProp2 = _window$g_initialProp2.___g_initialPropsFromServer) !== null && _window$g_initialProp2 !== void 0 && _window$g_initialProp2.locale) {
-      return window.g_initialProps.___g_initialPropsFromServer.locale;
+    return logEntry;
+  };
+  const exportLogs = function () {
+    let filenamePrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'websocket';
+    if (logs.length === 0) {
+      log('WARN', '没有日志可导出', {
+        filenamePrefix
+      });
+      return;
     }
-    // 方式 3：从 localStorage 读取（Umi 默认行为）
+    const logText = logs.map(entry => "[".concat(entry.timestampDisplay, "] [").concat(entry.level, "] ").concat(entry.message, "\n\u6570\u636E: ").concat(JSON.stringify(entry.data, null, 2))).join('\n' + '='.repeat(50) + '\n');
+    const blob = new Blob([logText], {
+      type: 'text/plain;charset=utf-8'
+    });
+    const blobUrl = URL.createObjectURL(blob);
+    let hostname = 'unknown';
+    let pathname = 'unknown';
     try {
-      const storedLocale = localStorage.getItem('umi-locale');
-      if (storedLocale) {
-        return storedLocale;
+      if (webSocketUrl) {
+        const urlObj = new URL(webSocketUrl.replace(/^ws/, 'http'));
+        hostname = urlObj.hostname.replace(/\./g, '-');
+        pathname = urlObj.pathname.replace(/\//g, '-').replace(/^-|-$/g, '') || 'root';
       }
-    } catch (e) {
-      // localStorage 不可用时忽略
-    }
-    // 方式 4：组件库自定义语言标记
-    if (window.__COMPONENT_LOCALE__) {
-      return window.__COMPONENT_LOCALE__;
+    } catch (error) {
+      console.warn('无法解析WebSocket URL:', error);
     }
-  }
-  // 默认语言
-  return 'zh-CN';
+    const readableTime = new Date().toLocaleString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: false
+    }).replace(/[\/:\s]/g, '-');
+    const filename = "".concat(filenamePrefix, "-").concat(hostname, "-").concat(pathname, "-").concat(readableTime, ".log");
+    const a = document.createElement('a');
+    a.href = blobUrl;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(blobUrl);
+    log('INFO', '日志文件已导出', {
+      count: logs.length,
+      filename
+    });
+  };
+  const getLogStats = () => {
+    var _logs;
+    return {
+      total: logs.length,
+      errors: logs.filter(l => l.level === 'ERROR').length,
+      warnings: logs.filter(l => l.level === 'WARN').length,
+      info: logs.filter(l => l.level === 'INFO').length,
+      lastTimestamp: (_logs = logs[logs.length - 1]) === null || _logs === void 0 ? void 0 : _logs.timestampDisplay
+    };
+  };
+  const clearLogs = () => {
+    logs.length = 0;
+    log('INFO', '日志已清空');
+  };
+  return {
+    log,
+    exportLogs,
+    getLogStats,
+    clearLogs,
+    logs
+  };
 };
 
-/**
- * 获取语言包
- * 优先从主项目读取，其次使用组件库自带的语言包
- */
-const getMessages = () => {
-  if (typeof window !== 'undefined') {
-    var _window$g_initialProp3;
-    // 尝试从多个来源读取语言包
-    const messages = {};
-
-    // 1. 组件库注册的语言包
-    const componentMessages = window.__COMPONENT_I18N_MESSAGES__ || {};
-
-    // 2. 主项目的语言包
-    const projectMessages = window.__PROJECT_I18N_MESSAGES__ || {};
-
-    // 3. Umi 的语言包
-    const umiMessages = ((_window$g_initialProp3 = window.g_initialProps) === null || _window$g_initialProp3 === void 0 ? void 0 : _window$g_initialProp3.messages) || {};
-
-    // 合并语言包（组件库的优先级最高，其次是主项目，最后是 Umi）
-    const allLocales = new Set([...Object.keys(componentMessages), ...Object.keys(projectMessages), ...Object.keys(umiMessages)]);
-    allLocales.forEach(locale => {
-      messages[locale] = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, umiMessages[locale] || {}), projectMessages[locale] || {}), componentMessages[locale] || {});
+// 心跳管理器
+const useHeartbeat = function (sendMessage, readyState, config, logger) {
+  let enabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+  const heartbeatTimerRef = useRef(null);
+  const lastHeartbeatTimeRef = useRef(Date.now());
+  const isMountedRef = useRef(true);
+  const configRef = useRef({
+    interval: (config === null || config === void 0 ? void 0 : config.interval) || 20000,
+    message: (config === null || config === void 0 ? void 0 : config.message) || {
+      type: 'ping'
+    }
+  });
+  const stateRef = useRef({
+    sendMessage,
+    readyState,
+    enabled
+  });
+  useEffect(() => {
+    configRef.current = {
+      interval: (config === null || config === void 0 ? void 0 : config.interval) || 20000,
+      message: (config === null || config === void 0 ? void 0 : config.message) || {
+        type: 'ping'
+      }
+    };
+  }, [config === null || config === void 0 ? void 0 : config.interval, config === null || config === void 0 ? void 0 : config.message]);
+  useEffect(() => {
+    stateRef.current = {
+      sendMessage,
+      readyState,
+      enabled
+    };
+  }, [sendMessage, readyState, enabled]);
+  useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+      if (heartbeatTimerRef.current) {
+        clearInterval(heartbeatTimerRef.current);
+      }
+    };
+  }, []);
+  const stopHeartbeat = useCallback(() => {
+    if (heartbeatTimerRef.current) {
+      clearInterval(heartbeatTimerRef.current);
+      heartbeatTimerRef.current = null;
+      if (stateRef.current.enabled) {
+        logger.log('INFO', '停止心跳机制');
+      }
+    }
+  }, [logger]);
+  const startHeartbeat = useCallback(() => {
+    stopHeartbeat();
+    const currentState = stateRef.current;
+    const currentConfig = configRef.current;
+    if (!currentState.enabled) return;
+    logger.log('INFO', '启动心跳机制', {
+      interval: currentConfig.interval
     });
-    return messages;
-  }
-  return {};
-};
+    heartbeatTimerRef.current = setInterval(() => {
+      // 检查组件是否挂载
+      if (!isMountedRef.current || !heartbeatTimerRef.current) {
+        return;
+      }
 
-/**
- * 格式化消息
- * @param {string} id - 国际化 key
- * @param {object} values - 变量替换值
- * @param {string} locale - 语言环境
- * @param {object} messages - 语言包
- */
-const formatMessage = function (_ref) {
-  var _messages$locale, _messages$enUS;
-  let {
-    id
-  } = _ref;
-  let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let locale = arguments.length > 2 ? arguments[2] : undefined;
-  let messages = arguments.length > 3 ? arguments[3] : undefined;
-  const message = ((_messages$locale = messages[locale]) === null || _messages$locale === void 0 ? void 0 : _messages$locale[id]) || ((_messages$enUS = messages['en-US']) === null || _messages$enUS === void 0 ? void 0 : _messages$enUS[id]) || id;
+      // 目的: 总是获取最新的值
+      const latestState = stateRef.current;
+      const latestConfig = configRef.current;
+      if (latestState.sendMessage && latestState.readyState === 1) {
+        try {
+          latestState.sendMessage(JSON.stringify(latestConfig.message));
+          lastHeartbeatTimeRef.current = Date.now();
+          logger.log('DEBUG', '发送心跳包', {
+            timeSinceLastHeartbeat: Date.now() - lastHeartbeatTimeRef.current,
+            readyState: getReadyStateText(latestState.readyState)
+          });
+        } catch (error) {
+          logger.log('ERROR', '发送心跳失败', {
+            error: error.message,
+            readyState: getReadyStateText(latestState.readyState)
+          });
+        }
+      }
+    }, currentConfig.interval);
+  }, [stopHeartbeat, logger]);
 
-  // 支持变量替换 {min}, {max}, {value} 等
-  return message.replace(/\{(\w+)\}/g, (match, key) => {
-    return values[key] !== undefined ? values[key] : match;
-  });
+  // 自动管理心跳
+  useEffect(() => {
+    const currentState = stateRef.current;
+    if (currentState.enabled) {
+      if (currentState.readyState === 1) {
+        startHeartbeat();
+      } else {
+        stopHeartbeat();
+      }
+    } else {
+      stopHeartbeat();
+    }
+    return () => {
+      if (heartbeatTimerRef.current) {
+        clearInterval(heartbeatTimerRef.current);
+        heartbeatTimerRef.current = null;
+      }
+    };
+  }, [readyState, enabled, startHeartbeat, stopHeartbeat]);
+  const heartbeatImpl = useMemo(() => {
+    if (!enabled) {
+      return {
+        startHeartbeat: () => {},
+        stopHeartbeat: () => {},
+        getLastHeartbeatTime: () => null,
+        isEnabled: false
+      };
+    }
+    return {
+      startHeartbeat,
+      stopHeartbeat,
+      getLastHeartbeatTime: () => lastHeartbeatTimeRef.current,
+      isEnabled: true
+    };
+  }, [enabled, startHeartbeat, stopHeartbeat]);
+  return heartbeatImpl;
 };
+const useWebSocketWithFeatures = config => {
+  const {
+    url,
+    options = {},
+    heartbeat: heartbeatConfig = false,
+    enableLog = true
+  } = config;
+  const [isConnected, setIsConnected] = useState(false);
 
-/**
- * 国际化 Hook
- * 
- * @returns {{
- *   locale: string,
- *   formatMessage: function,
- *   messages: object
- * }}
- * 
- * @example
- * const intl = useIntl();
- * const title = intl.formatMessage({ id: 'networkSettings.title' });
- * const message = intl.formatMessage({ id: 'validation.minLength' }, { min: 3 });
- */
-const useIntl = () => {
-  const locale = getLocale();
-  const messages = getMessages();
-  const formatMessageFn = function (_ref2) {
-    let {
-      id
-    } = _ref2;
-    let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return formatMessage({
-      id
-    }, values, locale, messages);
-  };
+  // 创建 logger 实例
+  const logger = useMemo(() => {
+    if (enableLog) {
+      return createGlobalLogger(url);
+    }
+    return createDummyLogger();
+  }, [url, enableLog]);
+  const websocketOptions = useMemo(() => _objectSpread2$1(_objectSpread2$1({}, options), {}, {
+    onOpen: event => {
+      var _options$onOpen;
+      logger.log('INFO', 'WebSocket 连接成功', {
+        url,
+        readyState: getReadyStateText(1),
+        // 连接成功时 readyState 为 1
+        eventCode: event === null || event === void 0 ? void 0 : event.code
+      });
+      setIsConnected(true);
+      (_options$onOpen = options.onOpen) === null || _options$onOpen === void 0 || _options$onOpen.call(options, event);
+    },
+    onError: error => {
+      var _options$onError;
+      logger.log('ERROR', 'WebSocket 连接错误', {
+        url,
+        error: error.message,
+        errorType: error.type,
+        readyState: getReadyStateText(3) // 错误时 readyState 为 3
+      });
+      setIsConnected(false);
+      (_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, error);
+    },
+    onClose: event => {
+      var _options$onClose;
+      logger.log('WARN', 'WebSocket 连接断开', {
+        url,
+        code: event.code,
+        reason: event.reason,
+        wasClean: event.wasClean,
+        readyState: getReadyStateText(3) // 关闭时 readyState 为 3
+      });
+      setIsConnected(false);
+      (_options$onClose = options.onClose) === null || _options$onClose === void 0 || _options$onClose.call(options, event);
+    },
+    onReconnect: count => {
+      var _options$onReconnect;
+      logger.log('INFO', '尝试重新连接', {
+        url,
+        attempt: count,
+        maxAttempts: options.reconnectLimit || 10
+      });
+      (_options$onReconnect = options.onReconnect) === null || _options$onReconnect === void 0 || _options$onReconnect.call(options, count);
+    }
+  }), [url, options, logger]);
+  const {
+    latestMessage,
+    readyState,
+    sendMessage,
+    connect,
+    disconnect
+  } = useWebSocket(url, websocketOptions);
+  const heartbeatOptions = useMemo(() => heartbeatConfig === true ? {} : heartbeatConfig, [heartbeatConfig]);
+  const heartbeatEnabled = useMemo(() => heartbeatConfig !== false, [heartbeatConfig]);
+  const heartbeat = useHeartbeat(sendMessage, readyState, heartbeatOptions, logger, heartbeatEnabled);
+
+  // 在全局暴露日志方法
+  useEffect(() => {
+    if (typeof window !== 'undefined' && enableLog) {
+      // 生成唯一的键名：基于URL进行base64编码
+      const key = "exportWebSocketLogs_".concat(btoa(url));
+      // 在window对象上添加方法
+      window[key] = () => logger.exportLogs();
+    }
+    return () => {
+      if (typeof window !== 'undefined' && enableLog) {
+        const key = "exportWebSocketLogs_".concat(btoa(url));
+        delete window[key];
+      }
+    };
+  }, [url, enableLog, logger]);
+  const loggerMethods = useMemo(() => ({
+    log: (level, message, data) => logger.log(level, message, data),
+    exportLogs: () => logger.exportLogs(),
+    getLogStats: () => logger.getLogStats(),
+    clearLogs: () => logger.clearLogs()
+  }), [logger]);
   return {
-    locale,
-    formatMessage: formatMessageFn,
-    messages
+    latestMessage,
+    readyState,
+    sendMessage,
+    connect,
+    disconnect,
+    isConnected,
+    readyStateText: getReadyStateText(readyState),
+    // 心跳功能
+    heartbeat,
+    // 日志功能
+    logger: enableLog ? loggerMethods : null
   };
 };
+var useWebSocketWithFeatures$1 = useWebSocketWithFeatures;
 
-/**
- * 设置语言环境（可选）
- * 如果需要在运行时切换语言，可以调用此函数
- * 
- * @param {string} locale - 语言代码，如 'zh-CN' 或 'en-US'
- */
-const setLocale = locale => {
-  if (typeof window !== 'undefined') {
-    window.__COMPONENT_LOCALE__ = locale;
-  }
-};
+// 在控制台中直接查看所有可用的导出方法 Object.keys(window).filter(key => key.startsWith('exportWebSocketLogs_'))
+// 导出特定连接的日志 window['exportWebSocketLogs_d3M6Ly8xOTIuMTY4LjEyMy4yMDQvd3MvZHZyL3ZpZGVvX3N0YXR1c19jaGFuZ2U=']();
 
-/**
- * 注册语言包（可选）
- * 如果需要在运行时注册语言包，可以调用此函数
- * 
- * @param {string} locale - 语言代码
- * @param {object} messages - 语言包对象
- */
-const addMessages = (locale, messages) => {
-  if (typeof window !== 'undefined') {
-    if (!window.__COMPONENT_I18N_MESSAGES__) {
-      window.__COMPONENT_I18N_MESSAGES__ = {};
-    }
-    window.__COMPONENT_I18N_MESSAGES__[locale] = messages;
-  }
+// seeder-st2110-components 组件库中文语言包
+var zhCN = {
+  // 通用按钮
+  'button.ok': '确定',
+  'button.cancel': '取消',
+  'button.save': '保存',
+  'button.delete': '删除',
+  'button.edit': '编辑',
+  'button.add': '添加',
+  'button.confirm': '确认',
+  'button.close': '关闭',
+  'button.apply': '应用',
+  'button.submit': '提交',
+  'button.next': '下一步',
+  'button.previous': '上一步',
+  'button.refresh': '刷新',
+  'button.retry': '重试',
+  // 菜单
+  'menu.networkSettings': '网络设置',
+  'menu.ptp': 'PTP',
+  'menu.nmos': 'NMOS',
+  'menu.preset': '预设',
+  'menu.license': '许可证',
+  'menu.maintenance': '维护',
+  'menu.system': '系统',
+  // Network Settings Modal
+  'networkSettings.title': '网络设置',
+  'networkSettings.ipAddress': 'IP 地址',
+  'networkSettings.subnetMask': '子网掩码',
+  'networkSettings.restartRequired': '配置已修改。是否重启以应用更改？',
+  'networkSettings.restartNow': '立即重启',
+  'networkSettings.restartLater': '稍后重启',
+  'networkSettings.saveSuccess': '保存成功',
+  // PTP Modal
+  'ptp.title': 'PTP 设置',
+  'ptp.domainNumber': '域编号',
+  'ptp.priority1': '优先级 1',
+  'ptp.priority2': '优先级 2',
+  'ptp.clockClass': '时钟等级',
+  'ptp.clockClass.atomic': '原子钟 ({value})',
+  'ptp.clockClass.gps': 'GPS ({value})',
+  'ptp.clockClass.slaveOnly': '仅从时钟 ({value})',
+  'ptp.clockAccuracy': '时钟精度',
+  'ptp.offsetScaledLogVariance': '时钟稳定性',
+  'ptp.portIdentity': '端口标识',
+  'ptp.grandmasterIdentity': '主时钟标识',
+  'ptp.utcOffset': 'UTC 偏移量',
+  'ptp.connected': '已连接',
+  'ptp.disconnected': '未连接',
+  'ptp.locked': '已锁定',
+  'ptp.unlocked': '未锁定',
+  'ptp.saveSuccess': '保存成功',
+  // NMOS Modal
+  'nmos.title': 'NMOS 设置',
+  'nmos.hostAddress': '主机地址',
+  'nmos.domain': '域',
+  'nmos.registrationPort': '注册端口',
+  'nmos.registryAddress': '注册地址',
+  'nmos.registryVersion': '注册版本',
+  'nmos.loggingLevel': '日志级别',
+  'nmos.placeholder.selectHostAddress': '选择主机地址',
+  'nmos.placeholder.selectVersion': '选择版本',
+  'nmos.saveSuccess': '保存成功',
+  // Preset Modal
+  'preset.title': '预设管理',
+  'preset.name': '名称',
+  'preset.categories': '分类',
+  'preset.description': '描述',
+  'preset.placeholder.enterName': '请输入名称',
+  'preset.button.new': '新建预设',
+  'preset.button.delete': '删除',
+  'preset.button.load': '加载',
+  'preset.button.save': '保存',
+  'preset.button.edit': '编辑',
+  'preset.button.cancel': '取消',
+  'preset.empty.noData': '从列表中选择一个预设查看详情',
+  'preset.untitled': '未命名预设',
+  'preset.delete.title': '删除预设',
+  'preset.delete.confirmMessage': '确定要删除预设',
+  'preset.load.title': '加载预设',
+  'preset.load.confirmMessage': '确定要加载预设',
+  'preset.load.loading': '加载中...',
+  'preset.success': '成功',
+  'preset.validation.nameRequired': '名称是必填项',
+  'preset.validation.categoryRequired': '请选择分类',
+  'preset.error.noSelectionOrIdMissing': '未选择预设或预设 ID 缺失',
+  // License/Auth Modal
+  'license.title': '注册许可证',
+  'license.machineCode': '机器码',
+  'license.key': '许可证密钥',
+  'license.placeholder.enterKey': '请输入许可证密钥',
+  'license.button.activate': '立即激活',
+  'license.button.reactivate': '重新激活',
+  'license.button.ignore': '忽略',
+  'license.status.unactivated': '未激活',
+  'license.status.activated': '已激活',
+  'license.status.expired': '已过期',
+  'license.status.invalid': '无效',
+  'license.status.expiresOn': '到期时间',
+  'license.validation.keyRequired': '许可证密钥不能为空',
+  // 升级相关
+  'upgrade.menu.download': '下载配置文件',
+  'upgrade.menu.softwareUpdate': '软件升级',
+  'upgrade.status.idle': '空闲',
+  'upgrade.status.uploading': '上传中',
+  'upgrade.status.uploadComplete': '上传完成，开始升级...',
+  'upgrade.status.upgrading': '升级中...',
+  'upgrade.error.downloadNotConfigured': '下载功能未配置',
+  'upgrade.error.downloadFailed': '下载失败',
+  'upgrade.error.uploadFailed': '上传失败',
+  'upgrade.error.invalidFileFormat': '上传失败：文件格式无效',
+  'upgrade.error.upgradeFailed': '升级失败',
+  // 系统操作
+  'system.poweroff': '关机',
+  'system.restart': '重启',
+  'system.action.powerOff': '关闭',
+  'system.action.restart': '重启',
+  'system.confirm.title': '确认操作',
+  'system.confirm.message': '确定要{action}系统吗？此操作无法撤销。',
+  'system.button.cancel': '取消',
+  'system.button.confirm': '确认',
+  // 维护页面
+  'maintenance.title': '系统维护',
+  'maintenance.description': '设备正在维护中，请稍候...',
+  'maintenance.restart': '设备正在重启',
+  'maintenance.poweroff': '设备已关闭',
+  'maintenance.redirecting': '页面跳转中...',
+  'maintenance.backToHome': '返回首页',
+  // 表单验证
+  'validation.required': '此项为必填项',
+  'validation.invalidIP': 'IP 地址格式不正确',
+  'validation.invalidPort': '端口号范围应为 1-65535',
+  'validation.invalidEmail': '邮箱格式不正确',
+  'validation.minLength': '最少需要 {min} 个字符',
+  'validation.maxLength': '最多只能有 {max} 个字符',
+  'validation.min': '最小值为 {min}',
+  'validation.max': '最大值为 {max}',
+  'validation.pattern': '格式不正确',
+  'validation.unique': '该值已存在',
+  // 状态消息
+  'status.loading': '加载中...',
+  'status.saving': '保存中...',
+  'status.deleting': '删除中...',
+  'status.updating': '更新中...',
+  'status.submitting': '提交中...',
+  'status.success': '成功',
+  'status.failed': '失败',
+  'status.error': '错误',
+  'status.pending': '等待中',
+  'status.processing': '处理中',
+  'status.completed': '已完成',
+  'status.cancelled': '已取消',
+  // 确认对话框
+  'confirm.title': '确认操作',
+  'confirm.message': '确定要执行此操作吗？',
+  'confirm.cancel': '取消',
+  'confirm.ok': '确定',
+  // 空状态
+  'empty.noData': '暂无数据',
+  'empty.noResults': '暂无结果',
+  'empty.noItems': '暂无项目',
+  // 通用标签
+  'label.name': '名称',
+  'label.description': '描述',
+  'label.status': '状态',
+  'label.type': '类型',
+  'label.action': '操作',
+  'label.actions': '操作',
+  'label.settings': '设置',
+  'label.configuration': '配置',
+  'label.information': '信息',
+  'label.version': '版本',
+  'label.time': '时间',
+  'label.date': '日期',
+  'label.enable': '启用',
+  'label.disable': '禁用',
+  // 占位符
+  'placeholder.select': '请选择',
+  'placeholder.enter': '请输入',
+  'placeholder.search': '搜索',
+  'placeholder.filter': '筛选'
 };
 
-/**
- * 初始化国际化
- * 在组件库初始化时调用，注册默认语言包
- */
-const initI18n = () => {
-  // 注册中文语言包
-  addMessages('zh-CN', {
-    'button.ok': '确定',
-    'button.cancel': '取消',
-    'button.save': '保存',
-    'button.delete': '删除',
-    'button.edit': '编辑',
-    'button.add': '添加',
-    'button.confirm': '确认',
-    'button.close': '关闭',
-    'button.apply': '应用',
-    'menu.networkSettings': '网络设置',
-    'menu.ptp': 'PTP',
-    'menu.nmos': 'NMOS',
-    'menu.preset': '预设',
-    'menu.license': '许可证'
-    // ... 其他默认翻译
-  });
-
-  // 注册英文语言包
-  addMessages('en-US', {
-    'button.ok': 'OK',
-    'button.cancel': 'Cancel',
-    'button.save': 'Save',
-    'button.delete': 'Delete',
-    'button.edit': 'Edit',
-    'button.add': 'Add',
-    'button.confirm': 'Confirm',
-    'button.close': 'Close',
-    'button.apply': 'Apply',
-    'menu.networkSettings': 'Network Settings',
-    'menu.ptp': 'PTP',
-    'menu.nmos': 'NMOS',
-    'menu.preset': 'Preset',
-    'menu.license': 'License'
-    // ... 其他默认翻译
-  });
+// seeder-st2110-components component library English language pack
+var enUS = {
+  // General buttons
+  'button.ok': 'OK',
+  'button.cancel': 'Cancel',
+  'button.save': 'Save',
+  'button.delete': 'Delete',
+  'button.edit': 'Edit',
+  'button.add': 'Add',
+  'button.confirm': 'Confirm',
+  'button.close': 'Close',
+  'button.apply': 'Apply',
+  'button.submit': 'Submit',
+  'button.next': 'Next',
+  'button.previous': 'Previous',
+  'button.refresh': 'Refresh',
+  'button.retry': 'Retry',
+  // Menu
+  'menu.networkSettings': 'Network Settings',
+  'menu.ptp': 'PTP',
+  'menu.nmos': 'NMOS',
+  'menu.preset': 'Preset',
+  'menu.license': 'License',
+  'menu.maintenance': 'Maintenance',
+  'menu.system': 'System',
+  // Network Settings Modal
+  'networkSettings.title': 'Network Settings',
+  'networkSettings.ipAddress': 'IP Address',
+  'networkSettings.subnetMask': 'Netmask',
+  'networkSettings.restartRequired': 'Configuration modified. Restart to apply changes?',
+  'networkSettings.restartNow': 'Restart Now',
+  'networkSettings.restartLater': 'Restart Later',
+  'networkSettings.saveSuccess': 'Success',
+  // PTP Modal
+  'ptp.title': 'PTP Settings',
+  'ptp.domainNumber': 'Domain Number',
+  'ptp.priority1': 'Priority 1',
+  'ptp.priority2': 'Priority 2',
+  'ptp.clockClass': 'Clock Class',
+  'ptp.clockClass.atomic': 'Atomic Clock ({value})',
+  'ptp.clockClass.gps': 'GPS ({value})',
+  'ptp.clockClass.slaveOnly': 'Slave-Only ({value})',
+  'ptp.clockAccuracy': 'Clock Accuracy',
+  'ptp.offsetScaledLogVariance': 'Offset Scaled Log Variance',
+  'ptp.portIdentity': 'Port Identity',
+  'ptp.grandmasterIdentity': 'Grandmaster Identity',
+  'ptp.utcOffset': 'UTC Offset',
+  'ptp.connected': 'Connected',
+  'ptp.disconnected': 'Disconnected',
+  'ptp.locked': 'Locked',
+  'ptp.unlocked': 'Unlocked',
+  'ptp.saveSuccess': 'Success',
+  // NMOS Modal
+  'nmos.title': 'NMOS Settings',
+  'nmos.hostAddress': 'Host Address',
+  'nmos.domain': 'Domain',
+  'nmos.registryAddress': 'Registry Address',
+  'nmos.registrationPort': 'Registry Port',
+  'nmos.registryVersion': 'Registry Version',
+  'nmos.loggingLevel': 'Logging Level',
+  'nmos.placeholder.selectHostAddress': 'Select host address',
+  'nmos.placeholder.selectVersion': 'Select version',
+  'nmos.saveSuccess': 'Success',
+  // Preset Modal
+  'preset.title': 'Preset Management',
+  'preset.name': 'Name',
+  'preset.categories': 'Categories',
+  'preset.description': 'Description',
+  'preset.placeholder.enterName': 'Enter name',
+  'preset.button.new': 'New Preset',
+  'preset.button.delete': 'Delete',
+  'preset.button.load': 'Load',
+  'preset.button.save': 'Save',
+  'preset.button.edit': 'Edit',
+  'preset.button.cancel': 'Cancel',
+  'preset.empty.noData': 'Select a preset from the list to view details',
+  'preset.untitled': 'Untitled Preset',
+  'preset.delete.title': 'Delete Preset',
+  'preset.delete.confirmMessage': 'Are you sure you want to delete preset',
+  'preset.load.title': 'Load Preset',
+  'preset.load.confirmMessage': 'Are you sure you want to load preset',
+  'preset.load.loading': 'Loading...',
+  'preset.success': 'Success',
+  'preset.validation.nameRequired': 'Name is required',
+  'preset.validation.categoryRequired': 'No category selected',
+  'preset.error.noSelectionOrIdMissing': 'No preset selected or preset ID is missing',
+  // License/Auth Modal
+  'license.title': 'Register License',
+  'license.machineCode': 'Machine Code',
+  'license.key': 'License Key',
+  'license.placeholder.enterKey': 'Enter your license key',
+  'license.button.activate': 'Activate Now',
+  'license.button.reactivate': 'Reactivate',
+  'license.button.ignore': 'Ignore',
+  'license.status.unactivated': 'Unactivated',
+  'license.status.activated': 'Already activated',
+  'license.status.expired': 'Expired',
+  'license.status.invalid': 'Invalid',
+  'license.status.expiresOn': 'Expires on',
+  'license.validation.keyRequired': 'License key cannot be empty',
+  // Upgrade related
+  'upgrade.menu.download': 'Download Config File',
+  'upgrade.menu.softwareUpdate': 'Software Update',
+  'upgrade.status.idle': 'Idle',
+  'upgrade.status.uploading': 'Uploading...',
+  'upgrade.status.uploadComplete': 'Upload complete, starting upgrade...',
+  'upgrade.status.upgrading': 'Upgrading...',
+  'upgrade.error.downloadNotConfigured': 'Download functionality not configured',
+  'upgrade.error.downloadFailed': 'Download failed',
+  'upgrade.error.uploadFailed': 'Upload failed',
+  'upgrade.error.invalidFileFormat': 'Upload failed: Invalid file format',
+  'upgrade.error.upgradeFailed': 'Upgrade failed',
+  // System operations
+  'system.poweroff': 'Power Off',
+  'system.restart': 'Restart',
+  'system.action.powerOff': 'power off',
+  'system.action.restart': 'restart',
+  'system.confirm.title': 'Confirmation Required',
+  'system.confirm.message': 'Are you sure you want to {action} the system? This action cannot be undone.',
+  'system.button.cancel': 'Cancel',
+  'system.button.confirm': 'Confirm',
+  // Maintenance page
+  'maintenance.title': 'System Maintenance',
+  'maintenance.description': 'Device is under maintenance, please wait...',
+  'maintenance.restart': 'Device is restarting',
+  'maintenance.poweroff': 'Device is powered off',
+  'maintenance.redirecting': 'Redirecting...',
+  'maintenance.backToHome': 'Back to Home',
+  // Form validation
+  'validation.required': 'This field is required',
+  'validation.invalidIP': 'Invalid IP address format',
+  'validation.invalidPort': 'Port number should be 1-65535',
+  'validation.invalidEmail': 'Invalid email format',
+  'validation.minLength': 'Minimum {min} characters required',
+  'validation.maxLength': 'Maximum {max} characters allowed',
+  'validation.min': 'Minimum value is {min}',
+  'validation.max': 'Maximum value is {max}',
+  'validation.pattern': 'Invalid format',
+  'validation.unique': 'This value already exists',
+  // Status messages
+  'status.loading': 'Loading...',
+  'status.saving': 'Saving...',
+  'status.deleting': 'Deleting...',
+  'status.updating': 'Updating...',
+  'status.submitting': 'Submitting...',
+  'status.success': 'Success',
+  'status.failed': 'Failed',
+  'status.error': 'Error',
+  'status.pending': 'Pending',
+  'status.processing': 'Processing',
+  'status.completed': 'Completed',
+  'status.cancelled': 'Cancelled',
+  // Confirmation dialogs
+  'confirm.title': 'Confirm Action',
+  'confirm.message': 'Are you sure you want to proceed?',
+  'confirm.cancel': 'Cancel',
+  'confirm.ok': 'OK',
+  // Empty states
+  'empty.noData': 'No Data',
+  'empty.noResults': 'No Results',
+  'empty.noItems': 'No Items',
+  // General labels
+  'label.name': 'Name',
+  'label.description': 'Description',
+  'label.status': 'Status',
+  'label.type': 'Type',
+  'label.action': 'Action',
+  'label.actions': 'Actions',
+  'label.settings': 'Settings',
+  'label.configuration': 'Configuration',
+  'label.information': 'Information',
+  'label.version': 'Version',
+  'label.time': 'Time',
+  'label.date': 'Date',
+  'label.enable': 'Enable',
+  'label.disable': 'Disable',
+  // Placeholders
+  'placeholder.select': 'Please select',
+  'placeholder.enter': 'Please enter',
+  'placeholder.search': 'Search',
+  'placeholder.filter': 'Filter'
 };
 
 const NetworkFieldGroup = _ref => {
@@ -1604,8 +2033,8 @@ const NetworkFieldGroup = _ref => {
   };
   const mergedFieldConfig = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, defaultFieldConfig), fieldConfig), {}, {
     netmask: {
-      label: "Netmask",
-      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
+      label: defaultFieldConfig.netmask.label,
+      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
     }
   });
   return /*#__PURE__*/jsxs(Fragment, {
@@ -2007,86 +2436,86 @@ var NetworkSettingsModal$1 = /*#__PURE__*/memo(NetworkSettingsModal);
 
 const defaultFieldConfigs = {
   clock_class: {
-    label: 'Clock Class',
+    label: 'ptp.clockClass',
     formType: 'select',
     options: [{
       value: 6,
-      label: 'Atomic Clock (6)'
+      label: 'ptp.clockClass.atomic'
     }, {
       value: 7,
-      label: 'GPS (7)'
+      label: 'ptp.clockClass.gps'
     }, {
       value: 248,
-      label: 'Slave-Only (248)'
+      label: 'ptp.clockClass.slaveOnly'
     }],
     readOnly: true
   },
   clock_accuracy: {
-    label: 'Clock Accuracy',
+    label: 'ptp.clockAccuracy',
     formType: 'number',
     readOnly: true
   },
   offset_scaled_log_variance: {
-    label: 'Offset Scaled Log Variance',
+    label: 'ptp.offsetScaledLogVariance',
     formType: 'number',
     readOnly: true
   },
   grandmaster_priority1: {
-    label: 'Priority 1',
+    label: 'ptp.priority1',
     formType: 'number',
     readOnly: true
   },
   grandmaster_priority2: {
-    label: 'Priority 2',
+    label: 'ptp.priority2',
     formType: 'number',
     readOnly: true
   },
   grandmaster_identity: {
-    label: 'Grandmaster Identity',
+    label: 'ptp.grandmasterIdentity',
     formType: 'text',
     readOnly: true
   },
   master_port_id: {
-    label: 'Port Identity',
+    label: 'ptp.portIdentity',
     formType: 'text',
     readOnly: true
   },
   t1_domain_number: {
-    label: 'Domain',
+    label: 'ptp.domainNumber',
     formType: 'number',
     min: 0,
     max: 127,
     readOnly: false
   },
   master_utc_offset: {
-    label: 'UTC Offset',
+    label: 'ptp.utcOffset',
     formType: 'number',
     readOnly: true
   },
   is_connected: {
-    label: 'Connected Status',
+    label: 'ptp.connected',
     formType: 'badge',
     statusMap: {
       0: {
-        text: 'Disconnected',
+        text: 'ptp.disconnected',
         color: 'red'
       },
       1: {
-        text: 'Connected',
+        text: 'ptp.connected',
         color: 'green'
       }
     }
   },
   is_locked: {
-    label: 'Locked Status',
+    label: 'ptp.locked',
     formType: 'badge',
     statusMap: {
       0: {
-        text: 'Unlocked',
+        text: 'ptp.unlocked',
         color: 'red'
       },
       1: {
-        text: 'Locked',
+        text: 'ptp.locked',
         color: 'green'
       }
     }
@@ -2129,6 +2558,7 @@ const PtpModal = _ref => {
     modalProps = {},
     formProps = {}
   } = _ref;
+  const intl = useIntl();
   const [ptpStatus, setPtpStatus] = useState(null);
   const [loading, setLoading] = useState(false);
   const [form] = Form.useForm();
@@ -2159,13 +2589,26 @@ const PtpModal = _ref => {
     if (!ptpStatus) return [];
     return convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder);
   }, [ptpStatus, fieldConfigs, fieldOrder]);
+
+  // 渲染 Form.Item 的 label
+  const renderLabel = item => {
+    // 如果 label 是国际化 key（包含点号），则使用 formatMessage
+    if (item.label && typeof item.label === 'string' && item.label.includes('.')) {
+      return intl.formatMessage({
+        id: item.label
+      });
+    }
+    return item.label;
+  };
   const handleSubmit = async () => {
     const values = await form.getFieldsValue();
     setLoading(true);
     try {
       const response = await updatePtpInfo(values);
       if (response) {
-        message.success('Success');
+        message.success(intl.formatMessage({
+          id: 'ptp.saveSuccess'
+        }));
         setTimeout(() => {
           onClose();
         }, 1500);
@@ -2177,11 +2620,18 @@ const PtpModal = _ref => {
     }
   };
   const renderFormItem = item => {
-    var _item$statusMap, _item$min, _item$max;
+    var _item$options, _item$statusMap, _item$min, _item$max;
     switch (item.formType) {
       case 'select':
+        const selectOptions = (_item$options = item.options) === null || _item$options === void 0 ? void 0 : _item$options.map(opt => _objectSpread2$1(_objectSpread2$1({}, opt), {}, {
+          label: intl.formatMessage({
+            id: opt.label
+          }, {
+            value: opt.value
+          })
+        }));
         return /*#__PURE__*/jsx(Select, {
-          options: item.options,
+          options: selectOptions,
           disabled: item.readOnly
         });
       case 'switch':
@@ -2202,7 +2652,9 @@ const PtpModal = _ref => {
           },
           children: /*#__PURE__*/jsx(Badge, {
             color: status.color,
-            text: status.text
+            text: intl.formatMessage({
+              id: status.text
+            })
           })
         });
       case 'number':
@@ -2223,11 +2675,17 @@ const PtpModal = _ref => {
 
   // 合并默认模态框属性和传入的属性
   const mergedModalProps = _objectSpread2$1({
-    title: "PTP",
+    title: intl.formatMessage({
+      id: 'ptp.title'
+    }),
     width: 650,
     open,
-    okText: "Apply",
-    cancelText: "Close",
+    okText: intl.formatMessage({
+      id: 'button.apply'
+    }),
+    cancelText: intl.formatMessage({
+      id: 'button.close'
+    }),
     onCancel: onClose,
     onOk: handleSubmit,
     confirmLoading: loading
@@ -2248,7 +2706,7 @@ const PtpModal = _ref => {
   return /*#__PURE__*/jsx(StyledModal$3, _objectSpread2$1(_objectSpread2$1({}, mergedModalProps), {}, {
     children: /*#__PURE__*/jsx(Form, _objectSpread2$1(_objectSpread2$1({}, mergedFormProps), {}, {
       children: ptpStatusArray.map(item => /*#__PURE__*/jsx(Form.Item, {
-        label: item.label,
+        label: renderLabel(item),
         name: item.key,
         initialValue: item.value,
         children: renderFormItem(item)
@@ -2629,24 +3087,24 @@ const Preset = _ref => {
     // 字段配置
     fields = {
       name: {
-        label: "Name",
-        placeholder: "Enter name",
+        label: "preset.name",
+        placeholder: "preset.placeholder.enterName",
         required: true
       }
     },
     texts = {
-      title: "Preset Management",
-      emptyText: "Select a preset from the list to view details",
-      deleteConfirm: "Are you sure you want to delete preset",
-      loadConfirm: "Are you sure you want to load preset",
-      loadText: "Loading...",
-      successText: "Success",
-      newButton: "New Preset",
-      removeButton: "Delete",
-      loadButton: "Load",
-      saveButton: "Save",
-      editButton: "Edit",
-      cancelButton: "Cancel"
+      title: "preset.title",
+      emptyText: "preset.empty.noData",
+      deleteConfirm: "preset.delete.confirmMessage",
+      loadConfirm: "preset.load.confirmMessage",
+      loadText: "preset.load.loading",
+      successText: "preset.success",
+      newButton: "preset.button.new",
+      removeButton: "preset.button.delete",
+      loadButton: "preset.button.load",
+      saveButton: "preset.button.save",
+      editButton: "preset.button.edit",
+      cancelButton: "preset.button.cancel"
     },
     // 样式定制
     width = 1000,
@@ -2655,6 +3113,7 @@ const Preset = _ref => {
     // 功能配置
     enableEdit = true
   } = _ref;
+  const intl = useIntl();
   const {
     message,
     modal
@@ -2664,6 +3123,16 @@ const Preset = _ref => {
   const [loading, setLoading] = useState(false);
   const [presetChanged, setPresetChanged] = useState(0);
   const [form] = Form.useForm();
+
+  // 格式化文本的辅助函数
+  const fmt = useCallback(key => {
+    if (typeof key === 'string' && key.includes('.')) {
+      return intl.formatMessage({
+        id: key
+      });
+    }
+    return key;
+  }, [intl]);
   const fetchPresetList = useCallback(async () => {
     try {
       const data = await getPresetList();
@@ -2711,16 +3180,16 @@ const Preset = _ref => {
   const handleRemove = useCallback(async () => {
     if (!selectedPreset) return;
 
-    // 检查是否为新建的未保存数据（无id）
+    // 检查是否为新建的未保存数据（无 id）
     const isUnsavedPreset = !selectedPreset.id;
-    const presetName = selectedPreset.name || 'Untitled Preset';
+    const presetName = selectedPreset.name || fmt('preset.untitled');
     try {
       modal.confirm({
         icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: 'Delete Preset',
-        content: "".concat(texts.deleteConfirm, " \"").concat(presetName, "\"?"),
-        cancelText: 'Cancel',
-        okText: 'Delete',
+        title: fmt('preset.delete.title'),
+        content: "".concat(fmt('preset.delete.confirmMessage'), " \"").concat(presetName, "\"?"),
+        cancelText: fmt('button.cancel'),
+        okText: fmt('button.delete'),
         onOk: async () => {
           // 在删除前记录当前选中项的位置
           const currentIndex = presetList.findIndex(item => isUnsavedPreset ? !item.id : item.id === selectedPreset.id);
@@ -2728,7 +3197,7 @@ const Preset = _ref => {
             await removePreset({
               id: selectedPreset.id
             });
-            message.success(texts.successText);
+            message.success(fmt('preset.success'));
           } else {
             // 移除未保存的预设
             setPresetList(prev => prev.filter(item => !!item.id));
@@ -2767,17 +3236,17 @@ const Preset = _ref => {
     } catch (error) {
       console.error('Failed to delete preset:', error);
     }
-  }, [selectedPreset, form, modal, message, texts, removePreset, getPresetList]);
+  }, [selectedPreset, form, modal, message, removePreset, getPresetList, fmt]);
   const handleLoadPreset = useCallback(async loadData => {
     if (!loadData) return;
     let modalInstance = null;
     let resolveOk = null; // 用于控制 confirm 关闭时机
 
     modalInstance = modal.confirm({
-      title: 'Load Preset',
-      content: "".concat(texts.loadConfirm, " \"").concat(loadData.name, "\"?"),
-      cancelText: 'Cancel',
-      okText: 'Load',
+      title: fmt('preset.load.title'),
+      content: "".concat(fmt('preset.load.confirmMessage'), " \"").concat(loadData.name, "\"?"),
+      cancelText: fmt('button.cancel'),
+      okText: fmt('preset.button.load'),
       // onOk 返回一个 pending Promise
       onOk: () => {
         return new Promise((resolve, reject) => {
@@ -2785,7 +3254,7 @@ const Preset = _ref => {
 
           // 立即切换为 loading 状态
           modalInstance.update({
-            title: texts.loadText,
+            title: fmt('preset.load.loading'),
             content: /*#__PURE__*/jsx(Spin, {
               size: "large",
               className: "block mx-auto"
@@ -2811,11 +3280,11 @@ const Preset = _ref => {
                 category_list: loadData.category_list
               }));
 
-              // 成功：1秒后自动关闭
+              // 成功：1 秒后自动关闭
               setTimeout(() => {
                 var _resolveOk;
                 (_resolveOk = resolveOk) === null || _resolveOk === void 0 || _resolveOk();
-                message.success(texts.successText);
+                message.success(fmt('preset.success'));
                 // 加载成功的外部回调
                 if (onLoadSuccess) {
                   onLoadSuccess(loadData);
@@ -2837,7 +3306,7 @@ const Preset = _ref => {
         // 用户取消
       }
     });
-  }, [loadPreset, texts, message, modal, onLoadSuccess, onLoadError]);
+  }, [loadPreset, message, modal, onLoadSuccess, onLoadError, fmt]);
   const handleSave = useCallback(async () => {
     setLoading(true);
     try {
@@ -2847,7 +3316,7 @@ const Preset = _ref => {
       // 验证预设名称
       if ((_fields$name = fields.name) !== null && _fields$name !== void 0 && _fields$name.required) {
         if (!values.name || values.name.trim() === '') {
-          message.error('Name is required.');
+          message.error(fmt('preset.validation.nameRequired'));
           return; // 直接返回 不执行
         }
       }
@@ -2855,12 +3324,12 @@ const Preset = _ref => {
       // 验证分类列表
       if ((_fields$category_list2 = fields.category_list) !== null && _fields$category_list2 !== void 0 && _fields$category_list2.required) {
         if (!values.category_list || values.category_list.length === 0) {
-          message.error('No category selected.');
+          message.error(fmt('preset.validation.categoryRequired'));
           return;
         }
       }
       await savePreset(values);
-      message.success(texts.successText);
+      message.success(fmt('preset.success'));
       const savedPresetName = values.name;
 
       // 刷新列表
@@ -2882,10 +3351,10 @@ const Preset = _ref => {
     } finally {
       setLoading(false);
     }
-  }, [form, message, texts, savePreset, getPresetList]);
+  }, [form, message, fields, savePreset, getPresetList, fmt]);
   const handleUpdate = useCallback(async () => {
     if (!selectedPreset || !selectedPreset.id) {
-      message.error('No preset selected or preset ID is missing.');
+      message.error(fmt('preset.error.noSelectionOrIdMissing'));
       return;
     }
     setLoading(true);
@@ -2896,7 +3365,7 @@ const Preset = _ref => {
       // 验证预设名称
       if ((_fields$name2 = fields.name) !== null && _fields$name2 !== void 0 && _fields$name2.required) {
         if (!values.name || values.name.trim() === '') {
-          message.error('Name is required.');
+          message.error(fmt('preset.validation.nameRequired'));
           return; // 直接返回 不执行
         }
       }
@@ -2916,21 +3385,21 @@ const Preset = _ref => {
       if (updatedPreset) {
         setSelectedPreset(updatedPreset);
       }
-      message.success(texts.successText);
+      message.success(fmt('preset.success'));
     } catch (error) {
       console.error('Failed to update preset:', error);
       throw error;
     } finally {
       setLoading(false);
     }
-  }, [form, message, texts, updatePreset, selectedPreset]);
+  }, [form, message, fields, updatePreset, selectedPreset, fmt]);
 
   // 初始化数据
   useEffect(() => {
     fetchPresetList();
   }, [fetchPresetList]);
   return /*#__PURE__*/jsx(StyledModal$3, {
-    title: texts.title,
+    title: fmt(texts.title),
     width: width,
     open: open,
     wrapClassName: "preset-management ".concat(className),
@@ -2956,8 +3425,8 @@ const Preset = _ref => {
           onAddNew: handleAddNew,
           onRemove: handleRemove,
           texts: {
-            newButton: texts.newButton,
-            removeButton: texts.removeButton
+            newButton: fmt(texts.newButton),
+            removeButton: fmt(texts.removeButton)
           }
         })
       }), /*#__PURE__*/jsx(Col, {
@@ -2974,10 +3443,10 @@ const Preset = _ref => {
           ,
           fields: fields,
           texts: {
-            loadButton: texts.loadButton,
-            saveButton: texts.saveButton,
-            editButton: texts.editButton,
-            cancelButton: texts.cancelButton
+            loadButton: fmt(texts.loadButton),
+            saveButton: fmt(texts.saveButton),
+            editButton: fmt(texts.editButton),
+            cancelButton: fmt(texts.cancelButton)
           },
           presetChanged: presetChanged,
           enableEdit: enableEdit
@@ -2988,7 +3457,7 @@ const Preset = _ref => {
           className: "h-full text-gray-400",
           children: /*#__PURE__*/jsx(Empty, {
             image: Empty.PRESENTED_IMAGE_SIMPLE,
-            description: texts.emptyText
+            description: fmt(texts.emptyText)
           })
         })
       })]
@@ -4243,20 +4712,23 @@ const SystemOperations = _ref => {
     onRestartSuccess,
     beforeAction,
     // 在执行关机/重启前调用
-    powerOffLabel = "Power Off",
-    restartLabel = "Restart",
+    powerOffLabel = "system.powerOff",
+    restartLabel = "system.restart",
     iconClassName = "seeder-iconfont seeder-icon-guanji1 text-xl text-neutral-400",
-    confirmMessage = "Are you sure you want to {action} the system? This action cannot be undone.",
-    confirmTitle = "Confirmation Required",
-    cancelText = "Cancel",
-    okText = "Confirm"
+    confirmMessage = "system.confirm.message",
+    confirmTitle = "system.confirm.title",
+    cancelText = "system.button.cancel",
+    okText = "system.button.confirm"
   } = _ref;
+  const intl = useIntl();
   const {
     modal
   } = App.useApp();
   const menuItems = [{
     key: "poweroff",
-    label: powerOffLabel
+    label: typeof powerOffLabel === 'string' && powerOffLabel.includes('.') ? intl.formatMessage({
+      id: powerOffLabel
+    }) : powerOffLabel
   },
   // {
   //   key: "reboot",
@@ -4264,22 +4736,45 @@ const SystemOperations = _ref => {
   // },
   {
     key: "restart",
-    label: restartLabel // 软重启 服务重启
+    label: typeof restartLabel === 'string' && restartLabel.includes('.') ? intl.formatMessage({
+      id: restartLabel
+    }) : restartLabel
   }];
   const doAction = action => {
     try {
-      // 根据action决定显示的确认信息
+      // 根据 action 决定显示的确认信息
       const actionLabels = {
-        poweroff: "power off",
-        restart: "restart"
+        poweroff: intl.formatMessage({
+          id: 'system.action.powerOff'
+        }),
+        restart: intl.formatMessage({
+          id: 'system.action.restart'
+        })
       };
       const actionText = actionLabels[action] || action;
+
+      // 处理标题和消息的国际化
+      const titleText = typeof confirmTitle === 'string' && confirmTitle.includes('.') ? intl.formatMessage({
+        id: confirmTitle
+      }) : confirmTitle;
+
+      // 如果是国际化 key，使用 intl.formatMessage 处理参数
+      // 如果是普通文本，使用 replace 替换占位符
+      const messageText = typeof confirmMessage === 'string' && confirmMessage.includes('.') ? intl.formatMessage({
+        id: confirmMessage
+      }, {
+        action: actionText
+      }) : typeof confirmMessage === 'string' ? confirmMessage.replace('{action}', actionText) : confirmMessage;
       modal.confirm({
         icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-        title: confirmTitle,
-        content: confirmMessage.replace('{action}', actionText),
-        cancelText,
-        okText,
+        title: titleText,
+        content: messageText,
+        cancelText: typeof cancelText === 'string' && cancelText.includes('.') ? intl.formatMessage({
+          id: cancelText
+        }) : cancelText,
+        okText: typeof okText === 'string' && okText.includes('.') ? intl.formatMessage({
+          id: okText
+        }) : okText,
         onOk: async () => {
           // 先执行 beforeAction（用于 enterMaintenanceMode）
           if (typeof beforeAction === 'function') {
@@ -12978,6 +13473,7 @@ const NmosModal = _ref => {
     modalProps = {},
     formProps = {}
   } = _ref;
+  const intl = useIntl();
   const [nmosSettings, setNmosSettings] = useState(null);
   const [loading, setLoading] = useState(false);
   const [form] = Form.useForm();
@@ -13018,7 +13514,9 @@ const NmosModal = _ref => {
     try {
       const response = await updateNmosSettings(_objectSpread2$1(_objectSpread2$1({}, nmosSettings), values));
       if (response) {
-        message.success('Success');
+        message.success(intl.formatMessage({
+          id: 'nmos.saveSuccess'
+        }));
         setTimeout(() => {
           onClose();
         }, 1500);
@@ -13030,9 +13528,17 @@ const NmosModal = _ref => {
     }
   };
   return /*#__PURE__*/jsx(StyledModal$1, _objectSpread2$1(_objectSpread2$1({
-    title: "NMOS",
+    title: intl.formatMessage({
+      id: 'nmos.title'
+    }),
     width: 650,
     open: open,
+    okText: intl.formatMessage({
+      id: 'button.apply'
+    }),
+    cancelText: intl.formatMessage({
+      id: 'button.close'
+    }),
     onOk: handleSubmit,
     onCancel: onClose,
     confirmLoading: loading,
@@ -13051,7 +13557,9 @@ const NmosModal = _ref => {
       disabled: loading
     }, formProps), {}, {
       children: [/*#__PURE__*/jsx(Form.Item, {
-        label: "Host Addresses",
+        label: intl.formatMessage({
+          id: 'nmos.hostAddress'
+        }),
         name: "host_addresses",
         children: /*#__PURE__*/jsx(Select, {
           mode: "multiple",
@@ -13060,19 +13568,27 @@ const NmosModal = _ref => {
             label: "display_name",
             value: "ip_address"
           },
-          placeholder: "Select host address",
+          placeholder: intl.formatMessage({
+            id: 'nmos.placeholder.selectHostAddress'
+          }),
           allowClear: true
         })
       }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Domain",
+        label: intl.formatMessage({
+          id: 'nmos.domain'
+        }),
         name: "domain",
         children: /*#__PURE__*/jsx(Input, {})
       }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Registry Address",
+        label: intl.formatMessage({
+          id: 'nmos.registryAddress'
+        }),
         name: "registry_address",
         children: /*#__PURE__*/jsx(Input, {})
       }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Registry Port",
+        label: intl.formatMessage({
+          id: 'nmos.registrationPort'
+        }),
         name: "registration_port",
         children: /*#__PURE__*/jsx(InputNumber, _objectSpread2$1(_objectSpread2$1({}, numberProps), {}, {
           min: 0,
@@ -13082,7 +13598,9 @@ const NmosModal = _ref => {
           }
         }))
       }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Registry Version",
+        label: intl.formatMessage({
+          id: 'nmos.registryVersion'
+        }),
         name: "registry_version",
         children: /*#__PURE__*/jsx(Select, {
           options: [{
@@ -13098,10 +13616,14 @@ const NmosModal = _ref => {
             label: "v1.3",
             value: "v1.3"
           }],
-          placeholder: "Select version"
+          placeholder: intl.formatMessage({
+            id: 'nmos.placeholder.selectVersion'
+          })
         })
       }), /*#__PURE__*/jsx(Form.Item, {
-        label: "Logging Level",
+        label: intl.formatMessage({
+          id: 'nmos.loggingLevel'
+        }),
         name: "logging_level",
         children: /*#__PURE__*/jsx(InputNumber, _objectSpread2$1(_objectSpread2$1({}, numberProps), {}, {
           min: -40,
@@ -13723,5 +14245,5 @@ const PayloadInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2$1({
   placeholder: "Enter payload (96-127)"
 }, props));
 
-export { AuthorizationModal$1 as AuthorizationModal, CommonHeader$1 as CommonHeader, DraggableNumberInput, LSMLabelField$1 as LSMLabelField, MaintenancePage, NetworkSettingsModal$1 as NetworkSettingsModal, NmosModal$1 as NmosModal, PayloadInput, PortInput, PresetModal, PtpModal$1 as PtpModal, StyledModal$3 as StyledModal, SystemOperations$1 as SystemOperations, UpgradeManager$1 as UpgradeManager, addMessages, debugI18n, initI18n, setLocale, useAuth, useHardwareUsage$1 as useHardwareUsage, useIntl, usePageReload$1 as usePageReload, useSystemOperations$1 as useSystemOperations, useUpgrade$1 as useUpgrade, useWebSocketWithFeatures$1 as useWebSocketWithFeatures };
+export { AuthorizationModal$1 as AuthorizationModal, CommonHeader$1 as CommonHeader, DraggableNumberInput, LSMLabelField$1 as LSMLabelField, MaintenancePage, NetworkSettingsModal$1 as NetworkSettingsModal, NmosModal$1 as NmosModal, PayloadInput, PortInput, PresetModal, PtpModal$1 as PtpModal, StyledModal$3 as StyledModal, SystemOperations$1 as SystemOperations, UpgradeManager$1 as UpgradeManager, addMessages, debugI18n, initI18n, enUS as localesEnUS, zhCN as localesZhCN, setLocale, useAuth, useHardwareUsage$1 as useHardwareUsage, useIntl, usePageReload$1 as usePageReload, useSystemOperations$1 as useSystemOperations, useUpgrade$1 as useUpgrade, useWebSocketWithFeatures$1 as useWebSocketWithFeatures };
 //# sourceMappingURL=index.esm.js.map