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

package/lib/action-sheet/index.less

@@ -1,131 +0,0 @@
-@import '../style/mixins/hairline';
-
-body {
-  --van-action-sheet-max-height: 80%;
-  --van-action-sheet-header-height: 48px;
-  --van-action-sheet-header-font-size: var(--van-font-size-lg);
-  --van-action-sheet-description-color: var(--van-text-color-2);
-  --van-action-sheet-description-font-size: var(--van-font-size-md);
-  --van-action-sheet-description-line-height: var(--van-line-height-md);
-  --van-action-sheet-item-background: var(--van-background-2);
-  --van-action-sheet-item-font-size: var(--van-font-size-lg);
-  --van-action-sheet-item-line-height: var(--van-line-height-lg);
-  --van-action-sheet-item-text-color: var(--van-text-color);
-  --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
-  --van-action-sheet-subname-color: var(--van-text-color-2);
-  --van-action-sheet-subname-font-size: var(--van-font-size-sm);
-  --van-action-sheet-subname-line-height: var(--van-line-height-sm);
-  --van-action-sheet-close-icon-size: 22px;
-  --van-action-sheet-close-icon-color: var(--van-gray-5);
-  --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
-  --van-action-sheet-cancel-text-color: var(--van-gray-7);
-  --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
-  --van-action-sheet-cancel-padding-color: var(--van-background);
-  --van-action-sheet-loading-icon-size: 22px;
-}
-
-.van-action-sheet {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--van-action-sheet-max-height);
-  overflow: hidden;
-  color: var(--van-action-sheet-item-text-color);
-
-  &__content {
-    flex: 1 auto;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item,
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 14px var(--van-padding-md);
-    font-size: var(--van-action-sheet-item-font-size);
-    background: var(--van-action-sheet-item-background);
-    border: none;
-    cursor: pointer;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-  }
-
-  &__item {
-    line-height: var(--van-action-sheet-item-line-height);
-
-    &--loading,
-    &--disabled {
-      color: var(--van-action-sheet-item-disabled-text-color);
-
-      &:active {
-        background-color: var(--van-action-sheet-item-background);
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-    }
-
-    &--loading {
-      cursor: default;
-    }
-  }
-
-  &__cancel {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    color: var(--van-action-sheet-cancel-text-color);
-  }
-
-  &__subname {
-    margin-top: var(--van-padding-xs);
-    color: var(--van-action-sheet-subname-color);
-    font-size: var(--van-action-sheet-subname-font-size);
-    line-height: var(--van-action-sheet-subname-line-height);
-  }
-
-  &__gap {
-    display: block;
-    height: var(--van-action-sheet-cancel-padding-top);
-    background: var(--van-action-sheet-cancel-padding-color);
-  }
-
-  &__header {
-    flex-shrink: 0;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-action-sheet-header-font-size);
-    line-height: var(--van-action-sheet-header-height);
-    text-align: center;
-  }
-
-  &__description {
-    position: relative;
-    flex-shrink: 0;
-    padding: 20px var(--van-padding-md);
-    color: var(--van-action-sheet-description-color);
-    font-size: var(--van-action-sheet-description-font-size);
-    line-height: var(--van-action-sheet-description-line-height);
-    text-align: center;
-
-    &::after {
-      .hairline-bottom(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
-    }
-  }
-
-  &__loading-icon .van-loading__spinner {
-    width: var(--van-action-sheet-loading-icon-size);
-    height: var(--van-action-sheet-loading-icon-size);
-  }
-
-  &__close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: var(--van-action-sheet-close-icon-padding);
-    color: var(--van-action-sheet-close-icon-color);
-    font-size: var(--van-action-sheet-close-icon-size);
-    line-height: inherit;
-  }
-}

package/lib/action-sheet/style/less.d.ts

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

package/lib/action-sheet/style/less.js

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

package/lib/address-edit/index.less

@@ -1,39 +0,0 @@
-body {
-  --van-address-edit-padding: var(--van-padding-sm);
-  --van-address-edit-buttons-padding: var(--van-padding-xl)
-    var(--van-padding-base);
-  --van-address-edit-button-margin-bottom: var(--van-padding-sm);
-  --van-address-edit-button-font-size: var(--van-font-size-lg);
-}
-
-.van-address-edit {
-  padding: var(--van-address-edit-padding);
-
-  &__fields {
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-
-    .van-field__label {
-      width: 4.1em;
-    }
-  }
-
-  &__default {
-    margin-top: var(--van-padding-sm);
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-  }
-
-  &__buttons {
-    padding: var(--van-address-edit-buttons-padding);
-  }
-
-  &__button {
-    margin-bottom: var(--van-address-edit-button-margin-bottom);
-    font-size: var(--van-address-edit-button-font-size);
-  }
-
-  &-detail__search-item {
-    background: var(--van-gray-2);
-  }
-}

package/lib/address-edit/style/less.d.ts

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

package/lib/address-edit/style/less.js

