zartui 0.1.21 → 0.1.22

package/es/calendar/index.less

@@ -1,250 +1,250 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-calendar {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: @calendar-background-color;
-
-  &__popup {
-    &.zt-popup--top,
-    &.zt-popup--bottom {
-      height: @calendar-popup-height;
-    }
-
-    &.zt-popup--left,
-    &.zt-popup--right {
-      height: 100%;
-    }
-
-    .zt-popup__close-icon {
-      top: 11px;
-    }
-  }
-
-  &__header {
-    flex-shrink: 0;
-    box-shadow: @calendar-header-box-shadow;
-    margin-bottom: @calendar-header-shadow-height; /*让box shadow 显示出来*/
-  }
-
-  &__header-title {
-    height: @calendar-header-title-height;
-    font-weight: @base-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: left;
-    padding-left: @padding-md;
-    position: relative;
-
-  }
-
-  &__header-title::before {
-    position: absolute;
-    content: '';
-    top: 14px;
-    left: 0;
-    width: 4px;
-    height: 16px;
-    background: #0091fa;
-  }
-
-  &__header-title::after {
-    position: absolute;
-    top:44px;
-    left: 0px;
-    content: '';
-    .hairline-bottom();
-  }
-
-  &__header-subtitle {
-    height: @calendar-header-title-height;
-    font-weight: @plain-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: center;
-  }
-
-  &__month-title {
-    height: @calendar-header-title-height;
-    font-weight: @plain-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: center;
-  }
-
-  &__header-title {
-    font-size: @calendar-header-title-font-size;
-  }
-
-  &__header-subtitle {
-    font-size: @calendar-header-subtitle-font-size;
-  }
-
-  &__month-title {
-    font-size: @calendar-month-title-font-size;
-  }
-
-  &__weekdays {
-    display: flex;
-    background-color: rgba(0, 0, 0, 0.02);
-  }
-
-  &__weekday {
-    flex: 1;
-    font-size: @calendar-weekdays-font-size;
-    line-height: @calendar-weekdays-height;
-    font-weight: @base-font-weight;
-    text-align: center;
-  }
-
-  &__body {
-    flex: 1;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    background-color:  @calendar-background-color;
-  }
-
-  &__days {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    user-select: none;
-  }
-
-  &__month-mark {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 0;
-    color: @calendar-month-mark-color;
-    font-size: @calendar-month-mark-font-size;
-    transform: translate(-50%, -50%);
-    pointer-events: none;
-  }
-
-  &__day,
-  &__selected-day {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-  }
-
-  &__day {
-    position: relative;
-    width: 14.285%;
-    height: @calendar-day-height;
-    font-size: @calendar-day-font-size;
-    font-weight: @plain-font-weight;
-    cursor: pointer;
-    outline: none;
-
-    &--end,
-    &--start,
-    &--start-end,
-    &--multiple-middle,
-    &--multiple-selected {
-      font-weight: @base-font-weight;
-      color: @calendar-range-edge-color;
-      background-color: @calendar-range-edge-background-color;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    @media (pointer: coarse) {
-      /* FIX iOS 上 两个格子间有间距造成了一个像素的白线 */
-      &--end,
-      &--multiple-middle {
-        margin-left: -1px;
-      }
-    }
-
-    &--start {
-      font-weight: @base-font-weight;
-      border-radius: @calendar-day-height-half 0 0 @calendar-day-height-half;
-      border-right: none;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--end {
-      font-weight: @base-font-weight;
-      border-radius: 0 @calendar-day-height-half @calendar-day-height-half 0;
-      border-left: none;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--start-end,
-    &--multiple-selected {
-      font-weight: @base-font-weight;
-      border-radius: @calendar-day-height-half;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--middle {
-      color: @calendar-range-middle-color;
-
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        color: @blue;
-        background-color: currentColor;
-        opacity: @calendar-range-middle-background-opacity;
-        content: '';
-      }
-    }
-
-    &--disabled {
-      color: @calendar-day-disabled-color;
-      cursor: default;
-    }
-  }
-
-  &__top-info,
-  &__bottom-info {
-    position: absolute;
-    right: 0;
-    left: 0;
-    font-size: @calendar-info-font-size;
-    line-height: @calendar-info-line-height;
-
-    @media (max-width: 350px) {
-      font-size: 9px;
-    }
-  }
-
-  &__top-info {
-    top: 6px;
-  }
-
-  &__bottom-info {
-    display: none;
-    bottom: 6px;
-  }
-
-  &__selected-day {
-    font-weight: @base-font-weight;
-    width: @calendar-selected-day-size;
-    height: @calendar-selected-day-size;
-    color: @calendar-selected-day-color;
-    background-color: @calendar-selected-day-background-color;
-    border-radius: calc(@calendar-selected-day-size / 2);
-    box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-  }
-
-  &__footer {
-    flex-shrink: 0;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-
-    &--unfit {
-      padding-bottom: 0;
-    }
-  }
-
-  &__confirm {
-    border-radius: 0px;
-    //height: @calendar-confirm-button-height;
-    //margin: @calendar-confirm-button-margin;
-  }
-}
+@import '../style/var';
+@import '../style/mixins/hairline';
+
+.zt-calendar {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: @calendar-background-color;
+
+  &__popup {
+    &.zt-popup--top,
+    &.zt-popup--bottom {
+      height: @calendar-popup-height;
+    }
+
+    &.zt-popup--left,
+    &.zt-popup--right {
+      height: 100%;
+    }
+
+    .zt-popup__close-icon {
+      top: 11px;
+    }
+  }
+
+  &__header {
+    flex-shrink: 0;
+    box-shadow: @calendar-header-box-shadow;
+    margin-bottom: @calendar-header-shadow-height; /*让box shadow 显示出来*/
+  }
+
+  &__header-title {
+    height: @calendar-header-title-height;
+    font-weight: @base-font-weight;
+    line-height: @calendar-header-title-height;
+    text-align: left;
+    padding-left: @padding-md;
+    position: relative;
+
+  }
+
+  &__header-title::before {
+    position: absolute;
+    content: '';
+    top: 14px;
+    left: 0;
+    width: 4px;
+    height: 16px;
+    background: #0091fa;
+  }
+
+  &__header-title::after {
+    position: absolute;
+    top:44px;
+    left: 0px;
+    content: '';
+    .hairline-bottom();
+  }
+
+  &__header-subtitle {
+    height: @calendar-header-title-height;
+    font-weight: @plain-font-weight;
+    line-height: @calendar-header-title-height;
+    text-align: center;
+  }
+
+  &__month-title {
+    height: @calendar-header-title-height;
+    font-weight: @plain-font-weight;
+    line-height: @calendar-header-title-height;
+    text-align: center;
+  }
+
+  &__header-title {
+    font-size: @calendar-header-title-font-size;
+  }
+
+  &__header-subtitle {
+    font-size: @calendar-header-subtitle-font-size;
+  }
+
+  &__month-title {
+    font-size: @calendar-month-title-font-size;
+  }
+
+  &__weekdays {
+    display: flex;
+    background-color: rgba(0, 0, 0, 0.02);
+  }
+
+  &__weekday {
+    flex: 1;
+    font-size: @calendar-weekdays-font-size;
+    line-height: @calendar-weekdays-height;
+    font-weight: @base-font-weight;
+    text-align: center;
+  }
+
+  &__body {
+    flex: 1;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    background-color:  @calendar-background-color;
+  }
+
+  &__days {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    user-select: none;
+  }
+
+  &__month-mark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 0;
+    color: @calendar-month-mark-color;
+    font-size: @calendar-month-mark-font-size;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
+  &__day,
+  &__selected-day {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  &__day {
+    position: relative;
+    width: 14.285%;
+    height: @calendar-day-height;
+    font-size: @calendar-day-font-size;
+    font-weight: @plain-font-weight;
+    cursor: pointer;
+    outline: none;
+
+    &--end,
+    &--start,
+    &--start-end,
+    &--multiple-middle,
+    &--multiple-selected {
+      font-weight: @base-font-weight;
+      color: @calendar-range-edge-color;
+      background-color: @calendar-range-edge-background-color;
+      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
+    }
+
+    @media (pointer: coarse) {
+      /* FIX iOS 上 两个格子间有间距造成了一个像素的白线 */
+      &--end,
+      &--multiple-middle {
+        margin-left: -1px;
+      }
+    }
+
+    &--start {
+      font-weight: @base-font-weight;
+      border-radius: @calendar-day-height-half 0 0 @calendar-day-height-half;
+      border-right: none;
+      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
+    }
+
+    &--end {
+      font-weight: @base-font-weight;
+      border-radius: 0 @calendar-day-height-half @calendar-day-height-half 0;
+      border-left: none;
+      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
+    }
+
+    &--start-end,
+    &--multiple-selected {
+      font-weight: @base-font-weight;
+      border-radius: @calendar-day-height-half;
+      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
+    }
+
+    &--middle {
+      color: @calendar-range-middle-color;
+
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        color: @blue;
+        background-color: currentColor;
+        opacity: @calendar-range-middle-background-opacity;
+        content: '';
+      }
+    }
+
+    &--disabled {
+      color: @calendar-day-disabled-color;
+      cursor: default;
+    }
+  }
+
+  &__top-info,
+  &__bottom-info {
+    position: absolute;
+    right: 0;
+    left: 0;
+    font-size: @calendar-info-font-size;
+    line-height: @calendar-info-line-height;
+
+    @media (max-width: 350px) {
+      font-size: 9px;
+    }
+  }
+
+  &__top-info {
+    top: 6px;
+  }
+
+  &__bottom-info {
+    display: none;
+    bottom: 6px;
+  }
+
+  &__selected-day {
+    font-weight: @base-font-weight;
+    width: @calendar-selected-day-size;
+    height: @calendar-selected-day-size;
+    color: @calendar-selected-day-color;
+    background-color: @calendar-selected-day-background-color;
+    border-radius: calc(@calendar-selected-day-size / 2);
+    box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
+  }
+
+  &__footer {
+    flex-shrink: 0;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+
+    &--unfit {
+      padding-bottom: 0;
+    }
+  }
+
+  &__confirm {
+    border-radius: 0px;
+    //height: @calendar-confirm-button-height;
+    //margin: @calendar-confirm-button-margin;
+  }
+}

package/es/calendar/style/index.js

@@ -1,9 +1,9 @@
 import '../../style/base.css';
 import '../../loading/index.css';
+import '../../overlay/index.css';
 import '../../info/index.css';
 import '../../icon/index.css';
 import '../../button/index.css';
-import '../../overlay/index.css';
 import '../../popup/index.css';
 import '../../toast/index.css';
 import '../index.css';

package/es/calendar/style/less.js

@@ -1,9 +1,9 @@
 import '../../style/base.less';
 import '../../loading/index.less';
+import '../../overlay/index.less';
 import '../../info/index.less';
 import '../../icon/index.less';
 import '../../button/index.less';
-import '../../overlay/index.less';
 import '../../popup/index.less';
 import '../../toast/index.less';
 import '../index.less';