seeder-st2110-components 1.0.4 → 1.0.5

package/dist/index.js

@@ -2270,10 +2270,12 @@ const NetworkFieldGroup = _ref => {
       }), mergedFieldConfig.ip.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
         label: mergedFieldConfig.ip.label,
         name: [prefix, index, "ip_address"],
+        initialValue: iface.ip_address,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
       }), mergedFieldConfig.netmask.enabled && /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
         label: mergedFieldConfig.netmask.label,
         name: [prefix, index, "netmask"],
+        initialValue: iface.netmask,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {})
       }), index < interfaces.length - 1 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {
         style: {
@@ -2307,7 +2309,7 @@ const NetworkSettingsModal = _ref2 => {
   const [submitLoading, setSubmitLoading] = react.useState(false);
   const [isInitialized, setIsInitialized] = react.useState(false);
   const fetchData = react.useCallback(async () => {
-    if (!open || isInitialized) return;
+    if (!open) return;
     try {
       const promises = [];
       if (sections.includes('LAN')) {
@@ -2320,7 +2322,7 @@ const NetworkSettingsModal = _ref2 => {
       if (sections.includes('LAN')) {
         const lanResult = results[0];
         if (lanResult.status === 'fulfilled') {
-          setLanConfigs(lanResult.value);
+          setLanConfigs(lanResult.value || []);
         }
       }
       if (sections.includes('QSFP')) {
@@ -2333,14 +2335,14 @@ const NetworkSettingsModal = _ref2 => {
     } catch (error) {
       console.error('Failed to fetch data:', error);
     }
-  }, [open, isInitialized, getLanConfig, getSysConfig, sections]);
+  }, [open, getLanConfig, getSysConfig, sections]);
   react.useEffect(() => {
     if (open) {
       fetchData();
     }
   }, [open, fetchData]);
 
-  // 当模态框关闭时重置初始化状态
+  // 当模态框关闭时重置状态
   react.useEffect(() => {
     if (!open) {
       setIsInitialized(false);
@@ -2353,23 +2355,30 @@ const NetworkSettingsModal = _ref2 => {
   // 动态初始值配置
   const initialValues = react.useMemo(() => {
     const values = {};
-    if (sections.includes('LAN')) {
+    if (sections.includes('LAN') && lanConfigs.length > 0) {
       values.LAN = lanConfigs.map(config => ({
         connection_id: config.connection_id,
         display_name: config.display_name,
         ip_address: config.ip_address,
         netmask: config.netmask
-      })) ?? [];
+      }));
     }
-    if (sections.includes('QSFP')) {
-      values.QSFP = st2110Interfaces?.map(iface => ({
+    if (sections.includes('QSFP') && st2110Interfaces.length > 0) {
+      values.QSFP = st2110Interfaces.map(iface => ({
         id: iface.id,
         display_name: iface.display_name,
         ip_address: iface.ip_address
-      })) ?? [];
+      }));
     }
     return values;
   }, [lanConfigs, st2110Interfaces, sections]);
+
+  // 当初始值准备好后设置表单值
+  react.useEffect(() => {
+    if (isInitialized && Object.keys(initialValues).length > 0) {
+      form.setFieldsValue(initialValues);
+    }
+  }, [initialValues, isInitialized, form]);
   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';
@@ -2458,7 +2467,6 @@ const NetworkSettingsModal = _ref2 => {
   // 合并默认表单属性和传入的属性
   const mergedFormProps = {
     form: form,
-    initialValues: initialValues,
     labelCol: {
       span: 6
     },
@@ -2472,15 +2480,15 @@ const NetworkSettingsModal = _ref2 => {
     ...mergedModalProps,
     children: /*#__PURE__*/jsxRuntime.jsxs(antd.Form, {
       ...mergedFormProps,
-      children: [sections.includes('LAN') && initialValues.LAN && initialValues.LAN.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [sections.includes('LAN') && lanConfigs.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
           prefix: "LAN",
-          interfaces: initialValues.LAN,
+          interfaces: lanConfigs,
           fieldConfig: fieldConfig.LAN
-        }), 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, {
+        }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(antd.Divider, {})]
+      }), sections.includes('QSFP') && st2110Interfaces.length > 0 && /*#__PURE__*/jsxRuntime.jsx(NetworkFieldGroup, {
         prefix: "QSFP",
-        interfaces: initialValues.QSFP,
+        interfaces: st2110Interfaces,
         fieldConfig: fieldConfig.QSFP
       })]
     })