refactor(ui): clean code

ui/src/components/access/AccessEditForm.tsx

@@ -40,7 +40,11 @@ export type AccessEditFormProps = {
   onValuesChange?: (values: AccessEditFormFieldValues) => void;
 };
 
-export type AccessEditFormInstance = FormInstance<AccessEditFormFieldValues>;
+export type AccessEditFormInstance = {
+  getFieldsValue: () => ReturnType<FormInstance<AccessEditFormFieldValues>["getFieldsValue"]>;
+  resetFields: FormInstance<AccessEditFormFieldValues>["resetFields"];
+  validateFields: FormInstance<AccessEditFormFieldValues>["validateFields"];
+};
 
 const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>(({ className, style, disabled, initialValues, preset, onValuesChange }, ref) => {
   const { t } = useTranslation();
@@ -131,26 +135,12 @@ const AccessEditForm = forwardRef<AccessEditFormInstance, AccessEditFormProps>((
 
   useImperativeHandle(ref, () => {
     return {
-      getFieldValue: (name) => formInst.getFieldValue(name),
+      getFieldsValue: () => {
-      getFieldsValue: (...args) => {
+        return formInst.getFieldsValue(true);
-        if (Array.from(args).length === 0) {
+      },
-          return formInst.getFieldsValue(true);
+      resetFields: (fields) => {
-        }
+        return formInst.resetFields(fields);
-
-        return formInst.getFieldsValue(args[0] as any, args[1] as any);
       },
-      getFieldError: (name) => formInst.getFieldError(name),
-      getFieldsError: (nameList) => formInst.getFieldsError(nameList),
-      getFieldWarning: (name) => formInst.getFieldWarning(name),
-      isFieldsTouched: (nameList, allFieldsTouched) => formInst.isFieldsTouched(nameList, allFieldsTouched),
-      isFieldTouched: (name) => formInst.isFieldTouched(name),
-      isFieldValidating: (name) => formInst.isFieldValidating(name),
-      isFieldsValidating: (nameList) => formInst.isFieldsValidating(nameList),
-      resetFields: (fields) => formInst.resetFields(fields),
-      setFields: (fields) => formInst.setFields(fields),
-      setFieldValue: (name, value) => formInst.setFieldValue(name, value),
-      setFieldsValue: (values) => formInst.setFieldsValue(values),
-      submit: () => formInst.submit(),
       validateFields: (nameList, config) => {
         const t1 = formInst.validateFields(nameList, config);
         const t2 = configFormInst.validateFields(undefined, config);

ui/src/components/access/AccessEditModal.tsx

@@ -62,13 +62,13 @@ const AccessEditModal = ({ data, loading, trigger, preset, ...props }: AccessEdi
           throw "Invalid props: `data`";
         }
 
-        await createAccess(formRef.current!.getFieldsValue(true) as AccessModel);
+        await createAccess(formRef.current!.getFieldsValue() as AccessModel);
       } else if (preset === "edit") {
         if (!data?.id) {
           throw "Invalid props: `data`";
         }
 
-        await updateAccess({ ...data, ...formRef.current!.getFieldsValue(true) } as AccessModel);
+        await updateAccess({ ...data, ...formRef.current!.getFieldsValue() } as AccessModel);
       }
 
       setOpen(false);

ui/src/components/notification/NotifyChannelEditForm.tsx

@@ -24,7 +24,11 @@ export type NotifyChannelEditFormProps = {
   onValuesChange?: (values: NotifyChannelEditFormFieldValues) => void;
 };
 
-export type NotifyChannelEditFormInstance = FormInstance;
+export type NotifyChannelEditFormInstance = {
+  getFieldsValue: () => ReturnType<FormInstance<NotifyChannelEditFormFieldValues>["getFieldsValue"]>;
+  resetFields: FormInstance<NotifyChannelEditFormFieldValues>["resetFields"];
+  validateFields: FormInstance<NotifyChannelEditFormFieldValues>["validateFields"];
+};
 
 const NotifyChannelEditForm = forwardRef<NotifyChannelEditFormInstance, NotifyChannelEditFormProps>(
   ({ className, style, channel, disabled, initialValues, onValuesChange }, ref) => {
@@ -63,27 +67,15 @@ const NotifyChannelEditForm = forwardRef<NotifyChannelEditFormInstance, NotifyCh
 
     useImperativeHandle(ref, () => {
       return {
-        getFieldValue: (name) => formInst.getFieldValue(name),
+        getFieldsValue: () => {
-        getFieldsValue: (...args) => {
+          return formInst.getFieldsValue(true);
-          if (Array.from(args).length === 0) {
+        },
-            return formInst.getFieldsValue(true);
+        resetFields: (fields) => {
-          }
+          return formInst.resetFields(fields);
-
+        },
-          return formInst.getFieldsValue(args[0] as any, args[1] as any);
+        validateFields: (nameList, config) => {
+          return formInst.validateFields(nameList, config);
         },
-        getFieldError: (name) => formInst.getFieldError(name),
-        getFieldsError: (nameList) => formInst.getFieldsError(nameList),
-        getFieldWarning: (name) => formInst.getFieldWarning(name),
-        isFieldsTouched: (nameList, allFieldsTouched) => formInst.isFieldsTouched(nameList, allFieldsTouched),
-        isFieldTouched: (name) => formInst.isFieldTouched(name),
-        isFieldValidating: (name) => formInst.isFieldValidating(name),
-        isFieldsValidating: (nameList) => formInst.isFieldsValidating(nameList),
-        resetFields: (fields) => formInst.resetFields(fields),
-        setFields: (fields) => formInst.setFields(fields),
-        setFieldValue: (name, value) => formInst.setFieldValue(name, value),
-        setFieldsValue: (values) => formInst.setFieldsValue(values),
-        validateFields: (nameList, config) => formInst.validateFields(nameList, config),
-        submit: () => formInst.submit(),
       } as NotifyChannelEditFormInstance;
     });
 

ui/src/components/notification/NotifyChannels.tsx

@@ -32,7 +32,7 @@ const NotifyChannel = ({ className, style, channel }: NotifyChannelProps) => {
     await channelFormRef.current!.validateFields();
 
     try {
-      setChannel(channel, channelFormRef.current!.getFieldsValue(true));
+      setChannel(channel, channelFormRef.current!.getFieldsValue());
       setChannelFormChanged(false);
 
       messageApi.success(t("common.text.operation_succeeded"));