seeder-st2110-components 1.7.4 → 1.7.6

package/dist/index.esm.js

@@ -481,17 +481,22 @@ const useUpgrade = _ref => {
     onMenuClick,
     downloadFiles,
     upgradeExecute,
+    // 上传接口：(formData, config) => Promise<response>
     upgradeStatus,
+    // 状态轮询接口：(config) => Promise<response>
     acceptFileTypes = "application/octet-stream",
     uploadCompleteDelay = 3000,
     statusPollingInterval = 1000
   } = _ref;
   const [isSpinning, setIsSpinning] = useState(false);
-  const [interval, setInterval] = useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
-  const inputRef = useRef(null);
-  const [currentStatus, setCurrentStatus] = useState('idle'); // 'idle' | 'uploading' | 'upgrading'
-  const isUploadCompleteRef = useRef(false); // 安装包上传是否完成
+  const [pollingInterval, setPollingInterval] = useState(undefined); // 间隔时间，当设置值为 undefined 时会停止计时器
+  const [currentStatus, setCurrentStatus] = useState('idle'); // 'idle' | 'uploading' | 'Upload complete, starting upgrade...' | 'upgrading'
   const [uploadProgress, setUploadProgress] = useState(0);
+  const inputRef = useRef(null);
+  // 控制并发上传
+  const isUploadingRef = useRef(false);
+  // 标记组件是否已卸载
+  const isMountedRef = useRef(true);
 
   // 分别创建独立的取消令牌
   const uploadCancelToken = useRef(axios.CancelToken.source());
