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

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