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

package/lib/button/index.less

@@ -1,241 +0,0 @@
-body {
-  --van-button-mini-height: 24px;
-  --van-button-mini-padding: 0 var(--van-padding-base);
-  --van-button-mini-font-size: var(--van-font-size-xs);
-  --van-button-small-height: 32px;
-  --van-button-small-padding: 0 var(--van-padding-xs);
-  --van-button-small-font-size: var(--van-font-size-sm);
-  --van-button-normal-padding: 0 15px;
-  --van-button-normal-font-size: var(--van-font-size-md);
-  --van-button-large-height: 50px;
-  --van-button-default-height: 44px;
-  --van-button-default-line-height: 1.2;
-  --van-button-default-font-size: var(--van-font-size-lg);
-  --van-button-default-color: var(--van-text-color);
-  --van-button-default-background: var(--van-background-2);
-  --van-button-default-border-color: var(--van-gray-4);
-  --van-button-primary-color: var(--van-white);
-  --van-button-primary-background: var(--van-primary-color);
-  --van-button-primary-border-color: var(--van-primary-color);
-  --van-button-success-color: var(--van-white);
-  --van-button-success-background: var(--van-success-color);
-  --van-button-success-border-color: var(--van-success-color);
-  --van-button-danger-color: var(--van-white);
-  --van-button-danger-background: var(--van-danger-color);
-  --van-button-danger-border-color: var(--van-danger-color);
-  --van-button-warning-color: var(--van-white);
-  --van-button-warning-background: var(--van-warning-color);
-  --van-button-warning-border-color: var(--van-warning-color);
-  --van-button-border-width: var(--van-border-width);
-  --van-button-radius: var(--van-radius-md);
-  --van-button-round-radius: var(--van-radius-max);
-  --van-button-plain-background: var(--van-white);
-  --van-button-disabled-opacity: var(--van-disabled-opacity);
-  --van-button-icon-size: 1.2em;
-  --van-button-loading-icon-size: 20px;
-}
-
-.van-theme-dark {
-  --van-button-plain-background: transparent;
-}
-
-.van-button {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  height: var(--van-button-default-height);
-  margin: 0;
-  padding: 0;
-  font-size: var(--van-button-default-font-size);
-  line-height: var(--van-button-default-line-height);
-  text-align: center;
-  border-radius: var(--van-button-radius);
-  cursor: pointer;
-  transition: opacity var(--van-duration-fast);
-  -webkit-appearance: none;
-  -webkit-font-smoothing: auto;
-
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    background: var(--van-black);
-    border: inherit;
-    border-color: var(--van-black);
-    border-radius: inherit; /* inherit parent's border radius */
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    content: ' ';
-  }
-
-  &:active::before {
-    opacity: 0.1;
-  }
-
-  &--loading,
-  &--disabled {
-    &::before {
-      display: none;
-    }
-  }
-
-  &--default {
-    color: var(--van-button-default-color);
-    background: var(--van-button-default-background);
-    border: var(--van-button-border-width) solid
-      var(--van-button-default-border-color);
-  }
-
-  &--primary {
-    color: var(--van-button-primary-color);
-    background: var(--van-button-primary-background);
-    border: var(--van-button-border-width) solid
-      var(--van-button-primary-border-color);
-  }
-
-  &--success {
-    color: var(--van-button-success-color);
-    background: var(--van-button-success-background);
-    border: var(--van-button-border-width) solid
-      var(--van-button-success-border-color);
-  }
-
-  &--danger {
-    color: var(--van-button-danger-color);
-    background: var(--van-button-danger-background);
-    border: var(--van-button-border-width) solid
-      var(--van-button-danger-border-color);
-  }
-
-  &--warning {
-    color: var(--van-button-warning-color);
-    background: var(--van-button-warning-background);
-    border: var(--van-button-border-width) solid
-      var(--van-button-warning-border-color);
-  }
-
-  &--plain {
-    background: var(--van-button-plain-background);
-
-    &.van-button--primary {
-      color: var(--van-button-primary-background);
-    }
-
-    &.van-button--success {
-      color: var(--van-button-success-background);
-    }
-
-    &.van-button--danger {
-      color: var(--van-button-danger-background);
-    }
-
-    &.van-button--warning {
-      color: var(--van-button-warning-background);
-    }
-  }
-
-  &--large {
-    width: 100%;
-    height: var(--van-button-large-height);
-  }
-
-  &--normal {
-    padding: var(--van-button-normal-padding);
-    font-size: var(--van-button-normal-font-size);
-  }
-
-  &--small {
-    height: var(--van-button-small-height);
-    padding: var(--van-button-small-padding);
-    font-size: var(--van-button-small-font-size);
-  }
-
-  &__loading {
-    color: inherit;
-    font-size: inherit;
-
-    .van-loading__spinner {
-      color: currentColor;
-      width: var(--van-button-loading-icon-size);
-      height: var(--van-button-loading-icon-size);
-    }
-  }
-
-  &--mini {
-    height: var(--van-button-mini-height);
-    padding: var(--van-button-mini-padding);
-    font-size: var(--van-button-mini-font-size);
-
-    & + .van-button--mini {
-      margin-left: var(--van-padding-base);
-    }
-  }
-
-  &--block {
-    display: block;
-    width: 100%;
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: var(--van-button-disabled-opacity);
-  }
-
-  &--loading {
-    cursor: default;
-  }
-
-  &--round {
-    border-radius: var(--van-button-round-radius);
-  }
-
-  &--square {
-    border-radius: 0;
-  }
-
-  // align-items are ignored when flex container is a button in legacy safari
-  // see: https://bugs.webkit.org/show_bug.cgi?id=169700
-  &__content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    // fix icon vertical align
-    // see: https://github.com/youzan/vant/issues/7617
-    &::before {
-      content: ' ';
-    }
-  }
-
-  &__icon {
-    font-size: var(--van-button-icon-size);
-    line-height: inherit;
-  }
-
-  &__icon + &__text,
-  &__loading + &__text,
-  &__text + &__icon,
-  &__text + &__loading {
-    margin-left: var(--van-padding-base);
-  }
-
-  &--hairline {
-    border-width: 0;
-
-    &::after {
-      border-color: inherit;
-      border-radius: calc(var(--van-button-radius) * 2);
-    }
-
-    &.van-button--round::after {
-      border-radius: var(--van-button-round-radius);
-    }
-
-    &.van-button--square::after {
-      border-radius: 0;
-    }
-  }
-}

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

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

package/lib/button/style/less.js

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

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 {};