JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 数据源选择器支持选择数据源id

Browse Source
This commit is contained in:
roymondchen 2023-11-21 11:32:59 +08:00
parent c80ea829ac
commit cdba8aeaf2
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/editor/src/fields/DataSourceSelect.vue
View File

@ -29,9 +29,10 @@ const props = withDefaults(
FieldProps<{
type: 'data-source-select';
name: string;
text: string;
placeholder: string;
text?: string;
placeholder?: string;
dataSourceType?: string;
value?: 'id' | 'value';
}>
>(),
{
@ -44,19 +45,24 @@ const { dataSourceService } = inject<Services>('services') || {};
const dataSources = computed(() => dataSourceService?.get('dataSources') || []);
const selectConfig = computed<SelectConfig>(() => {
const { type, dataSourceType, ...config } = props.config;
const { type, dataSourceType, value, ...config } = props.config;
const valueIsId = props.config.value === 'id';
return {
...config,
type: 'select',
valueKey: 'dataSourceId',
options: dataSources.value
.filter((ds) => !dataSourceType || ds.type === dataSourceType)
.filter((ds) => !props.config.dataSourceType || ds.type === props.config.dataSourceType)
.map((ds) => ({
value: {
isBindDataSource: true,
dataSourceType: ds.type,
dataSourceId: ds.id,
},
value: valueIsId
? ds.id
: {
isBindDataSource: true,
dataSourceType: ds.type,
dataSourceId: ds.id,
},
text: ds.title || ds.id,
})),
};