fix(tree-select): add emit modelValue (#2461)

opentiny · Nov 4, 2024 · 8a9f812 · 8a9f812
1 parent 8ae85c6
commit 8a9f812
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/packages/renderless/src/tree-select/index.ts b/packages/renderless/src/tree-select/index.ts
@@ -17,22 +17,32 @@ export const nodeClick =
         }
       })
 
+      emit('change', data[props.valueField])
+      emit('update:modelValue', data[props.valueField])
+
       vm.$refs.baseSelectRef.hidePanel()
     }
   }
 
 export const check =
-  ({ props, vm }) =>
+  ({ props, vm, emit }) =>
   (data, { checkedNodes }) => {
     if (props.multiple) {
+      const currentValue = []
+
       vm.$refs.baseSelectRef.updateSelectedData(
         checkedNodes.map((node) => {
+          currentValue.push(node[props.valueField])
+
           return {
             ...node,
             currentLabel: node[props.textField],
             value: node[props.valueField]
           }
         })
       )
+
+      emit('change', currentValue)
+      emit('update:modelValue', currentValue)
     }
   }
diff --git a/packages/renderless/src/tree-select/vue.ts b/packages/renderless/src/tree-select/vue.ts
@@ -2,19 +2,19 @@ import { filter, nodeClick, check } from './index'
 
 export const api = ['state', 'filter', 'nodeClick', 'check']
 
-export const renderless = (props, { reactive }, { vm }) => {
+export const renderless = (props, { reactive, computed }, { vm, emit }) => {
   const api = {}
 
   const state = reactive({
-    value: props.modelValue,
+    value: computed(() => props.modelValue),
     treeData: props.treeOp.data
   })
 
   Object.assign(api, {
     state,
     filter: filter({ vm }),
     nodeClick: nodeClick({ props, vm }),
-    check: check({ props, vm })
+    check: check({ props, vm, emit })
   })
 
   return api