fix:DrawerList点击确定增加表单校验

alibaba · Sep 11, 2024 · 56c0327 · 56c0327
1 parent 6ff699a
commit 56c0327
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/packages/form-render/src/widgets/listDrawer/index.tsx b/packages/form-render/src/widgets/listDrawer/index.tsx
@@ -96,15 +96,26 @@ const TableList: React.FC<Props> = (props: any) => {
     } else {
       form.setFieldValue([...rootPath, indexRef.current], itemData);
     }
-    hanldeConfirm();
+    handleCloseDrawer();
   };
 
-  const hanldeConfirm = () => {
+  const handleCloseDrawer = () => {
     setItemData(null);
     setVisible(false);
     indexRef.current = null;
   };
 
+  const hanldeConfirm = () => {
+    form
+      .validateFields()
+      .then(res => {
+        handleCloseDrawer();
+      })
+      .catch(error => {
+        console.log('表单校验错误', error);
+      });
+  };
+
   const columns: any = sortProperties(Object.entries(columnSchema))
     .map(([dataIndex, item]) => {
       const { required, title, tooltip, width, columnHidden } = item;
@@ -259,7 +270,7 @@ const TableList: React.FC<Props> = (props: any) => {
       )}
       {visible && (
         <FormDrawer
-         {...drawerProps}
+          {...drawerProps}
           schema={schema}
           data={itemData}
           widgets={widgets}