From be309cba0178010a14ef8dca5169f3ad900832e7 Mon Sep 17 00:00:00 2001 From: haoziqaq <357229046@qq.com> Date: Thu, 19 Jan 2023 10:41:15 +0800 Subject: [PATCH] fix(editor-skeleton): fix missing i18n --- .../src/transducers/addon-combine.ts | 108 ++++++++++-------- 1 file changed, 63 insertions(+), 45 deletions(-) diff --git a/packages/editor-skeleton/src/transducers/addon-combine.ts b/packages/editor-skeleton/src/transducers/addon-combine.ts index 1b5c27015..855dbe569 100644 --- a/packages/editor-skeleton/src/transducers/addon-combine.ts +++ b/packages/editor-skeleton/src/transducers/addon-combine.ts @@ -1,8 +1,14 @@ -import { IPublicTypeTransformedComponentMetadata, IPublicTypeFieldConfig, IPublicModelSettingTarget } from '@alilc/lowcode-types'; +import { + IPublicTypeTransformedComponentMetadata, + IPublicTypeFieldConfig, + IPublicModelSettingTarget, +} from '@alilc/lowcode-types'; import { IconSlot } from '../icons/slot'; import { getConvertedExtraKey } from '@alilc/lowcode-designer'; -export default function (metadata: IPublicTypeTransformedComponentMetadata): IPublicTypeTransformedComponentMetadata { +export default function ( + metadata: IPublicTypeTransformedComponentMetadata, +): IPublicTypeTransformedComponentMetadata { const { componentName, configure = {} } = metadata; // 如果已经处理过,不再重新执行一遍 @@ -111,35 +117,33 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu }, ]; } - /* - propsGroup.push({ - name: '#generals', - title: { type: 'i18n', 'zh-CN': '通用', 'en-US': 'General' }, - items: [ - { - name: 'id', - title: 'ID', - setter: 'StringSetter', - }, - { - name: 'key', - title: 'Key', - // todo: use Mixin - setter: 'StringSetter', - }, - { - name: 'ref', - title: 'Ref', - setter: 'StringSetter', - }, - { - name: '!more', - title: '更多', - setter: 'PropertiesSetter', - }, - ], - }); - */ + // propsGroup.push({ + // name: '#generals', + // title: { type: 'i18n', 'zh-CN': '通用', 'en-US': 'General' }, + // items: [ + // { + // name: 'id', + // title: 'ID', + // setter: 'StringSetter', + // }, + // { + // name: 'key', + // title: 'Key', + // // todo: use Mixin + // setter: 'StringSetter', + // }, + // { + // name: 'ref', + // title: 'Ref', + // setter: 'StringSetter', + // }, + // { + // name: '!more', + // title: '更多', + // setter: 'PropertiesSetter', + // }, + // ], + // }); const stylesGroup: IPublicTypeFieldConfig[] = []; const advancedGroup: IPublicTypeFieldConfig[] = []; if (propsGroup) { @@ -216,18 +220,24 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu setValue(field: IPublicModelSettingTarget, eventData) { const { eventDataList, eventList } = eventData; - Array.isArray(eventList) && eventList.map((item) => { - field.parent.clearPropValue(item.name); - return item; - }); - Array.isArray(eventDataList) && eventDataList.map((item) => { - field.parent.setPropValue(item.name, { - type: 'JSFunction', - // 需要传下入参 - value: `function(){return this.${item.relatedEventName}.apply(this,Array.prototype.slice.call(arguments).concat([${item.paramStr ? item.paramStr : ''}])) }`, + Array.isArray(eventList) && + eventList.map((item) => { + field.parent.clearPropValue(item.name); + return item; + }); + Array.isArray(eventDataList) && + eventDataList.map((item) => { + field.parent.setPropValue(item.name, { + type: 'JSFunction', + // 需要传下入参 + value: `function(){return this.${ + item.relatedEventName + }.apply(this,Array.prototype.slice.call(arguments).concat([${ + item.paramStr ? item.paramStr : '' + }])) }`, + }); + return item; }); - return item; - }); }, }, ], @@ -296,7 +306,7 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu }, { name: 'key', - title: '循环 Key', + title: { type: 'i18n', 'zh-CN': '循环 Key', 'en-US': 'Loop Key' }, setter: [ { componentName: 'StringSetter', @@ -317,8 +327,16 @@ export default function (metadata: IPublicTypeTransformedComponentMetadata): IPu advancedGroup.push({ name: 'key', title: { - label: '渲染唯一标识(key)', - tip: '搭配「条件渲染」或「循环渲染」时使用,和 react 组件中的 key 原理相同,点击查看帮助', + label: { + type: 'i18n', + 'zh-CN': '渲染唯一标识 (key)', + 'en-US': 'Render unique identifier (key)', + }, + tip: { + type: 'i18n', + 'zh-CN': '搭配「条件渲染」或「循环渲染」时使用,和 react 组件中的 key 原理相同,点击查看帮助', + 'en-US': 'Used with 「Conditional Rendering」or「Cycle Rendering」, the same principle as the key in the react component, click to view the help', + }, docUrl: 'https://www.yuque.com/lce/doc/qm75w3', }, setter: [