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

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

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

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

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

package/es/tabs/index.less

@@ -1,170 +0,0 @@
-body {
-  --van-tab-text-color: var(--van-gray-7);
-  --van-tab-active-text-color: var(--van-text-color);
-  --van-tab-disabled-text-color: var(--van-text-color-3);
-  --van-tab-font-size: var(--van-font-size-md);
-  --van-tab-line-height: var(--van-line-height-md);
-  --van-tabs-default-color: var(--van-primary-color);
-  --van-tabs-line-height: 44px;
-  --van-tabs-card-height: 30px;
-  --van-tabs-nav-background: var(--van-background-2);
-  --van-tabs-bottom-bar-width: 40px;
-  --van-tabs-bottom-bar-height: 3px;
-  --van-tabs-bottom-bar-color: var(--van-primary-color);
-}
-
-.van-tab {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 0 var(--van-padding-base);
-  color: var(--van-tab-text-color);
-  font-size: var(--van-tab-font-size);
-  line-height: var(--van-tab-line-height);
-  cursor: pointer;
-
-  &--active {
-    color: var(--van-tab-active-text-color);
-    font-weight: var(--van-font-bold);
-  }
-
-  &--disabled {
-    color: var(--van-tab-disabled-text-color);
-    cursor: not-allowed;
-  }
-
-  &--grow {
-    flex: 1 0 auto;
-    padding: 0 var(--van-padding-sm);
-  }
-
-  &--shrink {
-    flex: none;
-    padding: 0 var(--van-padding-xs);
-  }
-
-  &--card {
-    color: var(--van-tabs-default-color);
-    border-right: var(--van-border-width) solid var(--van-tabs-default-color);
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.van-tab--active {
-      color: var(--van-white);
-      background-color: var(--van-tabs-default-color);
-    }
-
-    &--disabled {
-      color: var(--van-tab-disabled-text-color);
-    }
-  }
-
-  &__text {
-    &--ellipsis {
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-    }
-  }
-}
-
-.van-tabs {
-  position: relative;
-
-  &__wrap {
-    overflow: hidden;
-
-    &--page-top {
-      position: fixed;
-    }
-
-    &--content-bottom {
-      top: auto;
-      bottom: 0;
-    }
-  }
-
-  &__nav {
-    position: relative;
-    display: flex;
-    background: var(--van-tabs-nav-background);
-    user-select: none;
-
-    &--complete {
-      overflow-x: auto;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &--line {
-      box-sizing: content-box;
-      height: 100%;
-      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
-    }
-
-    &--line&--shrink,
-    &--line&--complete {
-      padding-right: var(--van-padding-xs);
-      padding-left: var(--van-padding-xs);
-    }
-
-    &--card {
-      box-sizing: border-box;
-      height: var(--van-tabs-card-height);
-      margin: 0 var(--van-padding-md);
-      border: var(--van-border-width) solid var(--van-tabs-default-color);
-      border-radius: var(--van-border-radius-sm);
-    }
-
-    &--card&--shrink {
-      display: inline-flex;
-    }
-  }
-
-  &__line {
-    position: absolute;
-    bottom: 15px;
-    left: 0;
-    z-index: 1;
-    width: var(--van-tabs-bottom-bar-width);
-    height: var(--van-tabs-bottom-bar-height);
-    background: var(--van-tabs-bottom-bar-color);
-    border-radius: var(--van-tabs-bottom-bar-height);
-  }
-
-  &__track {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    will-change: left;
-  }
-
-  &__content {
-    &--animated {
-      overflow: hidden;
-    }
-  }
-
-  &--line {
-    .van-tabs__wrap {
-      height: var(--van-tabs-line-height);
-    }
-  }
-
-  &--card {
-    > .van-tabs__wrap {
-      height: var(--van-tabs-card-height);
-    }
-  }
-}

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

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

package/es/tabs/style/less.mjs

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

package/es/tag/index.less

@@ -1,115 +0,0 @@
-body {
-  --van-tag-padding: 0 var(--van-padding-base);
-  --van-tag-text-color: var(--van-white);
-  --van-tag-font-size: var(--van-font-size-sm);
-  --van-tag-radius: 2px;
-  --van-tag-line-height: 16px;
-  --van-tag-medium-padding: 2px 6px;
-  --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
-  --van-tag-large-radius: var(--van-radius-md);
-  --van-tag-large-font-size: var(--van-font-size-md);
-  --van-tag-round-radius: var(--van-radius-max);
-  --van-tag-danger-color: var(--van-danger-color);
-  --van-tag-primary-color: var(--van-primary-color);
-  --van-tag-success-color: var(--van-success-color);
-  --van-tag-warning-color: var(--van-warning-color);
-  --van-tag-default-color: var(--van-gray-6);
-  --van-tag-plain-background: var(--van-background-2);
-}
-
-.van-tag {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: var(--van-tag-padding);
-  color: var(--van-tag-text-color);
-  font-size: var(--van-tag-font-size);
-  line-height: var(--van-tag-line-height);
-  border-radius: var(--van-tag-radius);
-
-  &--default {
-    background: var(--van-tag-default-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-default-color);
-    }
-  }
-
-  &--danger {
-    background: var(--van-tag-danger-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-danger-color);
-    }
-  }
-
-  &--primary {
-    background: var(--van-tag-primary-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-primary-color);
-    }
-  }
-
-  &--success {
-    background: var(--van-tag-success-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-success-color);
-    }
-  }
-
-  &--warning {
-    background: var(--van-tag-warning-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-warning-color);
-    }
-  }
-
-  &--plain {
-    background: var(--van-tag-plain-background);
-    border-color: currentColor;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border: 1px solid;
-      border-color: inherit;
-      border-radius: inherit;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &--medium {
-    padding: var(--van-tag-medium-padding);
-  }
-
-  &--large {
-    padding: var(--van-tag-large-padding);
-    font-size: var(--van-tag-large-font-size);
-    border-radius: var(--van-tag-large-radius);
-  }
-
-  &--mark {
-    border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0;
-
-    &::after {
-      display: block;
-      width: 2px;
-      content: '';
-    }
-  }
-
-  &--round {
-    border-radius: var(--van-tag-round-radius);
-  }
-
-  &__close {
-    margin-left: 2px;
-  }
-}

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

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

package/es/tag/style/less.mjs

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

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

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

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

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

package/es/toast/index.less

@@ -1,89 +0,0 @@
-body {
-  --van-toast-max-width: 70%;
-  --van-toast-font-size: var(--van-font-size-md);
-  --van-toast-text-color: var(--van-white);
-  --van-toast-loading-icon-color: var(--van-white);
-  --van-toast-line-height: var(--van-line-height-md);
-  --van-toast-radius: var(--van-radius-lg);
-  --van-toast-background: rgba(0, 0, 0, 0.7);
-  --van-toast-icon-size: 36px;
-  --van-toast-text-min-width: 96px;
-  --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
-  --van-toast-default-padding: var(--van-padding-md);
-  --van-toast-default-width: 88px;
-  --van-toast-default-min-height: 88px;
-  --van-toast-position-top-distance: 20%;
-  --van-toast-position-bottom-distance: 20%;
-}
-
-.van-toast {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: content-box;
-  transition: all var(--van-duration-fast);
-
-  // hack for avoid max-width when use left & fixed
-  width: var(--van-toast-default-width);
-  max-width: var(--van-toast-max-width);
-  min-height: var(--van-toast-default-min-height);
-  padding: var(--van-toast-default-padding);
-  color: var(--van-toast-text-color);
-  font-size: var(--van-toast-font-size);
-  line-height: var(--van-toast-line-height);
-
-  // allow newline character
-  white-space: pre-wrap;
-  text-align: center;
-  // https://github.com/youzan/vant/issues/8959
-  word-break: break-all;
-  background: var(--van-toast-background);
-  border-radius: var(--van-toast-radius);
-
-  &--unclickable {
-    // lock scroll
-    overflow: hidden;
-    cursor: not-allowed;
-
-    // should not add pointer-events: none directly to body tag
-    // that will cause unexpected tap-highlight-color in mobile safari
-    * {
-      pointer-events: none;
-    }
-  }
-
-  &--text,
-  &--html {
-    width: fit-content;
-    min-width: var(--van-toast-text-min-width);
-    min-height: 0;
-    padding: var(--van-toast-text-padding);
-
-    .van-toast__text {
-      margin-top: 0;
-    }
-  }
-
-  &--top {
-    top: var(--van-toast-position-top-distance);
-  }
-
-  &--bottom {
-    top: auto;
-    bottom: var(--van-toast-position-bottom-distance);
-  }
-
-  &__icon {
-    font-size: var(--van-toast-icon-size);
-  }
-
-  &__loading {
-    padding: var(--van-padding-base);
-    color: var(--van-toast-loading-icon-color);
-  }
-
-  &__text {
-    margin-top: var(--van-padding-xs);
-  }
-}

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

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

