refactor(setting): 更新设置组件以支持基于键值的更新
- 将 updateSetting 替换为 updateSettingByKey 方法调用 - 为所有设置组件初始化 settingKey 和 settingId 字段 - 重构 watch 监听逻辑以支持多类型数据格式处理 - 实现对 content 字段的字符串和对象格式解析 - 添加对数组和对象数据类型的兼容性支持 - 优化表单数据赋值和重置逻辑 - 统一各组件中的数据处理流程
This commit is contained in:
@@ -114,16 +114,47 @@
|
||||
watch(
|
||||
() => props.data,
|
||||
(data) => {
|
||||
console.log(data, 'propss');
|
||||
if (data?.settingKey) {
|
||||
isUpdate.value = true;
|
||||
// 表单赋值
|
||||
assignFields(data);
|
||||
} else {
|
||||
// 新增
|
||||
const settingKey = 'privacy';
|
||||
const activeMatch = props.value === settingKey;
|
||||
if (!data || typeof data !== 'object') {
|
||||
if (!activeMatch) return;
|
||||
isUpdate.value = false;
|
||||
resetFields();
|
||||
form.settingId = undefined;
|
||||
form.settingKey = settingKey;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const normalized: any = Array.isArray(data)
|
||||
? data.find((d) => d?.settingKey === settingKey) ?? data[0]
|
||||
: (data as any).data && typeof (data as any).data === 'object'
|
||||
? (data as any).data
|
||||
: data;
|
||||
|
||||
let parsedContent: any | undefined;
|
||||
const rawContent = (normalized as any).content;
|
||||
if (rawContent) {
|
||||
if (typeof rawContent === 'string') {
|
||||
try {
|
||||
parsedContent = JSON.parse(rawContent);
|
||||
} catch {
|
||||
parsedContent = undefined;
|
||||
}
|
||||
} else if (typeof rawContent === 'object') {
|
||||
parsedContent = rawContent;
|
||||
}
|
||||
}
|
||||
|
||||
const contentOrRow = parsedContent ?? normalized;
|
||||
const incomingKey =
|
||||
(contentOrRow as any).settingKey ?? (normalized as any).settingKey;
|
||||
if (!activeMatch && incomingKey !== settingKey) return;
|
||||
|
||||
isUpdate.value = true;
|
||||
assignFields(contentOrRow);
|
||||
form.settingId = (normalized as any).settingId;
|
||||
form.settingKey = settingKey;
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user