fix(plugin-workflow): fix configuration drawer close logic (#3001)
This commit is contained in:
parent
81cea6b596
commit
8ee8b0052a
@ -274,7 +274,7 @@ export function JobButton() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function useNodeFormProps() {
|
function useFormProviderProps() {
|
||||||
return { form: useForm() };
|
return { form: useForm() };
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -379,7 +379,7 @@ export function NodeDefaultView(props) {
|
|||||||
<SchemaComponent
|
<SchemaComponent
|
||||||
scope={{
|
scope={{
|
||||||
...instruction.scope,
|
...instruction.scope,
|
||||||
useNodeFormProps,
|
useFormProviderProps,
|
||||||
}}
|
}}
|
||||||
components={instruction.components}
|
components={instruction.components}
|
||||||
schema={{
|
schema={{
|
||||||
@ -427,7 +427,7 @@ export function NodeDefaultView(props) {
|
|||||||
'x-decorator': 'FormV2',
|
'x-decorator': 'FormV2',
|
||||||
'x-decorator-props': {
|
'x-decorator-props': {
|
||||||
// form,
|
// form,
|
||||||
useProps: '{{ useNodeFormProps }}',
|
useProps: '{{ useFormProviderProps }}',
|
||||||
},
|
},
|
||||||
'x-component': 'Action.Drawer',
|
'x-component': 'Action.Drawer',
|
||||||
properties: {
|
properties: {
|
||||||
|
@ -3,6 +3,7 @@ import { createForm } from '@formily/core';
|
|||||||
import { ISchema, useForm } from '@formily/react';
|
import { ISchema, useForm } from '@formily/react';
|
||||||
import {
|
import {
|
||||||
ActionContextProvider,
|
ActionContextProvider,
|
||||||
|
FormProvider,
|
||||||
SchemaComponent,
|
SchemaComponent,
|
||||||
SchemaInitializerItemOptions,
|
SchemaInitializerItemOptions,
|
||||||
css,
|
css,
|
||||||
@ -143,6 +144,10 @@ function TriggerExecution() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function useFormProviderProps() {
|
||||||
|
return { form: useForm() };
|
||||||
|
}
|
||||||
|
|
||||||
export const TriggerConfig = () => {
|
export const TriggerConfig = () => {
|
||||||
const api = useAPIClient();
|
const api = useAPIClient();
|
||||||
const { workflow, refresh } = useFlowContext();
|
const { workflow, refresh } = useFlowContext();
|
||||||
@ -169,15 +174,14 @@ export const TriggerConfig = () => {
|
|||||||
const values = cloneDeep(workflow?.config);
|
const values = cloneDeep(workflow?.config);
|
||||||
return createForm({
|
return createForm({
|
||||||
initialValues: values,
|
initialValues: values,
|
||||||
values,
|
|
||||||
disabled: workflow?.executed,
|
disabled: workflow?.executed,
|
||||||
});
|
});
|
||||||
}, [workflow]);
|
}, [workflow]);
|
||||||
|
|
||||||
const resetForm = useCallback(
|
const resetForm = useCallback(
|
||||||
(changed) => {
|
(editing) => {
|
||||||
setFormValueChanged(changed);
|
setEditingConfig(editing);
|
||||||
if (!changed) {
|
if (!editing) {
|
||||||
form.reset();
|
form.reset();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -241,12 +245,18 @@ export const TriggerConfig = () => {
|
|||||||
<ActionContextProvider
|
<ActionContextProvider
|
||||||
value={{
|
value={{
|
||||||
visible: editingConfig,
|
visible: editingConfig,
|
||||||
setVisible: setEditingConfig,
|
setVisible: resetForm,
|
||||||
formValueChanged,
|
formValueChanged,
|
||||||
setFormValueChanged: resetForm,
|
setFormValueChanged,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
<FormProvider form={form}>
|
||||||
<SchemaComponent
|
<SchemaComponent
|
||||||
|
scope={{
|
||||||
|
...scope,
|
||||||
|
useFormProviderProps,
|
||||||
|
}}
|
||||||
|
components={components}
|
||||||
schema={{
|
schema={{
|
||||||
name: `workflow-trigger-${workflow.id}`,
|
name: `workflow-trigger-${workflow.id}`,
|
||||||
type: 'void',
|
type: 'void',
|
||||||
@ -266,7 +276,8 @@ export const TriggerConfig = () => {
|
|||||||
'x-component': 'Action.Drawer',
|
'x-component': 'Action.Drawer',
|
||||||
'x-decorator': 'FormV2',
|
'x-decorator': 'FormV2',
|
||||||
'x-decorator-props': {
|
'x-decorator-props': {
|
||||||
form,
|
// form,
|
||||||
|
useProps: '{{ useFormProviderProps }}',
|
||||||
},
|
},
|
||||||
properties: {
|
properties: {
|
||||||
...(trigger.description
|
...(trigger.description
|
||||||
@ -324,9 +335,8 @@ export const TriggerConfig = () => {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
scope={scope}
|
|
||||||
components={components}
|
|
||||||
/>
|
/>
|
||||||
|
</FormProvider>
|
||||||
</ActionContextProvider>
|
</ActionContextProvider>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user