JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-09-09 15:54:07 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 组件表单配置支持函数

Browse Source
This commit is contained in:
roymondchen 2024-06-12 14:54:15 +08:00
parent a30e8a3eea
commit 9eb99ed176
2 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/editor/src/services/props.ts
View File

@ -26,7 +26,13 @@ import type { Id, MComponent, MNode } from '@tmagic/schema';
import { getNodePath, getValueByKeyPath, guid, setValueByKeyPath, toLine } from '@tmagic/utils';
import editorService from '@editor/services/editor';
import type { AsyncHookPlugin, PropsState, SyncHookPlugin } from '@editor/type';
import type {
AsyncHookPlugin,
PropsFormConfigFunction,
PropsFormValueFunction,
PropsState,
SyncHookPlugin,
} from '@editor/type';
import { fillConfig } from '@editor/utils/props';
import BaseService from './BaseService';
@ -60,7 +66,7 @@ class Props extends BaseService {
]);
}
public setPropsConfigs(configs: Record<string, FormConfig>) {
public setPropsConfigs(configs: Record<string, FormConfig | PropsFormConfigFunction>) {
Object.keys(configs).forEach((type: string) => {
this.setPropsConfig(toLine(type), configs[type]);
});
@ -71,8 +77,13 @@ class Props extends BaseService {
return fillConfig(config, typeof labelWidth !== 'function' ? labelWidth : '80px');
}
public async setPropsConfig(type: string, config: FormConfig) {
this.state.propsConfigMap[toLine(type)] = await this.fillConfig(Array.isArray(config) ? config : [config]);
public async setPropsConfig(type: string, config: FormConfig | PropsFormConfigFunction) {
let c = config;
if (typeof config === 'function') {
c = config({ editorService });
}
this.state.propsConfigMap[toLine(type)] = await this.fillConfig(Array.isArray(c) ? c : [c]);
}
/**
@ -88,7 +99,7 @@ class Props extends BaseService {
return cloneDeep(this.state.propsConfigMap[toLine(type)] || (await this.fillConfig([])));
}
public setPropsValues(values: Record<string, Partial<MNode>>) {
public setPropsValues(values: Record<string, Partial<MNode> | PropsFormValueFunction>) {
Object.keys(values).forEach((type: string) => {
this.setPropsValue(toLine(type), values[type]);
});
@ -99,8 +110,12 @@ class Props extends BaseService {
* @param type 组件类型
* @param value 组件初始值
*/
public async setPropsValue(type: string, value: Partial<MNode>) {
this.state.propsValueMap[toLine(type)] = value;
public async setPropsValue(type: string, value: Partial<MNode> | PropsFormValueFunction) {
let v = value;
if (typeof value === 'function') {
v = value({ editorService });
}
this.state.propsValueMap[toLine(type)] = v;
}
/**

3
packages/editor/src/type.ts
View File

@ -744,3 +744,6 @@ export interface EventBus extends EventEmitter {
): this;
emit<Name extends keyof EventBusEvent, Param extends EventBusEvent[Name]>(eventName: Name, ...args: Param): boolean;
}
export type PropsFormConfigFunction = (data: { editorService: EditorService }) => FormConfig;
export type PropsFormValueFunction = (data: { editorService: EditorService }) => Partial<MNode>;