@@ -1,13 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../../cell/index.less");
-require("../../field/index.less");
-require("../../loading/index.less");
-require("../../switch/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/address-list/index.less

@@ -1,110 +0,0 @@
-body {
-  --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-  --van-address-list-disabled-text-color: var(--van-text-color-2);
-  --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;
-  --van-address-list-disabled-text-font-size: var(--van-font-size-md);
-  --van-address-list-disabled-text-line-height: var(--van-line-height-md);
-  --van-address-list-add-button-z-index: 999;
-  --van-address-list-item-padding: var(--van-padding-sm);
-  --van-address-list-item-text-color: var(--van-text-color);
-  --van-address-list-item-disabled-text-color: var(--van-text-color-3);
-  --van-address-list-item-font-size: 13px;
-  --van-address-list-item-line-height: var(--van-line-height-sm);
-  --van-address-list-radio-color: var(--van-primary-color);
-  --van-address-list-edit-icon-size: 20px;
-}
-
-.van-address-list {
-  box-sizing: border-box;
-  height: 100%;
-  padding: var(--van-address-list-padding);
-
-  &__bottom {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: var(--van-address-list-add-button-z-index);
-    box-sizing: border-box;
-    width: 100%;
-    padding-left: var(--van-padding-md);
-    padding-right: var(--van-padding-md);
-    background-color: var(--van-background-2);
-  }
-
-  &__add {
-    height: 40px;
-    margin: 5px 0;
-  }
-
-  &__disabled-text {
-    padding: var(--van-address-list-disabled-text-padding);
-    color: var(--van-address-list-disabled-text-color);
-    font-size: var(--van-address-list-disabled-text-font-size);
-    line-height: var(--van-address-list-disabled-text-line-height);
-  }
-}
-
-.van-address-item {
-  padding: var(--van-address-list-item-padding);
-  background-color: var(--van-background-2);
-  border-radius: var(--van-radius-lg);
-
-  &:not(:last-child) {
-    margin-bottom: var(--van-padding-sm);
-  }
-
-  &__title {
-    padding-right: 44px;
-  }
-
-  &__name {
-    display: flex;
-    align-items: center;
-    margin-bottom: var(--van-padding-xs);
-    font-size: var(--van-font-size-lg);
-    line-height: var(--van-line-height-lg);
-  }
-
-  &__tag {
-    flex: none;
-    margin-left: var(--van-padding-xs);
-    padding-top: 0;
-    padding-bottom: 0;
-    line-height: 1.4em;
-  }
-
-  &__address {
-    color: var(--van-address-list-item-text-color);
-    font-size: var(--van-address-list-item-font-size);
-    line-height: var(--van-address-list-item-line-height);
-  }
-
-  &--disabled {
-    .van-address-item__name,
-    .van-address-item__address {
-      color: var(--van-address-list-item-disabled-text-color);
-    }
-  }
-
-  &__edit {
-    position: absolute;
-    top: 50%;
-    right: var(--van-padding-md);
-    color: var(--van-gray-6);
-    font-size: var(--van-address-list-edit-icon-size);
-    transform: translateY(-50%);
-  }
-
-  .van-cell {
-    padding: 0;
-  }
-
-  .van-radio__label {
-    margin-left: var(--van-padding-sm);
-  }
-
-  .van-radio__icon--checked .van-icon {
-    background-color: var(--van-address-list-radio-color);
-    border-color: var(--van-address-list-radio-color);
-  }
-}

package/lib/address-list/style/less.d.ts

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

package/lib/address-list/style/less.js

@@ -1,11 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../icon/index.less");
-require("../../tag/index.less");
-require("../../cell/index.less");
-require("../../loading/index.less");
-require("../../button/index.less");
-require("../../radio-group/index.less");
-require("../../checkbox/index.less");
-require("../../radio/index.less");
-require("../index.less");

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

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

package/lib/area/style/less.js

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

package/lib/badge/index.less

@@ -1,72 +0,0 @@
-body {
-  --van-badge-size: 16px;
-  --van-badge-color: var(--van-white);
-  --van-badge-padding: 0 3px;
-  --van-badge-font-size: var(--van-font-size-sm);
-  --van-badge-font-weight: var(--van-font-bold);
-  --van-badge-border-width: var(--van-border-width);
-  --van-badge-background: var(--van-danger-color);
-  --van-badge-dot-color: var(--van-danger-color);
-  --van-badge-dot-size: 8px;
-  --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;
-}
-
-.van-badge {
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: var(--van-badge-size);
-  padding: var(--van-badge-padding);
-  color: var(--van-badge-color);
-  font-weight: var(--van-badge-font-weight);
-  font-size: var(--van-badge-font-size);
-  font-family: var(--van-badge-font);
-  line-height: 1.2;
-  text-align: center;
-  background: var(--van-badge-background);
-  border: var(--van-badge-border-width) solid var(--van-background-2);
-  border-radius: var(--van-radius-max);
-
-  &--fixed {
-    position: absolute;
-    transform-origin: 100%;
-  }
-
-  &--top-left {
-    top: 0;
-    left: 0;
-    transform: translate(-50%, -50%);
-  }
-
-  &--top-right {
-    top: 0;
-    right: 0;
-    transform: translate(50%, -50%);
-  }
-
-  &--bottom-left {
-    bottom: 0;
-    left: 0;
-    transform: translate(-50%, 50%);
-  }
-
-  &--bottom-right {
-    bottom: 0;
-    right: 0;
-    transform: translate(50%, 50%);
-  }
-
-  &--dot {
-    width: var(--van-badge-dot-size);
-    min-width: 0;
-    height: var(--van-badge-dot-size);
-    background: var(--van-badge-dot-color);
-    border-radius: 100%;
-    border: none;
-    padding: 0;
-  }
-
-  &__wrapper {
-    position: relative;
-    display: inline-block;
-  }
-}

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

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

package/lib/badge/style/less.js

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

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");