Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.45k stars 465 forks source link

[Dialog 对话框] 无法拖拽,draggable 设置未起到效果 #4507

Closed synctimes163 closed 2 months ago

synctimes163 commented 2 months ago

tdesign-vue-next 版本

1.9.9

重现链接

No response

重现步骤

image ` <t-button theme="primary" @click="openDialog" >visible

        <t-dialog
        v-model:visible="visible"

          header="模态对话框"
          mode="modal"
          draggable
          :on-confirm="() => (visibleModal = false)"
        >
          <template #body>
            <div>默认点击蒙层或按ESC可关闭</div>
            <div>我是内容</div>
            <div>我是内容</div>
          </template>
        </t-dialog>`

fad779291f4eee97b24315e91a3d5ba

期望结果

能正常拖拽 ` <t-button theme="primary" @click="visibleModelessDrag = true">非模态对话框-可拖拽 <t-button theme="primary" @click="visibleModeless = true">非模态对话框-不可拖拽 <t-button theme="primary" @click="visibleModal = true">模态对话框-不支持拖拽

<t-dialog
  v-model:visible="visibleModal"
  header="模态对话框"
  mode="modal"
  draggable
  :on-confirm="() => (visibleModal = false)"
>
  <template #body>
    <div>默认点击蒙层或按ESC可关闭</div>
    <div>我是内容</div>
    <div>我是内容</div>
  </template>
</t-dialog>`

https://github.com/Tencent/tdesign-vue-next/blob/develop/src/dialog/_example/drag.vue

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 2 months ago

👋 @synctimes163,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。