seeder-st2110-components 1.0.3 → 1.0.4

package/dist/index.js

@@ -2305,37 +2305,50 @@ const NetworkSettingsModal = _ref2 => {
   const [st2110Interfaces, setSt2110Interfaces] = react.useState([]);
   const [lanConfigs, setLanConfigs] = react.useState([]);
   const [submitLoading, setSubmitLoading] = react.useState(false);
-  react.useEffect(() => {
-    const fetchInitialData = async () => {
-      try {
-        const promises = [];
-        if (sections.includes('LAN')) {
-          promises.push(getLanConfig());
-        }
-        if (sections.includes('QSFP')) {
-          promises.push(getSysConfig());
-        }
-        const results = await Promise.allSettled(promises);
-        if (sections.includes('LAN')) {
-          const lanResult = results[sections.indexOf('LAN')];
-          if (lanResult.status === 'fulfilled') {
-            setLanConfigs(lanResult.value);
-          }
+  const [isInitialized, setIsInitialized] = react.useState(false);
+  const fetchData = react.useCallback(async () => {
+    if (!open || isInitialized) return;
+    try {
+      const promises = [];
+      if (sections.includes('LAN')) {
+        promises.push(getLanConfig());
+      }
+      if (sections.includes('QSFP')) {
+        promises.push(getSysConfig());
+      }
+      const results = await Promise.allSettled(promises);
+      if (sections.includes('LAN')) {
+        const lanResult = results[0];
+        if (lanResult.status === 'fulfilled') {
+          setLanConfigs(lanResult.value);
         }
-        if (sections.includes('QSFP')) {
-          const sysResult = results[sections.indexOf('QSFP')];
-          if (sysResult.status === 'fulfilled' && sysResult.value) {
-            setSt2110Interfaces(sysResult.value.st2110_interfaces || []);
-          }
+      }
+      if (sections.includes('QSFP')) {
+        const sysResult = sections.includes('LAN') ? results[1] : results[0];
+        if (sysResult.status === 'fulfilled' && sysResult.value) {
+          setSt2110Interfaces(sysResult.value.st2110_interfaces || []);
         }
-      } catch (error) {
-        console.error('Failed to fetch data:', error);
       }
-    };
+      setIsInitialized(true);
+    } catch (error) {
+      console.error('Failed to fetch data:', error);
+    }
+  }, [open, isInitialized, getLanConfig, getSysConfig, sections]);
+  react.useEffect(() => {
     if (open) {
-      fetchInitialData();
+      fetchData();
+    }
+  }, [open, fetchData]);
+
+  // 当模态框关闭时重置初始化状态
+  react.useEffect(() => {
+    if (!open) {
+      setIsInitialized(false);
+      setLanConfigs([]);
+      setSt2110Interfaces([]);
+      form.resetFields();
     }
-  }, [open, getLanConfig, getSysConfig, sections]);
+  }, [open, form]);
 
   // 动态初始值配置
   const initialValues = react.useMemo(() => {
@@ -2357,7 +2370,7 @@ const NetworkSettingsModal = _ref2 => {
     }
     return values;
   }, [lanConfigs, st2110Interfaces, sections]);
-  const handleSuccess = async function () {
+  const handleSuccess = react.useCallback(async function () {
     let isPopup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     let messageText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Success';
     message.success(messageText);
@@ -2378,8 +2391,8 @@ const NetworkSettingsModal = _ref2 => {
       }
     }
     onClose();
-  };
-  const handleSubmit = async () => {
+  }, [message, modal, getSysConfig, restart, onClose]);
+  const handleSubmit = react.useCallback(async () => {
     setSubmitLoading(true);
     try {
       const values = await form.validateFields();
@@ -2421,7 +2434,7 @@ const NetworkSettingsModal = _ref2 => {
     } finally {
       setSubmitLoading(false);
     }
-  };
+  }, [form, sections, lanConfigs, st2110Interfaces, updateLanConfig, updateSysConfig, handleSuccess, message]);
 
   // 合并默认模态框属性和传入的属性
   const mergedModalProps = {
@@ -2464,7 +2477,7 @@ const NetworkSettingsModal = _ref2 => {
           prefix: "LAN",
           interfaces: initialValues.LAN,
           fieldConfig: fieldConfig.LAN
-        }), sections.includes('QSFP') && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
+        }), sections.includes('QSFP') && initialValues.QSFP && initialValues.QSFP.length > 0 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
       }), sections.includes('QSFP') && initialValues.QSFP && initialValues.QSFP.length > 0 && /*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
         prefix: "QSFP",
         interfaces: initialValues.QSFP,