vant 4.0.0-alpha.4 → 4.0.0-rc.0

package/lib/calendar/index.less

@@ -1,217 +0,0 @@
-body {
-  --van-calendar-background: var(--van-background-2);
-  --van-calendar-popup-height: 80%;
-  --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
-  --van-calendar-header-title-height: 44px;
-  --van-calendar-header-title-font-size: var(--van-font-size-lg);
-  --van-calendar-header-subtitle-font-size: var(--van-font-size-md);
-  --van-calendar-weekdays-height: 30px;
-  --van-calendar-weekdays-font-size: var(--van-font-size-sm);
-  --van-calendar-month-title-font-size: var(--van-font-size-md);
-  --van-calendar-month-mark-color: rgba(242, 243, 245, 0.8);
-  --van-calendar-month-mark-font-size: 160px;
-  --van-calendar-day-height: 64px;
-  --van-calendar-day-font-size: var(--van-font-size-lg);
-  --van-calendar-day-margin-bottom: 4px;
-  --van-calendar-range-edge-color: var(--van-white);
-  --van-calendar-range-edge-background: var(--van-primary-color);
-  --van-calendar-range-middle-color: var(--van-primary-color);
-  --van-calendar-range-middle-background-opacity: 0.1;
-  --van-calendar-selected-day-size: 54px;
-  --van-calendar-selected-day-color: var(--van-white);
-  --van-calendar-info-font-size: var(--van-font-size-xs);
-  --van-calendar-info-line-height: var(--van-line-height-xs);
-  --van-calendar-selected-day-background: var(--van-primary-color);
-  --van-calendar-day-disabled-color: var(--van-text-color-3);
-  --van-calendar-confirm-button-height: 36px;
-  --van-calendar-confirm-button-margin: 7px 0;
-}
-
-.van-theme-dark {
-  --van-calendar-month-mark-color: rgba(100, 101, 102, 0.2);
-  --van-calendar-day-disabled-color: var(--van-gray-7);
-}
-
-.van-calendar {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--van-calendar-background);
-
-  &__popup {
-    &.van-popup--top,
-    &.van-popup--bottom {
-      height: var(--van-calendar-popup-height);
-    }
-
-    &.van-popup--left,
-    &.van-popup--right {
-      height: 100%;
-    }
-
-    .van-popup__close-icon {
-      top: 11px;
-    }
-  }
-
-  &__header {
-    flex-shrink: 0;
-    box-shadow: var(--van-calendar-header-shadow);
-  }
-
-  &__month-title,
-  &__header-title,
-  &__header-subtitle {
-    color: var(--van-text-color);
-    height: var(--van-calendar-header-title-height);
-    font-weight: var(--van-font-bold);
-    line-height: var(--van-calendar-header-title-height);
-    text-align: center;
-  }
-
-  &__header-title {
-    font-size: var(--van-calendar-header-title-font-size);
-  }
-
-  &__header-subtitle {
-    font-size: var(--van-calendar-header-subtitle-font-size);
-  }
-
-  &__month-title {
-    font-size: var(--van-calendar-month-title-font-size);
-  }
-
-  &__weekdays {
-    display: flex;
-  }
-
-  &__weekday {
-    flex: 1;
-    font-size: var(--van-calendar-weekdays-font-size);
-    line-height: var(--van-calendar-weekdays-height);
-    text-align: center;
-  }
-
-  &__body {
-    flex: 1;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__days {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    user-select: none;
-  }
-
-  &__month-mark {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 0;
-    color: var(--van-calendar-month-mark-color);
-    font-size: var(--van-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: var(--van-calendar-day-height);
-    font-size: var(--van-calendar-day-font-size);
-    margin-bottom: var(--van-calendar-day-margin-bottom);
-    cursor: pointer;
-
-    &--end,
-    &--start,
-    &--start-end,
-    &--multiple-middle,
-    &--multiple-selected {
-      color: var(--van-calendar-range-edge-color);
-      background: var(--van-calendar-range-edge-background);
-    }
-
-    &--start {
-      border-radius: var(--van-radius-md) 0 0 var(--van-radius-md);
-    }
-
-    &--end {
-      border-radius: 0 var(--van-radius-md) var(--van-radius-md) 0;
-    }
-
-    &--start-end,
-    &--multiple-selected {
-      border-radius: var(--van-radius-md);
-    }
-
-    &--middle {
-      color: var(--van-calendar-range-middle-color);
-
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background-color: currentColor;
-        opacity: var(--van-calendar-range-middle-background-opacity);
-        content: '';
-      }
-    }
-
-    &--disabled {
-      color: var(--van-calendar-day-disabled-color);
-      cursor: default;
-    }
-  }
-
-  &__top-info,
-  &__bottom-info {
-    position: absolute;
-    right: 0;
-    left: 0;
-    font-size: var(--van-calendar-info-font-size);
-    line-height: var(--van-calendar-info-line-height);
-
-    @media (max-width: 350px) {
-      font-size: 9px;
-    }
-  }
-
-  &__top-info {
-    top: 6px;
-  }
-
-  &__bottom-info {
-    bottom: 6px;
-  }
-
-  &__selected-day {
-    width: var(--van-calendar-selected-day-size);
-    height: var(--van-calendar-selected-day-size);
-    color: var(--van-calendar-selected-day-color);
-    background: var(--van-calendar-selected-day-background);
-    border-radius: var(--van-radius-md);
-  }
-
-  &__footer {
-    flex-shrink: 0;
-    padding-left: var(--van-padding-md);
-    padding-right: var(--van-padding-md);
-  }
-
-  &__confirm {
-    height: var(--van-calendar-confirm-button-height);
-    margin: var(--van-calendar-confirm-button-margin);
-  }
-}

