fix: fix draggable prop for dialog

ecomfe · Jul 8, 2021 · 5784a59 · 5784a59 · vercel · Jul 8, 2021
1 parent 07f9040
commit 5784a59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/veui-theme-dls/components/dialog.less b/packages/veui-theme-dls/components/dialog.less
@@ -8,6 +8,8 @@
   &-box {
     .fixed(0);
     display: flex;
+    justify-content: center;
+    align-items: center;
 
     &:not(&-mask) {
       pointer-events: none;
@@ -28,7 +30,6 @@
     flex-direction: column;
     background: @dls-dialog-background-color;
     padding-bottom: @dls-dialog-padding-y;
-    .veui-position-center();
     max-height: @dls-dialog-max-height;
     overflow-y: auto;
     outline: none;
@@ -164,6 +165,6 @@
 
   .@{veui-prefix}-overlay-enter &-content,
   .@{veui-prefix}-overlay-leave-to &-content {
-    transform: translate(50%, calc(50% - @transition-offset));
+    transform: translateY(-@transition-offset);
   }
 }
diff --git a/packages/veui/src/components/Dialog.vue b/packages/veui/src/components/Dialog.vue
@@ -20,7 +20,8 @@
   @afterclose="handleAfterClose"
 >
   <div
-    v-drag.translate="{
+    ref="content"
+    v-drag:content.translate="{
       disabled: !draggable,
       containment: '@window',
       handle: 'head',