JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-29 13:59:17 +08:00
Code Issues Projects Releases Wiki Activity

解决groupList里数据变更，grouplistitem重新缩起的情况，提升操作体验

Browse Source
This commit is contained in:
undefined-qql 2025-05-27 14:46:07 +08:00
parent c7b2734090
commit b751c7e3f0
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/form/src/containers/GroupList.vue
View File

@ -15,6 +15,7 @@
:config="config" :config="config"
:prop="prop" :prop="prop"
:index="index" :index="index"
:expand="item.expand"
:label-width="labelWidth" :label-width="labelWidth"
:size="size" :size="size"
:disabled="disabled" :disabled="disabled"

6
packages/form/src/containers/GroupListItem.vue
View File

@ -133,7 +133,8 @@ const props = defineProps<{
const emit = defineEmits(['swap-item', 'remove-item', 'change', 'addDiffCount', 'copy-item']); const emit = defineEmits(['swap-item', 'remove-item', 'change', 'addDiffCount', 'copy-item']);
const mForm = inject<FormState | undefined>('mForm'); const mForm = inject<FormState | undefined>('mForm');
const expand = ref(props.config.expandAll || !props.index); // const expand = ref(props.config.expandAll || !props.index);
const expand = ref(props.config.expandAll ||props.model.expand); //解决每次变更值都收缩的问题
const rowConfig = computed(() => ({ const rowConfig = computed(() => ({
type: 'row', type: 'row',
@ -164,11 +165,14 @@ const itemExtra = computed(() => filterFunction(mForm, props.config.itemExtra, p
const removeHandler = () => emit('remove-item', props.index); const removeHandler = () => emit('remove-item', props.index);
const changeHandler = (v: any, eventData: ContainerChangeEventData) => { const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
props.model.expand=expand.value;
emit('change', props.model, eventData); emit('change', props.model, eventData);
}; };
const expandHandler = () => { const expandHandler = () => {
expand.value = !expand.value; expand.value = !expand.value;
props.model.expand=expand.value;
emit('change', props.model);
}; };
// 希望支持单行可控制是否显示删除按钮，不会影响现有逻辑 // 希望支持单行可控制是否显示删除按钮，不会影响现有逻辑