1- import { IPublicTypeTransformedComponentMetadata , IPublicTypeFieldConfig , IPublicModelSettingTarget } from '@alilc/lowcode-types' ;
1+ import {
2+ IPublicTypeTransformedComponentMetadata ,
3+ IPublicTypeFieldConfig ,
4+ IPublicModelSettingTarget ,
5+ } from '@alilc/lowcode-types' ;
26import { IconSlot } from '../icons/slot' ;
37import { getConvertedExtraKey } from '@alilc/lowcode-designer' ;
48
5- export default function ( metadata : IPublicTypeTransformedComponentMetadata ) : IPublicTypeTransformedComponentMetadata {
9+ export default function (
10+ metadata : IPublicTypeTransformedComponentMetadata ,
11+ ) : IPublicTypeTransformedComponentMetadata {
612 const { componentName, configure = { } } = metadata ;
713
814 // 如果已经处理过,不再重新执行一遍
@@ -111,35 +117,33 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu
111117 } ,
112118 ] ;
113119 }
114- /*
115- propsGroup.push({
116- name: '#generals',
117- title: { type: 'i18n', 'zh-CN': '通用', 'en-US': 'General' },
118- items: [
119- {
120- name: 'id',
121- title: 'ID',
122- setter: 'StringSetter',
123- },
124- {
125- name: 'key',
126- title: 'Key',
127- // todo: use Mixin
128- setter: 'StringSetter',
129- },
130- {
131- name: 'ref',
132- title: 'Ref',
133- setter: 'StringSetter',
134- },
135- {
136- name: '!more',
137- title: '更多',
138- setter: 'PropertiesSetter',
139- },
140- ],
141- });
142- */
120+ // propsGroup.push({
121+ // name: '#generals',
122+ // title: { type: 'i18n', 'zh-CN': '通用', 'en-US': 'General' },
123+ // items: [
124+ // {
125+ // name: 'id',
126+ // title: 'ID',
127+ // setter: 'StringSetter',
128+ // },
129+ // {
130+ // name: 'key',
131+ // title: 'Key',
132+ // // todo: use Mixin
133+ // setter: 'StringSetter',
134+ // },
135+ // {
136+ // name: 'ref',
137+ // title: 'Ref',
138+ // setter: 'StringSetter',
139+ // },
140+ // {
141+ // name: '!more',
142+ // title: '更多',
143+ // setter: 'PropertiesSetter',
144+ // },
145+ // ],
146+ // });
143147 const stylesGroup : IPublicTypeFieldConfig [ ] = [ ] ;
144148 const advancedGroup : IPublicTypeFieldConfig [ ] = [ ] ;
145149 if ( propsGroup ) {
@@ -216,18 +220,24 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu
216220
217221 setValue ( field : IPublicModelSettingTarget , eventData ) {
218222 const { eventDataList, eventList } = eventData ;
219- Array . isArray ( eventList ) && eventList . map ( ( item ) => {
220- field . parent . clearPropValue ( item . name ) ;
221- return item ;
222- } ) ;
223- Array . isArray ( eventDataList ) && eventDataList . map ( ( item ) => {
224- field . parent . setPropValue ( item . name , {
225- type : 'JSFunction' ,
226- // 需要传下入参
227- value : `function(){return this.${ item . relatedEventName } .apply(this,Array.prototype.slice.call(arguments).concat([${ item . paramStr ? item . paramStr : '' } ])) }` ,
223+ Array . isArray ( eventList ) &&
224+ eventList . map ( ( item ) => {
225+ field . parent . clearPropValue ( item . name ) ;
226+ return item ;
227+ } ) ;
228+ Array . isArray ( eventDataList ) &&
229+ eventDataList . map ( ( item ) => {
230+ field . parent . setPropValue ( item . name , {
231+ type : 'JSFunction' ,
232+ // 需要传下入参
233+ value : `function(){return this.${
234+ item . relatedEventName
235+ } .apply(this,Array.prototype.slice.call(arguments).concat([${
236+ item . paramStr ? item . paramStr : ''
237+ } ])) }`,
238+ } ) ;
239+ return item ;
228240 } ) ;
229- return item ;
230- } ) ;
231241 } ,
232242 } ,
233243 ] ,
@@ -296,7 +306,7 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu
296306 } ,
297307 {
298308 name : 'key' ,
299- title : ' 循环 Key',
309+ title : { type : 'i18n' , 'zh-CN' : ' 循环 Key', 'en-US' : 'Loop Key' } ,
300310 setter : [
301311 {
302312 componentName : 'StringSetter' ,
@@ -317,8 +327,16 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu
317327 advancedGroup . push ( {
318328 name : 'key' ,
319329 title : {
320- label : '渲染唯一标识(key)' ,
321- tip : '搭配「条件渲染」或「循环渲染」时使用,和 react 组件中的 key 原理相同,点击查看帮助' ,
330+ label : {
331+ type : 'i18n' ,
332+ 'zh-CN' : '渲染唯一标识 (key)' ,
333+ 'en-US' : 'Render unique identifier (key)' ,
334+ } ,
335+ tip : {
336+ type : 'i18n' ,
337+ 'zh-CN' : '搭配「条件渲染」或「循环渲染」时使用,和 react 组件中的 key 原理相同,点击查看帮助' ,
338+ 'en-US' : 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help' ,
339+ } ,
322340 docUrl : 'https://www.yuque.com/lce/doc/qm75w3' ,
323341 } ,
324342 setter : [
0 commit comments