zartui 0.1.21 → 0.1.22

package/lib/radio/index.less

@@ -1,86 +1,86 @@
-@import '../style/var';
-
-.zt-radio {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  cursor: pointer;
-  user-select: none;
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--label-disabled {
-    cursor: default;
-  }
-
-  &--horizontal {
-    margin-right: @padding-sm;
-  }
-
-  &__icon {
-    flex: none;
-    height: 1em;
-    font-size: @radio-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 @radio-border-color;
-      transition-duration: @radio-transition-duration;
-      transition-property: color, border-color, background-color;
-    }
-
-    &--round {
-      .zt-icon {
-        border-radius: 100%;
-      }
-    }
-
-    &--checked {
-      .zt-icon {
-        color: @white;
-        background-color: @radio-checked-icon-color;
-        border-color: @radio-checked-icon-color;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-
-      .zt-icon {
-        background-color: @radio-disabled-background-color;
-        border-color: @radio-disabled-icon-color;
-      }
-    }
-
-    &--disabled&--checked {
-      .zt-icon {
-        color: @radio-disabled-icon-color;
-      }
-    }
-  }
-
-  &__label {
-    margin-left: @radio-label-margin;
-    color: @radio-label-color;
-    line-height: @radio-size;
-
-    &--left {
-      margin: 0 @radio-label-margin 0 0;
-    }
-
-    &--disabled {
-      color: @radio-disabled-label-color;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-radio {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+
+  &--disabled {
+    cursor: not-allowed;
+  }
+
+  &--label-disabled {
+    cursor: default;
+  }
+
+  &--horizontal {
+    margin-right: @padding-sm;
+  }
+
+  &__icon {
+    flex: none;
+    height: 1em;
+    font-size: @radio-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 @radio-border-color;
+      transition-duration: @radio-transition-duration;
+      transition-property: color, border-color, background-color;
+    }
+
+    &--round {
+      .zt-icon {
+        border-radius: 100%;
+      }
+    }
+
+    &--checked {
+      .zt-icon {
+        color: @white;
+        background-color: @radio-checked-icon-color;
+        border-color: @radio-checked-icon-color;
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+
+      .zt-icon {
+        background-color: @radio-disabled-background-color;
+        border-color: @radio-disabled-icon-color;
+      }
+    }
+
+    &--disabled&--checked {
+      .zt-icon {
+        color: @radio-disabled-icon-color;
+      }
+    }
+  }
+
+  &__label {
+    margin-left: @radio-label-margin;
+    color: @radio-label-color;
+    line-height: @radio-size;
+
+    &--left {
+      margin: 0 @radio-label-margin 0 0;
+    }
+
+    &--disabled {
+      color: @radio-disabled-label-color;
+    }
+  }
+}

package/lib/radio-group/index.less

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

package/lib/rate/index.css

@@ -1 +1 @@
-.zt-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:4px}.zt-rate__icon{display:block;width:1em;color:#c8c9cc;font-size:20px}.zt-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.zt-rate__icon--full{color:#e62314}.zt-rate__icon--disabled{color:#c8c9cc}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}
+.zt-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:4px}.zt-rate__icon{display:block;width:1em;color:#ccc;font-size:20px}.zt-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.zt-rate__icon--full{color:#ffcd23}.zt-rate__icon--disabled{color:#c8c9cc}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}

package/lib/rate/index.js

@@ -56,7 +56,7 @@ var _default = createComponent({
     },
     voidIcon: {
       type: String,
-      default: 'star-o'
+      default: 'star'
     },
     count: {
       type: [Number, String],

package/lib/rate/index.less

@@ -1,47 +1,47 @@
-@import '../style/var';
-
-.zt-rate {
-  display: inline-flex;
-  flex-wrap: wrap;
-  cursor: pointer;
-  user-select: none;
-
-  &__item {
-    position: relative;
-
-    &:not(:last-child) {
-      padding-right: @rate-icon-gutter;
-    }
-  }
-
-  &__icon {
-    display: block;
-    width: 1em;
-    color: @rate-icon-void-color;
-    font-size: @rate-icon-size;
-
-    &--half {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 0.5em;
-      overflow: hidden;
-    }
-
-    &--full {
-      color: @rate-icon-full-color;
-    }
-
-    &--disabled {
-      color: @rate-icon-disabled-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--readonly {
-    cursor: default;
-  }
-}
+@import '../style/var';
+
+.zt-rate {
+  display: inline-flex;
+  flex-wrap: wrap;
+  cursor: pointer;
+  user-select: none;
+
+  &__item {
+    position: relative;
+
+    &:not(:last-child) {
+      padding-right: @rate-icon-gutter;
+    }
+  }
+
+  &__icon {
+    display: block;
+    width: 1em;
+    color: @rate-icon-void-color;
+    font-size: @rate-icon-size;
+
+    &--half {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 0.5em;
+      overflow: hidden;
+    }
+
+    &--full {
+      color: @rate-icon-full-color;
+    }
+
+    &--disabled {
+      color: @rate-icon-disabled-color;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+  }
+
+  &--readonly {
+    cursor: default;
+  }
+}

package/lib/row/index.less

@@ -1,42 +1,42 @@
-@import '../style/var';
-
-.zt-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-    flex-wrap: wrap;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  &--justify-center {
-    justify-content: center;
-  }
-
-  &--justify-end {
-    justify-content: flex-end;
-  }
-
-  &--justify-space-between {
-    justify-content: space-between;
-  }
-
-  &--justify-space-around {
-    justify-content: space-around;
-  }
-
-  &--align-center {
-    align-items: center;
-  }
-
-  &--align-bottom {
-    align-items: flex-end;
-  }
-}
+@import '../style/var';
+
+.zt-row {
+  &::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  &--flex {
+    display: flex;
+    flex-wrap: wrap;
+
+    &::after {
+      display: none;
+    }
+  }
+
+  &--justify-center {
+    justify-content: center;
+  }
+
+  &--justify-end {
+    justify-content: flex-end;
+  }
+
+  &--justify-space-between {
+    justify-content: space-between;
+  }
+
+  &--justify-space-around {
+    justify-content: space-around;
+  }
+
+  &--align-center {
+    align-items: center;
+  }
+
+  &--align-bottom {
+    align-items: flex-end;
+  }
+}

package/lib/slider/index.less

@@ -1,94 +1,94 @@
-@import '../style/var';
-
-.zt-slider {
-  position: relative;
-  width: 100%;
-  height: @slider-bar-height;
-  background-color: @slider-inactive-background-color;
-  border-radius: @border-radius-max;
-  cursor: pointer;
-
-  // use pseudo element to expand click area
-  &::before {
-    position: absolute;
-    top: -@padding-xs;
-    right: 0;
-    bottom: -@padding-xs;
-    left: 0;
-    content: '';
-  }
-
-  &__bar {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background-color: @slider-active-background-color;
-    border-radius: inherit;
-    transition: all @animation-duration-fast;
-  }
-
-  &__button {
-    width: @slider-button-width;
-    height: @slider-button-height;
-    background-color: @slider-button-background-color;
-    border-radius: @slider-button-border-radius;
-    box-shadow: @slider-button-box-shadow;
-
-    &-wrapper,
-    &-wrapper-right {
-      position: absolute;
-      top: 50%;
-      right: 0;
-      transform: translate3d(50%, -50%, 0);
-      cursor: grab;
-    }
-
-    &-wrapper-left {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      transform: translate3d(-50%, -50%, 0);
-      cursor: grab;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @slider-disabled-opacity;
-
-    .zt-slider__button-wrapper,
-    .zt-slider__button-wrapper-left,
-    .zt-slider__button-wrapper-right {
-      cursor: not-allowed;
-    }
-  }
-
-  &--vertical {
-    display: inline-block;
-    width: @slider-bar-height;
-    height: 100%;
-
-    .zt-slider__button-wrapper,
-    .zt-slider__button-wrapper-right {
-      top: auto;
-      right: 50%;
-      bottom: 0;
-      transform: translate3d(50%, 50%, 0);
-    }
-
-    .zt-slider__button-wrapper-left {
-      top: 0;
-      right: 50%;
-      left: auto;
-      transform: translate3d(50%, -50%, 0);
-    }
-
-    // use pseudo element to expand click area
-    &::before {
-      top: 0;
-      right: -@padding-xs;
-      bottom: 0;
-      left: -@padding-xs;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-slider {
+  position: relative;
+  width: 100%;
+  height: @slider-bar-height;
+  background-color: @slider-inactive-background-color;
+  border-radius: @border-radius-max;
+  cursor: pointer;
+
+  // use pseudo element to expand click area
+  &::before {
+    position: absolute;
+    top: -@padding-xs;
+    right: 0;
+    bottom: -@padding-xs;
+    left: 0;
+    content: '';
+  }
+
+  &__bar {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: @slider-active-background-color;
+    border-radius: inherit;
+    transition: all @animation-duration-fast;
+  }
+
+  &__button {
+    width: @slider-button-width;
+    height: @slider-button-height;
+    background-color: @slider-button-background-color;
+    border-radius: @slider-button-border-radius;
+    box-shadow: @slider-button-box-shadow;
+
+    &-wrapper,
+    &-wrapper-right {
+      position: absolute;
+      top: 50%;
+      right: 0;
+      transform: translate3d(50%, -50%, 0);
+      cursor: grab;
+    }
+
+    &-wrapper-left {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      transform: translate3d(-50%, -50%, 0);
+      cursor: grab;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: @slider-disabled-opacity;
+
+    .zt-slider__button-wrapper,
+    .zt-slider__button-wrapper-left,
+    .zt-slider__button-wrapper-right {
+      cursor: not-allowed;
+    }
+  }
+
+  &--vertical {
+    display: inline-block;
+    width: @slider-bar-height;
+    height: 100%;
+
+    .zt-slider__button-wrapper,
+    .zt-slider__button-wrapper-right {
+      top: auto;
+      right: 50%;
+      bottom: 0;
+      transform: translate3d(50%, 50%, 0);
+    }
+
+    .zt-slider__button-wrapper-left {
+      top: 0;
+      right: 50%;
+      left: auto;
+      transform: translate3d(50%, -50%, 0);
+    }
+
+    // use pseudo element to expand click area
+    &::before {
+      top: 0;
+      right: -@padding-xs;
+      bottom: 0;
+      left: -@padding-xs;
+    }
+  }
+}