treeDrop在elementplus^1.2.0-beta.5中的dialog或者drawer组件中，treedrop的下拉选择框在点击空白地方时关闭不了

[shanhan01]

问题描述
treeDrop在elementplus^1.2.0-beta.5中的dialog或者drawer组件中，treedrop的下拉选择框在点击空白地方时关闭不了?如何解决？
想咨询的问题

组件版本
Vue3 中的 elementplus^1.2.0-beta.5 ， "@wsfe/vue-tree": "^4.0.1"

<el-drawer v-model="showDetailDrawer" :with-header="false" direction="rtl" size="60%" :close-on-click-modal="true" :close-on-press-escape="false" @close="showDetailDrawer = false"> 
        <el-form-item label="校区校长" prop="principalIds">
                    <div style="width: 200px">
                      <VTreeDrop
                        :key="keyConst"
                        ref="createBysRef"
                        v-model="profileForm.principalIds"
                        :data="treeData"
                        checkable
                        clearable
                        key-field="tempId"
                        title-field="name"
                        drop-placeholder="请选择"
                        :show-footer="false"
                        :placement="'top-start'"
                        :transfer="true"
                        @checked-change="e => handleCheckedChange(e, 'principalIds')"
                      >
                        <template #display="">
                          <div class="showName-i">
                            <el-tooltip v-if="principalIds.valueName" :content="principalIds.valueName" placement="top" effect="dark">
                              <div class="showName-i">{{ principalIds.valueName || '请选择校区校长' }}</div>
                            </el-tooltip>
                            <div v-else class="showName-i">{{ principalIds.valueName || '请选择校区校长' }}</div>
                          </div>
                        </template>
                      </VTreeDrop>
                    </div>
                  </el-form-item>
      </el-drawer>