zartui 0.1.21 → 0.1.25

package/lib/dialog/index.less

@@ -1,125 +1,125 @@
-@import '../style/var';
-
-.zt-dialog {
-  position: fixed;
-  top: 45%;
-  left: 50%;
-  width: @dialog-width;
-  overflow: hidden;
-  font-size: @dialog-font-size;
-  background-color: @dialog-background-color;
-  border-radius: @dialog-border-radius;
-  transform: translate3d(-50%, -50%, 0);
-  backface-visibility: hidden; // avoid blurry text after scale animation
-  transition: @dialog-transition;
-  transition-property: transform, opacity;
-
-  @media (max-width: 328px) {
-    width: @dialog-small-screen-width;
-  }
-
-  &__header {
-    padding-top: @dialog-header-padding-top;
-    font-weight: @dialog-header-font-weight;
-    line-height: @dialog-header-line-height;
-    height: @dialog-header-line-height;
-    text-align: center;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    word-break: break-all;
-    padding-left: @dialog-header-padding-left;
-    padding-right: @dialog-header-padding-right;
-
-    &--isolated {
-      padding: @dialog-header-isolated-padding;
-    }
-    
-    &--custom-title {
-      height: 44px;
-      padding-left: 0;
-      padding-right: 0;
-      padding-top: 0;
-    }
-  }
-
-  &__content {
-    &--isolated {
-      display: flex;
-      align-items: center;
-      min-height: 100px;
-    }
-  }
-
-  &__message {
-    flex: 1;
-    max-height: @dialog-message-max-height;
-    padding: 24px @dialog-message-padding;
-    overflow-y: auto;
-    font-size: @dialog-message-font-size;
-    line-height: @dialog-message-line-height;
-    color: @dialog-has-title-message-text-color;
-
-    // allow newline charactor
-    white-space: pre-wrap;
-    text-align: center;
-    word-wrap: break-word;
-    -webkit-overflow-scrolling: touch;
-
-    &--has-title {
-      padding-top: @dialog-has-title-message-padding-top;
-      font-size: @dialog-message-font-size-with-title;
-    }
-
-    &--left {
-      text-align: left;
-    }
-
-    &--right {
-      text-align: right;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    overflow: hidden;
-    user-select: none;
-
-    //底部按钮中间垂直分割线，上下各留10px间距
-    .zt-hairline--left::after {
-      top: calc(-50% + 20px);
-      bottom: calc(-50% + 20px);
-    }
-  }
-
-  &__confirm,
-  &__cancel {
-    flex: 1;
-    height: @dialog-button-height;
-    margin: 0;
-    border: 0;
-  }
-
-  &__confirm {
-    &,
-    &:active {
-      color: @dialog-confirm-button-text-color;
-    }
-  }
-  
-  //取消按钮不加粗、纯黑色
-  &__cancel {
-    color: @black;
-    font-weight: normal;
-  }
-
-  &-bounce-enter {
-    transform: translate3d(-50%, -50%, 0) scale(0.7);
-    opacity: 0;
-  }
-
-  &-bounce-leave-active {
-    transform: translate3d(-50%, -50%, 0) scale(0.9);
-    opacity: 0;
-  }
-}
+@import '../style/var';
+
+.zt-dialog {
+  position: fixed;
+  top: 45%;
+  left: 50%;
+  width: @dialog-width;
+  overflow: hidden;
+  font-size: @dialog-font-size;
+  background-color: @dialog-background-color;
+  border-radius: @dialog-border-radius;
+  transform: translate3d(-50%, -50%, 0);
+  backface-visibility: hidden; // avoid blurry text after scale animation
+  transition: @dialog-transition;
+  transition-property: transform, opacity;
+
+  @media (max-width: 328px) {
+    width: @dialog-small-screen-width;
+  }
+
+  &__header {
+    padding-top: @dialog-header-padding-top;
+    font-weight: @dialog-header-font-weight;
+    line-height: @dialog-header-line-height;
+    height: @dialog-header-line-height;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    padding-left: @dialog-header-padding-left;
+    padding-right: @dialog-header-padding-right;
+
+    &--isolated {
+      padding: @dialog-header-isolated-padding;
+    }
+    
+    &--custom-title {
+      height: 44px;
+      padding-left: 0;
+      padding-right: 0;
+      padding-top: 0;
+    }
+  }
+
+  &__content {
+    &--isolated {
+      display: flex;
+      align-items: center;
+      min-height: 100px;
+    }
+  }
+
+  &__message {
+    flex: 1;
+    max-height: @dialog-message-max-height;
+    padding: 24px @dialog-message-padding;
+    overflow-y: auto;
+    font-size: @dialog-message-font-size;
+    line-height: @dialog-message-line-height;
+    color: @dialog-has-title-message-text-color;
+
+    // allow newline charactor
+    white-space: pre-wrap;
+    //text-align: center;
+    word-wrap: break-word;
+    -webkit-overflow-scrolling: touch;
+
+    &--has-title {
+      padding-top: @dialog-has-title-message-padding-top;
+      font-size: @dialog-message-font-size-with-title;
+    }
+
+    &--left {
+      text-align: left;
+    }
+
+    &--right {
+      text-align: right;
+    }
+  }
+
+  &__footer {
+    display: flex;
+    overflow: hidden;
+    user-select: none;
+
+    //底部按钮中间垂直分割线，上下各留10px间距
+    .zt-hairline--left::after {
+      top: calc(-50% + 20px);
+      bottom: calc(-50% + 20px);
+    }
+  }
+
+  &__confirm,
+  &__cancel {
+    flex: 1;
+    height: @dialog-button-height;
+    margin: 0;
+    border: 0;
+  }
+
+  &__confirm {
+    &,
+    &:active {
+      color: @dialog-confirm-button-text-color;
+    }
+  }
+  
+  //取消按钮不加粗、纯黑色
+  &__cancel {
+    color: @black;
+    font-weight: normal;
+  }
+
+  &-bounce-enter {
+    transform: translate3d(-50%, -50%, 0) scale(0.7);
+    opacity: 0;
+  }
+
+  &-bounce-leave-active {
+    transform: translate3d(-50%, -50%, 0) scale(0.9);
+    opacity: 0;
+  }
+}

package/lib/dialog/style/index.js

@@ -1,8 +1,8 @@
 require('../../style/base.css');
 require('../../loading/index.css');
+require('../../overlay/index.css');
 require('../../info/index.css');
 require('../../icon/index.css');
 require('../../button/index.css');
-require('../../overlay/index.css');
 require('../../popup/index.css');
 require('../index.css');

package/lib/dialog/style/less.js

@@ -1,8 +1,8 @@
 require('../../style/base.less');
 require('../../loading/index.less');
+require('../../overlay/index.less');
 require('../../info/index.less');
 require('../../icon/index.less');
 require('../../button/index.less');
-require('../../overlay/index.less');
 require('../../popup/index.less');
 require('../index.less');