feat: 优化单选题增加隐藏功能

- 优化隐藏逻辑,将 过滤 options 的方式改变成备份数据的形式.
- 还原逻辑优化,减少冗余操作.
This commit is contained in:
Huangzhe
2025-04-01 17:17:22 +08:00
parent 160599ffbd
commit 478bcfe080

View File

@@ -26,7 +26,7 @@ const question = defineModel<IQuestion>('question', {
default: { config: { is_required: false } } default: { config: { is_required: false } }
}); });
const filterOptions = <IMatrixListOption[]>[]; let filterOptions = <IMatrixListOption[]>[];
const list = computed(() => { const list = computed(() => {
// 有意外情况,可能存在 hideOptions // 有意外情况,可能存在 hideOptions
@@ -37,13 +37,11 @@ const list = computed(() => {
// 取出 hideOptions然后提出相应的元素需要重置 hideOptions。 // 取出 hideOptions然后提出相应的元素需要重置 hideOptions。
// 不然会出现再次进入无法得到原来所有的选项 // 不然会出现再次进入无法得到原来所有的选项
const hideOptions = question.value.hideOptions; const hideOptions = question.value.hideOptions;
// 备份 options
filterOptions = [...options];
_list.options = options.filter((option) => { _list.options = options.filter((option) => {
const res = hideOptions.includes(option.option_key); return !hideOptions.includes(option.option_key);
if (res) {
// 如果有相应的选项, 需要把它 push 到 filterOptions
filterOptions.push(option);
}
return !res;
}); });
question.value.hideOptions = []; question.value.hideOptions = [];
} else { } else {
@@ -92,14 +90,8 @@ watch(
onUnmounted(() => { onUnmounted(() => {
if (!filterOptions.length) return; if (!filterOptions.length) return;
let options = question.value.list[0].options;
// 把 filterOptions 里面的选项加上
options = [...options, ...filterOptions];
question.value.list[0].options = options;
// 如果已经有随机的配置,不需要重新进行排序 // 把 options 还原
if (question.value.config.select_random) return; question.value.list[0].options = filterOptions;
// 重新进行排序
options.sort((optionA, optionB) => Number(optionA.option_key) - Number(optionB.option_key));
}); });
</script> </script>