koishi-plugin-media-luna 0.0.38 → 0.0.39

package/client/components/ConfigRenderer.vue

@@ -139,6 +139,44 @@ const emit = defineEmits<{
   'update:modelValue': [value: Record<string, any>]
 }>()
 
+// ============ 嵌套 key 辅助函数 ============
+
+// 获取嵌套属性值（支持 'a.b.c' 格式的 key）
+const getNestedValue = (obj: Record<string, any>, key: string): any => {
+  if (!key.includes('.')) {
+    return obj[key]
+  }
+  const parts = key.split('.')
+  let current = obj
+  for (const part of parts) {
+    if (current === undefined || current === null) {
+      return undefined
+    }
+    current = current[part]
+  }
+  return current
+}
+
+// 设置嵌套属性值（支持 'a.b.c' 格式的 key）
+const setNestedValue = (obj: Record<string, any>, key: string, value: any): Record<string, any> => {
+  if (!key.includes('.')) {
+    return { ...obj, [key]: value }
+  }
+
+  const parts = key.split('.')
+  const result = { ...obj }
+  let current = result
+
+  for (let i = 0; i < parts.length - 1; i++) {
+    const part = parts[i]
+    current[part] = current[part] ? { ...current[part] } : {}
+    current = current[part]
+  }
+
+  current[parts[parts.length - 1]] = value
+  return result
+}
+
 // ============ 远程选项缓存 ============
 const remoteOptionsCache = ref<Record<string, { label: string; value: any }[]>>({})
 const remoteOptionsLoading = ref<Record<string, boolean>>({})
@@ -179,7 +217,7 @@ const fetchRemoteOptions = async (source: string, params?: Record<string, any>)
 // 获取字段的参数（基于 dependsOn）
 const getFieldParams = (field: ConfigField): Record<string, any> | undefined => {
   if (!field.dependsOn) return undefined
-  const dependValue = props.modelValue[field.dependsOn]
+  const dependValue = getNestedValue(props.modelValue, field.dependsOn)
   if (dependValue === undefined || dependValue === null || dependValue === '') {
     return undefined
   }
@@ -229,8 +267,8 @@ onMounted(() => {
 watch(() => props.modelValue, (newVal, oldVal) => {
   for (const field of props.fields) {
     if (field.type === 'select-remote' && field.dependsOn && field.optionsSource) {
-      const newDependValue = newVal[field.dependsOn]
-      const oldDependValue = oldVal?.[field.dependsOn]
+      const newDependValue = getNestedValue(newVal, field.dependsOn)
+      const oldDependValue = oldVal ? getNestedValue(oldVal, field.dependsOn) : undefined
 
       if (newDependValue !== oldDependValue) {
         // 依赖字段变化，重新加载选项
@@ -242,12 +280,12 @@ watch(() => props.modelValue, (newVal, oldVal) => {
 
 // 获取字段值
 const getFieldValue = (key: string) => {
-  return props.modelValue[key]
+  return getNestedValue(props.modelValue, key)
 }
 
 // 设置字段值
 const setFieldValue = (key: string, value: any) => {
-  const newValue = { ...props.modelValue, [key]: value }
+  const newValue = setNestedValue(props.modelValue, key, value)
   emit('update:modelValue', newValue)
 }
 
@@ -261,8 +299,8 @@ const shouldShowField = (field: ConfigField, visited = new Set<string>()): boole
   if (visited.has(field.key)) return false
   visited.add(field.key)
 
-  // 检查当前条件
-  if (props.modelValue[dependField] !== value) return false
+  // 检查当前条件（支持嵌套 key）
+  if (getNestedValue(props.modelValue, dependField) !== value) return false
 
   // 递归检查依赖字段的 showWhen 条件
   const dependentField = props.fields.find(f => f.key === dependField)