From 35f91c6343be140b6a2a06ee1343f8532b2976c9 Mon Sep 17 00:00:00 2001
From: ChuChencheng <azureternite@live.com>
Date: Thu, 8 Jun 2023 04:38:27 +0800
Subject: [PATCH 1/2] fix: deep ref error and remove debugger
---
 src/components/TreeDrop.vue &#124; 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/src/components/TreeDrop.vue b/src/components/TreeDrop.vue
index 157d9b8..bf6d34f 100644
--- a/src/components/TreeDrop.vue
+++ b/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
From 0c96b2c27df20ee635b07d33594d780eaa052723 Mon Sep 17 00:00:00 2001
From: ChuChencheng <azureternite@live.com>
Date: Thu, 8 Jun 2023 04:39:24 +0800
Subject: [PATCH 2/2] doc: add single select example in drop tab
---
 examples/App.vue &#124; 2 +-
 examples/Drop.vue &#124; 20 +++++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)
diff --git a/examples/App.vue b/examples/App.vue
index f8aa61a..50b32b5 100644
--- a/examples/App.vue
+++ b/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;
diff --git a/examples/Drop.vue b/examples/Drop.vue
index 1d92869..5fcc68a 100644
--- a/examples/Drop.vue
+++ b/examples/Drop.vue
@@ -1,5 +1,5 @@
 <template>
- <div>
+ <div>
 <div>
 <p>自定义展示 slot :</p>
 <vtreedrop @@ -40,6 +40,22 @@ </vtreedrop>
 {{ value }}
 </div>
+ <div>
+ <p>单选:</p>
+ <vtreedrop + v-model="value2" + :data="data" + selectable + clearable + drop-placeholder="请选择" + :placement="placement" + :dropdown-min- + dropdown-width-fixed +>
+ <template #empty>slot 传进来的暂无数据</template>
+ </vtreedrop>
+ 选中的值:{{ value2 }}
+ </div>
 </div>
 </template>
 
@@ -72,6 +88,7 @@ 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')
@@ -79,6 +96,7 @@ export default defineComponent({
 return {
 data,
 value,
+ value2,
 placement,
 handleCheckedChange
 }
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/wsfe/vue-tree/pull/56.patch">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/wsfe/vue-tree/pull/56.patch" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>