@@ -617,62 +622,80 @@ const useUpgrade = _ref => {
     }
   };
   const onUpload = () => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && !isUploadingRef.current) {
       inputRef.current.click();
     }
   };
   const updatePackage = async event => {
-    if (!upgradeExecute) {
-      console.error('upgradeExecute function is required for upload operation');
-      message.error('Upload functionality not configured');
+    var _event$target$files;
+    if (isUploadingRef.current) return; // 防止重复上传
+
+    const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+    if (!file || !upgradeExecute) {
+      if (inputRef.current) inputRef.current.value = "";
       return;
     }
-    try {
-      var _event$target$files;
-      const file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
-      if (!file) return;
-      showLoader();
-      setCurrentStatus('Uploading...');
-      setUploadProgress(0); // 重置进度
+    isUploadingRef.current = true;
+    showLoader();
+    setCurrentStatus('Uploading...');
+    setUploadProgress(0);
 
+    // 重置取消令牌
+    uploadCancelToken.current.cancel();
+    uploadCancelToken.current = axios.CancelToken.source();
+    try {
       const formData = new FormData();
       formData.append('file', file);
-      isUploadCompleteRef.current = false;
 
-      // 上传文件（不等待响应）
-      upgradeExecute(formData, {
+      // 清除文件选择
+      if (inputRef.current) inputRef.current.value = "";
+
+      // 上传后立即检查业务状态码
+      const response = await upgradeExecute(formData, {
         onUploadProgress: progressEvent => {
+          if (!isMountedRef.current) return;
           const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
           setUploadProgress(percentCompleted); // 更新进度状态
-
-          if (percentCompleted === 100) {
-            isUploadCompleteRef.current = true;
-            // 等待3秒 开始状态轮询
-            setTimeout(() => {
-              setInterval(statusPollingInterval);
-              setCurrentStatus('Upgrading...');
-            }, uploadCompleteDelay);
-          }
         },
         cancelToken: uploadCancelToken.current.token
       });
 
-      // 清除文件选择
-      if (inputRef.current) inputRef.current.value = "";
+      // 检查业务 code
+      if ((response === null || response === void 0 ? void 0 : response.code) !== 200) {
+        // 即使上传成功，但如果服务器返回非200，说明有问题
+        if (isMountedRef.current) {
+          const errorMsg = (response === null || response === void 0 ? void 0 : response.message) || 'Upload failed due to invalid file format';
+          message.error(errorMsg);
+          cancelRequest();
+        }
+        return;
+      }
+
+      // 上传成功，进入等待升级阶段
+      if (!isMountedRef.current) return;
+      setCurrentStatus('Upload complete, starting upgrade...');
+
+      // 延迟后启动轮询
+      setTimeout(() => {
+        if (!isMountedRef.current) return;
+        setPollingInterval(statusPollingInterval);
+        setCurrentStatus('Upgrading...');
+      }, uploadCompleteDelay);
     } catch (error) {
+      if (!isMountedRef.current) return;
       if (!axios.isCancel(error)) {
         console.error("Upload error:", error);
         message.error('Upload failed');
       }
       cancelRequest();
+    } finally {
+      if (isMountedRef.current) {
+        isUploadingRef.current = false;
+      }
     }
   };
   const fetchUpgradeStatus = async () => {
-    if (!upgradeStatus) {
-      console.error('upgradeStatus function is required for status checking');
-      cancelRequest();
-      return;
-    }
+    if (!upgradeStatus || !isMountedRef.current) return;
     try {
       const response = await upgradeStatus({
         cancelToken: statusCancelToken.current.token
@@ -688,30 +711,36 @@ const useUpgrade = _ref => {
           case 200:
             // 升级成功
             message.success(statusMessage, 2.5, () => {
-              cancelRequest();
+              if (isMountedRef.current) {
+                cancelRequest();
+              }
               window.location.reload();
             });
             break;
           case 201:
-            // 升级中
-            // code为201时,每隔一秒请求一次。直到请求到其他的code,直接弹出message提示。
+            // 升级中 — 继续轮询
             break;
           case 202: // 升级失败
           case 203:
             // 升级异常
-            message.error(statusMessage);
-            cancelRequest();
+            if (isMountedRef.current) {
+              message.error(statusMessage);
+              cancelRequest();
+            }
             break;
           default:
+            // 其他 code 如 500、400 等
+            if (isMountedRef.current) {
+              message.error(statusMessage || 'Upgrade process failed');
+              cancelRequest();
+            }
             break;
         }
       }
     } catch (error) {
-      if (axios.isCancel(error)) {
-        console.log('Status polling canceled');
-      } else {
+      if (!isMountedRef.current) return;
+      if (!axios.isCancel(error)) {
         console.error('Status check failed:', error);
-        // 网络错误时自动重试
       }
     }
   };
@@ -723,17 +752,20 @@ const useUpgrade = _ref => {
     statusCancelToken.current = axios.CancelToken.source();
 
     // 重置所有状态
-    setInterval(undefined);
+    setPollingInterval(undefined);
     setCurrentStatus('idle');
+    setUploadProgress(0);
+    isUploadingRef.current = false;
     hideLoader();
   };
 
   // 轮询状态
-  useInterval(fetchUpgradeStatus, interval);
+  useInterval(fetchUpgradeStatus, pollingInterval);
 
   // 组件卸载时清理
   useEffect(() => {
     return () => {
+      isMountedRef.current = false;
       uploadCancelToken.current.cancel();
       statusCancelToken.current.cancel();
     };
@@ -2005,8 +2037,10 @@ const Preset = _ref => {
   }, [selectedPreset, form, modal, message, texts, removePreset, getPresetList]);
   const handleLoadPreset = useCallback(async loadData => {
     if (!loadData) return;
-    let resolveLoading = null;
-    const modalInstance = modal.confirm({
+    let modalInstance = null;
+    let resolveOk = null; // 用于控制 confirm 关闭时机
+
+    modalInstance = modal.confirm({
       title: 'Load Preset',
       content: "".concat(texts.loadConfirm, " \"").concat(loadData.name, "\"?"),
       cancelText: 'No',
@@ -2014,7 +2048,7 @@ const Preset = _ref => {
       // onOk 返回一个 pending Promise
       onOk: () => {
         return new Promise((resolve, reject) => {
-          resolveLoading = resolve;
+          resolveOk = resolve;
 
           // 立即切换为 loading 状态
           modalInstance.update({
@@ -2036,42 +2070,40 @@ const Preset = _ref => {
             maskClosable: false,
             closable: false
           });
+          (async () => {
+            try {
+              await loadPreset(_objectSpread2$1({
+                id: loadData.id
+              }, loadData.category_list && {
+                category_list: loadData.category_list
+              }));
+
+              // 成功：1秒后自动关闭
+              setTimeout(() => {
+                var _resolveOk;
+                (_resolveOk = resolveOk) === null || _resolveOk === void 0 || _resolveOk();
+                message.success(texts.successText);
+                // 加载成功的外部回调
+                if (onLoadSuccess) {
+                  onLoadSuccess(loadData);
+                }
+              }, 1000);
+            } catch (error) {
+              console.error('Failed to load preset:', error);
+              // 失败：直接关闭 modal
+              modalInstance.destroy();
+              // 加载失败的外部回调
+              if (onLoadError) {
+                onLoadError(error, loadData);
+              }
+            }
+          })();
         });
       },
       onCancel: () => {
         // 用户取消
       }
     });
-
-    // 延迟执行异步操作，确保 update 生效
-    setTimeout(async () => {
-      try {
-        await loadPreset(_objectSpread2$1({
-          id: loadData.id
-        }, loadData.category_list && {
-          category_list: loadData.category_list
-        }));
-
-        // 成功 1秒后自动关闭
-        setTimeout(() => {
-          var _resolveLoading;
-          (_resolveLoading = resolveLoading) === null || _resolveLoading === void 0 || _resolveLoading();
-          message.success(texts.successText);
-
-          // 加载成功的外部回调
-          if (onLoadSuccess) {
-            onLoadSuccess(loadData);
-          }
-        }, 2000);
-      } catch (error) {
-        console.error('Failed to load preset:', error);
-        modalInstance.destroy();
-        // 加载失败的外部回调
-        if (onLoadError) {
-          onLoadError(error, loadData);
-        }
-      }
-    }, 100);
   }, [loadPreset, texts, message, modal, onLoadSuccess, onLoadError]);
   const handleSave = useCallback(async () => {
     setLoading(true);
@@ -2278,15 +2310,15 @@ UpgradeManager.defaultProps = {
 };
 var UpgradeManager$1 = UpgradeManager;
 
-function getDefaultExportFromCjs$3 (x) {
+function getDefaultExportFromCjs$5 (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var propTypes$3 = {exports: {}};
+var propTypes$5 = {exports: {}};
 
-var reactIs$3 = {exports: {}};
+var reactIs$5 = {exports: {}};
 
-var reactIs_production_min$3 = {};
+var reactIs_production_min$5 = {};
 
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -2297,21 +2329,21 @@ var reactIs_production_min$3 = {};
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredReactIs_production_min$3;
+var hasRequiredReactIs_production_min$5;
 
-function requireReactIs_production_min$3 () {
-	if (hasRequiredReactIs_production_min$3) return reactIs_production_min$3;
-	hasRequiredReactIs_production_min$3 = 1;
+function requireReactIs_production_min$5 () {
+	if (hasRequiredReactIs_production_min$5) return reactIs_production_min$5;
+	hasRequiredReactIs_production_min$5 = 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$3.AsyncMode=l;reactIs_production_min$3.ConcurrentMode=m;reactIs_production_min$3.ContextConsumer=k;reactIs_production_min$3.ContextProvider=h;reactIs_production_min$3.Element=c;reactIs_production_min$3.ForwardRef=n;reactIs_production_min$3.Fragment=e;reactIs_production_min$3.Lazy=t;reactIs_production_min$3.Memo=r;reactIs_production_min$3.Portal=d;
-	reactIs_production_min$3.Profiler=g;reactIs_production_min$3.StrictMode=f;reactIs_production_min$3.Suspense=p;reactIs_production_min$3.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$3.isConcurrentMode=A;reactIs_production_min$3.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$3.isContextProvider=function(a){return z(a)===h};reactIs_production_min$3.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$3.isForwardRef=function(a){return z(a)===n};reactIs_production_min$3.isFragment=function(a){return z(a)===e};reactIs_production_min$3.isLazy=function(a){return z(a)===t};
-	reactIs_production_min$3.isMemo=function(a){return z(a)===r};reactIs_production_min$3.isPortal=function(a){return z(a)===d};reactIs_production_min$3.isProfiler=function(a){return z(a)===g};reactIs_production_min$3.isStrictMode=function(a){return z(a)===f};reactIs_production_min$3.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min$3.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$3.typeOf=z;
-	return reactIs_production_min$3;
+	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$5.AsyncMode=l;reactIs_production_min$5.ConcurrentMode=m;reactIs_production_min$5.ContextConsumer=k;reactIs_production_min$5.ContextProvider=h;reactIs_production_min$5.Element=c;reactIs_production_min$5.ForwardRef=n;reactIs_production_min$5.Fragment=e;reactIs_production_min$5.Lazy=t;reactIs_production_min$5.Memo=r;reactIs_production_min$5.Portal=d;
+	reactIs_production_min$5.Profiler=g;reactIs_production_min$5.StrictMode=f;reactIs_production_min$5.Suspense=p;reactIs_production_min$5.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min$5.isConcurrentMode=A;reactIs_production_min$5.isContextConsumer=function(a){return z(a)===k};reactIs_production_min$5.isContextProvider=function(a){return z(a)===h};reactIs_production_min$5.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min$5.isForwardRef=function(a){return z(a)===n};reactIs_production_min$5.isFragment=function(a){return z(a)===e};reactIs_production_min$5.isLazy=function(a){return z(a)===t};
+	reactIs_production_min$5.isMemo=function(a){return z(a)===r};reactIs_production_min$5.isPortal=function(a){return z(a)===d};reactIs_production_min$5.isProfiler=function(a){return z(a)===g};reactIs_production_min$5.isStrictMode=function(a){return z(a)===f};reactIs_production_min$5.isSuspense=function(a){return z(a)===p};
+	reactIs_production_min$5.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$5.typeOf=z;
+	return reactIs_production_min$5;
 }
 
-var reactIs_development$3 = {};
+var reactIs_development$5 = {};
 
 /** @license React v16.13.1
  * react-is.development.js
@@ -2322,11 +2354,11 @@ var reactIs_development$3 = {};
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredReactIs_development$3;
+var hasRequiredReactIs_development$5;
 
-function requireReactIs_development$3 () {
-	if (hasRequiredReactIs_development$3) return reactIs_development$3;
-	hasRequiredReactIs_development$3 = 1;
+function requireReactIs_development$5 () {
+	if (hasRequiredReactIs_development$5) return reactIs_development$5;
+	hasRequiredReactIs_development$5 = 1;
 
 
 
@@ -2467,51 +2499,51 @@ function requireReactIs_development$3 () {
 	  return typeOf(object) === REACT_SUSPENSE_TYPE;
 	}
 
-	reactIs_development$3.AsyncMode = AsyncMode;
-	reactIs_development$3.ConcurrentMode = ConcurrentMode;
-	reactIs_development$3.ContextConsumer = ContextConsumer;
-	reactIs_development$3.ContextProvider = ContextProvider;
-	reactIs_development$3.Element = Element;
-	reactIs_development$3.ForwardRef = ForwardRef;
-	reactIs_development$3.Fragment = Fragment;
-	reactIs_development$3.Lazy = Lazy;
-	reactIs_development$3.Memo = Memo;
-	reactIs_development$3.Portal = Portal;
-	reactIs_development$3.Profiler = Profiler;
-	reactIs_development$3.StrictMode = StrictMode;
-	reactIs_development$3.Suspense = Suspense;
-	reactIs_development$3.isAsyncMode = isAsyncMode;
-	reactIs_development$3.isConcurrentMode = isConcurrentMode;
-	reactIs_development$3.isContextConsumer = isContextConsumer;
-	reactIs_development$3.isContextProvider = isContextProvider;
-	reactIs_development$3.isElement = isElement;
-	reactIs_development$3.isForwardRef = isForwardRef;
-	reactIs_development$3.isFragment = isFragment;
-	reactIs_development$3.isLazy = isLazy;
-	reactIs_development$3.isMemo = isMemo;
-	reactIs_development$3.isPortal = isPortal;
-	reactIs_development$3.isProfiler = isProfiler;
-	reactIs_development$3.isStrictMode = isStrictMode;
-	reactIs_development$3.isSuspense = isSuspense;
-	reactIs_development$3.isValidElementType = isValidElementType;
-	reactIs_development$3.typeOf = typeOf;
+	reactIs_development$5.AsyncMode = AsyncMode;
+	reactIs_development$5.ConcurrentMode = ConcurrentMode;
+	reactIs_development$5.ContextConsumer = ContextConsumer;
+	reactIs_development$5.ContextProvider = ContextProvider;
+	reactIs_development$5.Element = Element;
+	reactIs_development$5.ForwardRef = ForwardRef;
+	reactIs_development$5.Fragment = Fragment;
+	reactIs_development$5.Lazy = Lazy;
+	reactIs_development$5.Memo = Memo;
+	reactIs_development$5.Portal = Portal;
+	reactIs_development$5.Profiler = Profiler;
+	reactIs_development$5.StrictMode = StrictMode;
+	reactIs_development$5.Suspense = Suspense;
+	reactIs_development$5.isAsyncMode = isAsyncMode;
+	reactIs_development$5.isConcurrentMode = isConcurrentMode;
+	reactIs_development$5.isContextConsumer = isContextConsumer;
+	reactIs_development$5.isContextProvider = isContextProvider;
+	reactIs_development$5.isElement = isElement;
+	reactIs_development$5.isForwardRef = isForwardRef;
+	reactIs_development$5.isFragment = isFragment;
+	reactIs_development$5.isLazy = isLazy;
+	reactIs_development$5.isMemo = isMemo;
+	reactIs_development$5.isPortal = isPortal;
+	reactIs_development$5.isProfiler = isProfiler;
+	reactIs_development$5.isStrictMode = isStrictMode;
+	reactIs_development$5.isSuspense = isSuspense;
+	reactIs_development$5.isValidElementType = isValidElementType;
+	reactIs_development$5.typeOf = typeOf;
 	  })();
 	}
-	return reactIs_development$3;
+	return reactIs_development$5;
 }
 
-var hasRequiredReactIs$3;
+var hasRequiredReactIs$5;
 
-function requireReactIs$3 () {
-	if (hasRequiredReactIs$3) return reactIs$3.exports;
-	hasRequiredReactIs$3 = 1;
+function requireReactIs$5 () {
+	if (hasRequiredReactIs$5) return reactIs$5.exports;
+	hasRequiredReactIs$5 = 1;
 
 	if (process.env.NODE_ENV === 'production') {
-	  reactIs$3.exports = requireReactIs_production_min$3();
+	  reactIs$5.exports = requireReactIs_production_min$5();
 	} else {
-	  reactIs$3.exports = requireReactIs_development$3();
+	  reactIs$5.exports = requireReactIs_development$5();
 	}
-	return reactIs$3.exports;
+	return reactIs$5.exports;
 }
 
 /*
@@ -2520,12 +2552,12 @@ object-assign
 @license MIT
 */
 
-var objectAssign$3;
-var hasRequiredObjectAssign$3;
+var objectAssign$5;
+var hasRequiredObjectAssign$5;
 
-function requireObjectAssign$3 () {
-	if (hasRequiredObjectAssign$3) return objectAssign$3;
-	hasRequiredObjectAssign$3 = 1;
+function requireObjectAssign$5 () {
+	if (hasRequiredObjectAssign$5) return objectAssign$5;
+	hasRequiredObjectAssign$5 = 1;
 	/* eslint-disable no-unused-vars */
 	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 	var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -2583,7 +2615,7 @@ function requireObjectAssign$3 () {
 		}
 	}
 
-	objectAssign$3 = shouldUseNative() ? Object.assign : function (target, source) {
+	objectAssign$5 = shouldUseNative() ? Object.assign : function (target, source) {
 		var from;
 		var to = toObject(target);
 		var symbols;
@@ -2609,7 +2641,7 @@ function requireObjectAssign$3 () {
 
 		return to;
 	};
-	return objectAssign$3;
+	return objectAssign$5;
 }
 
 /**
@@ -2619,27 +2651,27 @@ function requireObjectAssign$3 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret_1$3;
-var hasRequiredReactPropTypesSecret$3;
+var ReactPropTypesSecret_1$5;
+var hasRequiredReactPropTypesSecret$5;
 
-function requireReactPropTypesSecret$3 () {
-	if (hasRequiredReactPropTypesSecret$3) return ReactPropTypesSecret_1$3;
-	hasRequiredReactPropTypesSecret$3 = 1;
+function requireReactPropTypesSecret$5 () {
+	if (hasRequiredReactPropTypesSecret$5) return ReactPropTypesSecret_1$5;
+	hasRequiredReactPropTypesSecret$5 = 1;
 
 	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-	ReactPropTypesSecret_1$3 = ReactPropTypesSecret;
-	return ReactPropTypesSecret_1$3;
+	ReactPropTypesSecret_1$5 = ReactPropTypesSecret;
+	return ReactPropTypesSecret_1$5;
 }
 
-var has$3;
-var hasRequiredHas$3;
+var has$5;
+var hasRequiredHas$5;
 
-function requireHas$3 () {
-	if (hasRequiredHas$3) return has$3;
-	hasRequiredHas$3 = 1;
-	has$3 = Function.call.bind(Object.prototype.hasOwnProperty);
-	return has$3;
+function requireHas$5 () {
+	if (hasRequiredHas$5) return has$5;
+	hasRequiredHas$5 = 1;
+	has$5 = Function.call.bind(Object.prototype.hasOwnProperty);
+	return has$5;
 }
 
 /**
@@ -2649,19 +2681,19 @@ function requireHas$3 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var checkPropTypes_1$3;
-var hasRequiredCheckPropTypes$3;
+var checkPropTypes_1$5;
+var hasRequiredCheckPropTypes$5;
 
-function requireCheckPropTypes$3 () {
-	if (hasRequiredCheckPropTypes$3) return checkPropTypes_1$3;
-	hasRequiredCheckPropTypes$3 = 1;
+function requireCheckPropTypes$5 () {
+	if (hasRequiredCheckPropTypes$5) return checkPropTypes_1$5;
+	hasRequiredCheckPropTypes$5 = 1;
 
 	var printWarning = function() {};
 
 	if (process.env.NODE_ENV !== 'production') {
-	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$3();
+	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$5();
 	  var loggedTypeFailures = {};
-	  var has = /*@__PURE__*/ requireHas$3();
+	  var has = /*@__PURE__*/ requireHas$5();
 
 	  printWarning = function(text) {
 	    var message = 'Warning: ' + text;
@@ -2749,8 +2781,8 @@ function requireCheckPropTypes$3 () {
 	  }
 	};
 
-	checkPropTypes_1$3 = checkPropTypes;
-	return checkPropTypes_1$3;
+	checkPropTypes_1$5 = checkPropTypes;
+	return checkPropTypes_1$5;
 }
 
 /**
@@ -2760,19 +2792,19 @@ function requireCheckPropTypes$3 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var factoryWithTypeCheckers$3;
-var hasRequiredFactoryWithTypeCheckers$3;
+var factoryWithTypeCheckers$5;
+var hasRequiredFactoryWithTypeCheckers$5;
 
-function requireFactoryWithTypeCheckers$3 () {
-	if (hasRequiredFactoryWithTypeCheckers$3) return factoryWithTypeCheckers$3;
-	hasRequiredFactoryWithTypeCheckers$3 = 1;
+function requireFactoryWithTypeCheckers$5 () {
+	if (hasRequiredFactoryWithTypeCheckers$5) return factoryWithTypeCheckers$5;
+	hasRequiredFactoryWithTypeCheckers$5 = 1;
 
-	var ReactIs = requireReactIs$3();
-	var assign = requireObjectAssign$3();
+	var ReactIs = requireReactIs$5();
+	var assign = requireObjectAssign$5();
 
-	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$3();
-	var has = /*@__PURE__*/ requireHas$3();
-	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes$3();
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$5();
+	var has = /*@__PURE__*/ requireHas$5();
+	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes$5();
 
 	var printWarning = function() {};
 
@@ -2795,7 +2827,7 @@ function requireFactoryWithTypeCheckers$3 () {
 	  return null;
 	}
 
-	factoryWithTypeCheckers$3 = function(isValidElement, throwOnDirectAccess) {
+	factoryWithTypeCheckers$5 = function(isValidElement, throwOnDirectAccess) {
 	  /* global Symbol */
 	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
@@ -3368,7 +3400,7 @@ function requireFactoryWithTypeCheckers$3 () {
 
 	  return ReactPropTypes;
 	};
-	return factoryWithTypeCheckers$3;
+	return factoryWithTypeCheckers$5;
 }
 
 /**
@@ -3378,20 +3410,20 @@ function requireFactoryWithTypeCheckers$3 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var factoryWithThrowingShims$3;
-var hasRequiredFactoryWithThrowingShims$3;
+var factoryWithThrowingShims$5;
+var hasRequiredFactoryWithThrowingShims$5;
 
-function requireFactoryWithThrowingShims$3 () {
-	if (hasRequiredFactoryWithThrowingShims$3) return factoryWithThrowingShims$3;
-	hasRequiredFactoryWithThrowingShims$3 = 1;
+function requireFactoryWithThrowingShims$5 () {
+	if (hasRequiredFactoryWithThrowingShims$5) return factoryWithThrowingShims$5;
+	hasRequiredFactoryWithThrowingShims$5 = 1;
 
-	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$3();
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret$5();
 
 	function emptyFunction() {}
 	function emptyFunctionWithReset() {}
 	emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
-	factoryWithThrowingShims$3 = function() {
+	factoryWithThrowingShims$5 = function() {
 	  function shim(props, propName, componentName, location, propFullName, secret) {
 	    if (secret === ReactPropTypesSecret) {
 	      // It is still safe when called from React.
@@ -3439,7 +3471,7 @@ function requireFactoryWithThrowingShims$3 () {
 
 	  return ReactPropTypes;
 	};
-	return factoryWithThrowingShims$3;
+	return factoryWithThrowingShims$5;
 }
 
 /**
@@ -3449,28 +3481,28 @@ function requireFactoryWithThrowingShims$3 () {
  * LICENSE file in the root directory of this source tree.
  */
 
-var hasRequiredPropTypes$3;
+var hasRequiredPropTypes$5;
 
-function requirePropTypes$3 () {
-	if (hasRequiredPropTypes$3) return propTypes$3.exports;
-	hasRequiredPropTypes$3 = 1;
+function requirePropTypes$5 () {
+	if (hasRequiredPropTypes$5) return propTypes$5.exports;
+	hasRequiredPropTypes$5 = 1;
 	if (process.env.NODE_ENV !== 'production') {
-	  var ReactIs = requireReactIs$3();
+	  var ReactIs = requireReactIs$5();
 
 	  // By explicitly using `prop-types` you are opting into new development behavior.
 	  // http://fb.me/prop-types-in-prod
 	  var throwOnDirectAccess = true;
-	  propTypes$3.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers$3()(ReactIs.isElement, throwOnDirectAccess);
+	  propTypes$5.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers$5()(ReactIs.isElement, throwOnDirectAccess);
 	} else {
 	  // By explicitly using `prop-types` you are opting into new production behavior.
 	  // http://fb.me/prop-types-in-prod
-	  propTypes$3.exports = /*@__PURE__*/ requireFactoryWithThrowingShims$3()();
+	  propTypes$5.exports = /*@__PURE__*/ requireFactoryWithThrowingShims$5()();
 	}
-	return propTypes$3.exports;
+	return propTypes$5.exports;
 }
 
-var propTypesExports$3 = /*@__PURE__*/ requirePropTypes$3();
-var PropTypes$3 = /*@__PURE__*/getDefaultExportFromCjs$3(propTypesExports$3);
+var propTypesExports$5 = /*@__PURE__*/ requirePropTypes$5();
+var PropTypes$5 = /*@__PURE__*/getDefaultExportFromCjs$5(propTypesExports$5);
 
 const SystemOperations = _ref => {
   let {
@@ -3552,15 +3584,15 @@ const SystemOperations = _ref => {
   });
 };
 SystemOperations.propTypes = {
-  onPowerOff: PropTypes$3.func,
-  onRestart: PropTypes$3.func,
-  powerOffLabel: PropTypes$3.string,
-  restartLabel: PropTypes$3.string,
-  iconClassName: PropTypes$3.string,
-  confirmTitle: PropTypes$3.string,
-  cancelText: PropTypes$3.string,
-  okText: PropTypes$3.string,
-  run: PropTypes$3.func
+  onPowerOff: PropTypes$5.func,
+  onRestart: PropTypes$5.func,
+  powerOffLabel: PropTypes$5.string,
+  restartLabel: PropTypes$5.string,
+  iconClassName: PropTypes$5.string,
+  confirmTitle: PropTypes$5.string,
+  cancelText: PropTypes$5.string,
+  okText: PropTypes$5.string,
+  run: PropTypes$5.func
 };
 var SystemOperations$1 = SystemOperations;
 
@@ -3603,10 +3635,10 @@ const useSpaLogo = function () {
   }, "logo")];
 };
 useSpaLogo.propTypes = {
-  logoUrl: PropTypes$3.string,
-  logoWidth: PropTypes$3.number,
-  logoAlt: PropTypes$3.string,
-  onClick: PropTypes$3.func
+  logoUrl: PropTypes$5.string,
+  logoWidth: PropTypes$5.number,
+  logoAlt: PropTypes$5.string,
+  onClick: PropTypes$5.func
 };
 var useSpaLogo$1 = useSpaLogo;
 
@@ -3708,23 +3740,23 @@ const CommonHeader = _ref => {
 
 // PropTypes 类型检查
 CommonHeader.propTypes = {
-  menuElement: PropTypes$3.node,
-  productInfo: PropTypes$3.shape({
-    productName: PropTypes$3.string,
-    version: PropTypes$3.string
+  menuElement: PropTypes$5.node,
+  productInfo: PropTypes$5.shape({
+    productName: PropTypes$5.string,
+    version: PropTypes$5.string
   }),
-  showLogo: PropTypes$3.bool,
-  showProductInfo: PropTypes$3.bool,
-  showHardwareUsage: PropTypes$3.bool,
-  showSystemOperations: PropTypes$3.bool,
-  onPowerOff: PropTypes$3.func,
-  onRestart: PropTypes$3.func,
-  onRun: PropTypes$3.func,
-  hardwareMonitorUrl: PropTypes$3.string,
-  getSocketUrl: PropTypes$3.func,
-  logoProps: PropTypes$3.object,
-  className: PropTypes$3.string,
-  style: PropTypes$3.object
+  showLogo: PropTypes$5.bool,
+  showProductInfo: PropTypes$5.bool,
+  showHardwareUsage: PropTypes$5.bool,
+  showSystemOperations: PropTypes$5.bool,
+  onPowerOff: PropTypes$5.func,
+  onRestart: PropTypes$5.func,
+  onRun: PropTypes$5.func,
+  hardwareMonitorUrl: PropTypes$5.string,
+  getSocketUrl: PropTypes$5.func,
+  logoProps: PropTypes$5.object,
+  className: PropTypes$5.string,
+  style: PropTypes$5.object
 };
 var CommonHeader$1 = CommonHeader;
 
@@ -3881,6 +3913,2402 @@ const StyledModal = props => {
   }, restProps));
 };
 var StyledModal$1 = StyledModal;
+function getDefaultExportFromCjs$4(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+var propTypes$4 = {
+  exports: {}
+};
+var reactIs$4 = {
+  exports: {}
+};
+var reactIs_production_min$4 = {};
+
+/** @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$4;
+function requireReactIs_production_min$4() {
+  if (hasRequiredReactIs_production_min$4) return reactIs_production_min$4;
+  hasRequiredReactIs_production_min$4 = 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$4.AsyncMode = l;
+  reactIs_production_min$4.ConcurrentMode = m;
+  reactIs_production_min$4.ContextConsumer = k;
+  reactIs_production_min$4.ContextProvider = h;
+  reactIs_production_min$4.Element = c;
+  reactIs_production_min$4.ForwardRef = n;
+  reactIs_production_min$4.Fragment = e;
+  reactIs_production_min$4.Lazy = t;
+  reactIs_production_min$4.Memo = r;
+  reactIs_production_min$4.Portal = d;
+  reactIs_production_min$4.Profiler = g;
+  reactIs_production_min$4.StrictMode = f;
+  reactIs_production_min$4.Suspense = p;
+  reactIs_production_min$4.isAsyncMode = function (a) {
+    return A(a) || z(a) === l;
+  };
+  reactIs_production_min$4.isConcurrentMode = A;
+  reactIs_production_min$4.isContextConsumer = function (a) {
+    return z(a) === k;
+  };
+  reactIs_production_min$4.isContextProvider = function (a) {
+    return z(a) === h;
+  };
+  reactIs_production_min$4.isElement = function (a) {
+    return "object" === typeof a && null !== a && a.$$typeof === c;
+  };
+  reactIs_production_min$4.isForwardRef = function (a) {
+    return z(a) === n;
+  };
+  reactIs_production_min$4.isFragment = function (a) {
+    return z(a) === e;
+  };
+  reactIs_production_min$4.isLazy = function (a) {
+    return z(a) === t;
+  };
+  reactIs_production_min$4.isMemo = function (a) {
+    return z(a) === r;
+  };
+  reactIs_production_min$4.isPortal = function (a) {
+    return z(a) === d;
+  };
+  reactIs_production_min$4.isProfiler = function (a) {
+    return z(a) === g;
+  };
+  reactIs_production_min$4.isStrictMode = function (a) {
+    return z(a) === f;
+  };
+  reactIs_production_min$4.isSuspense = function (a) {
+    return z(a) === p;
+  };
+  reactIs_production_min$4.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$4.typeOf = z;
+  return reactIs_production_min$4;
+}
+var reactIs_development$4 = {};
+
+/** @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$4;
+function requireReactIs_development$4() {
+  if (hasRequiredReactIs_development$4) return reactIs_development$4;
+  hasRequiredReactIs_development$4 = 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$4.AsyncMode = AsyncMode;
+      reactIs_development$4.ConcurrentMode = ConcurrentMode;
+      reactIs_development$4.ContextConsumer = ContextConsumer;
+      reactIs_development$4.ContextProvider = ContextProvider;
+      reactIs_development$4.Element = Element;
+      reactIs_development$4.ForwardRef = ForwardRef;
+      reactIs_development$4.Fragment = Fragment;
+      reactIs_development$4.Lazy = Lazy;
+      reactIs_development$4.Memo = Memo;
+      reactIs_development$4.Portal = Portal;
+      reactIs_development$4.Profiler = Profiler;
+      reactIs_development$4.StrictMode = StrictMode;
+      reactIs_development$4.Suspense = Suspense;
+      reactIs_development$4.isAsyncMode = isAsyncMode;
+      reactIs_development$4.isConcurrentMode = isConcurrentMode;
+      reactIs_development$4.isContextConsumer = isContextConsumer;
+      reactIs_development$4.isContextProvider = isContextProvider;
+      reactIs_development$4.isElement = isElement;
+      reactIs_development$4.isForwardRef = isForwardRef;
+      reactIs_development$4.isFragment = isFragment;
+      reactIs_development$4.isLazy = isLazy;
+      reactIs_development$4.isMemo = isMemo;
+      reactIs_development$4.isPortal = isPortal;
+      reactIs_development$4.isProfiler = isProfiler;
+      reactIs_development$4.isStrictMode = isStrictMode;
+      reactIs_development$4.isSuspense = isSuspense;
+      reactIs_development$4.isValidElementType = isValidElementType;
+      reactIs_development$4.typeOf = typeOf;
+    })();
+  }
+  return reactIs_development$4;
+}
+var hasRequiredReactIs$4;
+function requireReactIs$4() {
+  if (hasRequiredReactIs$4) return reactIs$4.exports;
+  hasRequiredReactIs$4 = 1;
+  if (process.env.NODE_ENV === 'production') {
+    reactIs$4.exports = requireReactIs_production_min$4();
+  } else {
+    reactIs$4.exports = requireReactIs_development$4();
+  }
+  return reactIs$4.exports;
+}
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+var objectAssign$4;
+var hasRequiredObjectAssign$4;
+function requireObjectAssign$4() {
+  if (hasRequiredObjectAssign$4) return objectAssign$4;
+  hasRequiredObjectAssign$4 = 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$4 = 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$4;
+}
+
+/**
+ * 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$4;
+var hasRequiredReactPropTypesSecret$4;
+function requireReactPropTypesSecret$4() {
+  if (hasRequiredReactPropTypesSecret$4) return ReactPropTypesSecret_1$4;
+  hasRequiredReactPropTypesSecret$4 = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1$4 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1$4;
+}
+var has$4;
+var hasRequiredHas$4;
+function requireHas$4() {
+  if (hasRequiredHas$4) return has$4;
+  hasRequiredHas$4 = 1;
+  has$4 = Function.call.bind(Object.prototype.hasOwnProperty);
+  return has$4;
+}
+
+/**
+ * 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$4;
+var hasRequiredCheckPropTypes$4;
+function requireCheckPropTypes$4() {
+  if (hasRequiredCheckPropTypes$4) return checkPropTypes_1$4;
+  hasRequiredCheckPropTypes$4 = 1;
+  var printWarning = function () {};
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$4();
+    var loggedTypeFailures = {};
+    var has = /*@__PURE__*/requireHas$4();
+    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$4 = checkPropTypes;
+  return checkPropTypes_1$4;
+}
+
+/**
+ * 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$4;
+var hasRequiredFactoryWithTypeCheckers$4;
+function requireFactoryWithTypeCheckers$4() {
+  if (hasRequiredFactoryWithTypeCheckers$4) return factoryWithTypeCheckers$4;
+  hasRequiredFactoryWithTypeCheckers$4 = 1;
+  var ReactIs = requireReactIs$4();
+  var assign = requireObjectAssign$4();
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$4();
+  var has = /*@__PURE__*/requireHas$4();
+  var checkPropTypes = /*@__PURE__*/requireCheckPropTypes$4();
+  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$4 = 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$4;
+}
+
+/**
+ * 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$4;
+var hasRequiredFactoryWithThrowingShims$4;
+function requireFactoryWithThrowingShims$4() {
+  if (hasRequiredFactoryWithThrowingShims$4) return factoryWithThrowingShims$4;
+  hasRequiredFactoryWithThrowingShims$4 = 1;
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$4();
+  function emptyFunction() {}
+  function emptyFunctionWithReset() {}
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims$4 = 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$4;
+}
+
+/**
+ * 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$4;
+function requirePropTypes$4() {
+  if (hasRequiredPropTypes$4) return propTypes$4.exports;
+  hasRequiredPropTypes$4 = 1;
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = requireReactIs$4();
+
+    // By explicitly using `prop-types` you are opting into new development behavior.
+    // http://fb.me/prop-types-in-prod
+    var throwOnDirectAccess = true;
+    propTypes$4.exports = /*@__PURE__*/requireFactoryWithTypeCheckers$4()(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    // By explicitly using `prop-types` you are opting into new production behavior.
+    // http://fb.me/prop-types-in-prod
+    propTypes$4.exports = /*@__PURE__*/requireFactoryWithThrowingShims$4()();
+  }
+  return propTypes$4.exports;
+}
+var propTypesExports$4 = /*@__PURE__*/requirePropTypes$4();
+var PropTypes$4 = /*@__PURE__*/getDefaultExportFromCjs$4(propTypesExports$4);
+({
+  onPowerOff: PropTypes$4.func,
+  onRestart: PropTypes$4.func,
+  powerOffLabel: PropTypes$4.string,
+  restartLabel: PropTypes$4.string,
+  iconClassName: PropTypes$4.string,
+  confirmTitle: PropTypes$4.string,
+  cancelText: PropTypes$4.string,
+  okText: PropTypes$4.string,
+  run: PropTypes$4.func
+});
+({
+  logoUrl: PropTypes$4.string,
+  logoWidth: PropTypes$4.number,
+  logoAlt: PropTypes$4.string,
+  onClick: PropTypes$4.func
+});
+
+// PropTypes 类型检查
+({
+  menuElement: PropTypes$4.node,
+  productInfo: PropTypes$4.shape({
+    productName: PropTypes$4.string,
+    version: PropTypes$4.string
+  }),
+  showLogo: PropTypes$4.bool,
+  showProductInfo: PropTypes$4.bool,
+  showHardwareUsage: PropTypes$4.bool,
+  showSystemOperations: PropTypes$4.bool,
+  onPowerOff: PropTypes$4.func,
+  onRestart: PropTypes$4.func,
+  onRun: PropTypes$4.func,
+  hardwareMonitorUrl: PropTypes$4.string,
+  getSocketUrl: PropTypes$4.func,
+  logoProps: PropTypes$4.object,
+  className: PropTypes$4.string,
+  style: PropTypes$4.object
+});
+function getDefaultExportFromCjs$3(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+var propTypes$3 = {
+  exports: {}
+};
+var reactIs$3 = {
+  exports: {}
+};
+var reactIs_production_min$3 = {};
+
+/** @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$3;
+function requireReactIs_production_min$3() {
+  if (hasRequiredReactIs_production_min$3) return reactIs_production_min$3;
+  hasRequiredReactIs_production_min$3 = 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$3.AsyncMode = l;
+  reactIs_production_min$3.ConcurrentMode = m;
+  reactIs_production_min$3.ContextConsumer = k;
+  reactIs_production_min$3.ContextProvider = h;
+  reactIs_production_min$3.Element = c;
+  reactIs_production_min$3.ForwardRef = n;
+  reactIs_production_min$3.Fragment = e;
+  reactIs_production_min$3.Lazy = t;
+  reactIs_production_min$3.Memo = r;
+  reactIs_production_min$3.Portal = d;
+  reactIs_production_min$3.Profiler = g;
+  reactIs_production_min$3.StrictMode = f;
+  reactIs_production_min$3.Suspense = p;
+  reactIs_production_min$3.isAsyncMode = function (a) {
+    return A(a) || z(a) === l;
+  };
+  reactIs_production_min$3.isConcurrentMode = A;
+  reactIs_production_min$3.isContextConsumer = function (a) {
+    return z(a) === k;
+  };
+  reactIs_production_min$3.isContextProvider = function (a) {
+    return z(a) === h;
+  };
+  reactIs_production_min$3.isElement = function (a) {
+    return "object" === typeof a && null !== a && a.$$typeof === c;
+  };
+  reactIs_production_min$3.isForwardRef = function (a) {
+    return z(a) === n;
+  };
+  reactIs_production_min$3.isFragment = function (a) {
+    return z(a) === e;
+  };
+  reactIs_production_min$3.isLazy = function (a) {
+    return z(a) === t;
+  };
+  reactIs_production_min$3.isMemo = function (a) {
+    return z(a) === r;
+  };
+  reactIs_production_min$3.isPortal = function (a) {
+    return z(a) === d;
+  };
+  reactIs_production_min$3.isProfiler = function (a) {
+    return z(a) === g;
+  };
+  reactIs_production_min$3.isStrictMode = function (a) {
+    return z(a) === f;
+  };
+  reactIs_production_min$3.isSuspense = function (a) {
+    return z(a) === p;
+  };
+  reactIs_production_min$3.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$3.typeOf = z;
+  return reactIs_production_min$3;
+}
+var reactIs_development$3 = {};
+
+/** @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$3;
+function requireReactIs_development$3() {
+  if (hasRequiredReactIs_development$3) return reactIs_development$3;
+  hasRequiredReactIs_development$3 = 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$3.AsyncMode = AsyncMode;
+      reactIs_development$3.ConcurrentMode = ConcurrentMode;
+      reactIs_development$3.ContextConsumer = ContextConsumer;
+      reactIs_development$3.ContextProvider = ContextProvider;
+      reactIs_development$3.Element = Element;
+      reactIs_development$3.ForwardRef = ForwardRef;
+      reactIs_development$3.Fragment = Fragment;
+      reactIs_development$3.Lazy = Lazy;
+      reactIs_development$3.Memo = Memo;
+      reactIs_development$3.Portal = Portal;
+      reactIs_development$3.Profiler = Profiler;
+      reactIs_development$3.StrictMode = StrictMode;
+      reactIs_development$3.Suspense = Suspense;
+      reactIs_development$3.isAsyncMode = isAsyncMode;
+      reactIs_development$3.isConcurrentMode = isConcurrentMode;
+      reactIs_development$3.isContextConsumer = isContextConsumer;
+      reactIs_development$3.isContextProvider = isContextProvider;
+      reactIs_development$3.isElement = isElement;
+      reactIs_development$3.isForwardRef = isForwardRef;
+      reactIs_development$3.isFragment = isFragment;
+      reactIs_development$3.isLazy = isLazy;
+      reactIs_development$3.isMemo = isMemo;
+      reactIs_development$3.isPortal = isPortal;
+      reactIs_development$3.isProfiler = isProfiler;
+      reactIs_development$3.isStrictMode = isStrictMode;
+      reactIs_development$3.isSuspense = isSuspense;
+      reactIs_development$3.isValidElementType = isValidElementType;
+      reactIs_development$3.typeOf = typeOf;
+    })();
+  }
+  return reactIs_development$3;
+}
+var hasRequiredReactIs$3;
+function requireReactIs$3() {
+  if (hasRequiredReactIs$3) return reactIs$3.exports;
+  hasRequiredReactIs$3 = 1;
+  if (process.env.NODE_ENV === 'production') {
+    reactIs$3.exports = requireReactIs_production_min$3();
+  } else {
+    reactIs$3.exports = requireReactIs_development$3();
+  }
+  return reactIs$3.exports;
+}
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+var objectAssign$3;
+var hasRequiredObjectAssign$3;
+function requireObjectAssign$3() {
+  if (hasRequiredObjectAssign$3) return objectAssign$3;
+  hasRequiredObjectAssign$3 = 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$3 = 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$3;
+}
+
+/**
+ * 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$3;
+var hasRequiredReactPropTypesSecret$3;
+function requireReactPropTypesSecret$3() {
+  if (hasRequiredReactPropTypesSecret$3) return ReactPropTypesSecret_1$3;
+  hasRequiredReactPropTypesSecret$3 = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1$3 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1$3;
+}
+var has$3;
+var hasRequiredHas$3;
+function requireHas$3() {
+  if (hasRequiredHas$3) return has$3;
+  hasRequiredHas$3 = 1;
+  has$3 = Function.call.bind(Object.prototype.hasOwnProperty);
+  return has$3;
+}
+
+/**
+ * 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$3;
+var hasRequiredCheckPropTypes$3;
+function requireCheckPropTypes$3() {
+  if (hasRequiredCheckPropTypes$3) return checkPropTypes_1$3;
+  hasRequiredCheckPropTypes$3 = 1;
+  var printWarning = function () {};
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$3();
+    var loggedTypeFailures = {};
+    var has = /*@__PURE__*/requireHas$3();
+    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$3 = checkPropTypes;
+  return checkPropTypes_1$3;
+}
+
+/**
+ * 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$3;
+var hasRequiredFactoryWithTypeCheckers$3;
+function requireFactoryWithTypeCheckers$3() {
+  if (hasRequiredFactoryWithTypeCheckers$3) return factoryWithTypeCheckers$3;
+  hasRequiredFactoryWithTypeCheckers$3 = 1;
+  var ReactIs = requireReactIs$3();
+  var assign = requireObjectAssign$3();
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$3();
+  var has = /*@__PURE__*/requireHas$3();
+  var checkPropTypes = /*@__PURE__*/requireCheckPropTypes$3();
+  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$3 = 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$3;
+}
+
+/**
+ * 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$3;
+var hasRequiredFactoryWithThrowingShims$3;
+function requireFactoryWithThrowingShims$3() {
+  if (hasRequiredFactoryWithThrowingShims$3) return factoryWithThrowingShims$3;
+  hasRequiredFactoryWithThrowingShims$3 = 1;
+  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret$3();
+  function emptyFunction() {}
+  function emptyFunctionWithReset() {}
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims$3 = 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$3;
+}
+
+/**
+ * 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$3;
+function requirePropTypes$3() {
+  if (hasRequiredPropTypes$3) return propTypes$3.exports;
+  hasRequiredPropTypes$3 = 1;
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactIs = requireReactIs$3();
+
+    // By explicitly using `prop-types` you are opting into new development behavior.
+    // http://fb.me/prop-types-in-prod
+    var throwOnDirectAccess = true;
+    propTypes$3.exports = /*@__PURE__*/requireFactoryWithTypeCheckers$3()(ReactIs.isElement, throwOnDirectAccess);
+  } else {
+    // By explicitly using `prop-types` you are opting into new production behavior.
+    // http://fb.me/prop-types-in-prod
+    propTypes$3.exports = /*@__PURE__*/requireFactoryWithThrowingShims$3()();
+  }
+  return propTypes$3.exports;
+}
+var propTypesExports$3 = /*@__PURE__*/requirePropTypes$3();
+var PropTypes$3 = /*@__PURE__*/getDefaultExportFromCjs$3(propTypesExports$3);
+({
+  onPowerOff: PropTypes$3.func,
+  onRestart: PropTypes$3.func,
+  powerOffLabel: PropTypes$3.string,
+  restartLabel: PropTypes$3.string,
+  iconClassName: PropTypes$3.string,
+  confirmTitle: PropTypes$3.string,
+  cancelText: PropTypes$3.string,
+  okText: PropTypes$3.string,
+  run: PropTypes$3.func
+});
+({
+  logoUrl: PropTypes$3.string,
+  logoWidth: PropTypes$3.number,
+  logoAlt: PropTypes$3.string,
+  onClick: PropTypes$3.func
+});
+
+// PropTypes 类型检查
+({
+  menuElement: PropTypes$3.node,
+  productInfo: PropTypes$3.shape({
+    productName: PropTypes$3.string,
+    version: PropTypes$3.string
+  }),
+  showLogo: PropTypes$3.bool,
+  showProductInfo: PropTypes$3.bool,
+  showHardwareUsage: PropTypes$3.bool,
+  showSystemOperations: PropTypes$3.bool,
+  onPowerOff: PropTypes$3.func,
+  onRestart: PropTypes$3.func,
+  onRun: PropTypes$3.func,
+  hardwareMonitorUrl: PropTypes$3.string,
+  getSocketUrl: PropTypes$3.func,
+  logoProps: PropTypes$3.object,
+  className: PropTypes$3.string,
+  style: PropTypes$3.object
+});
 function getDefaultExportFromCjs$2(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }