zartui 0.1.21 → 0.1.25

package/lib/cell/index.less

@@ -1,103 +1,103 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-cell {
-  position: relative;
-  display: flex;
-  box-sizing: border-box;
-  width: 100%;
-  padding: @cell-vertical-padding @cell-horizontal-padding;
-  overflow: hidden;
-  color: @cell-text-color;
-  font-size: @cell-font-size;
-  line-height: @cell-line-height;
-  background-color: @cell-background-color;
-
-  &::after {
-    .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
-  }
-
-  &:last-child::after,
-  &--borderless::after {
-    display: none;
-  }
-
-  &__label {
-    margin-top: @cell-label-margin-top;
-    color: @cell-label-color;
-    font-size: @cell-label-font-size;
-    line-height: @cell-label-line-height;
-  }
-
-  &__title,
-  &__value {
-    flex: 1;
-  }
-
-  &__value {
-    position: relative;
-    overflow: hidden;
-    color: @cell-value-color;
-    text-align: right;
-    vertical-align: middle;
-    word-wrap: break-word;
-
-    &--alone {
-      color: @text-color;
-      text-align: left;
-    }
-  }
-
-  &__left-icon,
-  &__right-icon {
-    height: @cell-line-height;
-    font-size: @cell-icon-size;
-    line-height: @cell-line-height;
-  }
-
-  &__left-icon {
-    margin-right: @padding-base;
-  }
-
-  &__right-icon {
-    margin-left: @padding-base;
-    color: @cell-right-icon-color;
-  }
-
-  &--clickable {
-    cursor: pointer;
-
-    &:active {
-      background-color: @cell-active-color;
-    }
-  }
-
-  &--required {
-    overflow: visible;
-
-    &::before {
-      position: absolute;
-      left: @padding-xs;
-      color: @cell-required-color;
-      font-size: @cell-font-size;
-      content: '*';
-    }
-  }
-
-  &--center {
-    align-items: center;
-  }
-
-  &--large {
-    padding-top: @cell-large-vertical-padding;
-    padding-bottom: @cell-large-vertical-padding;
-
-    .zt-cell__title {
-      font-size: @cell-large-title-font-size;
-    }
-
-    .zt-cell__label {
-      font-size: @cell-large-label-font-size;
-    }
-  }
-}
+@import '../style/var';
+@import '../style/mixins/hairline';
+
+.zt-cell {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  width: 100%;
+  padding: @cell-vertical-padding @cell-horizontal-padding;
+  overflow: hidden;
+  color: @cell-text-color;
+  font-size: @cell-font-size;
+  line-height: @cell-line-height;
+  background-color: @cell-background-color;
+
+  &::after {
+    .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
+  }
+
+  &:last-child::after,
+  &--borderless::after {
+    display: none;
+  }
+
+  &__label {
+    margin-top: @cell-label-margin-top;
+    color: @cell-label-color;
+    font-size: @cell-label-font-size;
+    line-height: @cell-label-line-height;
+  }
+
+  &__title,
+  &__value {
+    flex: 1;
+  }
+
+  &__value {
+    position: relative;
+    overflow: hidden;
+    color: @cell-value-color;
+    text-align: right;
+    vertical-align: middle;
+    word-wrap: break-word;
+
+    &--alone {
+      color: @text-color;
+      text-align: left;
+    }
+  }
+
+  &__left-icon,
+  &__right-icon {
+    height: @cell-line-height;
+    font-size: @cell-icon-size;
+    line-height: @cell-line-height;
+  }
+
+  &__left-icon {
+    margin-right: @padding-base;
+  }
+
+  &__right-icon {
+    margin-left: @padding-base;
+    color: @cell-right-icon-color;
+  }
+
+  &--clickable {
+    cursor: pointer;
+
+    &:active {
+      background-color: @cell-active-color;
+    }
+  }
+
+  &--required {
+    overflow: visible;
+
+    &::before {
+      position: absolute;
+      left: @padding-xs;
+      color: @cell-required-color;
+      font-size: @cell-font-size;
+      content: '*';
+    }
+  }
+
+  &--center {
+    align-items: center;
+  }
+
+  &--large {
+    padding-top: @cell-large-vertical-padding;
+    padding-bottom: @cell-large-vertical-padding;
+
+    .zt-cell__title {
+      font-size: @cell-large-title-font-size;
+    }
+
+    .zt-cell__label {
+      font-size: @cell-large-label-font-size;
+    }
+  }
+}

package/lib/cell-group/index.less