package/es/toast/style/less.mjs

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

package/es/tree-select/index.less

@@ -1,68 +0,0 @@
-body {
-  --van-tree-select-font-size: var(--van-font-size-md);
-  --van-tree-select-nav-background: var(--van-background);
-  --van-tree-select-content-background: var(--van-background-2);
-  --van-tree-select-nav-item-padding: 14px var(--van-padding-sm);
-  --van-tree-select-item-height: 48px;
-  --van-tree-select-item-active-color: var(--van-primary-color);
-  --van-tree-select-item-disabled-color: var(--van-gray-5);
-  --van-tree-select-item-selected-size: 16px;
-}
-
-.van-tree-select {
-  position: relative;
-  display: flex;
-  font-size: var(--van-tree-select-font-size);
-
-  &__nav {
-    flex: 1;
-    overflow-y: auto;
-    background: var(--van-tree-select-nav-background);
-    -webkit-overflow-scrolling: touch;
-
-    &-item {
-      padding: var(--van-tree-select-nav-item-padding);
-    }
-  }
-
-  &__content {
-    flex: 2;
-    overflow-y: auto;
-    background: var(--van-tree-select-content-background);
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item {
-    position: relative;
-    padding: 0 32px 0 var(--van-padding-md);
-    font-weight: var(--van-font-bold);
-    line-height: var(--van-tree-select-item-height);
-    user-select: none;
-    cursor: pointer;
-
-    &--active {
-      color: var(--van-tree-select-item-active-color);
-    }
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-
-    &--disabled {
-      color: var(--van-tree-select-item-disabled-color);
-      cursor: not-allowed;
-
-      &:active {
-        background-color: transparent;
-      }
-    }
-  }
-
-  &__selected {
-    position: absolute;
-    top: 50%;
-    right: var(--van-padding-md);
-    margin-top: calc(var(--van-padding-xs) * -1);
-    font-size: var(--van-tree-select-item-selected-size);
-  }
-}

package/es/tree-select/style/less.d.ts

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

package/es/tree-select/style/less.mjs

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

package/es/uploader/index.less

@@ -1,191 +0,0 @@
-body {
-  --van-uploader-size: 80px;
-  --van-uploader-icon-size: 24px;
-  --van-uploader-icon-color: var(--van-gray-4);
-  --van-uploader-text-color: var(--van-text-color-2);
-  --van-uploader-text-font-size: var(--van-font-size-sm);
-  --van-uploader-upload-background: var(--van-gray-1);
-  --van-uploader-upload-active-color: var(--van-active-color);
-  --van-uploader-delete-color: var(--van-white);
-  --van-uploader-delete-icon-size: 14px;
-  --van-uploader-delete-background: rgba(0, 0, 0, 0.7);
-  --van-uploader-file-background: var(--van-background);
-  --van-uploader-file-icon-size: 20px;
-  --van-uploader-file-icon-color: var(--van-gray-7);
-  --van-uploader-file-name-padding: 0 var(--van-padding-base);
-  --van-uploader-file-name-margin-top: var(--van-padding-xs);
-  --van-uploader-file-name-font-size: var(--van-font-size-sm);
-  --van-uploader-file-name-text-color: var(--van-gray-7);
-  --van-uploader-mask-text-color: var(--van-white);
-  --van-uploader-mask-background: rgba(50, 50, 51, 0.88);
-  --van-uploader-mask-icon-size: 22px;
-  --van-uploader-mask-message-font-size: var(--van-font-size-sm);
-  --van-uploader-mask-message-line-height: var(--van-line-height-xs);
-  --van-uploader-loading-icon-size: 22px;
-  --van-uploader-loading-icon-color: var(--van-white);
-  --van-uploader-disabled-opacity: var(--van-disabled-opacity);
-}
-
-.van-uploader {
-  position: relative;
-  display: inline-block;
-
-  &__wrapper {
-    display: flex;
-    flex-wrap: wrap;
-
-    &--disabled {
-      opacity: var(--van-uploader-disabled-opacity);
-    }
-  }
-
-  &__input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden; // to clip file-upload-button
-    cursor: pointer;
-    opacity: 0;
-
-    &-wrapper {
-      position: relative;
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &__upload {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    width: var(--van-uploader-size);
-    height: var(--van-uploader-size);
-    margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
-    background: var(--van-uploader-upload-background);
-
-    &:active {
-      background-color: var(--van-uploader-upload-active-color);
-    }
-
-    &--readonly:active {
-      background-color: var(--van-uploader-upload-background);
-    }
-
-    &-icon {
-      color: var(--van-uploader-icon-color);
-      font-size: var(--van-uploader-icon-size);
-    }
-
-    &-text {
-      margin-top: var(--van-padding-xs);
-      color: var(--van-uploader-text-color);
-      font-size: var(--van-uploader-text-font-size);
-    }
-  }
-
-  &__preview {
-    position: relative;
-    margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
-    cursor: pointer;
-
-    &-image {
-      display: block;
-      width: var(--van-uploader-size);
-      height: var(--van-uploader-size);
-      overflow: hidden;
-    }
-
-    &-delete {
-      position: absolute;
-      top: 0;
-      right: 0;
-
-      &--shadow {
-        width: var(--van-uploader-delete-icon-size);
-        height: var(--van-uploader-delete-icon-size);
-        background: var(--van-uploader-delete-background);
-        border-radius: 0 0 0 12px;
-      }
-
-      &-icon {
-        position: absolute;
-        top: 0;
-        right: 0;
-        color: var(--van-uploader-delete-color);
-        font-size: var(--van-uploader-delete-icon-size);
-        transform: scale(0.7) translate(10%, -10%);
-      }
-    }
-
-    &-cover {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-  }
-
-  &__mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: var(--van-uploader-mask-text-color);
-    background: var(--van-uploader-mask-background);
-
-    &-icon {
-      font-size: var(--van-uploader-mask-icon-size);
-    }
-
-    &-message {
-      margin-top: 6px;
-      padding: 0 var(--van-padding-base);
-      font-size: var(--van-uploader-mask-message-font-size);
-      line-height: var(--van-uploader-mask-message-line-height);
-    }
-  }
-
-  &__loading {
-    width: var(--van-uploader-loading-icon-size);
-    height: var(--van-uploader-loading-icon-size);
-    color: var(--van-uploader-loading-icon-color);
-  }
-
-  &__file {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: var(--van-uploader-size);
-    height: var(--van-uploader-size);
-    background: var(--van-uploader-file-background);
-
-    &-icon {
-      color: var(--van-uploader-file-icon-color);
-      font-size: var(--van-uploader-file-icon-size);
-    }
-
-    &-name {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: var(--van-uploader-file-name-margin-top);
-      padding: var(--van-uploader-file-name-padding);
-      color: var(--van-uploader-file-name-text-color);
-      font-size: var(--van-uploader-file-name-font-size);
-      text-align: center;
-    }
-  }
-}

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

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