JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-05 19:41:40 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 数据源字段选择器初始化状态

Browse Source
This commit is contained in:
roymondchen 2024-03-29 14:17:58 +08:00
parent 0e0f50187e
commit 05527a41a1
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/editor/src/fields/DataSourceFieldSelect.vue
View File

@ -17,7 +17,6 @@
<TMagicButton
v-if="(showDataSourceFieldSelect || !config.fieldConfig) && selectedDataSourceId"
style="margin-left: 5px"
link
:size="size"
@click="editHandler(selectedDataSourceId)"
><MIcon :icon="Edit"></MIcon
@ -25,7 +24,6 @@
<TMagicButton
v-if="config.fieldConfig"
style="margin-left: 5px"
link
:type="showDataSourceFieldSelect ? 'primary' : 'default'"
:size="size"
@click="showDataSourceFieldSelect = !showDataSourceFieldSelect"
@ -43,7 +41,7 @@
</template>
<script setup lang="ts">
import { computed, inject, onMounted, ref, resolveComponent } from 'vue';
import { computed, inject, ref, resolveComponent, watch } from 'vue';
import { Coin, Edit } from '@element-plus/icons-vue';
import { TMagicButton } from '@tmagic/design';
@ -137,16 +135,23 @@ const cascaderConfig = computed<CascaderConfig>(() => {
const showDataSourceFieldSelect = ref(false);
onMounted(() => {
const value = props.model[props.name];
if (
Array.isArray(value) &&
typeof value[0] === 'string' &&
value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
) {
showDataSourceFieldSelect.value = true;
}
});
watch(
() => props.model[props.name],
(value) => {
if (
Array.isArray(value) &&
typeof value[0] === 'string' &&
value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
) {
showDataSourceFieldSelect.value = true;
} else {
showDataSourceFieldSelect.value = false;
}
},
{
immediate: true,
},
);
const mForm = inject<FormState | undefined>('mForm');