feat(plugin-workflow): add component (#5464)

* feat(plugin-workflow): add fieldset card component

* fix(plugin-workflow): fix schema name caused wrong ui

packages/core/client/src/schema-component/antd/remote-select/ReadPretty.tsx

@@ -23,7 +23,7 @@ export interface RemoteSelectReadPrettyProps extends SelectReadPrettyProps {
 }
 
 export const ReadPretty = observer(
-  (props: any) => {
+  (props: RemoteSelectReadPrettyProps) => {
     const fieldNames = { ...defaultFieldNames, ...props.fieldNames };
     const field = useField<any>();
     const fieldSchema = useFieldSchema();

packages/plugins/@nocobase/plugin-workflow/src/client/components/Fieldset.tsx

@@ -0,0 +1,20 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+import { FormLayout } from '@formily/antd-v5';
+import { Card } from 'antd';
+
+export function Fieldset(props) {
+  return (
+    <Card>
+      <FormLayout layout={props.layout || 'vertical'}>{props.children}</FormLayout>
+    </Card>
+  );
+}

packages/plugins/@nocobase/plugin-workflow/src/client/components/index.ts

@@ -17,3 +17,4 @@ export * from './ValueBlock';
 export * from './SimpleDesigner';
 export * from './renderEngineReference';
 export * from './Calculation';
+export * from './Fieldset';

packages/plugins/@nocobase/plugin-workflow/src/client/schemas/workflows.ts

@@ -173,6 +173,7 @@ const workflowFieldset = {
 };
 
 export const workflowSchema: ISchema = {
+  name: 'workflow',
   type: 'void',
   properties: {
     provider: {