From a6c16cf3db59e0c0d8518a7156cba082c9270de4 Mon Sep 17 00:00:00 2001
From: Junyi <mytharcher@users.noreply.github.com>
Date: Wed, 12 Jun 2024 23:46:05 +0800
Subject: [PATCH] refactor(plugin-workflow): add card layout for assigning
 fields (#4642)

---
 .../AssignedFieldsFormSchemaConfig.tsx        | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/packages/plugins/@nocobase/plugin-workflow/src/client/components/AssignedFieldsFormSchemaConfig.tsx b/packages/plugins/@nocobase/plugin-workflow/src/client/components/AssignedFieldsFormSchemaConfig.tsx
index de90af33d0358..52b2a553b3a02 100644
--- a/packages/plugins/@nocobase/plugin-workflow/src/client/components/AssignedFieldsFormSchemaConfig.tsx
+++ b/packages/plugins/@nocobase/plugin-workflow/src/client/components/AssignedFieldsFormSchemaConfig.tsx
@@ -32,6 +32,7 @@ import {
 
 import { useFlowContext } from '../FlowContext';
 import { useWorkflowVariableOptions } from '../variable';
+import { Card } from 'antd';
 
 function reduceSchema(s, fn) {
   fn(s);
@@ -117,20 +118,22 @@ export function AssignedFieldsFormSchemaConfig(props) {
   );
 
   return (
-    <CollectionManagerProvider dataSource={dataSourceName}>
-      <CollectionProvider name={collectionName}>
-        <FormProvider form={form}>
-          <FormLayout layout={'vertical'}>
-            <VariableScopeProvider scope={scope}>
-              <SchemaComponentProvider form={form} designable>
-                <SchemaComponentOptions {...schemaOptions}>
-                  <SchemaComponent schema={schema} onChange={onChange} />
-                </SchemaComponentOptions>
-              </SchemaComponentProvider>
-            </VariableScopeProvider>
-          </FormLayout>
-        </FormProvider>
-      </CollectionProvider>
-    </CollectionManagerProvider>
+    <Card>
+      <CollectionManagerProvider dataSource={dataSourceName}>
+        <CollectionProvider name={collectionName}>
+          <FormProvider form={form}>
+            <FormLayout layout={'vertical'}>
+              <VariableScopeProvider scope={scope}>
+                <SchemaComponentProvider form={form} designable>
+                  <SchemaComponentOptions {...schemaOptions}>
+                    <SchemaComponent schema={schema} onChange={onChange} />
+                  </SchemaComponentOptions>
+                </SchemaComponentProvider>
+              </VariableScopeProvider>
+            </FormLayout>
+          </FormProvider>
+        </CollectionProvider>
+      </CollectionManagerProvider>
+    </Card>
   );
 }