@@ -1,22 +1,22 @@
-@import '../style/var';
-
-.zt-cell-group {
-  background-color: @cell-group-background-color;
-
-  &--inset {
-    margin: @cell-group-inset-padding;
-    overflow: hidden;
-    border-radius: @cell-group-inset-border-radius;
-  }
-
-  &__title {
-    padding: @cell-group-title-padding;
-    color: @cell-group-title-color;
-    font-size: @cell-group-title-font-size;
-    line-height: @cell-group-title-line-height;
-
-    &--inset {
-      padding: @cell-group-inset-title-padding;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-cell-group {
+  background-color: @cell-group-background-color;
+
+  &--inset {
+    margin: @cell-group-inset-padding;
+    overflow: hidden;
+    border-radius: @cell-group-inset-border-radius;
+  }
+
+  &__title {
+    padding: @cell-group-title-padding;
+    color: @cell-group-title-color;
+    font-size: @cell-group-title-font-size;
+    line-height: @cell-group-title-line-height;
+
+    &--inset {
+      padding: @cell-group-inset-title-padding;
+    }
+  }
+}

package/lib/checkbox/index.less

@@ -1,89 +1,89 @@
-@import '../style/var';
-
-.zt-checkbox {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  cursor: pointer;
-  user-select: none;
-  padding: @checkbox-padding;
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--label-disabled {
-    cursor: default;
-  }
-
-  &--horizontal {
-    margin-right: @padding-sm;
-  }
-
-  &__icon {
-    flex: none;
-    height: 1em;
-    font-size: @checkbox-size;
-    line-height: 1em;
-    cursor: pointer;
-
-    .zt-icon {
-      display: block;
-      box-sizing: border-box;
-      width: 1.25em;
-      height: 1.25em;
-      color: transparent;
-      font-size: 0.8em;
-      line-height: 1.25;
-      text-align: center;
-      border: 1px solid @checkbox-border-color;
-      transition-duration: @checkbox-transition-duration;
-      transition-property: color, border-color, background-color;
-    }
-
-    &--round {
-      .zt-icon {
-        border-radius: 100%;
-      }
-    }
-
-    &--checked {
-      .zt-icon {
-        color: @white;
-        background-color: @checkbox-checked-icon-color;
-        border-color: @checkbox-checked-icon-color;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-
-      .zt-icon {
-        background-color: @checkbox-disabled-background-color;
-        border-color: @checkbox-disabled-icon-color;
-      }
-    }
-
-    &--disabled&--checked {
-      .zt-icon {
-        opacity: .4;
-        background-color: @checkbox-checked-icon-color;
-        color: @white;
-      }
-    }
-  }
-
-  &__label {
-    margin-left: @checkbox-label-margin;
-    color: @black;
-    line-height: @checkbox-size;
-
-    &--left {
-      margin: 0 @checkbox-label-margin 0 0;
-    }
-
-    &--disabled {
-      color: @checkbox-disabled-label-color;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-checkbox {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  padding: @checkbox-padding;
+
+  &--disabled {
+    cursor: not-allowed;
+  }
+
+  &--label-disabled {
+    cursor: default;
+  }
+
+  &--horizontal {
+    margin-right: @padding-sm;
+  }
+
+  &__icon {
+    flex: none;
+    height: 1em;
+    font-size: @checkbox-size;
+    line-height: 1em;
+    cursor: pointer;
+
+    .zt-icon {
+      display: block;
+      box-sizing: border-box;
+      width: 1.25em;
+      height: 1.25em;
+      color: transparent;
+      font-size: 0.8em;
+      line-height: 1.25;
+      text-align: center;
+      border: 1px solid @checkbox-border-color;
+      transition-duration: @checkbox-transition-duration;
+      transition-property: color, border-color, background-color;
+    }
+
+    &--round {
+      .zt-icon {
+        border-radius: 100%;
+      }
+    }
+
+    &--checked {
+      .zt-icon {
+        color: @white;
+        background-color: @checkbox-checked-icon-color;
+        border-color: @checkbox-checked-icon-color;
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+
+      .zt-icon {
+        background-color: @checkbox-disabled-background-color;
+        border-color: @checkbox-disabled-icon-color;
+      }
+    }
+
+    &--disabled&--checked {
+      .zt-icon {
+        opacity: .4;
+        background-color: @checkbox-checked-icon-color;
+        color: @white;
+      }
+    }
+  }
+
+  &__label {
+    margin-left: @checkbox-label-margin;
+    color: @black;
+    line-height: @checkbox-size;
+
+    &--left {
+      margin: 0 @checkbox-label-margin 0 0;
+    }
+
+    &--disabled {
+      color: @checkbox-disabled-label-color;
+    }
+  }
+}

package/lib/checkbox-group/index.less

@@ -1,8 +1,8 @@
-@import '../style/var';
-
-.zt-checkbox-group {
-  &--horizontal {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
+@import '../style/var';
+
+.zt-checkbox-group {
+  &--horizontal {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}

package/lib/col/index.less

@@ -1,20 +1,20 @@
-@import '../style/var';
-
-.zt-col {
-  float: left;
-  box-sizing: border-box;
-  min-height: 1px;
-}
-
-.generate-col(24);
-.generate-col(@n, @i: 1) when (@i =< @n) {
-  .zt-col--@{i} {
-    width: (@i * 100% / 24);
-  }
-
-  .zt-col--offset-@{i} {
-    margin-left: (@i * 100% / 24);
-  }
-
-  .generate-col(@n, (@i + 1));
-}
+@import '../style/var';
+
+.zt-col {
+  float: left;
+  box-sizing: border-box;
+  min-height: 1px;
+}
+
+.generate-col(24);
+.generate-col(@n, @i: 1) when (@i =< @n) {
+  .zt-col--@{i} {
+    width: (@i * 100% / 24);
+  }
+
+  .zt-col--offset-@{i} {
+    margin-left: (@i * 100% / 24);
+  }
+
+  .generate-col(@n, (@i + 1));
+}

package/lib/datetime-picker/style/index.js

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

package/lib/datetime-picker/style/less.js

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

package/lib/dialog/index.css

@@ -1 +1 @@
-.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:100px}.zt-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel,.zt-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm,.zt-dialog__confirm:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:100px}.zt-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel,.zt-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm,.zt-dialog__confirm:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}