zartui 0.1.21 → 0.1.22

package/lib/tag/index.less

@@ -1,99 +1,99 @@
-@import '../style/var';
-
-.zt-tag {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: @tag-padding;
-  color: @tag-text-color;
-  font-size: @tag-font-size;
-  line-height: @tag-line-height;
-  border-radius: @tag-border-radius;
-
-  &--default {
-    background-color: @tag-default-color;
-
-    &.zt-tag--plain {
-      color: @tag-default-color;
-    }
-  }
-
-  &--danger {
-    background-color: @tag-danger-color;
-
-    &.zt-tag--plain {
-      color: @tag-danger-color;
-    }
-  }
-
-  &--primary {
-    background-color: @tag-primary-color;
-
-    &.zt-tag--plain {
-      color: @tag-primary-color;
-    }
-  }
-
-  &--success {
-    background-color: @tag-success-color;
-
-    &.zt-tag--plain {
-      color: @tag-success-color;
-    }
-  }
-
-  &--warning {
-    background-color: @tag-warning-color;
-
-    &.zt-tag--plain {
-      color: @tag-warning-color;
-    }
-  }
-
-  &--plain {
-    background-color: @tag-plain-background-color;
-    border-color: currentColor;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border: 1px solid;
-      border-color: inherit;
-      border-radius: inherit;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &--medium {
-    padding: @tag-medium-padding;
-  }
-
-  &--large {
-    padding: @tag-large-padding;
-    font-size: @tag-large-font-size;
-    border-radius: @tag-large-border-radius;
-  }
-
-  &--mark {
-    border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
-
-    &::after {
-      display: block;
-      width: 2px;
-      content: '';
-    }
-  }
-
-  &--round {
-    border-radius: @tag-round-border-radius;
-  }
-
-  &__close {
-    margin-left: 2px;
-    cursor: pointer;
-  }
-}
+@import '../style/var';
+
+.zt-tag {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  padding: @tag-padding;
+  color: @tag-text-color;
+  font-size: @tag-font-size;
+  line-height: @tag-line-height;
+  border-radius: @tag-border-radius;
+
+  &--default {
+    background-color: @tag-default-color;
+
+    &.zt-tag--plain {
+      color: @tag-default-color;
+    }
+  }
+
+  &--danger {
+    background-color: @tag-danger-color;
+
+    &.zt-tag--plain {
+      color: @tag-danger-color;
+    }
+  }
+
+  &--primary {
+    background-color: @tag-primary-color;
+
+    &.zt-tag--plain {
+      color: @tag-primary-color;
+    }
+  }
+
+  &--success {
+    background-color: @tag-success-color;
+
+    &.zt-tag--plain {
+      color: @tag-success-color;
+    }
+  }
+
+  &--warning {
+    background-color: @tag-warning-color;
+
+    &.zt-tag--plain {
+      color: @tag-warning-color;
+    }
+  }
+
+  &--plain {
+    background-color: @tag-plain-background-color;
+    border-color: currentColor;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border: 1px solid;
+      border-color: inherit;
+      border-radius: inherit;
+      content: '';
+      pointer-events: none;
+    }
+  }
+
+  &--medium {
+    padding: @tag-medium-padding;
+  }
+
+  &--large {
+    padding: @tag-large-padding;
+    font-size: @tag-large-font-size;
+    border-radius: @tag-large-border-radius;
+  }
+
+  &--mark {
+    border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
+
+    &::after {
+      display: block;
+      width: 2px;
+      content: '';
+    }
+  }
+
+  &--round {
+    border-radius: @tag-round-border-radius;
+  }
+
+  &__close {
+    margin-left: 2px;
+    cursor: pointer;
+  }
+}

package/lib/toast/index.less

