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

package/es/count-down/index.less

@@ -1,11 +0,0 @@
-body {
-  --van-count-down-text-color: var(--van-text-color);
-  --van-count-down-font-size: var(--van-font-size-md);
-  --van-count-down-line-height: var(--van-line-height-md);
-}
-
-.van-count-down {
-  color: var(--van-count-down-text-color);
-  font-size: var(--van-count-down-font-size);
-  line-height: var(--van-count-down-line-height);
-}

package/es/count-down/style/less.d.ts

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

package/es/count-down/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/coupon/index.less

@@ -1,127 +0,0 @@
-@import '../style/mixins/ellipsis';
-
-body {
-  --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
-  --van-coupon-content-height: 84px;
-  --van-coupon-content-padding: 14px 0;
-  --van-coupon-content-text-color: var(--van-text-color);
-  --van-coupon-background: var(--van-background-2);
-  --van-coupon-active-background: var(--van-active-color);
-  --van-coupon-radius: var(--van-radius-lg);
-  --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-  --van-coupon-head-width: 96px;
-  --van-coupon-amount-color: var(--van-primary-color);
-  --van-coupon-amount-font-size: 30px;
-  --van-coupon-currency-font-size: 40%;
-  --van-coupon-name-font-size: var(--van-font-size-md);
-  --van-coupon-disabled-text-color: var(--van-text-color-2);
-  --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
-  --van-coupon-description-border-color: var(--van-border-color);
-  --van-coupon-checkbox-color: var(--van-primary-color);
-}
-
-.van-coupon {
-  margin: var(--van-coupon-margin);
-  overflow: hidden;
-  background: var(--van-coupon-background);
-  border-radius: var(--van-coupon-radius);
-  box-shadow: var(--van-coupon-shadow);
-
-  &:active {
-    background-color: var(--van-coupon-active-background);
-  }
-
-  &__content {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    min-height: var(--van-coupon-content-height);
-    padding: var(--van-coupon-content-padding);
-    color: var(--van-coupon-content-text-color);
-  }
-
-  &__head {
-    position: relative;
-    min-width: var(--van-coupon-head-width);
-    padding: 0 var(--van-padding-xs);
-    color: var(--van-coupon-amount-color);
-    text-align: center;
-  }
-
-  &__amount,
-  &__condition,
-  &__name,
-  &__valid {
-    .ellipsis();
-  }
-
-  &__amount {
-    margin-bottom: 6px;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-coupon-amount-font-size);
-    .ellipsis();
-
-    span {
-      font-size: var(--van-coupon-currency-font-size);
-
-      &:not(:empty) {
-        margin-left: 2px;
-      }
-    }
-  }
-
-  &__condition {
-    font-size: var(--van-font-size-sm);
-    line-height: 16px;
-    white-space: pre-wrap;
-  }
-
-  &__body {
-    position: relative;
-    flex: 1;
-    border-radius: 0 var(--van-coupon-radius) var(--van-coupon-radius) 0;
-  }
-
-  &__name {
-    margin-bottom: 10px;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-coupon-name-font-size);
-    line-height: var(--van-line-height-md);
-  }
-
-  &__valid {
-    font-size: var(--van-font-size-sm);
-  }
-
-  &__corner {
-    position: absolute;
-    top: 0;
-    right: var(--van-padding-md);
-    bottom: 0;
-
-    .van-checkbox__icon--checked .van-icon {
-      background-color: var(--van-coupon-checkbox-color);
-      border-color: var(--van-coupon-checkbox-color);
-    }
-  }
-
-  &__description {
-    padding: var(--van-coupon-description-padding);
-    font-size: var(--van-font-size-sm);
-    border-top: 1px dashed var(--van-coupon-description-border-color);
-  }
-
-  &--disabled {
-    &:active {
-      background-color: var(--van-coupon-background);
-    }
-
-    .van-coupon-item__content {
-      height: calc(var(--van-coupon-content-height) - 10px);
-    }
-
-    .van-coupon__head {
-      color: inherit;
-    }
-  }
-}

package/es/coupon/style/less.d.ts

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

package/es/coupon/style/less.mjs

@@ -1,6 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../checkbox-group/index.less";
-import "../../checkbox/index.less";
-import "../index.less";

package/es/coupon-cell/index.less

@@ -1,9 +0,0 @@
-body {
-  --van-coupon-cell-selected-text-color: var(--van-text-color);
-}
-
-.van-coupon-cell {
-  &__value--selected {
-    color: var(--van-coupon-cell-selected-text-color);
-  }
-}

