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

feat(editor): 组件默认的名称，id配置只要在业务不提供时才加入

Browse Source
This commit is contained in:
roymondchen 2025-04-28 20:14:01 +08:00
parent e5bcd762b2
commit 2dc0bbc679
1 changed files with 59 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
packages/editor/src/utils/props.ts
View File

@ -156,52 +156,63 @@ export const displayTabConfig: TabPaneConfig = {
* @param config 组件属性配置 * @param config 组件属性配置
* @returns Object * @returns Object
*/ */
export const fillConfig = (config: FormConfig = [], labelWidth = '80px'): FormConfig => [ export const fillConfig = (config: FormConfig = [], labelWidth = '80px'): FormConfig => {
{ const propsConfig: FormConfig = [];
type: 'tab',
labelWidth, // 组件类型，必须要有
items: [ if (!config.find((item) => item.name === 'type')) {
{ propsConfig.push({
title: '属性', text: 'type',
items: [ name: 'type',
// 组件类型，必须要有 type: 'hidden',
{ });
text: 'type', }
name: 'type',
type: 'hidden', if (!config.find((item) => item.name === 'id')) {
}, // 组件id，必须要有
// 组件id，必须要有 propsConfig.push({
{ name: 'id',
name: 'id', text: 'ID',
text: 'ID', type: 'text',
type: 'text', disabled: true,
disabled: true, append: {
append: { type: 'button',
type: 'button', text: '复制',
text: '复制', handler: (vm, { model }) => {
handler: (vm, { model }) => { navigator.clipboard
navigator.clipboard .writeText(`${model.id}`)
.writeText(`${model.id}`) .then(() => {
.then(() => { tMagicMessage.success('已复制');
tMagicMessage.success('已复制'); })
}) .catch(() => {
.catch(() => { tMagicMessage.error('复制失败');
tMagicMessage.error('复制失败'); });
}); },
},
},
},
{
name: 'name',
text: '组件名称',
},
...config,
],
}, },
{ ...styleTabConfig }, });
{ ...eventTabConfig }, }
{ ...advancedTabConfig },
{ ...displayTabConfig }, if (!config.find((item) => item.name === 'name')) {
], propsConfig.push({
}, name: 'name',
]; text: '组件名称',
});
}
return [
{
type: 'tab',
labelWidth,
items: [
{
title: '属性',
items: [...propsConfig, ...config],
},
{ ...styleTabConfig },
{ ...eventTabConfig },
{ ...advancedTabConfig },
{ ...displayTabConfig },
],
},
];
};