seeder-st2110-components 1.7.9 → 1.7.11

package/dist/index.esm.js

@@ -5,15 +5,15 @@ import { useWebSocket, useInterval } from 'ahooks';
 import { LoadingOutlined, ExclamationCircleFilled, PlusOutlined } from '@ant-design/icons';
 import axios from 'axios';
 
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty$1(e, r, t) {
+  return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[r] = t, e;
 }
-function ownKeys(e, r) {
+function ownKeys$1(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -23,29 +23,29 @@ function ownKeys(e, r) {
   }
   return t;
 }
-function _objectSpread2(e) {
+function _objectSpread2$1(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+    r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
+      _defineProperty$1(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
   return e;
 }
-function _objectWithoutProperties(e, t) {
+function _objectWithoutProperties$1(e, t) {
   if (null == e) return {};
   var o,
     r,
-    i = _objectWithoutPropertiesLoose(e, t);
+    i = _objectWithoutPropertiesLoose$1(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose(r, e) {
+function _objectWithoutPropertiesLoose$1(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -54,7 +54,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   }
   return t;
 }
-function _toPrimitive(t, r) {
+function _toPrimitive$1(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
@@ -64,8 +64,8 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
+function _toPropertyKey$1(t) {
+  var i = _toPrimitive$1(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
 
@@ -112,7 +112,7 @@ const useHardwareWebSocket = socketUrl => {
   const handleMessage = useCallback(message => {
     try {
       if (message) {
-        setSystemStatus(prev => _objectSpread2(_objectSpread2({}, prev), message));
+        setSystemStatus(prev => _objectSpread2$1(_objectSpread2$1({}, prev), message));
       }
     } catch (error) {
       console.error('Message processing error:', error);
@@ -207,7 +207,7 @@ const getItems = details => {
     items.push(createMetricItem('CPU Temperature', 'seeder-icon-CPUwendu', details.cpu_temp, '℃'));
   }
   if (details.mem_usage !== null && details.mem_usage !== undefined) {
-    items.push(_objectSpread2(_objectSpread2({}, createMetricItem('Memory Usage', 'seeder-icon-shiyongshuai', details.mem_usage, '%')), {}, {
+    items.push(_objectSpread2$1(_objectSpread2$1({}, createMetricItem('Memory Usage', 'seeder-icon-shiyongshuai', details.mem_usage, '%')), {}, {
       memTotal: details.mem_total
     }));
   }
@@ -251,15 +251,15 @@ const useHardwareUsage = socketUrl => {
 };
 var useHardwareUsage$1 = useHardwareUsage;
 
-const _excluded$3 = ["width", "okText", "cancelText", "styles"];
-const StyledModal = props => {
+const _excluded$4 = ["width", "okText", "cancelText", "styles"];
+const StyledModal$2 = props => {
   const {
       width = "520px",
       okText = "Apply",
       cancelText = "Close",
       styles: propStyles = {}
     } = props,
-    restProps = _objectWithoutProperties(props, _excluded$3);
+    restProps = _objectWithoutProperties$1(props, _excluded$4);
 
   // 基础样式配置
   const baseStyles = {
@@ -287,15 +287,15 @@ const StyledModal = props => {
   };
 
   // 合并样式
-  const styles = _objectSpread2(_objectSpread2({}, baseStyles), propStyles);
-  return /*#__PURE__*/jsx(Modal, _objectSpread2({
+  const styles = _objectSpread2$1(_objectSpread2$1({}, baseStyles), propStyles);
+  return /*#__PURE__*/jsx(Modal, _objectSpread2$1({
     width: width,
     okText: okText,
     cancelText: cancelText,
     styles: styles
   }, restProps));
 };
-var StyledModal$1 = StyledModal;
+var StyledModal$3 = StyledModal$2;
 
 const AuthorizationModal = _ref => {
   let {
@@ -335,7 +335,7 @@ const AuthorizationModal = _ref => {
     showIcon: true
   });
   const defaultOkText = isActivated ? "Reactivate" : "Activate Now";
-  return /*#__PURE__*/jsx(StyledModal$1, {
+  return /*#__PURE__*/jsx(StyledModal$3, {
     title: title,
     width: width,
     open: true,
@@ -928,6 +928,650 @@ const usePageReload = () => {
 };
 var usePageReload$1 = usePageReload;
 
+const getReadyStateText = state => {
+  const states = {
+    0: 'CONNECTING',
+    1: 'OPEN',
+    2: 'CLOSING',
+    3: 'CLOSED'
+  };
+  return states[state] || "UNKNOWN(".concat(state, ")");
+};
+
+// 创建空日志器
+const createDummyLogger = () => {
+  const dummyFn = () => {};
+  return {
+    log: dummyFn,
+    exportLogs: dummyFn,
+    getLogStats: () => ({
+      total: 0,
+      errors: 0,
+      warnings: 0,
+      info: 0,
+      lastTimestamp: null
+    }),
+    clearLogs: dummyFn,
+    logs: []
+  };
+};
+
+// 创建通用的日志器
+const createGlobalLogger = function () {
+  let webSocketUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const logs = [];
+  const maxLogs = 1000;
+
+  // 判断是否为开发环境
+  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();
+
+    // 只在开发环境下输出到控制台
+    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);
+      }
+    }
+    return logEntry;
+  };
+  const exportLogs = function () {
+    let filenamePrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'websocket';
+    if (logs.length === 0) {
+      log('WARN', '没有日志可导出', {
+        filenamePrefix
+      });
+      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';
+      }
+    } catch (error) {
+      console.warn('无法解析WebSocket URL:', error);
+    }
+    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 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
+    });
+    heartbeatTimerRef.current = setInterval(() => {
+      // 检查组件是否挂载
+      if (!isMountedRef.current || !heartbeatTimerRef.current) {
+        return;
+      }
+
+      // 目的: 总是获取最新的值
+      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]);
+
+  // 自动管理心跳
+  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);
+
+  // 创建 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 {
+    latestMessage,
+    readyState,
+    sendMessage,
+    connect,
+    disconnect,
+    isConnected,
+    readyStateText: getReadyStateText(readyState),
+    // 心跳功能
+    heartbeat,
+    // 日志功能
+    logger: enableLog ? loggerMethods : null
+  };
+};
+var useWebSocketWithFeatures$1 = useWebSocketWithFeatures;
+
+// 在控制台中直接查看所有可用的导出方法 Object.keys(window).filter(key => key.startsWith('exportWebSocketLogs_'))
+// 导出特定连接的日志 window['exportWebSocketLogs_d3M6Ly8xOTIuMTY4LjEyMy4yMDQvd3MvZHZyL3ZpZGVvX3N0YXR1c19jaGFuZ2U=']();
+
+/**
+ * 国际化调试工具
+ * 在浏览器控制台运行 window.debugI18n() 查看当前国际化状态
+ */
+
+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');
+
+  // 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__);
+
+  // 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);
+
+  // 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);
+  });
+
+  // 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();
+};
+
+// 自动在开发环境注册到 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.');
+}
+
+/**
+ * seeder-st2110-components 组件库国际化 Hook
+ * 
+ * 设计目标：
+ * 1. 不依赖特定的国际化库（react-intl, i18next 等）
+ * 2. 可以与主项目（Umi）的国际化集成
+ * 3. 支持简单的变量替换
+ * 4. 降级处理：如果没有翻译，显示 key 本身
+ */
+
+/**
+ * 获取当前语言环境
+ * 优先从 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;
+    }
+    // 方式 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 storedLocale = localStorage.getItem('umi-locale');
+      if (storedLocale) {
+        return storedLocale;
+      }
+    } catch (e) {
+      // localStorage 不可用时忽略
+    }
+    // 方式 4：组件库自定义语言标记
+    if (window.__COMPONENT_LOCALE__) {
+      return window.__COMPONENT_LOCALE__;
+    }
+  }
+  // 默认语言
+  return 'zh-CN';
+};
+
+/**
+ * 获取语言包
+ * 优先从主项目读取，其次使用组件库自带的语言包
+ */
+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] || {});
+    });
+    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);
+  };
+  return {
+    locale,
+    formatMessage: formatMessageFn,
+    messages
+  };
+};
+
+/**
+ * 设置语言环境（可选）
+ * 如果需要在运行时切换语言，可以调用此函数
+ * 
+ * @param {string} locale - 语言代码，如 'zh-CN' 或 'en-US'
+ */
+const setLocale = locale => {
+  if (typeof window !== 'undefined') {
+    window.__COMPONENT_LOCALE__ = locale;
+  }
+};
+
+/**
+ * 注册语言包（可选）
+ * 如果需要在运行时注册语言包，可以调用此函数
+ * 
+ * @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;
+  }
+};
+
+/**
+ * 初始化国际化
+ * 在组件库初始化时调用，注册默认语言包
+ */
+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'
+    // ... 其他默认翻译
+  });
+};
+
 const NetworkFieldGroup = _ref => {
   var _fieldConfig$netmask$, _fieldConfig$netmask;
   let {
@@ -935,22 +1579,30 @@ const NetworkFieldGroup = _ref => {
     interfaces,
     fieldConfig = {}
   } = _ref;
+  const intl = useIntl();
+
   // 默认字段配置
   const defaultFieldConfig = {
     name: {
-      label: "Name",
+      label: intl.formatMessage({
+        id: 'label.name'
+      }),
       enabled: true
     },
     ip: {
-      label: "IP Address",
+      label: intl.formatMessage({
+        id: 'networkSettings.ipAddress'
+      }),
       enabled: true
     },
     netmask: {
-      label: "Netmask",
+      label: intl.formatMessage({
+        id: 'networkSettings.subnetMask'
+      }),
       enabled: true
     }
   };
-  const mergedFieldConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, defaultFieldConfig), fieldConfig), {}, {
+  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
@@ -994,11 +1646,11 @@ const NetworkSettingsModal = _ref2 => {
     open,
     onClose,
     getLanConfig,
-    // 可选 - 单独获取LAN配置的函数
+    // 可选 - 单独获取 LAN 配置的函数
     getSysConfig,
-    // 可选 - 单独获取QSFP配置的函数
+    // 可选 - 单独获取 QSFP 配置的函数
     getConfig,
-    // 可选 - 统一获取配置的函数 ipgweb专用
+    // 可选 - 统一获取配置的函数 ipgweb 专用
     updateLanConfig,
     updateSysConfig,
     restart,
@@ -1014,6 +1666,7 @@ const NetworkSettingsModal = _ref2 => {
     },
     restartRemark
   } = _ref2;
+  const intl = useIntl();
   const {
     message,
     modal
@@ -1031,18 +1684,18 @@ const NetworkSettingsModal = _ref2 => {
     hasInitialized: false
   });
   const preparedFieldConfig = useMemo(() => {
-    const config = _objectSpread2({}, fieldConfig);
+    const config = _objectSpread2$1({}, fieldConfig);
 
     // 确保LAN和QSFP的配置存在
     config.LAN = config.LAN || {};
     config.QSFP = config.QSFP || {};
     if (sections.includes('LAN')) {
-      config.LAN.netmask = _objectSpread2(_objectSpread2({}, config.LAN.netmask || {}), {}, {
+      config.LAN.netmask = _objectSpread2$1(_objectSpread2$1({}, config.LAN.netmask || {}), {}, {
         enabled: showNetmask.LAN
       });
     }
     if (sections.includes('QSFP')) {
-      config.QSFP.netmask = _objectSpread2(_objectSpread2({}, config.QSFP.netmask || {}), {}, {
+      config.QSFP.netmask = _objectSpread2$1(_objectSpread2$1({}, config.QSFP.netmask || {}), {}, {
         enabled: showNetmask.QSFP
       });
     }
@@ -1117,7 +1770,7 @@ const NetworkSettingsModal = _ref2 => {
   const initialValues = useMemo(() => {
     const values = {};
     if (sections.includes('LAN') && lanConfigs.length > 0) {
-      values.LAN = lanConfigs.map(config => _objectSpread2({
+      values.LAN = lanConfigs.map(config => _objectSpread2$1({
         connection_id: config.connection_id,
         display_name: config.display_name,
         ip_address: config.ip_address
@@ -1126,7 +1779,7 @@ const NetworkSettingsModal = _ref2 => {
       } : {}));
     }
     if (sections.includes('QSFP') && st2110Interfaces.length > 0) {
-      values.QSFP = st2110Interfaces.map(iface => _objectSpread2(_objectSpread2({}, iface.id !== undefined && {
+      values.QSFP = st2110Interfaces.map(iface => _objectSpread2$1(_objectSpread2$1({}, iface.id !== undefined && {
         id: iface.id
       }), {}, {
         display_name: iface.display_name,
@@ -1149,11 +1802,14 @@ const NetworkSettingsModal = _ref2 => {
   // 成功处理
   const handleSuccess = useCallback(async function () {
     let {
-      messageText = 'Success',
+      messageText,
       isPopup = false,
       refresh = !restart
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    message.success(messageText);
+    const defaultMessage = intl.formatMessage({
+      id: 'networkSettings.saveSuccess'
+    });
+    message.success(messageText || defaultMessage);
     if (refresh && getConfig) {
       try {
         const newConfig = await getConfig();
@@ -1177,9 +1833,15 @@ const NetworkSettingsModal = _ref2 => {
           if (updatedConfig !== null && updatedConfig !== void 0 && updatedConfig.is_restart_required) {
             modal.confirm({
               icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-              title: "Configuration modified. Restart to apply changes?",
-              cancelText: "Cancel",
-              okText: "Restart Now",
+              title: intl.formatMessage({
+                id: 'networkSettings.restartRequired'
+              }),
+              cancelText: intl.formatMessage({
+                id: 'networkSettings.restartLater'
+              }),
+              okText: intl.formatMessage({
+                id: 'networkSettings.restartNow'
+              }),
               onOk: async () => {
                 await restart();
                 if (onRestartSuccess && typeof onRestartSuccess === 'function') {
@@ -1195,9 +1857,15 @@ const NetworkSettingsModal = _ref2 => {
         // 无接口：直接弹出重启确认框
         modal.confirm({
           icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-          title: "Configuration modified. Restart to apply changes?",
-          cancelText: "Cancel",
-          okText: "Restart Now",
+          title: intl.formatMessage({
+            id: 'networkSettings.restartRequired'
+          }),
+          cancelText: intl.formatMessage({
+            id: 'networkSettings.restartLater'
+          }),
+          okText: intl.formatMessage({
+            id: 'networkSettings.restartNow'
+          }),
           onOk: async () => {
             await restart();
             if (onRestartSuccess && typeof onRestartSuccess === 'function') {
@@ -1208,7 +1876,7 @@ const NetworkSettingsModal = _ref2 => {
       }
     }
     onClose();
-  }, [message, modal, getSysConfig, restart, getConfig, sections, onClose]);
+  }, [intl, message, modal, getSysConfig, restart, getConfig, sections, onClose]);
   const handleSubmit = useCallback(async () => {
     setSubmitLoading(true);
     try {
@@ -1232,7 +1900,7 @@ const NetworkSettingsModal = _ref2 => {
       if (sections.includes('LAN') && values.LAN) {
         const lanData = values.LAN.map((item, index) => {
           var _lanConfigs$index;
-          return _objectSpread2({
+          return _objectSpread2$1({
             connection_id: (_lanConfigs$index = lanConfigs[index]) === null || _lanConfigs$index === void 0 ? void 0 : _lanConfigs$index.connection_id,
             ip_address: item.ip_address
           }, showNetmask.LAN ? {
@@ -1246,7 +1914,7 @@ const NetworkSettingsModal = _ref2 => {
       if (sections.includes('QSFP') && values.QSFP) {
         const interfacesData = values.QSFP.map((item, index) => {
           var _st2110Interfaces$ind, _st2110Interfaces$ind2, _st2110Interfaces$ind3;
-          return _objectSpread2(_objectSpread2(_objectSpread2({}, (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind = st2110Interfaces[index]) === null || _st2110Interfaces$ind === void 0 ? void 0 : _st2110Interfaces$ind.id) !== undefined && {
+          return _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind = st2110Interfaces[index]) === null || _st2110Interfaces$ind === void 0 ? void 0 : _st2110Interfaces$ind.id) !== undefined && {
             id: st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind2 = st2110Interfaces[index]) === null || _st2110Interfaces$ind2 === void 0 ? void 0 : _st2110Interfaces$ind2.id
           }), (st2110Interfaces === null || st2110Interfaces === void 0 || (_st2110Interfaces$ind3 = st2110Interfaces[index]) === null || _st2110Interfaces$ind3 === void 0 ? void 0 : _st2110Interfaces$ind3.ip) !== undefined ? {
             ip: item.ip_address
@@ -1288,22 +1956,28 @@ const NetworkSettingsModal = _ref2 => {
   }, [form, sections, lanConfigs, st2110Interfaces, updateLanConfig, updateSysConfig, handleSuccess]);
 
   // 合并默认模态框属性和传入的属性
-  const mergedModalProps = _objectSpread2({
-    title: "Network Settings",
+  const mergedModalProps = _objectSpread2$1({
+    title: intl.formatMessage({
+      id: 'networkSettings.title'
+    }),
     width: 650,
     open,
     confirmLoading: submitLoading,
     onOk: handleSubmit,
     onCancel: onClose,
-    okText: "Apply",
-    cancelText: "Close",
+    okText: intl.formatMessage({
+      id: 'button.apply'
+    }),
+    cancelText: intl.formatMessage({
+      id: 'button.close'
+    }),
     centered: true,
     destroyOnHidden: true,
     forceRender: true
   }, modalProps);
 
   // 合并默认表单属性和传入的属性
-  const mergedFormProps = _objectSpread2({
+  const mergedFormProps = _objectSpread2$1({
     form: form,
     labelCol: {
       span: 6
@@ -1313,8 +1987,8 @@ const NetworkSettingsModal = _ref2 => {
     },
     autoComplete: "off"
   }, formProps);
-  return /*#__PURE__*/jsxs(StyledModal$1, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
-    children: [/*#__PURE__*/jsxs(Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
+  return /*#__PURE__*/jsxs(StyledModal$3, _objectSpread2$1(_objectSpread2$1({}, mergedModalProps), {}, {
+    children: [/*#__PURE__*/jsxs(Form, _objectSpread2$1(_objectSpread2$1({}, mergedFormProps), {}, {
       children: [sections.includes('LAN') && lanConfigs.length > 0 && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(NetworkFieldGroup, {
           prefix: "LAN",
@@ -1436,7 +2110,7 @@ function convertPtpStatusToArray(ptpStatus, fieldConfigs, fieldOrder) {
       formType: 'text'
     };
     const value = ptpStatus[key];
-    return _objectSpread2(_objectSpread2({
+    return _objectSpread2$1(_objectSpread2$1({
       key,
       value
     }, config), {}, {
@@ -1548,7 +2222,7 @@ const PtpModal = _ref => {
   if (!open || !ptpStatus) return null;
 
   // 合并默认模态框属性和传入的属性
-  const mergedModalProps = _objectSpread2({
+  const mergedModalProps = _objectSpread2$1({
     title: "PTP",
     width: 650,
     open,
@@ -1560,7 +2234,7 @@ const PtpModal = _ref => {
   }, modalProps);
 
   // 合并默认表单属性和传入的属性
-  const mergedFormProps = _objectSpread2({
+  const mergedFormProps = _objectSpread2$1({
     form: form,
     name: "ptpForm",
     labelCol: {
@@ -1571,8 +2245,8 @@ const PtpModal = _ref => {
     },
     autoComplete: "off"
   }, formProps);
-  return /*#__PURE__*/jsx(StyledModal$1, _objectSpread2(_objectSpread2({}, mergedModalProps), {}, {
-    children: /*#__PURE__*/jsx(Form, _objectSpread2(_objectSpread2({}, mergedFormProps), {}, {
+  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,
         name: item.key,
@@ -1767,7 +2441,7 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     return fields.category_list.options.map(category => {
       const isInitiallySelected = initialSelected.includes(category.name);
       const shouldDisable = isSavedPreset ? !isInitiallySelected : false;
-      return _objectSpread2(_objectSpread2({}, category), {}, {
+      return _objectSpread2$1(_objectSpread2$1({}, category), {}, {
         disabled: shouldDisable,
         initiallySelected: isInitiallySelected
       });
@@ -1917,7 +2591,7 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     }) :
     /*#__PURE__*/
     // 非编辑模式下的按钮
-    jsx(SubmitButton, _objectSpread2(_objectSpread2({
+    jsx(SubmitButton, _objectSpread2$1(_objectSpread2$1({
       action: handleLoad
     }, hasCategoryList && {
       disabled: !currentSelected.length
@@ -2131,7 +2805,7 @@ const Preset = _ref => {
           });
           (async () => {
             try {
-              await loadPreset(_objectSpread2({
+              await loadPreset(_objectSpread2$1({
                 id: loadData.id
               }, loadData.category_list && {
                 category_list: loadData.category_list
@@ -2255,7 +2929,7 @@ const Preset = _ref => {
   useEffect(() => {
     fetchPresetList();
   }, [fetchPresetList]);
-  return /*#__PURE__*/jsx(StyledModal$1, {
+  return /*#__PURE__*/jsx(StyledModal$3, {
     title: texts.title,
     width: width,
     open: open,
@@ -2336,7 +3010,7 @@ const UpgradeManager = _ref => {
       statusPollingInterval = 1000,
       children
     } = _ref,
-    dropdownProps = _objectWithoutProperties(_ref, _excluded$2);
+    dropdownProps = _objectWithoutProperties$1(_ref, _excluded$2);
   const [upgradeElement] = useUpgrade$1({
     menuItems,
     onMenuClick,
@@ -2352,7 +3026,7 @@ const UpgradeManager = _ref => {
     const dropdownElement = upgradeElement.props.children[0];
     const otherElements = upgradeElement.props.children.slice(1);
     return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2(_objectSpread2({}, dropdownProps), dropdownElement.props), {}, {
+      children: [/*#__PURE__*/jsx(Dropdown, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, dropdownProps), dropdownElement.props), {}, {
         children: children
       })), otherElements]
     });
@@ -2367,15 +3041,15 @@ UpgradeManager.defaultProps = {
 };
 var UpgradeManager$1 = UpgradeManager;
 
-function getDefaultExportFromCjs$6 (x) {
+function getDefaultExportFromCjs$7 (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var propTypes$6 = {exports: {}};
+var propTypes$7 = {exports: {}};
 
-var reactIs$6 = {exports: {}};
+var reactIs$7 = {exports: {}};
 
-var reactIs_production_min$6 = {};
+var reactIs_production_min$7 = {};
 
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -2386,21 +3060,21 @@ var reactIs_production_min$6 = {};
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredReactIs_production_min$6;
+var hasRequiredReactIs_production_min$7;
 
-function requireReactIs_production_min$6 () {
-	if (hasRequiredReactIs_production_min$6) return reactIs_production_min$6;
-	hasRequiredReactIs_production_min$6 = 1;
+function requireReactIs_production_min$7 () {
+	if (hasRequiredReactIs_production_min$7) return reactIs_production_min$7;
+	hasRequiredReactIs_production_min$7 = 1;
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
 	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min$6.AsyncMode=l;reactIs_production_min$6.ConcurrentMode=m;reactIs_production_min$6.ContextConsumer=k;reactIs_production_min$6.ContextProvider=h;reactIs_production_min$6.Element=c;reactIs_production_min$6.ForwardRef=n;reactIs_production_min$6.Fragment=e;reactIs_production_min$6.Lazy=t;reactIs_production_min$6.Memo=r;reactIs_production_min$6.Portal=d;
-	reactIs_production_min$6.Profiler=g;reactIs_production_min$6.StrictMode=f;reactIs_production_min$6.Suspense=p;reactIs_production_min$6.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$6.isConcurrentMode=A;reactIs_production_min$6.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$6.isContextProvider=function(a){return z(a)===h};reactIs_production_min$6.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$6.isForwardRef=function(a){return z(a)===n};reactIs_production_min$6.isFragment=function(a){return z(a)===e};reactIs_production_min$6.isLazy=function(a){return z(a)===t};
-	reactIs_production_min$6.isMemo=function(a){return z(a)===r};reactIs_production_min$6.isPortal=function(a){return z(a)===d};reactIs_production_min$6.isProfiler=function(a){return z(a)===g};reactIs_production_min$6.isStrictMode=function(a){return z(a)===f};reactIs_production_min$6.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min$6.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min$6.typeOf=z;
-	return reactIs_production_min$6;
+	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min$7.AsyncMode=l;reactIs_production_min$7.ConcurrentMode=m;reactIs_production_min$7.ContextConsumer=k;reactIs_production_min$7.ContextProvider=h;reactIs_production_min$7.Element=c;reactIs_production_min$7.ForwardRef=n;reactIs_production_min$7.Fragment=e;reactIs_production_min$7.Lazy=t;reactIs_production_min$7.Memo=r;reactIs_production_min$7.Portal=d;
+	reactIs_production_min$7.Profiler=g;reactIs_production_min$7.StrictMode=f;reactIs_production_min$7.Suspense=p;reactIs_production_min$7.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$7.isConcurrentMode=A;reactIs_production_min$7.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$7.isContextProvider=function(a){return z(a)===h};reactIs_production_min$7.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$7.isForwardRef=function(a){return z(a)===n};reactIs_production_min$7.isFragment=function(a){return z(a)===e};reactIs_production_min$7.isLazy=function(a){return z(a)===t};
+	reactIs_production_min$7.isMemo=function(a){return z(a)===r};reactIs_production_min$7.isPortal=function(a){return z(a)===d};reactIs_production_min$7.isProfiler=function(a){return z(a)===g};reactIs_production_min$7.isStrictMode=function(a){return z(a)===f};reactIs_production_min$7.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min$7.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min$7.typeOf=z;
+	return reactIs_production_min$7;
 }
 
-var reactIs_development$6 = {};
+var reactIs_development$7 = {};
 
 /** @license React v16.13.1
  * react-is.development.js
@@ -2411,11 +3085,11 @@ var reactIs_development$6 = {};
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredReactIs_development$6;
+var hasRequiredReactIs_development$7;
 
-function requireReactIs_development$6 () {
-	if (hasRequiredReactIs_development$6) return reactIs_development$6;
-	hasRequiredReactIs_development$6 = 1;
+function requireReactIs_development$7 () {
+	if (hasRequiredReactIs_development$7) return reactIs_development$7;
+	hasRequiredReactIs_development$7 = 1;
 
 
 
@@ -2556,51 +3230,51 @@ function requireReactIs_development$6 () {
 	  return typeOf(object) === REACT_SUSPENSE_TYPE;
 	}
 
-	reactIs_development$6.AsyncMode = AsyncMode;
-	reactIs_development$6.ConcurrentMode = ConcurrentMode;
-	reactIs_development$6.ContextConsumer = ContextConsumer;
-	reactIs_development$6.ContextProvider = ContextProvider;
-	reactIs_development$6.Element = Element;
-	reactIs_development$6.ForwardRef = ForwardRef;
-	reactIs_development$6.Fragment = Fragment;
-	reactIs_development$6.Lazy = Lazy;
-	reactIs_development$6.Memo = Memo;
-	reactIs_development$6.Portal = Portal;
-	reactIs_development$6.Profiler = Profiler;
-	reactIs_development$6.StrictMode = StrictMode;
-	reactIs_development$6.Suspense = Suspense;
-	reactIs_development$6.isAsyncMode = isAsyncMode;
-	reactIs_development$6.isConcurrentMode = isConcurrentMode;
-	reactIs_development$6.isContextConsumer = isContextConsumer;
-	reactIs_development$6.isContextProvider = isContextProvider;
-	reactIs_development$6.isElement = isElement;
-	reactIs_development$6.isForwardRef = isForwardRef;
-	reactIs_development$6.isFragment = isFragment;
-	reactIs_development$6.isLazy = isLazy;
-	reactIs_development$6.isMemo = isMemo;
-	reactIs_development$6.isPortal = isPortal;
-	reactIs_development$6.isProfiler = isProfiler;
-	reactIs_development$6.isStrictMode = isStrictMode;
-	reactIs_development$6.isSuspense = isSuspense;
-	reactIs_development$6.isValidElementType = isValidElementType;
-	reactIs_development$6.typeOf = typeOf;
+	reactIs_development$7.AsyncMode = AsyncMode;
+	reactIs_development$7.ConcurrentMode = ConcurrentMode;
+	reactIs_development$7.ContextConsumer = ContextConsumer;
+	reactIs_development$7.ContextProvider = ContextProvider;
+	reactIs_development$7.Element = Element;
+	reactIs_development$7.ForwardRef = ForwardRef;
+	reactIs_development$7.Fragment = Fragment;
+	reactIs_development$7.Lazy = Lazy;
+	reactIs_development$7.Memo = Memo;
+	reactIs_development$7.Portal = Portal;
+	reactIs_development$7.Profiler = Profiler;
+	reactIs_development$7.StrictMode = StrictMode;
+	reactIs_development$7.Suspense = Suspense;
+	reactIs_development$7.isAsyncMode = isAsyncMode;
+	reactIs_development$7.isConcurrentMode = isConcurrentMode;
+	reactIs_development$7.isContextConsumer = isContextConsumer;
+	reactIs_development$7.isContextProvider = isContextProvider;
+	reactIs_development$7.isElement = isElement;
+	reactIs_development$7.isForwardRef = isForwardRef;
+	reactIs_development$7.isFragment = isFragment;
+	reactIs_development$7.isLazy = isLazy;
+	reactIs_development$7.isMemo = isMemo;
+	reactIs_development$7.isPortal = isPortal;
+	reactIs_development$7.isProfiler = isProfiler;
+	reactIs_development$7.isStrictMode = isStrictMode;
+	reactIs_development$7.isSuspense = isSuspense;
+	reactIs_development$7.isValidElementType = isValidElementType;
+	reactIs_development$7.typeOf = typeOf;
 	  })();
 	}
-	return reactIs_development$6;
+	return reactIs_development$7;
 }
 
-var hasRequiredReactIs$6;
+var hasRequiredReactIs$7;
 
-function requireReactIs$6 () {
-	if (hasRequiredReactIs$6) return reactIs$6.exports;
-	hasRequiredReactIs$6 = 1;
+function requireReactIs$7 () {
+	if (hasRequiredReactIs$7) return reactIs$7.exports;
+	hasRequiredReactIs$7 = 1;
 
 	if (process.env.NODE_ENV === 'production') {
-	  reactIs$6.exports = requireReactIs_production_min$6();
+	  reactIs$7.exports = requireReactIs_production_min$7();
 	} else {
-	  reactIs$6.exports = requireReactIs_development$6();
+	  reactIs$7.exports = requireReactIs_development$7();
 	}
-	return reactIs$6.exports;
+	return reactIs$7.exports;
 }
 
 /*
@@ -2609,12 +3283,12 @@ object-assign
 @license MIT
 */
 
-var objectAssign$6;
-var hasRequiredObjectAssign$6;
+var objectAssign$7;
+var hasRequiredObjectAssign$7;
 
-function requireObjectAssign$6 () {
-	if (hasRequiredObjectAssign$6) return objectAssign$6;
-	hasRequiredObjectAssign$6 = 1;
+function requireObjectAssign$7 () {
+	if (hasRequiredObjectAssign$7) return objectAssign$7;
+	hasRequiredObjectAssign$7 = 1;
 	/* eslint-disable no-unused-vars */
 	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 	var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -2672,7 +3346,7 @@ function requireObjectAssign$6 () {
 		}
 	}
 
-	objectAssign$6 = shouldUseNative() ? Object.assign : function (target, source) {
+	objectAssign$7 = shouldUseNative() ? Object.assign : function (target, source) {
 		var from;
 		var to = toObject(target);
 		var symbols;
@@ -2698,7 +3372,7 @@ function requireObjectAssign$6 () {
 
 		return to;
 	};
-	return objectAssign$6;
+	return objectAssign$7;
 }
 
 /**
@@ -2708,27 +3382,27 @@ function requireObjectAssign$6 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret_1$6;
-var hasRequiredReactPropTypesSecret$6;
+var ReactPropTypesSecret_1$7;
+var hasRequiredReactPropTypesSecret$7;
 
-function requireReactPropTypesSecret$6 () {
-	if (hasRequiredReactPropTypesSecret$6) return ReactPropTypesSecret_1$6;
-	hasRequiredReactPropTypesSecret$6 = 1;
+function requireReactPropTypesSecret$7 () {
+	if (hasRequiredReactPropTypesSecret$7) return ReactPropTypesSecret_1$7;
+	hasRequiredReactPropTypesSecret$7 = 1;
 
 	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-	ReactPropTypesSecret_1$6 = ReactPropTypesSecret;
-	return ReactPropTypesSecret_1$6;
+	ReactPropTypesSecret_1$7 = ReactPropTypesSecret;
+	return ReactPropTypesSecret_1$7;
 }
 
-var has$6;
-var hasRequiredHas$6;
+var has$7;
+var hasRequiredHas$7;
 
-function requireHas$6 () {
-	if (hasRequiredHas$6) return has$6;
-	hasRequiredHas$6 = 1;
-	has$6 = Function.call.bind(Object.prototype.hasOwnProperty);
-	return has$6;
+function requireHas$7 () {
+	if (hasRequiredHas$7) return has$7;
+	hasRequiredHas$7 = 1;
+	has$7 = Function.call.bind(Object.prototype.hasOwnProperty);
+	return has$7;
 }
 
 /**
@@ -2738,19 +3412,19 @@ function requireHas$6 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var checkPropTypes_1$6;
-var hasRequiredCheckPropTypes$6;
+var checkPropTypes_1$7;
+var hasRequiredCheckPropTypes$7;
 
-function requireCheckPropTypes$6 () {
-	if (hasRequiredCheckPropTypes$6) return checkPropTypes_1$6;
-	hasRequiredCheckPropTypes$6 = 1;
+function requireCheckPropTypes$7 () {
+	if (hasRequiredCheckPropTypes$7) return checkPropTypes_1$7;
+	hasRequiredCheckPropTypes$7 = 1;
 
 	var printWarning = function() {};
 
 	if (process.env.NODE_ENV !== 'production') {
-	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$6();
+	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$7();
 	  var loggedTypeFailures = {};
-	  var has = /*@__PURE__*/ requireHas$6();
+	  var has = /*@__PURE__*/ requireHas$7();
 
 	  printWarning = function(text) {
 	    var message = 'Warning: ' + text;
@@ -2838,8 +3512,8 @@ function requireCheckPropTypes$6 () {
 	  }
 	};
 
-	checkPropTypes_1$6 = checkPropTypes;
-	return checkPropTypes_1$6;
+	checkPropTypes_1$7 = checkPropTypes;
+	return checkPropTypes_1$7;
 }
 
 /**
@@ -2849,19 +3523,19 @@ function requireCheckPropTypes$6 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var factoryWithTypeCheckers$6;
-var hasRequiredFactoryWithTypeCheckers$6;
+var factoryWithTypeCheckers$7;
+var hasRequiredFactoryWithTypeCheckers$7;
 
-function requireFactoryWithTypeCheckers$6 () {
-	if (hasRequiredFactoryWithTypeCheckers$6) return factoryWithTypeCheckers$6;
-	hasRequiredFactoryWithTypeCheckers$6 = 1;
+function requireFactoryWithTypeCheckers$7 () {
+	if (hasRequiredFactoryWithTypeCheckers$7) return factoryWithTypeCheckers$7;
+	hasRequiredFactoryWithTypeCheckers$7 = 1;
 
-	var ReactIs = requireReactIs$6();
-	var assign = requireObjectAssign$6();
+	var ReactIs = requireReactIs$7();
+	var assign = requireObjectAssign$7();
 
-	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$6();
-	var has = /*@__PURE__*/ requireHas$6();
-	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes$6();
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$7();
+	var has = /*@__PURE__*/ requireHas$7();
+	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes$7();
 
 	var printWarning = function() {};
 
@@ -2884,7 +3558,7 @@ function requireFactoryWithTypeCheckers$6 () {
 	  return null;
 	}
 
-	factoryWithTypeCheckers$6 = function(isValidElement, throwOnDirectAccess) {
+	factoryWithTypeCheckers$7 = function(isValidElement, throwOnDirectAccess) {
 	  /* global Symbol */
 	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
@@ -3457,7 +4131,7 @@ function requireFactoryWithTypeCheckers$6 () {
 
 	  return ReactPropTypes;
 	};
-	return factoryWithTypeCheckers$6;
+	return factoryWithTypeCheckers$7;
 }
 
 /**
@@ -3467,20 +4141,20 @@ function requireFactoryWithTypeCheckers$6 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var factoryWithThrowingShims$6;
-var hasRequiredFactoryWithThrowingShims$6;
+var factoryWithThrowingShims$7;
+var hasRequiredFactoryWithThrowingShims$7;
 
-function requireFactoryWithThrowingShims$6 () {
-	if (hasRequiredFactoryWithThrowingShims$6) return factoryWithThrowingShims$6;
-	hasRequiredFactoryWithThrowingShims$6 = 1;
+function requireFactoryWithThrowingShims$7 () {
+	if (hasRequiredFactoryWithThrowingShims$7) return factoryWithThrowingShims$7;
+	hasRequiredFactoryWithThrowingShims$7 = 1;
 
-	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$6();
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$7();
 
 	function emptyFunction() {}
 	function emptyFunctionWithReset() {}
 	emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
-	factoryWithThrowingShims$6 = function() {
+	factoryWithThrowingShims$7 = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
 	    if (secret === ReactPropTypesSecret) {
 	      // It is still safe when called from React.
@@ -3528,7 +4202,7 @@ function requireFactoryWithThrowingShims$6 () {
 
 	  return ReactPropTypes;
 	};
-	return factoryWithThrowingShims$6;
+	return factoryWithThrowingShims$7;
 }
 
 /**
@@ -3538,28 +4212,28 @@ function requireFactoryWithThrowingShims$6 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredPropTypes$6;
+var hasRequiredPropTypes$7;
 
-function requirePropTypes$6 () {
-	if (hasRequiredPropTypes$6) return propTypes$6.exports;
-	hasRequiredPropTypes$6 = 1;
+function requirePropTypes$7 () {
+	if (hasRequiredPropTypes$7) return propTypes$7.exports;
+	hasRequiredPropTypes$7 = 1;
 	if (process.env.NODE_ENV !== 'production') {
-	  var ReactIs = requireReactIs$6();
+	  var ReactIs = requireReactIs$7();
 
 	  // By explicitly using `prop-types` you are opting into new development behavior.
 	  // http://fb.me/prop-types-in-prod
 	  var throwOnDirectAccess = true;
-	  propTypes$6.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers$6()(ReactIs.isElement, throwOnDirectAccess);
+	  propTypes$7.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers$7()(ReactIs.isElement, throwOnDirectAccess);
 	} else {
 	  // By explicitly using `prop-types` you are opting into new production behavior.
 	  // http://fb.me/prop-types-in-prod
-	  propTypes$6.exports = /*@__PURE__*/ requireFactoryWithThrowingShims$6()();
+	  propTypes$7.exports = /*@__PURE__*/ requireFactoryWithThrowingShims$7()();
 	}
-	return propTypes$6.exports;
+	return propTypes$7.exports;
 }
 
-var propTypesExports$6 = /*@__PURE__*/ requirePropTypes$6();
-var PropTypes$6 = /*@__PURE__*/getDefaultExportFromCjs$6(propTypesExports$6);
+var propTypesExports$7 = /*@__PURE__*/ requirePropTypes$7();
+var PropTypes$7 = /*@__PURE__*/getDefaultExportFromCjs$7(propTypesExports$7);
 
 const SystemOperations = _ref => {
   let {
@@ -3650,15 +4324,15 @@ const SystemOperations = _ref => {
   });
 };
 SystemOperations.propTypes = {
-  onPowerOff: PropTypes$6.func,
-  onRestart: PropTypes$6.func,
-  powerOffLabel: PropTypes$6.string,
-  restartLabel: PropTypes$6.string,
-  iconClassName: PropTypes$6.string,
-  confirmTitle: PropTypes$6.string,
-  cancelText: PropTypes$6.string,
-  okText: PropTypes$6.string,
-  run: PropTypes$6.func
+  onPowerOff: PropTypes$7.func,
+  onRestart: PropTypes$7.func,
+  powerOffLabel: PropTypes$7.string,
+  restartLabel: PropTypes$7.string,
+  iconClassName: PropTypes$7.string,
+  confirmTitle: PropTypes$7.string,
+  cancelText: PropTypes$7.string,
+  okText: PropTypes$7.string,
+  run: PropTypes$7.func
 };
 var SystemOperations$1 = SystemOperations;
 
@@ -3701,10 +4375,10 @@ const useSpaLogo = function () {
   }, "logo")];
 };
 useSpaLogo.propTypes = {
-  logoUrl: PropTypes$6.string,
-  logoWidth: PropTypes$6.number,
-  logoAlt: PropTypes$6.string,
-  onClick: PropTypes$6.func
+  logoUrl: PropTypes$7.string,
+  logoWidth: PropTypes$7.number,
+  logoAlt: PropTypes$7.string,
+  onClick: PropTypes$7.func
 };
 var useSpaLogo$1 = useSpaLogo;
 
@@ -3816,10 +4490,10 @@ const LSMLabelField = props => {
     };
     loadLsmData();
   }, [fetchLsmData]);
-  return /*#__PURE__*/jsx(Form.Item, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsx(Form.Item, _objectSpread2$1(_objectSpread2$1({
     label: label
   }, formItemProps), {}, {
-    children: /*#__PURE__*/jsx(Select, _objectSpread2(_objectSpread2(_objectSpread2({}, field), selectProps), {}, {
+    children: /*#__PURE__*/jsx(Select, _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, field), selectProps), {}, {
       options: lsmList,
       fieldNames: fieldNames,
       allowClear: true,
@@ -3835,15 +4509,15 @@ const LSMLabelField = props => {
 };
 var LSMLabelField$1 = /*#__PURE__*/memo(LSMLabelField);
 
-function _defineProperty$1(e, r, t) {
-  return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, {
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[r] = t, e;
 }
-function ownKeys$1(e, r) {
+function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -3853,29 +4527,29 @@ function ownKeys$1(e, r) {
   }
   return t;
 }
-function _objectSpread2$1(e) {
+function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
-      _defineProperty$1(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
   return e;
 }
-function _objectWithoutProperties$1(e, t) {
+function _objectWithoutProperties(e, t) {
   if (null == e) return {};
   var o,
     r,
-    i = _objectWithoutPropertiesLoose$1(e, t);
+    i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
     for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
-function _objectWithoutPropertiesLoose$1(r, e) {
+function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
@@ -3884,7 +4558,7 @@ function _objectWithoutPropertiesLoose$1(r, e) {
   }
   return t;
 }
-function _toPrimitive$1(t, r) {
+function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
@@ -3894,19 +4568,19 @@ function _toPrimitive$1(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey$1(t) {
-  var i = _toPrimitive$1(t, "string");
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
-const _excluded$4 = ["width", "okText", "cancelText", "styles"];
-const StyledModal$2 = props => {
+const _excluded$3 = ["width", "okText", "cancelText", "styles"];
+const StyledModal = props => {
   const {
       width = "520px",
       okText = "Apply",
       cancelText = "Close",
       styles: propStyles = {}
     } = props,
-    restProps = _objectWithoutProperties$1(props, _excluded$4);
+    restProps = _objectWithoutProperties(props, _excluded$3);
 
   // 基础样式配置
   const baseStyles = {
@@ -3934,15 +4608,1192 @@ const StyledModal$2 = props => {
   };
 
   // 合并样式
-  const styles = _objectSpread2$1(_objectSpread2$1({}, baseStyles), propStyles);
-  return /*#__PURE__*/jsx(Modal, _objectSpread2$1({
+  const styles = _objectSpread2(_objectSpread2({}, baseStyles), propStyles);
+  return /*#__PURE__*/jsx(Modal, _objectSpread2({
     width: width,
     okText: okText,
     cancelText: cancelText,
     styles: styles
   }, restProps));
 };
-var StyledModal$3 = StyledModal$2;
+var StyledModal$1 = StyledModal;
+function getDefaultExportFromCjs$6(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+var propTypes$6 = {
+  exports: {}
+};
+var reactIs$6 = {
+  exports: {}
+};
+var reactIs_production_min$6 = {};
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_production_min$6;
+function requireReactIs_production_min$6() {
+  if (hasRequiredReactIs_production_min$6) return reactIs_production_min$6;
+  hasRequiredReactIs_production_min$6 = 1;
+  var b = "function" === typeof Symbol && Symbol.for,
+    c = b ? Symbol.for("react.element") : 60103,
+    d = b ? Symbol.for("react.portal") : 60106,
+    e = b ? Symbol.for("react.fragment") : 60107,
+    f = b ? Symbol.for("react.strict_mode") : 60108,
+    g = b ? Symbol.for("react.profiler") : 60114,
+    h = b ? Symbol.for("react.provider") : 60109,
+    k = b ? Symbol.for("react.context") : 60110,
+    l = b ? Symbol.for("react.async_mode") : 60111,
+    m = b ? Symbol.for("react.concurrent_mode") : 60111,
+    n = b ? Symbol.for("react.forward_ref") : 60112,
+    p = b ? Symbol.for("react.suspense") : 60113,
+    q = b ? Symbol.for("react.suspense_list") : 60120,
+    r = b ? Symbol.for("react.memo") : 60115,
+    t = b ? Symbol.for("react.lazy") : 60116,
+    v = b ? Symbol.for("react.block") : 60121,
+    w = b ? Symbol.for("react.fundamental") : 60117,
+    x = b ? Symbol.for("react.responder") : 60118,
+    y = b ? Symbol.for("react.scope") : 60119;
+  function z(a) {
+    if ("object" === typeof a && null !== a) {
+      var u = a.$$typeof;
+      switch (u) {
+        case c:
+          switch (a = a.type, a) {
+            case l:
+            case m:
+            case e:
+            case g:
+            case f:
+            case p:
+              return a;
+            default:
+              switch (a = a && a.$$typeof, a) {
+                case k:
+                case n:
+                case t:
+                case r:
+                case h:
+                  return a;
+                default:
+                  return u;
+              }
+          }
+        case d:
+          return u;
+      }
+    }
+  }
+  function A(a) {
+    return z(a) === m;
+  }
+  reactIs_production_min$6.AsyncMode = l;
+  reactIs_production_min$6.ConcurrentMode = m;
+  reactIs_production_min$6.ContextConsumer = k;
+  reactIs_production_min$6.ContextProvider = h;
+  reactIs_production_min$6.Element = c;
+  reactIs_production_min$6.ForwardRef = n;
+  reactIs_production_min$6.Fragment = e;
+  reactIs_production_min$6.Lazy = t;
+  reactIs_production_min$6.Memo = r;
+  reactIs_production_min$6.Portal = d;
+  reactIs_production_min$6.Profiler = g;
+  reactIs_production_min$6.StrictMode = f;
+  reactIs_production_min$6.Suspense = p;
+  reactIs_production_min$6.isAsyncMode = function (a) {
+    return A(a) || z(a) === l;
+  };
+  reactIs_production_min$6.isConcurrentMode = A;
+  reactIs_production_min$6.isContextConsumer = function (a) {
+    return z(a) === k;
+  };
+  reactIs_production_min$6.isContextProvider = function (a) {
+    return z(a) === h;
+  };
+  reactIs_production_min$6.isElement = function (a) {
+    return "object" === typeof a && null !== a && a.$$typeof === c;
+  };
+  reactIs_production_min$6.isForwardRef = function (a) {
+    return z(a) === n;
+  };
+  reactIs_production_min$6.isFragment = function (a) {
+    return z(a) === e;
+  };
+  reactIs_production_min$6.isLazy = function (a) {
+    return z(a) === t;
+  };
+  reactIs_production_min$6.isMemo = function (a) {
+    return z(a) === r;
+  };
+  reactIs_production_min$6.isPortal = function (a) {
+    return z(a) === d;
+  };
+  reactIs_production_min$6.isProfiler = function (a) {
+    return z(a) === g;
+  };
+  reactIs_production_min$6.isStrictMode = function (a) {
+    return z(a) === f;
+  };
+  reactIs_production_min$6.isSuspense = function (a) {
+    return z(a) === p;
+  };
+  reactIs_production_min$6.isValidElementType = function (a) {
+    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+  };
+  reactIs_production_min$6.typeOf = z;
+  return reactIs_production_min$6;
+}
+var reactIs_development$6 = {};
+
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactIs_development$6;
+function requireReactIs_development$6() {
+  if (hasRequiredReactIs_development$6) return reactIs_development$6;
+  hasRequiredReactIs_development$6 = 1;
+  if (process.env.NODE_ENV !== "production") {
+    (function () {
+      // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+      // nor polyfill, then a plain number is used for performance.
+      var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+      var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+      var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+      var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+      var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+      var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+      var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+      var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+      // (unstable) APIs that have been removed. Can we remove the symbols?
+
+      var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+      var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+      var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+      var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+      var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+      var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+      var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+      var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+      var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+      var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+      var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+      function isValidElementType(type) {
+        return typeof type === 'string' || typeof type === 'function' ||
+        // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+        type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+      }
+      function typeOf(object) {
+        if (typeof object === 'object' && object !== null) {
+          var $$typeof = object.$$typeof;
+          switch ($$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = object.type;
+              switch (type) {
+                case REACT_ASYNC_MODE_TYPE:
+                case REACT_CONCURRENT_MODE_TYPE:
+                case REACT_FRAGMENT_TYPE:
+                case REACT_PROFILER_TYPE:
+                case REACT_STRICT_MODE_TYPE:
+                case REACT_SUSPENSE_TYPE:
+                  return type;
+                default:
+                  var $$typeofType = type && type.$$typeof;
+                  switch ($$typeofType) {
+                    case REACT_CONTEXT_TYPE:
+                    case REACT_FORWARD_REF_TYPE:
+                    case REACT_LAZY_TYPE:
+                    case REACT_MEMO_TYPE:
+                    case REACT_PROVIDER_TYPE:
+                      return $$typeofType;
+                    default:
+                      return $$typeof;
+                  }
+              }
+            case REACT_PORTAL_TYPE:
+              return $$typeof;
+          }
+        }
+        return undefined;
+      } // AsyncMode is deprecated along with isAsyncMode
+
+      var AsyncMode = REACT_ASYNC_MODE_TYPE;
+      var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+      var ContextConsumer = REACT_CONTEXT_TYPE;
+      var ContextProvider = REACT_PROVIDER_TYPE;
+      var Element = REACT_ELEMENT_TYPE;
+      var ForwardRef = REACT_FORWARD_REF_TYPE;
+      var Fragment = REACT_FRAGMENT_TYPE;
+      var Lazy = REACT_LAZY_TYPE;
+      var Memo = REACT_MEMO_TYPE;
+      var Portal = REACT_PORTAL_TYPE;
+      var Profiler = REACT_PROFILER_TYPE;
+      var StrictMode = REACT_STRICT_MODE_TYPE;
+      var Suspense = REACT_SUSPENSE_TYPE;
+      var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+      function isAsyncMode(object) {
+        {
+          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+            hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+            console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+          }
+        }
+        return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+      }
+      function isConcurrentMode(object) {
+        return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+      }
+      function isContextConsumer(object) {
+        return typeOf(object) === REACT_CONTEXT_TYPE;
+      }
+      function isContextProvider(object) {
+        return typeOf(object) === REACT_PROVIDER_TYPE;
+      }
+      function isElement(object) {
+        return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+      }
+      function isForwardRef(object) {
+        return typeOf(object) === REACT_FORWARD_REF_TYPE;
+      }
+      function isFragment(object) {
+        return typeOf(object) === REACT_FRAGMENT_TYPE;
+      }
+      function isLazy(object) {
+        return typeOf(object) === REACT_LAZY_TYPE;
+      }
+      function isMemo(object) {
+        return typeOf(object) === REACT_MEMO_TYPE;
+      }
+      function isPortal(object) {
+        return typeOf(object) === REACT_PORTAL_TYPE;
+      }
+      function isProfiler(object) {
+        return typeOf(object) === REACT_PROFILER_TYPE;
+      }
+      function isStrictMode(object) {
+        return typeOf(object) === REACT_STRICT_MODE_TYPE;
+      }
+      function isSuspense(object) {
+        return typeOf(object) === REACT_SUSPENSE_TYPE;
+      }
+      reactIs_development$6.AsyncMode = AsyncMode;
+      reactIs_development$6.ConcurrentMode = ConcurrentMode;
+      reactIs_development$6.ContextConsumer = ContextConsumer;
+      reactIs_development$6.ContextProvider = ContextProvider;
+      reactIs_development$6.Element = Element;
+      reactIs_development$6.ForwardRef = ForwardRef;
+      reactIs_development$6.Fragment = Fragment;
+      reactIs_development$6.Lazy = Lazy;
+      reactIs_development$6.Memo = Memo;
+      reactIs_development$6.Portal = Portal;
+      reactIs_development$6.Profiler = Profiler;
+      reactIs_development$6.StrictMode = StrictMode;
+      reactIs_development$6.Suspense = Suspense;
+      reactIs_development$6.isAsyncMode = isAsyncMode;
+      reactIs_development$6.isConcurrentMode = isConcurrentMode;
+      reactIs_development$6.isContextConsumer = isContextConsumer;
+      reactIs_development$6.isContextProvider = isContextProvider;
+      reactIs_development$6.isElement = isElement;
+      reactIs_development$6.isForwardRef = isForwardRef;
+      reactIs_development$6.isFragment = isFragment;
+      reactIs_development$6.isLazy = isLazy;
+      reactIs_development$6.isMemo = isMemo;
+      reactIs_development$6.isPortal = isPortal;
+      reactIs_development$6.isProfiler = isProfiler;
+      reactIs_development$6.isStrictMode = isStrictMode;
+      reactIs_development$6.isSuspense = isSuspense;
+      reactIs_development$6.isValidElementType = isValidElementType;
+      reactIs_development$6.typeOf = typeOf;
+    })();
+  }
+  return reactIs_development$6;
+}
+var hasRequiredReactIs$6;
+function requireReactIs$6() {
+  if (hasRequiredReactIs$6) return reactIs$6.exports;
+  hasRequiredReactIs$6 = 1;
+  if (process.env.NODE_ENV === 'production') {
+    reactIs$6.exports = requireReactIs_production_min$6();
+  } else {
+    reactIs$6.exports = requireReactIs_development$6();
+  }
+  return reactIs$6.exports;
+}
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+var objectAssign$6;
+var hasRequiredObjectAssign$6;
+function requireObjectAssign$6() {
+  if (hasRequiredObjectAssign$6) return objectAssign$6;
+  hasRequiredObjectAssign$6 = 1;
+  /* eslint-disable no-unused-vars */
+  var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+  var hasOwnProperty = Object.prototype.hasOwnProperty;
+  var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+  function toObject(val) {
+    if (val === null || val === undefined) {
+      throw new TypeError('Object.assign cannot be called with null or undefined');
+    }
+    return Object(val);
+  }
+  function shouldUseNative() {
+    try {
+      if (!Object.assign) {
+        return false;
+      }
+
+      // Detect buggy property enumeration order in older V8 versions.
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=4118
+      var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
+      test1[5] = 'de';
+      if (Object.getOwnPropertyNames(test1)[0] === '5') {
+        return false;
+      }
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+      var test2 = {};
+      for (var i = 0; i < 10; i++) {
+        test2['_' + String.fromCharCode(i)] = i;
+      }
+      var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+        return test2[n];
+      });
+      if (order2.join('') !== '0123456789') {
+        return false;
+      }
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+      var test3 = {};
+      'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+        test3[letter] = letter;
+      });
+      if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
+        return false;
+      }
+      return true;
+    } catch (err) {
+      // We don't expect any of the above to throw, but better to be safe.
+      return false;
+    }
+  }
+  objectAssign$6 = shouldUseNative() ? Object.assign : function (target, source) {
+    var from;
+    var to = toObject(target);
+    var symbols;
+    for (var s = 1; s < arguments.length; s++) {
+      from = Object(arguments[s]);
+      for (var key in from) {
+        if (hasOwnProperty.call(from, key)) {
+          to[key] = from[key];
+        }
+      }
+      if (getOwnPropertySymbols) {
+        symbols = getOwnPropertySymbols(from);
+        for (var i = 0; i < symbols.length; i++) {
+          if (propIsEnumerable.call(from, symbols[i])) {
+            to[symbols[i]] = from[symbols[i]];
+          }
+        }
+      }
+    }
+    return to;
+  };
+  return objectAssign$6;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret_1$6;
+var hasRequiredReactPropTypesSecret$6;
+function requireReactPropTypesSecret$6() {
+  if (hasRequiredReactPropTypesSecret$6) return ReactPropTypesSecret_1$6;
+  hasRequiredReactPropTypesSecret$6 = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1$6 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1$6;
+}
+var has$6;
+var hasRequiredHas$6;
+function requireHas$6() {
+  if (hasRequiredHas$6) return has$6;
+  hasRequiredHas$6 = 1;
+  has$6 = Function.call.bind(Object.prototype.hasOwnProperty);
+  return has$6;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var checkPropTypes_1$6;
+var hasRequiredCheckPropTypes$6;
+function requireCheckPropTypes$6() {
+  if (hasRequiredCheckPropTypes$6) return checkPropTypes_1$6;
+  hasRequiredCheckPropTypes$6 = 1;
+  var printWarning = function () {};
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$6();
+    var loggedTypeFailures = {};
+    var has = /*@__PURE__*/requireHas$6();
+    printWarning = function (text) {
+      var message = 'Warning: ' + text;
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {/**/}
+    };
+  }
+
+  /**
+   * Assert that the values match with the type specs.
+   * Error messages are memorized and will only be shown once.
+   *
+   * @param {object} typeSpecs Map of name to a ReactPropType
+   * @param {object} values Runtime values that need to be type-checked
+   * @param {string} location e.g. "prop", "context", "child context"
+   * @param {string} componentName Name of the component for error messages.
+   * @param {?Function} getStack Returns the component stack.
+   * @private
+   */
+  function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+    if (process.env.NODE_ENV !== 'production') {
+      for (var typeSpecName in typeSpecs) {
+        if (has(typeSpecs, typeSpecName)) {
+          var error;
+          // Prop type validation may throw. In case they do, we don't want to
+          // fail the render phase where it didn't fail before. So we log it.
+          // After these have been cleaned up, we'll let them throw.
+          try {
+            // This is intentionally an invariant that gets caught. It's the same
+            // behavior as without this statement except with a better message.
+            if (typeof typeSpecs[typeSpecName] !== 'function') {
+              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
+              err.name = 'Invariant Violation';
+              throw err;
+            }
+            error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+          } catch (ex) {
+            error = ex;
+          }
+          if (error && !(error instanceof Error)) {
+            printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+          }
+          if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+            // Only monitor this failure once because there tends to be a lot of the
+            // same error.
+            loggedTypeFailures[error.message] = true;
+            var stack = getStack ? getStack() : '';
+            printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
+          }
+        }
+      }
+    }
+  }
+
+  /**
+   * Resets warning cache when testing.
+   *
+   * @private
+   */
+  checkPropTypes.resetWarningCache = function () {
+    if (process.env.NODE_ENV !== 'production') {
+      loggedTypeFailures = {};
+    }
+  };
+  checkPropTypes_1$6 = checkPropTypes;
+  return checkPropTypes_1$6;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithTypeCheckers$6;
+var hasRequiredFactoryWithTypeCheckers$6;
+function requireFactoryWithTypeCheckers$6() {
+  if (hasRequiredFactoryWithTypeCheckers$6) return factoryWithTypeCheckers$6;
+  hasRequiredFactoryWithTypeCheckers$6 = 1;
+  var ReactIs = requireReactIs$6();
+  var assign = requireObjectAssign$6();
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$6();
+  var has = /*@__PURE__*/requireHas$6();
+  var checkPropTypes = /*@__PURE__*/requireCheckPropTypes$6();
+  var printWarning = function () {};
+  if (process.env.NODE_ENV !== 'production') {
+    printWarning = function (text) {
+      var message = 'Warning: ' + text;
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {}
+    };
+  }
+  function emptyFunctionThatReturnsNull() {
+    return null;
+  }
+  factoryWithTypeCheckers$6 = function (isValidElement, throwOnDirectAccess) {
+    /* global Symbol */
+    var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+    var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+    /**
+     * Returns the iterator method function contained on the iterable object.
+     *
+     * Be sure to invoke the function with the iterable as context:
+     *
+     *     var iteratorFn = getIteratorFn(myIterable);
+     *     if (iteratorFn) {
+     *       var iterator = iteratorFn.call(myIterable);
+     *       ...
+     *     }
+     *
+     * @param {?object} maybeIterable
+     * @return {?function}
+     */
+    function getIteratorFn(maybeIterable) {
+      var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+      if (typeof iteratorFn === 'function') {
+        return iteratorFn;
+      }
+    }
+
+    /**
+     * Collection of methods that allow declaration and validation of props that are
+     * supplied to React components. Example usage:
+     *
+     *   var Props = require('ReactPropTypes');
+     *   var MyArticle = React.createClass({
+     *     propTypes: {
+     *       // An optional string prop named "description".
+     *       description: Props.string,
+     *
+     *       // A required enum prop named "category".
+     *       category: Props.oneOf(['News','Photos']).isRequired,
+     *
+     *       // A prop named "dialog" that requires an instance of Dialog.
+     *       dialog: Props.instanceOf(Dialog).isRequired
+     *     },
+     *     render: function() { ... }
+     *   });
+     *
+     * A more formal specification of how these methods are used:
+     *
+     *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+     *   decl := ReactPropTypes.{type}(.isRequired)?
+     *
+     * Each and every declaration produces a function with the same signature. This
+     * allows the creation of custom validation functions. For example:
+     *
+     *  var MyLink = React.createClass({
+     *    propTypes: {
+     *      // An optional string or URI prop named "href".
+     *      href: function(props, propName, componentName) {
+     *        var propValue = props[propName];
+     *        if (propValue != null && typeof propValue !== 'string' &&
+     *            !(propValue instanceof URI)) {
+     *          return new Error(
+     *            'Expected a string or an URI for ' + propName + ' in ' +
+     *            componentName
+     *          );
+     *        }
+     *      }
+     *    },
+     *    render: function() {...}
+     *  });
+     *
+     * @internal
+     */
+
+    var ANONYMOUS = '<<anonymous>>';
+
+    // Important!
+    // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+    var ReactPropTypes = {
+      array: createPrimitiveTypeChecker('array'),
+      bigint: createPrimitiveTypeChecker('bigint'),
+      bool: createPrimitiveTypeChecker('boolean'),
+      func: createPrimitiveTypeChecker('function'),
+      number: createPrimitiveTypeChecker('number'),
+      object: createPrimitiveTypeChecker('object'),
+      string: createPrimitiveTypeChecker('string'),
+      symbol: createPrimitiveTypeChecker('symbol'),
+      any: createAnyTypeChecker(),
+      arrayOf: createArrayOfTypeChecker,
+      element: createElementTypeChecker(),
+      elementType: createElementTypeTypeChecker(),
+      instanceOf: createInstanceTypeChecker,
+      node: createNodeChecker(),
+      objectOf: createObjectOfTypeChecker,
+      oneOf: createEnumTypeChecker,
+      oneOfType: createUnionTypeChecker,
+      shape: createShapeTypeChecker,
+      exact: createStrictShapeTypeChecker
+    };
+
+    /**
+     * inlined Object.is polyfill to avoid requiring consumers ship their own
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+     */
+    /*eslint-disable no-self-compare*/
+    function is(x, y) {
+      // SameValue algorithm
+      if (x === y) {
+        // Steps 1-5, 7-10
+        // Steps 6.b-6.e: +0 != -0
+        return x !== 0 || 1 / x === 1 / y;
+      } else {
+        // Step 6.a: NaN == NaN
+        return x !== x && y !== y;
+      }
+    }
+    /*eslint-enable no-self-compare*/
+
+    /**
+     * We use an Error-like object for backward compatibility as people may call
+     * PropTypes directly and inspect their output. However, we don't use real
+     * Errors anymore. We don't inspect their stack anyway, and creating them
+     * is prohibitively expensive if they are created too often, such as what
+     * happens in oneOfType() for any type before the one that matched.
+     */
+    function PropTypeError(message, data) {
+      this.message = message;
+      this.data = data && typeof data === 'object' ? data : {};
+      this.stack = '';
+    }
+    // Make `instanceof Error` still work for returned errors.
+    PropTypeError.prototype = Error.prototype;
+    function createChainableTypeChecker(validate) {
+      if (process.env.NODE_ENV !== 'production') {
+        var manualPropTypeCallCache = {};
+        var manualPropTypeWarningCount = 0;
+      }
+      function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+        componentName = componentName || ANONYMOUS;
+        propFullName = propFullName || propName;
+        if (secret !== ReactPropTypesSecret) {
+          if (throwOnDirectAccess) {
+            // New behavior only for users of `prop-types` package
+            var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+            err.name = 'Invariant Violation';
+            throw err;
+          } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+            // Old behavior for people using React.PropTypes
+            var cacheKey = componentName + ':' + propName;
+            if (!manualPropTypeCallCache[cacheKey] &&
+            // Avoid spamming the console because they are often not actionable except for lib authors
+            manualPropTypeWarningCount < 3) {
+              printWarning('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
+              manualPropTypeCallCache[cacheKey] = true;
+              manualPropTypeWarningCount++;
+            }
+          }
+        }
+        if (props[propName] == null) {
+          if (isRequired) {
+            if (props[propName] === null) {
+              return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+            }
+            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+          }
+          return null;
+        } else {
+          return validate(props, propName, componentName, location, propFullName);
+        }
+      }
+      var chainedCheckType = checkType.bind(null, false);
+      chainedCheckType.isRequired = checkType.bind(null, true);
+      return chainedCheckType;
+    }
+    function createPrimitiveTypeChecker(expectedType) {
+      function validate(props, propName, componentName, location, propFullName, secret) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+        if (propType !== expectedType) {
+          // `propValue` being instance of, say, date/regexp, pass the 'object'
+          // check, but we can offer a more precise error message here rather than
+          // 'of type `object`'.
+          var preciseType = getPreciseType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
+            expectedType: expectedType
+          });
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createAnyTypeChecker() {
+      return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+    }
+    function createArrayOfTypeChecker(typeChecker) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (typeof typeChecker !== 'function') {
+          return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+        }
+        var propValue = props[propName];
+        if (!Array.isArray(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+        }
+        for (var i = 0; i < propValue.length; i++) {
+          var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+          if (error instanceof Error) {
+            return error;
+          }
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createElementTypeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        if (!isValidElement(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createElementTypeTypeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        if (!ReactIs.isValidElementType(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createInstanceTypeChecker(expectedClass) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (!(props[propName] instanceof expectedClass)) {
+          var expectedClassName = expectedClass.name || ANONYMOUS;
+          var actualClassName = getClassName(props[propName]);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createEnumTypeChecker(expectedValues) {
+      if (!Array.isArray(expectedValues)) {
+        if (process.env.NODE_ENV !== 'production') {
+          if (arguments.length > 1) {
+            printWarning('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
+          } else {
+            printWarning('Invalid argument supplied to oneOf, expected an array.');
+          }
+        }
+        return emptyFunctionThatReturnsNull;
+      }
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        for (var i = 0; i < expectedValues.length; i++) {
+          if (is(propValue, expectedValues[i])) {
+            return null;
+          }
+        }
+        var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+          var type = getPreciseType(value);
+          if (type === 'symbol') {
+            return String(value);
+          }
+          return value;
+        });
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createObjectOfTypeChecker(typeChecker) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (typeof typeChecker !== 'function') {
+          return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+        }
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+        }
+        for (var key in propValue) {
+          if (has(propValue, key)) {
+            var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+            if (error instanceof Error) {
+              return error;
+            }
+          }
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createUnionTypeChecker(arrayOfTypeCheckers) {
+      if (!Array.isArray(arrayOfTypeCheckers)) {
+        process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+        return emptyFunctionThatReturnsNull;
+      }
+      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+        var checker = arrayOfTypeCheckers[i];
+        if (typeof checker !== 'function') {
+          printWarning('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
+          return emptyFunctionThatReturnsNull;
+        }
+      }
+      function validate(props, propName, componentName, location, propFullName) {
+        var expectedTypes = [];
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
+          var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+          if (checkerResult == null) {
+            return null;
+          }
+          if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+            expectedTypes.push(checkerResult.data.expectedType);
+          }
+        }
+        var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createNodeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (!isNode(props[propName])) {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function invalidValidatorError(componentName, location, propFullName, key, type) {
+      return new PropTypeError((componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.');
+    }
+    function createShapeTypeChecker(shapeTypes) {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+        }
+        for (var key in shapeTypes) {
+          var checker = shapeTypes[key];
+          if (typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
+          var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+          if (error) {
+            return error;
+          }
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function createStrictShapeTypeChecker(shapeTypes) {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+        }
+        // We need to check all keys in case some are required but missing from props.
+        var allKeys = assign({}, props[propName], shapeTypes);
+        for (var key in allKeys) {
+          var checker = shapeTypes[key];
+          if (has(shapeTypes, key) && typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
+          if (!checker) {
+            return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, '  ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  '));
+          }
+          var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+          if (error) {
+            return error;
+          }
+        }
+        return null;
+      }
+      return createChainableTypeChecker(validate);
+    }
+    function isNode(propValue) {
+      switch (typeof propValue) {
+        case 'number':
+        case 'string':
+        case 'undefined':
+          return true;
+        case 'boolean':
+          return !propValue;
+        case 'object':
+          if (Array.isArray(propValue)) {
+            return propValue.every(isNode);
+          }
+          if (propValue === null || isValidElement(propValue)) {
+            return true;
+          }
+          var iteratorFn = getIteratorFn(propValue);
+          if (iteratorFn) {
+            var iterator = iteratorFn.call(propValue);
+            var step;
+            if (iteratorFn !== propValue.entries) {
+              while (!(step = iterator.next()).done) {
+                if (!isNode(step.value)) {
+                  return false;
+                }
+              }
+            } else {
+              // Iterator will provide entry [k,v] tuples rather than values.
+              while (!(step = iterator.next()).done) {
+                var entry = step.value;
+                if (entry) {
+                  if (!isNode(entry[1])) {
+                    return false;
+                  }
+                }
+              }
+            }
+          } else {
+            return false;
+          }
+          return true;
+        default:
+          return false;
+      }
+    }
+    function isSymbol(propType, propValue) {
+      // Native Symbol.
+      if (propType === 'symbol') {
+        return true;
+      }
+
+      // falsy value can't be a Symbol
+      if (!propValue) {
+        return false;
+      }
+
+      // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+      if (propValue['@@toStringTag'] === 'Symbol') {
+        return true;
+      }
+
+      // Fallback for non-spec compliant Symbols which are polyfilled.
+      if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+        return true;
+      }
+      return false;
+    }
+
+    // Equivalent of `typeof` but with special handling for array and regexp.
+    function getPropType(propValue) {
+      var propType = typeof propValue;
+      if (Array.isArray(propValue)) {
+        return 'array';
+      }
+      if (propValue instanceof RegExp) {
+        // Old webkits (at least until Android 4.0) return 'function' rather than
+        // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+        // passes PropTypes.object.
+        return 'object';
+      }
+      if (isSymbol(propType, propValue)) {
+        return 'symbol';
+      }
+      return propType;
+    }
+
+    // This handles more types than `getPropType`. Only used for error messages.
+    // See `createPrimitiveTypeChecker`.
+    function getPreciseType(propValue) {
+      if (typeof propValue === 'undefined' || propValue === null) {
+        return '' + propValue;
+      }
+      var propType = getPropType(propValue);
+      if (propType === 'object') {
+        if (propValue instanceof Date) {
+          return 'date';
+        } else if (propValue instanceof RegExp) {
+          return 'regexp';
+        }
+      }
+      return propType;
+    }
+
+    // Returns a string that is postfixed to a warning about an invalid type.
+    // For example, "undefined" or "of type array"
+    function getPostfixForTypeWarning(value) {
+      var type = getPreciseType(value);
+      switch (type) {
+        case 'array':
+        case 'object':
+          return 'an ' + type;
+        case 'boolean':
+        case 'date':
+        case 'regexp':
+          return 'a ' + type;
+        default:
+          return type;
+      }
+    }
+
+    // Returns class name of the object, if any.
+    function getClassName(propValue) {
+      if (!propValue.constructor || !propValue.constructor.name) {
+        return ANONYMOUS;
+      }
+      return propValue.constructor.name;
+    }
+    ReactPropTypes.checkPropTypes = checkPropTypes;
+    ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  };
+  return factoryWithTypeCheckers$6;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithThrowingShims$6;
+var hasRequiredFactoryWithThrowingShims$6;
+function requireFactoryWithThrowingShims$6() {
+  if (hasRequiredFactoryWithThrowingShims$6) return factoryWithThrowingShims$6;
+  hasRequiredFactoryWithThrowingShims$6 = 1;
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$6();
+  function emptyFunction() {}
+  function emptyFunctionWithReset() {}
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims$6 = function () {
+    function shim(props, propName, componentName, location, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        // It is still safe when called from React.
+        return;
+      }
+      var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+      err.name = 'Invariant Violation';
+      throw err;
+    }
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    } // Important!
+    // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  };
+  return factoryWithThrowingShims$6;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredPropTypes$6;
+function requirePropTypes$6() {
+  if (hasRequiredPropTypes$6) return propTypes$6.exports;
+  hasRequiredPropTypes$6 = 1;
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = requireReactIs$6();
+
+    // By explicitly using `prop-types` you are opting into new development behavior.
+    // http://fb.me/prop-types-in-prod
+    var throwOnDirectAccess = true;
+    propTypes$6.exports = /*@__PURE__*/requireFactoryWithTypeCheckers$6()(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    // By explicitly using `prop-types` you are opting into new production behavior.
+    // http://fb.me/prop-types-in-prod
+    propTypes$6.exports = /*@__PURE__*/requireFactoryWithThrowingShims$6()();
+  }
+  return propTypes$6.exports;
+}
+var propTypesExports$6 = /*@__PURE__*/requirePropTypes$6();
+var PropTypes$6 = /*@__PURE__*/getDefaultExportFromCjs$6(propTypesExports$6);
+({
+  onPowerOff: PropTypes$6.func,
+  onRestart: PropTypes$6.func,
+  powerOffLabel: PropTypes$6.string,
+  restartLabel: PropTypes$6.string,
+  iconClassName: PropTypes$6.string,
+  confirmTitle: PropTypes$6.string,
+  cancelText: PropTypes$6.string,
+  okText: PropTypes$6.string,
+  run: PropTypes$6.func
+});
+({
+  logoUrl: PropTypes$6.string,
+  logoWidth: PropTypes$6.number,
+  logoAlt: PropTypes$6.string,
+  onClick: PropTypes$6.func
+});
 function getDefaultExportFromCjs$5(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -11165,7 +13016,7 @@ const NmosModal = _ref => {
     const values = await form.getFieldsValue();
     setLoading(true);
     try {
-      const response = await updateNmosSettings(_objectSpread2(_objectSpread2({}, nmosSettings), values));
+      const response = await updateNmosSettings(_objectSpread2$1(_objectSpread2$1({}, nmosSettings), values));
       if (response) {
         message.success('Success');
         setTimeout(() => {
@@ -11178,16 +13029,16 @@ const NmosModal = _ref => {
       setLoading(false);
     }
   };
-  return /*#__PURE__*/jsx(StyledModal$3, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsx(StyledModal$1, _objectSpread2$1(_objectSpread2$1({
     title: "NMOS",
     width: 650,
     open: open,
     onOk: handleSubmit,
     onCancel: onClose,
     confirmLoading: loading,
-    destroyOnClose: true // 关闭时销毁组件，确保下次打开重新初始化
+    destroyOnHidden: true // 关闭时销毁组件，确保下次打开重新初始化
   }, modalProps), {}, {
-    children: /*#__PURE__*/jsxs(Form, _objectSpread2(_objectSpread2({
+    children: /*#__PURE__*/jsxs(Form, _objectSpread2$1(_objectSpread2$1({
       form: form,
       name: "nmosForm",
       labelCol: {
@@ -11223,7 +13074,7 @@ const NmosModal = _ref => {
       }), /*#__PURE__*/jsx(Form.Item, {
         label: "Registry Port",
         name: "registration_port",
-        children: /*#__PURE__*/jsx(InputNumber, _objectSpread2(_objectSpread2({}, numberProps), {}, {
+        children: /*#__PURE__*/jsx(InputNumber, _objectSpread2$1(_objectSpread2$1({}, numberProps), {}, {
           min: 0,
           max: 65535,
           style: {
@@ -11252,7 +13103,7 @@ const NmosModal = _ref => {
       }), /*#__PURE__*/jsx(Form.Item, {
         label: "Logging Level",
         name: "logging_level",
-        children: /*#__PURE__*/jsx(InputNumber, _objectSpread2(_objectSpread2({}, numberProps), {}, {
+        children: /*#__PURE__*/jsx(InputNumber, _objectSpread2$1(_objectSpread2$1({}, numberProps), {}, {
           min: -40,
           max: 40,
           style: {
@@ -11538,7 +13389,7 @@ function DraggableNumberInput(_ref2) {
       // 新增 disabled 属性
       style
     } = _ref2,
-    restProps = _objectWithoutProperties(_ref2, _excluded$1);
+    restProps = _objectWithoutProperties$1(_ref2, _excluded$1);
   const inputRef = useRef(null);
   const [isMouseDown, setIsMouseDown] = useState(false);
   const [isDragging, setIsDragging] = useState(false);
@@ -11647,7 +13498,7 @@ function DraggableNumberInput(_ref2) {
     applyMovement(totalMovement.current, e);
   }, [isMouseDown, disabled]);
   const getModifiers = useCallback(e => {
-    const mods = _objectSpread2(_objectSpread2({}, defaultModifiers), modifierKeys);
+    const mods = _objectSpread2$1(_objectSpread2$1({}, defaultModifiers), modifierKeys);
     for (const key in mods) {
       if (key !== "default" && e[key]) {
         currentMultiplier.current = mods[key].multiplier;
@@ -11763,7 +13614,7 @@ function DraggableNumberInput(_ref2) {
     background: 'rgba(255, 255, 255, 0.08)',
     color: 'rgba(255, 255, 255, 0.25)'
   } : {};
-  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("input", _objectSpread2({
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("input", _objectSpread2$1({
     ref: inputRef,
     type: "text",
     inputMode: "numeric",
@@ -11777,7 +13628,7 @@ function DraggableNumberInput(_ref2) {
     disabled: disabled,
     // 添加 disabled 属性
     className: "draggable-number-input ".concat(className, " ").concat(isDragging ? "dragging" : "", " ").concat(disabled ? "disabled" : ""),
-    style: _objectSpread2(_objectSpread2(_objectSpread2({}, {
+    style: _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, {
       cursor: disabled ? 'not-allowed' : 'ew-resize',
       userSelect: disabled ? 'none' : 'auto',
       caretColor: isDragging ? "transparent" : "initial"
@@ -11798,7 +13649,7 @@ const BoundedInput = _ref => {
       placeholder = 'Enter an integer',
       disabled = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties$1(_ref, _excluded);
   // 1. 处理输入变更：只管记录，不修正，不打断
   const handleChange = val => {
     if (val === null || val === undefined) {
@@ -11830,7 +13681,7 @@ const BoundedInput = _ref => {
       onChange === null || onChange === void 0 || onChange(safeVal);
     }
   };
-  return /*#__PURE__*/jsx(InputNumber, _objectSpread2({
+  return /*#__PURE__*/jsx(InputNumber, _objectSpread2$1({
     value: value,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -11857,7 +13708,7 @@ const BoundedInput = _ref => {
 /**
  * 专用端口输入框
  */
-const PortInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2({
+const PortInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2$1({
   min: 0,
   max: 65535,
   placeholder: "Enter port (0-65535)"
@@ -11866,11 +13717,11 @@ const PortInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2({
 /**
  * 专用 Payload 输入框
  */
-const PayloadInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2({
+const PayloadInput = props => /*#__PURE__*/jsx(BoundedInput, _objectSpread2$1({
   min: 96,
   max: 127,
   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$1 as StyledModal, SystemOperations$1 as SystemOperations, UpgradeManager$1 as UpgradeManager, useAuth, useHardwareUsage$1 as useHardwareUsage, usePageReload$1 as usePageReload, useSystemOperations$1 as useSystemOperations, useUpgrade$1 as useUpgrade };
+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 };
 //# sourceMappingURL=index.esm.js.map