package/es/coupon-cell/style/less.d.ts

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

package/es/coupon-cell/style/less.mjs

@@ -1,5 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../index.less";

package/es/coupon-list/index.less

@@ -1,86 +0,0 @@
-body {
-  --van-coupon-list-background: var(--van-background);
-  --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
-  --van-coupon-list-exchange-button-height: 32px;
-  --van-coupon-list-close-button-height: 40px;
-  --van-coupon-list-empty-tip-color: var(--van-text-color-2);
-  --van-coupon-list-empty-tip-font-size: var(--van-font-size-md);
-  --van-coupon-list-empty-tip-line-height: var(--van-line-height-md);
-}
-
-.van-coupon-list {
-  position: relative;
-  height: 100%;
-  background: var(--van-coupon-list-background);
-
-  &__field {
-    padding: var(--van-coupon-list-field-padding);
-
-    .van-field__body {
-      height: 34px;
-      padding-left: var(--van-padding-sm);
-      line-height: 34px;
-      background: var(--van-background);
-      border-radius: var(--van-radius-max);
-
-      &::placeholder {
-        color: var(--van-text-color-3);
-      }
-    }
-
-    .van-field__clear {
-      margin-right: 0;
-    }
-  }
-
-  &__exchange-bar {
-    display: flex;
-    align-items: center;
-    background-color: var(--van-background-2);
-  }
-
-  &__exchange {
-    flex: none;
-    height: var(--van-coupon-list-exchange-button-height);
-    font-size: var(--van-font-size-lg);
-    line-height: calc(var(--van-coupon-list-exchange-button-height) - 2px);
-    border: 0;
-  }
-
-  .van-tabs__wrap {
-    box-shadow: 0 6px 12px -12px var(--van-gray-6);
-  }
-
-  &__list {
-    box-sizing: border-box;
-    padding: var(--van-padding-md) 0 var(--van-padding-lg);
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-
-    &--with-bottom {
-      padding-bottom: 50px;
-    }
-  }
-
-  &__bottom {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    z-index: 999;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 5px var(--van-padding-md);
-    font-weight: var(--van-font-bold);
-    background-color: var(--van-background-2);
-  }
-
-  &__close {
-    height: var(--van-coupon-list-close-button-height);
-  }
-
-  &__empty-tip {
-    color: var(--van-coupon-list-empty-tip-color);
-    font-size: var(--van-coupon-list-empty-tip-font-size);
-    line-height: var(--van-coupon-list-empty-tip-line-height);
-  }
-}

package/es/coupon-list/style/less.d.ts

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

package/es/coupon-list/style/less.mjs

@@ -1,17 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../field/index.less";
-import "../../loading/index.less";
-import "../../button/index.less";
-import "../../checkbox-group/index.less";
-import "../../checkbox/index.less";
-import "../../coupon/index.less";
-import "../../sticky/index.less";
-import "../../swipe/index.less";
-import "../../swipe-item/index.less";
-import "../../tabs/index.less";
-import "../../tab/index.less";
-import "../../empty/index.less";
-import "../index.less";

package/es/date-picker/style/less.d.ts

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

package/es/date-picker/style/less.mjs

@@ -1,3 +0,0 @@
-import "../../style/base.less";
-import "../../loading/index.less";
-import "../../picker/index.less";

package/es/dialog/index.less

