fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-07-01 18:52:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add icon support to ActionModel button

Browse Source
This commit is contained in:
Zeke Zhang 2025-06-19 06:51:18 +08:00
parent 0306ba6423
commit 2ff0bae9d0
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/core/client/src/flow/models/ActionModel.tsx
View File

@ -11,6 +11,8 @@ import { FlowModel } from '@nocobase/flow-engine';
import { Button } from 'antd';
import type { ButtonProps } from 'antd/es/button';
import React from 'react';
import IconPicker from '../../schema-component/antd/icon-picker/IconPicker';
import { Icon } from '../../icon/Icon';
export class ActionModel extends FlowModel {
declare props: ButtonProps;
@ -22,8 +24,13 @@ export class ActionModel extends FlowModel {
render() {
const props = { ...this.defaultProps, ...this.props };
const icon = <Icon type={props.icon as any} />;
return <Button {...props}>{props.children || props.title}</Button>;
return (
<Button {...props} icon={icon}>
{props.children || props.title}
</Button>
);
}
}
@ -36,22 +43,24 @@ ActionModel.registerFlow({
title: '编辑按钮',
uiSchema: {
title: {
type: 'string',
title: '标题',
'x-decorator': 'FormItem',
'x-component': 'Input',
'x-component-props': {
placeholder: '请输入标题',
},
title: 'Button title',
},
icon: {
'x-decorator': 'FormItem',
'x-component': IconPicker,
title: 'Button icon',
},
},
defaultParams(ctx) {
return {
title: ctx.model.defaultProps.title,
icon: ctx.model.defaultProps.icon,
};
},
handler(ctx, params) {
ctx.model.setProps('children', params.title);
ctx.model.setProps(params);
ctx.model.setProps('onClick', (event) => {
ctx.model.dispatchEvent('click', {
...ctx.extra,