package/lib/calendar/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/calendar/style/less.js

@@ -1,10 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../../loading/index.less");
-require("../../picker/index.less");
-require("../../button/index.less");
-require("../../overlay/index.less");
-require("../../popup/index.less");
-require("../../toast/index.less");
-require("../index.less");

package/lib/card/index.less

@@ -1,126 +0,0 @@
-body {
-  --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
-  --van-card-font-size: var(--van-font-size-sm);
-  --van-card-text-color: var(--van-text-color);
-  --van-card-background: var(--van-background);
-  --van-card-thumb-size: 88px;
-  --van-card-thumb-radius: var(--van-radius-lg);
-  --van-card-title-line-height: 16px;
-  --van-card-desc-color: var(--van-text-color-2);
-  --van-card-desc-line-height: var(--van-line-height-md);
-  --van-card-price-color: var(--van-text-color);
-  --van-card-origin-price-color: var(--van-text-color-2);
-  --van-card-num-color: var(--van-text-color-2);
-  --van-card-origin-price-font-size: var(--van-font-size-xs);
-  --van-card-price-font-size: var(--van-font-size-sm);
-  --van-card-price-integer-font-size: var(--van-font-size-lg);
-  --van-card-price-font: var(--van-price-font);
-}
-
-.van-card {
-  position: relative;
-  box-sizing: border-box;
-  padding: var(--van-card-padding);
-  color: var(--van-card-text-color);
-  font-size: var(--van-card-font-size);
-  background: var(--van-card-background);
-
-  &:not(:first-child) {
-    margin-top: var(--van-padding-xs);
-  }
-
-  &__header {
-    display: flex;
-  }
-
-  &__thumb {
-    position: relative;
-    flex: none;
-    width: var(--van-card-thumb-size);
-    height: var(--van-card-thumb-size);
-    margin-right: var(--van-padding-xs);
-
-    img {
-      border-radius: var(--van-card-thumb-radius);
-    }
-  }
-
-  &__content {
-    position: relative;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
-    min-width: 0; /* hack for flex box ellipsis */
-    min-height: var(--van-card-thumb-size);
-
-    &--centered {
-      justify-content: center;
-    }
-  }
-
-  &__title,
-  &__desc {
-    word-wrap: break-word;
-  }
-
-  &__title {
-    max-height: 32px;
-    font-weight: var(--van-font-bold);
-    line-height: var(--van-card-title-line-height);
-  }
-
-  &__desc {
-    max-height: var(--van-card-desc-line-height);
-    color: var(--van-card-desc-color);
-    line-height: var(--van-card-desc-line-height);
-  }
-
-  &__bottom {
-    line-height: var(--van-line-height-md);
-  }
-
-  &__price {
-    display: inline-block;
-    color: var(--van-card-price-color);
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-card-price-font-size);
-  }
-
-  &__price-integer {
-    font-size: var(--van-card-price-integer-font-size);
-    font-family: var(--van-card-price-font);
-  }
-
-  &__price-decimal {
-    font-family: var(--van-card-price-font);
-  }
-
-  &__origin-price {
-    display: inline-block;
-    margin-left: 5px;
-    color: var(--van-card-origin-price-color);
-    font-size: var(--van-card-origin-price-font-size);
-    text-decoration: line-through;
-  }
-
-  &__num {
-    float: right;
-    color: var(--van-card-num-color);
-  }
-
-  &__tag {
-    position: absolute;
-    top: 2px;
-    left: 0;
-  }
-
-  &__footer {
-    flex: none;
-    text-align: right;
-
-    .van-button {
-      margin-left: 5px;
-    }
-  }
-}