@@ -1,140 +0,0 @@
-body {
-  --van-dialog-width: 320px;
-  --van-dialog-small-screen-width: 90%;
-  --van-dialog-font-size: var(--van-font-size-lg);
-  --van-dialog-transition: var(--van-duration-base);
-  --van-dialog-radius: 16px;
-  --van-dialog-background: var(--van-background-2);
-  --van-dialog-header-font-weight: var(--van-font-bold);
-  --van-dialog-header-line-height: 24px;
-  --van-dialog-header-padding-top: 26px;
-  --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
-  --van-dialog-message-padding: var(--van-padding-lg);
-  --van-dialog-message-font-size: var(--van-font-size-md);
-  --van-dialog-message-line-height: var(--van-line-height-md);
-  --van-dialog-message-max-height: 60vh;
-  --van-dialog-has-title-message-text-color: var(--van-gray-7);
-  --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
-  --van-dialog-button-height: 48px;
-  --van-dialog-round-button-height: 36px;
-  --van-dialog-confirm-button-text-color: var(--van-primary-color);
-}
-
-.van-dialog {
-  top: 45%;
-  left: 50%;
-  width: var(--van-dialog-width);
-  overflow: hidden;
-  font-size: var(--van-dialog-font-size);
-  background: var(--van-dialog-background);
-  border-radius: var(--van-dialog-radius);
-  backface-visibility: hidden; // avoid blurry text after scale animation
-  transition: var(--van-dialog-transition);
-  transition-property: transform, opacity;
-
-  @media (max-width: 321px) {
-    width: var(--van-dialog-small-screen-width);
-  }
-
-  &__header {
-    color: var(--van-text-color);
-    padding-top: var(--van-dialog-header-padding-top);
-    font-weight: var(--van-dialog-header-font-weight);
-    line-height: var(--van-dialog-header-line-height);
-    text-align: center;
-
-    &--isolated {
-      padding: var(--van-dialog-header-isolated-padding);
-    }
-  }
-
-  &__content {
-    &--isolated {
-      display: flex;
-      align-items: center;
-      min-height: 104px;
-    }
-  }
-
-  &__message {
-    color: var(--van-text-color);
-    flex: 1;
-    max-height: var(--van-dialog-message-max-height);
-    padding: 26px var(--van-dialog-message-padding);
-    overflow-y: auto;
-    font-size: var(--van-dialog-message-font-size);
-    line-height: var(--van-dialog-message-line-height);
-
-    // allow newline character
-    white-space: pre-wrap;
-    text-align: center;
-    word-wrap: break-word;
-    -webkit-overflow-scrolling: touch;
-
-    &--has-title {
-      padding-top: var(--van-dialog-has-title-message-padding-top);
-      color: var(--van-dialog-has-title-message-text-color);
-    }
-
-    &--left {
-      text-align: left;
-    }
-
-    &--right {
-      text-align: right;
-    }
-  }
-
-  &__footer {
-    display: flex;
-    overflow: hidden;
-    user-select: none;
-  }
-
-  &__confirm,
-  &__cancel {
-    flex: 1;
-    height: var(--van-dialog-button-height);
-    margin: 0;
-    border: 0;
-  }
-
-  &__confirm {
-    &,
-    &:active {
-      color: var(--van-dialog-confirm-button-text-color);
-    }
-  }
-
-  &--round-button {
-    .van-dialog__footer {
-      position: relative;
-      height: auto;
-      padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md);
-    }
-
-    .van-dialog__message {
-      padding-bottom: var(--van-padding-md);
-      color: var(--van-text-color);
-    }
-
-    .van-dialog__confirm,
-    .van-dialog__cancel {
-      height: var(--van-dialog-round-button-height);
-    }
-
-    .van-dialog__confirm {
-      color: var(--van-white);
-    }
-  }
-
-  &-bounce-enter-from {
-    transform: translate3d(-50%, -50%, 0) scale(0.7);
-    opacity: 0;
-  }
-
-  &-bounce-leave-active {
-    transform: translate3d(-50%, -50%, 0) scale(0.9);
-    opacity: 0;
-  }
-}

package/es/dialog/style/less.d.ts

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

package/es/dialog/style/less.mjs

@@ -1,10 +0,0 @@
-import "../../style/base.less";
-import "../../action-bar/index.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../loading/index.less";
-import "../../button/index.less";
-import "../../action-bar-button/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../index.less";

package/es/divider/index.less

@@ -1,73 +0,0 @@
-body {
-  --van-divider-margin: var(--van-padding-md) 0;
-  --van-divider-text-color: var(--van-text-color-2);
-  --van-divider-font-size: var(--van-font-size-md);
-  --van-divider-line-height: 24px;
-  --van-divider-border-color: var(--van-border-color);
-  --van-divider-content-padding: var(--van-padding-md);
-  --van-divider-content-left-width: 10%;
-  --van-divider-content-right-width: 10%;
-}
-
-.van-divider {
-  display: flex;
-  align-items: center;
-  margin: var(--van-divider-margin);
-  color: var(--van-divider-text-color);
-  font-size: var(--van-divider-font-size);
-  line-height: var(--van-divider-line-height);
-  border-color: var(--van-divider-border-color);
-  border-style: solid;
-  border-width: 0;
-
-  &::before,
-  &::after {
-    display: block;
-    flex: 1;
-    box-sizing: border-box;
-    height: 1px;
-    border-color: inherit;
-    border-style: inherit;
-    border-width: var(--van-border-width) 0 0;
-  }
-
-  &::before {
-    content: '';
-  }
-
-  &--hairline {
-    &::before,
-    &::after {
-      transform: scaleY(0.5);
-    }
-  }
-
-  &--dashed {
-    border-style: dashed;
-  }
-
-  &--content-center,
-  &--content-left,
-  &--content-right {
-    &::before {
-      margin-right: var(--van-divider-content-padding);
-    }
-
-    &::after {
-      margin-left: var(--van-divider-content-padding);
-      content: '';
-    }
-  }
-
-  &--content-left {
-    &::before {
-      max-width: var(--van-divider-content-left-width);
-    }
-  }
-
-  &--content-right {
-    &::after {
-      max-width: var(--van-divider-content-right-width);
-    }
-  }
-}

