Merge pull request #56 from wsfe/fix/55

fix: tree drop single select

Author: ChuChencheng

examples/App.vue

@@ -73,7 +73,7 @@ export default defineComponent({
 
   button {
     cursor: pointer;
-    width: 100px;
+    min-width: 100px;
     height: 38px;
     margin-right: 30px;
     margin-bottom: 10px;

examples/Drop.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 10px;">
     <div style="width: 200px">
       <p>自定义展示 slot ：</p>
       <VTreeDrop
@@ -40,6 +40,22 @@
       </VTreeDrop>
       {{ value }}
     </div>
+    <div style="width: 200px">
+      <p>单选：</p>
+      <VTreeDrop
+        v-model="value2"
+        :data="data"
+        selectable
+        clearable
+        drop-placeholder="请选择"
+        :placement="placement"
+        :dropdown-min-width="300"
+        dropdown-width-fixed
+      >
+        <template #empty>slot 传进来的暂无数据</template>
+      </VTreeDrop>
+      选中的值：{{ value2 }}
+    </div>
   </div>
 </template>
 
@@ -72,13 +88,15 @@ export default defineComponent({
   setup() {
     const data = ref(genData().data)
     const value = ref('2')
+    const value2 = ref('2')
     const placement = ref<PlacementType>('bottom-start')
     function handleCheckedChange() {
       console.log('checked-change')
     }
     return {
       data,
       value,
+      value2,
       placement,
       handleCheckedChange
     }

src/components/TreeDrop.vue

@@ -385,12 +385,11 @@ export default defineComponent({
       node?: TreeNode,
       key?: TreeNodeKeyType
     ): void {
-      debugger
       slotProps.selectedNode = node
       slotProps.selectedKey = key
 
       if (node) {
-        const titleField = treeSearchRef.value.$refs.treeRef.value.titleField
+        const titleField = treeSearchRef.value.$refs.treeRef.titleField
         selectedTitle.value = node[titleField]
       } else if (key) {
         selectedTitle.value = key as string
@@ -417,7 +416,7 @@ export default defineComponent({
             props.modelValue as TreeNodeKeyType
           )
           if (node) {
-            const titleField = treeRef.value.titleField
+            const titleField = treeRef.titleField
             selectedTitle.value = node[titleField]
           } else {
             selectedTitle.value = props.modelValue as any