package/lib/card/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/card/style/less.js

@@ -1,6 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../../image/index.less");
-require("../../tag/index.less");
-require("../index.less");

package/lib/cascader/index.less

@@ -1,92 +0,0 @@
-body {
-  --van-cascader-header-height: 48px;
-  --van-cascader-header-padding: 0 var(--van-padding-md);
-  --van-cascader-title-font-size: var(--van-font-size-lg);
-  --van-cascader-title-line-height: 20px;
-  --van-cascader-close-icon-size: 22px;
-  --van-cascader-close-icon-color: var(--van-gray-5);
-  --van-cascader-selected-icon-size: 18px;
-  --van-cascader-tabs-height: 48px;
-  --van-cascader-active-color: var(--van-primary-color);
-  --van-cascader-options-height: 384px;
-  --van-cascader-option-disabled-color: var(--van-text-color-3);
-  --van-cascader-tab-color: var(--van-text-color);
-  --van-cascader-unselected-tab-color: var(--van-text-color-2);
-}
-
-.van-cascader {
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: var(--van-cascader-header-height);
-    padding: var(--van-cascader-header-padding);
-  }
-
-  &__title {
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-cascader-title-font-size);
-    line-height: var(--van-cascader-title-line-height);
-  }
-
-  &__close-icon {
-    color: var(--van-cascader-close-icon-color);
-    font-size: var(--van-cascader-close-icon-size);
-  }
-
-  &__tabs {
-    &.van-tabs--line .van-tabs__wrap {
-      height: var(--van-cascader-tabs-height);
-    }
-  }
-
-  &__tab {
-    color: var(--van-cascader-tab-color);
-    font-weight: var(--van-font-bold);
-
-    &--unselected {
-      color: var(--van-cascader-unselected-tab-color);
-      font-weight: normal;
-    }
-  }
-
-  &__option {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px var(--van-padding-md);
-    font-size: var(--van-font-size-md);
-    line-height: var(--van-line-height-md);
-    cursor: pointer;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-
-    &--selected {
-      color: var(--van-cascader-active-color);
-      font-weight: var(--van-font-bold);
-    }
-
-    &--disabled {
-      color: var(--van-cascader-option-disabled-color);
-      cursor: not-allowed;
-
-      &:active {
-        background-color: transparent;
-      }
-    }
-  }
-
-  &__selected-icon {
-    font-size: var(--van-cascader-selected-icon-size);
-  }
-
-  &__options {
-    box-sizing: border-box;
-    height: var(--van-cascader-options-height);
-    padding-top: 6px;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-}

package/lib/cascader/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/cascader/style/less.js

@@ -1,9 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../../sticky/index.less");
-require("../../swipe/index.less");
-require("../../swipe-item/index.less");
-require("../../tabs/index.less");
-require("../../tab/index.less");
-require("../index.less");

package/lib/cell/index.less

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

package/lib/cell/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/cell/style/less.js

@@ -1,4 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../index.less");

package/lib/cell-group/index.less

@@ -1,32 +0,0 @@
-body {
-  --van-cell-group-background: var(--van-background-2);
-  --van-cell-group-title-color: var(--van-text-color-2);
-  --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);
-  --van-cell-group-title-font-size: var(--van-font-size-md);
-  --van-cell-group-title-line-height: 16px;
-  --van-cell-group-inset-padding: 0 var(--van-padding-md);
-  --van-cell-group-inset-radius: var(--van-radius-lg);
-  --van-cell-group-inset-title-padding: var(--van-padding-md)
-    var(--van-padding-md);
-}
-
-.van-cell-group {
-  background: var(--van-cell-group-background);
-
-  &--inset {
-    margin: var(--van-cell-group-inset-padding);
-    border-radius: var(--van-cell-group-inset-radius);
-    overflow: hidden;
-  }
-
-  &__title {
-    padding: var(--van-cell-group-title-padding);
-    color: var(--van-cell-group-title-color);
-    font-size: var(--van-cell-group-title-font-size);
-    line-height: var(--van-cell-group-title-line-height);
-
-    &--inset {
-      padding: var(--van-cell-group-inset-title-padding);
-    }
-  }
-}

package/lib/cell-group/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/cell-group/style/less.js

@@ -1,2 +0,0 @@
-require("../../style/base.less");
-require("../index.less");