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): 修复管理端和pg表现不一致的问题,删除冗余逻辑

Browse Source
This commit is contained in:
parisma 2022-10-25 11:21:28 +08:00
parent f416530d38
commit bc0f17c18f
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/editor/src/fields/CodeSelect.vue
View File

@ -33,7 +33,7 @@
</template>
<script lang="ts" setup>
import { computed, defineEmits, defineProps, inject, ref, watchEffect } from 'vue';
import { computed, defineEmits, defineProps, inject, ref, watch, watchEffect } from 'vue';
import { cloneDeep, map, xor } from 'lodash-es';
import { TMagicCard, tMagicMessage, TMagicTooltip } from '@tmagic/design';
@ -77,12 +77,22 @@ const selectConfig = computed(() => {
});
const fieldKey = ref('');
const multiple = ref(true);
const combineIds = ref<string[]>([]);
let lastTagSnapshot = cloneDeep(props.model[props.name]) || [];
let shouldWatch = true;
// 管理端和editor有表现不一致的地方，管理端切换组件表单不会重新渲染，因此增加shouldWatch控制lastTagSnapshot的记录
watch(
() => props.model[props.name],
(selectValue) => {
if (shouldWatch) {
lastTagSnapshot = cloneDeep(selectValue) || [];
}
},
);
watchEffect(async () => {
const combineNames = await Promise.all(
combineIds.value.map(async (id) => {
props.model[props.name].map(async (id: string) => {
const { name = '' } = (await services?.codeBlockService.getCodeContentById(id)) || {};
return name;
}),
@ -91,6 +101,7 @@ watchEffect(async () => {
});
const changeHandler = async (value: any) => {
shouldWatch = false;
let codeIds = value;
if (typeof value === 'string') {
multiple.value = false;
@ -117,13 +128,7 @@ const setCombineRelation = async (codeIds: string[]) => {
// 记录绑定关系
await services?.codeBlockService.setCombineRelation(id, diffValues, opFlag, props.prop);
lastTagSnapshot = codeIds;
await setCombineIds(codeIds);
};
// 记录当前已被绑定的代码块，为查看弹窗的展示内容
const setCombineIds = async (codeIds: string[]) => {
combineIds.value = codeIds;
await services?.codeBlockService.setCombineIds(codeIds);
shouldWatch = true;
};
const viewHandler = async () => {
@ -132,8 +137,8 @@ const viewHandler = async () => {
return;
}
// 记录当前已被绑定的代码块，为查看弹窗的展示内容
await setCombineIds(props.model[props.name]);
await services?.codeBlockService.setCombineIds(props.model[props.name]);
await services?.codeBlockService.setMode(CodeEditorMode.LIST);
services?.codeBlockService.setCodeEditorContent(true, combineIds.value[0]);
services?.codeBlockService.setCodeEditorContent(true, props.model[props.name][0]);
};
</script>