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

package/es/uploader/style/less.mjs

@@ -1,11 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../image/index.less";
-import "../../loading/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../../swipe/index.less";
-import "../../swipe-item/index.less";
-import "../../image-preview/index.less";
-import "../index.less";

package/lib/action-bar/index.less

@@ -1,16 +0,0 @@
-body {
-  --van-action-bar-background: var(--van-background-2);
-  --van-action-bar-height: 50px;
-}
-
-.van-action-bar {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  box-sizing: content-box;
-  height: var(--van-action-bar-height);
-  background: var(--van-action-bar-background);
-}

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

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

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

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

package/lib/action-bar-button/index.less

@@ -1,38 +0,0 @@
-body {
-  --van-action-bar-button-height: 40px;
-  --van-action-bar-button-warning-color: var(--van-gradient-orange);
-  --van-action-bar-button-danger-color: var(--van-gradient-red);
-}
-
-.van-action-bar-button {
-  flex: 1;
-  height: var(--van-action-bar-button-height);
-  font-weight: var(--van-font-bold);
-  font-size: var(--van-font-size-md);
-  border: none;
-  border-radius: 0;
-
-  &--first {
-    margin-left: 5px;
-    border-top-left-radius: var(--van-radius-max);
-    border-bottom-left-radius: var(--van-radius-max);
-  }
-
-  &--last {
-    margin-right: 5px;
-    border-top-right-radius: var(--van-radius-max);
-    border-bottom-right-radius: var(--van-radius-max);
-  }
-
-  &--warning {
-    background: var(--van-action-bar-button-warning-color);
-  }
-
-  &--danger {
-    background: var(--van-action-bar-button-danger-color);
-  }
-
-  @media (max-width: 321px) {
-    font-size: 13px;
-  }
-}

package/lib/action-bar-button/style/less.d.ts

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

package/lib/action-bar-button/style/less.js

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

package/lib/action-bar-icon/index.less

@@ -1,34 +0,0 @@
-body {
-  --van-action-bar-icon-width: 48px;
-  --van-action-bar-icon-height: 100%;
-  --van-action-bar-icon-color: var(--van-text-color);
-  --van-action-bar-icon-size: 18px;
-  --van-action-bar-icon-font-size: var(--van-font-size-xs);
-  --van-action-bar-icon-active-color: var(--van-active-color);
-  --van-action-bar-icon-text-color: var(--van-text-color);
-  --van-action-bar-icon-background: var(--van-background-2);
-}
-
-.van-action-bar-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-width: var(--van-action-bar-icon-width);
-  height: var(--van-action-bar-icon-height);
-  color: var(--van-action-bar-icon-text-color);
-  font-size: var(--van-action-bar-icon-font-size);
-  line-height: 1;
-  text-align: center;
-  background: var(--van-action-bar-icon-background);
-  cursor: pointer;
-
-  &:active {
-    background-color: var(--van-action-bar-icon-active-color);
-  }
-
-  &__icon {
-    margin: 0 auto var(--van-padding-base);
-    color: var(--van-action-bar-icon-color);
-    font-size: var(--van-action-bar-icon-size);
-  }
-}

package/lib/action-bar-icon/style/less.d.ts

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

package/lib/action-bar-icon/style/less.js

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

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