mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-09-19 12:14:27 +08:00
feat(editor): 组件默认的名称,id配置只要在业务不提供时才加入
This commit is contained in:
parent
e5bcd762b2
commit
2dc0bbc679
@ -156,52 +156,63 @@ export const displayTabConfig: TabPaneConfig = {
|
||||
* @param config 组件属性配置
|
||||
* @returns Object
|
||||
*/
|
||||
export const fillConfig = (config: FormConfig = [], labelWidth = '80px'): FormConfig => [
|
||||
{
|
||||
type: 'tab',
|
||||
labelWidth,
|
||||
items: [
|
||||
{
|
||||
title: '属性',
|
||||
items: [
|
||||
// 组件类型,必须要有
|
||||
{
|
||||
text: 'type',
|
||||
name: 'type',
|
||||
type: 'hidden',
|
||||
},
|
||||
// 组件id,必须要有
|
||||
{
|
||||
name: 'id',
|
||||
text: 'ID',
|
||||
type: 'text',
|
||||
disabled: true,
|
||||
append: {
|
||||
type: 'button',
|
||||
text: '复制',
|
||||
handler: (vm, { model }) => {
|
||||
navigator.clipboard
|
||||
.writeText(`${model.id}`)
|
||||
.then(() => {
|
||||
tMagicMessage.success('已复制');
|
||||
})
|
||||
.catch(() => {
|
||||
tMagicMessage.error('复制失败');
|
||||
});
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'name',
|
||||
text: '组件名称',
|
||||
},
|
||||
...config,
|
||||
],
|
||||
export const fillConfig = (config: FormConfig = [], labelWidth = '80px'): FormConfig => {
|
||||
const propsConfig: FormConfig = [];
|
||||
|
||||
// 组件类型,必须要有
|
||||
if (!config.find((item) => item.name === 'type')) {
|
||||
propsConfig.push({
|
||||
text: 'type',
|
||||
name: 'type',
|
||||
type: 'hidden',
|
||||
});
|
||||
}
|
||||
|
||||
if (!config.find((item) => item.name === 'id')) {
|
||||
// 组件id,必须要有
|
||||
propsConfig.push({
|
||||
name: 'id',
|
||||
text: 'ID',
|
||||
type: 'text',
|
||||
disabled: true,
|
||||
append: {
|
||||
type: 'button',
|
||||
text: '复制',
|
||||
handler: (vm, { model }) => {
|
||||
navigator.clipboard
|
||||
.writeText(`${model.id}`)
|
||||
.then(() => {
|
||||
tMagicMessage.success('已复制');
|
||||
})
|
||||
.catch(() => {
|
||||
tMagicMessage.error('复制失败');
|
||||
});
|
||||
},
|
||||
},
|
||||
{ ...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 },
|
||||
],
|
||||
},
|
||||
];
|
||||
};
|
||||
|
Loading…
x
Reference in New Issue
Block a user