package/es/divider/style/less.d.ts

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

package/es/divider/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/dropdown-item/index.less

@@ -1,41 +0,0 @@
-body {
-  --van-dropdown-item-z-index: 10;
-}
-
-.van-dropdown-item {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: var(--van-dropdown-item-z-index);
-  overflow: hidden;
-
-  &__icon {
-    display: block;
-    line-height: inherit;
-  }
-
-  &__option {
-    text-align: left;
-
-    &--active {
-      color: var(--van-dropdown-menu-option-active-color);
-
-      .van-dropdown-item__icon {
-        color: var(--van-dropdown-menu-option-active-color);
-      }
-    }
-  }
-
-  &--up {
-    top: 0;
-  }
-
-  &--down {
-    bottom: 0;
-  }
-
-  &__content {
-    position: absolute;
-    max-height: var(--van-dropdown-menu-content-max-height);
-  }
-}

package/es/dropdown-item/style/less.d.ts

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

package/es/dropdown-item/style/less.mjs

@@ -1,8 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../../dropdown-menu/index.less";
-import "../index.less";

package/es/dropdown-menu/index.less

@@ -1,80 +0,0 @@
-body {
-  --van-dropdown-menu-height: 48px;
-  --van-dropdown-menu-background: var(--van-background-2);
-  --van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
-  --van-dropdown-menu-title-font-size: 15px;
-  --van-dropdown-menu-title-text-color: var(--van-text-color);
-  --van-dropdown-menu-title-active-text-color: var(--van-primary-color);
-  --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
-  --van-dropdown-menu-title-padding: 0 var(--van-padding-xs);
-  --van-dropdown-menu-title-line-height: var(--van-line-height-lg);
-  --van-dropdown-menu-option-active-color: var(--van-primary-color);
-  --van-dropdown-menu-content-max-height: 80%;
-}
-
-.van-dropdown-menu {
-  user-select: none;
-
-  &__bar {
-    position: relative;
-    display: flex;
-    height: var(--van-dropdown-menu-height);
-    background: var(--van-dropdown-menu-background);
-    box-shadow: var(--van-dropdown-menu-shadow);
-
-    &--opened {
-      z-index: calc(var(--van-dropdown-item-z-index) + 1);
-    }
-  }
-
-  &__item {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    justify-content: center;
-    min-width: 0; // hack for flex ellipsis
-
-    &--disabled {
-      .van-dropdown-menu__title {
-        color: var(--van-dropdown-menu-title-disabled-text-color);
-      }
-    }
-  }
-
-  &__title {
-    position: relative;
-    box-sizing: border-box;
-    max-width: 100%;
-    padding: var(--van-dropdown-menu-title-padding);
-    color: var(--van-dropdown-menu-title-text-color);
-    font-size: var(--van-dropdown-menu-title-font-size);
-    line-height: var(--van-dropdown-menu-title-line-height);
-
-    &::after {
-      position: absolute;
-      top: 50%;
-      right: -4px;
-      margin-top: -5px;
-      border: 3px solid;
-      border-color: transparent transparent var(--van-gray-4) var(--van-gray-4);
-      transform: rotate(-45deg);
-      opacity: 0.8;
-      content: '';
-    }
-
-    &--active {
-      color: var(--van-dropdown-menu-title-active-text-color);
-
-      &::after {
-        border-color: transparent transparent currentColor currentColor;
-      }
-    }
-
-    &--down {
-      &::after {
-        margin-top: -1px;
-        transform: rotate(135deg);
-      }
-    }
-  }
-}

package/es/dropdown-menu/style/less.d.ts

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

package/es/dropdown-menu/style/less.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/empty/Images.d.ts

@@ -1,4 +0,0 @@
-export declare const renderNetwork: () => JSX.Element;
-export declare const renderMaterial: () => JSX.Element;
-export declare const renderError: () => JSX.Element;
-export declare const renderSearch: () => JSX.Element;