@@ -1,75 +1,75 @@
-@import '../style/var';
-
-.zt-toast {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: content-box;
-
-  // hack for avoid max-width when use left & fixed
-  width: @toast-default-width;
-  max-width: @toast-max-width;
-  min-height: @toast-default-min-height;
-  padding: @toast-default-padding;
-  color: @toast-text-color;
-  font-size: @toast-font-size;
-  line-height: @toast-line-height;
-
-  // allow newline character
-  white-space: pre-wrap;
-  text-align: center;
-  // https://github.com/youzan/vant/issues/8959
-  word-break: break-all;
-  background-color: @toast-background-color;
-  border-radius: @toast-border-radius;
-  transform: translate3d(-50%, -50%, 0);
-
-  &--unclickable {
-    // lock scroll
-    overflow: hidden;
-
-    // should not add pointer-events: none directly to body tag
-    // that will cause unexpected tap-highlight-color in mobile safari
-    * {
-      pointer-events: none;
-    }
-  }
-
-  &--text,
-  &--html {
-    width: fit-content;
-    min-width: @toast-text-min-width;
-    min-height: 0;
-    padding: @toast-text-padding;
-
-    .zt-toast__text {
-      margin-top: 0;
-    }
-  }
-
-  &--top {
-    top: @toast-position-top-distance;
-  }
-
-  &--bottom {
-    top: auto;
-    bottom: @toast-position-bottom-distance;
-  }
-
-  &__icon {
-    font-size: @toast-icon-size;
-  }
-
-  &__loading {
-    padding: @padding-base;
-    color: @toast-loading-icon-color;
-  }
-
-  &__text {
-    margin-top: @padding-xs;
-  }
-}
+@import '../style/var';
+
+.zt-toast {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+
+  // hack for avoid max-width when use left & fixed
+  width: @toast-default-width;
+  max-width: @toast-max-width;
+  min-height: @toast-default-min-height;
+  padding: @toast-default-padding;
+  color: @toast-text-color;
+  font-size: @toast-font-size;
+  line-height: @toast-line-height;
+
+  // allow newline character
+  white-space: pre-wrap;
+  text-align: center;
+  // https://github.com/youzan/vant/issues/8959
+  word-break: break-all;
+  background-color: @toast-background-color;
+  border-radius: @toast-border-radius;
+  transform: translate3d(-50%, -50%, 0);
+
+  &--unclickable {
+    // lock scroll
+    overflow: hidden;
+
+    // should not add pointer-events: none directly to body tag
+    // that will cause unexpected tap-highlight-color in mobile safari
+    * {
+      pointer-events: none;
+    }
+  }
+
+  &--text,
+  &--html {
+    width: fit-content;
+    min-width: @toast-text-min-width;
+    min-height: 0;
+    padding: @toast-text-padding;
+
+    .zt-toast__text {
+      margin-top: 0;
+    }
+  }
+
+  &--top {
+    top: @toast-position-top-distance;
+  }
+
+  &--bottom {
+    top: auto;
+    bottom: @toast-position-bottom-distance;
+  }
+
+  &__icon {
+    font-size: @toast-icon-size;
+  }
+
+  &__loading {
+    padding: @padding-base;
+    color: @toast-loading-icon-color;
+  }
+
+  &__text {
+    margin-top: @padding-xs;
+  }
+}

package/lib/toast/style/index.js

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

package/lib/toast/style/less.js

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

package/lib/uploader/index.less

