fix: cluster value setting, volumes setting

src/components/seal-form/base/select.tsx

@@ -3,41 +3,43 @@ import type { SelectProps } from 'antd';
 import { Select } from 'antd';
 import React, { forwardRef, useImperativeHandle } from 'react';
 
-const BaseSelect: React.FC<SelectProps> = forwardRef((props, ref) => {
-  const [isFocus, setIsFocus] = React.useState(false);
-  const inputRef = React.useRef<any>(null);
+const BaseSelect: React.FC<SelectProps & { ref?: any }> = forwardRef(
+  (props, ref) => {
+    const [isFocus, setIsFocus] = React.useState(false);
+    const inputRef = React.useRef<any>(null);
 
-  useImperativeHandle(ref, () => ({
-    ...(inputRef.current || ({} as any))
-  }));
+    useImperativeHandle(ref, () => ({
+      ...(inputRef.current || ({} as any))
+    }));
 
-  const handleFocus = (e: React.FocusEvent<HTMLDivElement>) => {
-    setIsFocus(true);
-    props.onFocus?.(e);
-  };
-  const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {
-    setIsFocus(false);
-    props.onBlur?.(e);
-  };
-  const renderSuffixIcon = () => {
-    if (props.suffixIcon) {
-      return props.suffixIcon;
-    }
-    if (!props.showSearch) {
-      return <IconFont type="icon-down"></IconFont>;
-    }
-    return !isFocus ? <IconFont type="icon-down"></IconFont> : undefined;
-  };
+    const handleFocus = (e: React.FocusEvent<HTMLDivElement>) => {
+      setIsFocus(true);
+      props.onFocus?.(e);
+    };
+    const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {
+      setIsFocus(false);
+      props.onBlur?.(e);
+    };
+    const renderSuffixIcon = () => {
+      if (props.suffixIcon) {
+        return props.suffixIcon;
+      }
+      if (!props.showSearch) {
+        return <IconFont type="icon-down"></IconFont>;
+      }
+      return !isFocus ? <IconFont type="icon-down"></IconFont> : undefined;
+    };
 
-  return (
-    <Select
-      {...props}
-      ref={inputRef}
-      onFocus={handleFocus}
-      onBlur={handleBlur}
-      suffixIcon={renderSuffixIcon()}
-    />
-  );
-});
+    return (
+      <Select
+        {...props}
+        ref={inputRef}
+        onFocus={handleFocus}
+        onBlur={handleBlur}
+        suffixIcon={renderSuffixIcon()}
+      />
+    );
+  }
+);
 
 export default BaseSelect;

src/components/seal-form/input-number.tsx

@@ -23,6 +23,8 @@ const SealInputNumber: React.FC<InputNumberProps & SealFormItemProps> = (
   if (isInFormItems) {
     const statusData = Form?.Item?.useStatus?.();
     status = statusData?.status || '';
+  } else {
+    status = props.status || '';
   }
 
   useEffect(() => {

src/components/seal-form/seal-input.tsx

@@ -31,6 +31,8 @@ const SealInput: React.FC<InputProps & SealFormItemProps> = (props) => {
   if (isInFormItems) {
     const statusData = Form?.Item?.useStatus?.();
     status = statusData?.status || '';
+  } else {
+    status = props.status || '';
   }
 
   useEffect(() => {

src/components/seal-form/seal-select.tsx

@@ -25,12 +25,15 @@ const SealSelect: React.FC<SelectProps & SealFormItemProps> = (props) => {
   const intl = useIntl();
   const [isFocus, setIsFocus] = useState(false);
   const inputRef = useRef<any>(null);
+
   let status = '';
 
   // the status can be controlled by Form.Item
   if (isInFormItems) {
     const statusData = Form?.Item?.useStatus?.();
     status = statusData?.status || '';
+  } else {
+    status = props.status || '';
   }
 
   const _options = useMemo(() => {