@@ -1,163 +1,163 @@
-@import '../style/var';
-
-.zt-uploader {
-  position: relative;
-  display: inline-block;
-
-  &__wrapper {
-    display: flex;
-    flex-wrap: wrap;
-
-    &--disabled {
-      opacity: @uploader-disabled-opacity;
-    }
-  }
-
-  &__input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden; // to clip file-upload-button
-    cursor: pointer;
-    opacity: 0;
-
-    &-wrapper {
-      position: relative;
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &__upload {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    width: @uploader-size;
-    height: @uploader-size;
-    margin: 0 @padding-xs @padding-xs 0;
-    background-color: @uploader-upload-background-color;
-
-    &:active {
-      background-color: @uploader-upload-active-color;
-    }
-
-    &--readonly:active {
-      background-color: @uploader-upload-background-color;
-    }
-
-    &-icon {
-      color: @uploader-icon-color;
-      font-size: @uploader-icon-size;
-    }
-
-    &-text {
-      margin-top: @padding-xs;
-      color: @uploader-text-color;
-      font-size: @uploader-text-font-size;
-    }
-  }
-
-  &__preview {
-    position: relative;
-    margin: 0 @padding-xs @padding-xs 0;
-    cursor: pointer;
-
-    &-image {
-      display: block;
-      width: @uploader-size;
-      height: @uploader-size;
-      overflow: hidden;
-    }
-
-    &-delete {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: @uploader-delete-icon-size;
-      height: @uploader-delete-icon-size;
-      background-color: @uploader-delete-background-color;
-      border-radius: 0 0 0 12px;
-
-      &-icon {
-        position: absolute;
-        top: -2px;
-        right: -2px;
-        color: #fff;
-        color: @uploader-delete-color;
-        font-size: 16px;
-        transform: scale(0.5);
-      }
-    }
-
-    &-cover {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-  }
-
-  &__mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: @white;
-    background-color: @uploader-mask-background-color;
-
-    &-icon {
-      font-size: @uploader-mask-icon-size;
-    }
-
-    &-message {
-      margin-top: 6px;
-      padding: 0 @padding-base;
-      font-size: @uploader-mask-message-font-size;
-      line-height: @uploader-mask-message-line-height;
-    }
-  }
-
-  &__loading {
-    width: @uploader-loading-icon-size;
-    height: @uploader-loading-icon-size;
-    color: @uploader-loading-icon-color;
-  }
-
-  &__file {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: @uploader-size;
-    height: @uploader-size;
-    background-color: @uploader-file-background-color;
-
-    &-icon {
-      color: @uploader-file-icon-color;
-      font-size: @uploader-file-icon-size;
-    }
-
-    &-name {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: @uploader-file-name-margin-top;
-      padding: @uploader-file-name-padding;
-      color: @uploader-file-name-text-color;
-      font-size: @uploader-file-name-font-size;
-      text-align: center;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-uploader {
+  position: relative;
+  display: inline-block;
+
+  &__wrapper {
+    display: flex;
+    flex-wrap: wrap;
+
+    &--disabled {
+      opacity: @uploader-disabled-opacity;
+    }
+  }
+
+  &__input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden; // to clip file-upload-button
+    cursor: pointer;
+    opacity: 0;
+
+    &-wrapper {
+      position: relative;
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  &__upload {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: @uploader-size;
+    height: @uploader-size;
+    margin: 0 @padding-xs @padding-xs 0;
+    background-color: @uploader-upload-background-color;
+
+    &:active {
+      background-color: @uploader-upload-active-color;
+    }
+
+    &--readonly:active {
+      background-color: @uploader-upload-background-color;
+    }
+
+    &-icon {
+      color: @uploader-icon-color;
+      font-size: @uploader-icon-size;
+    }
+
+    &-text {
+      margin-top: @padding-xs;
+      color: @uploader-text-color;
+      font-size: @uploader-text-font-size;
+    }
+  }
+
+  &__preview {
+    position: relative;
+    margin: 0 @padding-xs @padding-xs 0;
+    cursor: pointer;
+
+    &-image {
+      display: block;
+      width: @uploader-size;
+      height: @uploader-size;
+      overflow: hidden;
+    }
+
+    &-delete {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: @uploader-delete-icon-size;
+      height: @uploader-delete-icon-size;
+      background-color: @uploader-delete-background-color;
+      border-radius: 0 0 0 12px;
+
+      &-icon {
+        position: absolute;
+        top: -2px;
+        right: -2px;
+        color: #fff;
+        color: @uploader-delete-color;
+        font-size: 16px;
+        transform: scale(0.5);
+      }
+    }
+
+    &-cover {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+  }
+
+  &__mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: @white;
+    background-color: @uploader-mask-background-color;
+
+    &-icon {
+      font-size: @uploader-mask-icon-size;
+    }
+
+    &-message {
+      margin-top: 6px;
+      padding: 0 @padding-base;
+      font-size: @uploader-mask-message-font-size;
+      line-height: @uploader-mask-message-line-height;
+    }
+  }
+
+  &__loading {
+    width: @uploader-loading-icon-size;
+    height: @uploader-loading-icon-size;
+    color: @uploader-loading-icon-color;
+  }
+
+  &__file {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: @uploader-size;
+    height: @uploader-size;
+    background-color: @uploader-file-background-color;
+
+    &-icon {
+      color: @uploader-file-icon-color;
+      font-size: @uploader-file-icon-size;
+    }
+
+    &-name {
+      box-sizing: border-box;
+      width: 100%;
+      margin-top: @uploader-file-name-margin-top;
+      padding: @uploader-file-name-padding;
+      color: @uploader-file-name-text-color;
+      font-size: @uploader-file-name-font-size;
+      text-align: center;
+    }
+  }
+}