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

package/lib/swipe/index.less

@@ -1,65 +0,0 @@
-body {
-  --van-swipe-indicator-size: 6px;
-  --van-swipe-indicator-margin: var(--van-padding-sm);
-  --van-swipe-indicator-active-opacity: 1;
-  --van-swipe-indicator-inactive-opacity: 0.3;
-  --van-swipe-indicator-active-background: var(--van-primary-color);
-  --van-swipe-indicator-inactive-background: var(--van-border-color);
-}
-
-.van-swipe {
-  position: relative;
-  overflow: hidden;
-  // https://github.com/youzan/vant/issues/9931
-  transform: translateZ(0);
-  cursor: grab;
-  user-select: none;
-
-  &__track {
-    display: flex;
-    height: 100%;
-
-    &--vertical {
-      flex-direction: column;
-    }
-  }
-
-  &__indicators {
-    position: absolute;
-    bottom: var(--van-swipe-indicator-margin);
-    left: 50%;
-    display: flex;
-    transform: translateX(-50%);
-
-    &--vertical {
-      top: 50%;
-      bottom: auto;
-      left: var(--van-swipe-indicator-margin);
-      flex-direction: column;
-      transform: translateY(-50%);
-
-      .van-swipe__indicator:not(:last-child) {
-        margin-bottom: var(--van-swipe-indicator-size);
-      }
-    }
-  }
-
-  &__indicator {
-    width: var(--van-swipe-indicator-size);
-    height: var(--van-swipe-indicator-size);
-    background-color: var(--van-swipe-indicator-inactive-background);
-    border-radius: 100%;
-    opacity: var(--van-swipe-indicator-inactive-opacity);
-    transition: opacity var(--van-duration-fast),
-      background-color var(--van-duration-fast);
-
-    &:not(:last-child) {
-      margin-right: var(--van-swipe-indicator-size);
-    }
-
-    &--active {
-      background-color: var(--van-swipe-indicator-active-background);
-      opacity: var(--van-swipe-indicator-active-opacity);
-    }
-  }
-}

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

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

package/lib/swipe/style/less.js

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

package/lib/swipe-cell/index.less

@@ -1,27 +0,0 @@
-.van-swipe-cell {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-
-  &__wrapper {
-    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-    transition-property: transform;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}

package/lib/swipe-cell/style/less.d.ts

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

package/lib/swipe-cell/style/less.js

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

package/lib/swipe-item/index.less

@@ -1,6 +0,0 @@
-.van-swipe-item {
-  position: relative;
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}

package/lib/swipe-item/style/less.d.ts

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

package/lib/swipe-item/style/less.js

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

package/lib/switch/index.less

@@ -1,75 +0,0 @@
-body {
-  --van-switch-size: 26px;
-  --van-switch-width: calc(1.8em + 4px);
-  --van-switch-height: calc(1em + 4px);
-  --van-switch-node-size: 1em;
-  --van-switch-node-background: var(--van-white);
-  --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
-  --van-switch-background: rgba(120, 120, 128, 0.16);
-  --van-switch-on-background: var(--van-primary-color);
-  --van-switch-duration: var(--van-duration-base);
-  --van-switch-disabled-opacity: var(--van-disabled-opacity);
-}
-
-.van-theme-dark {
-  --van-switch-background: rgba(120, 120, 128, 0.32);
-}
-
-.van-switch {
-  position: relative;
-  display: inline-block;
-  box-sizing: content-box;
-  width: var(--van-switch-width);
-  height: var(--van-switch-height);
-  font-size: var(--van-switch-size);
-  background: var(--van-switch-background);
-  border-radius: var(--van-switch-node-size);
-  cursor: pointer;
-  transition: background-color var(--van-switch-duration);
-
-  &__node {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: var(--van-switch-node-size);
-    height: var(--van-switch-node-size);
-    // https://github.com/youzan/vant/issues/9839
-    font-size: inherit;
-    background: var(--van-switch-node-background);
-    border-radius: 100%;
-    box-shadow: var(--van-switch-node-shadow);
-    transition: transform var(--van-switch-duration)
-      cubic-bezier(0.3, 1.05, 0.4, 1.05);
-  }
-
-  &__loading {
-    top: 25%;
-    left: 25%;
-    width: 50%;
-    height: 50%;
-    line-height: 1;
-  }
-
-  &--on {
-    background: var(--van-switch-on-background);
-
-    .van-switch__node {
-      transform: translateX(
-        calc(var(--van-switch-width) - var(--van-switch-node-size) - 4px)
-      );
-    }
-
-    .van-switch__loading {
-      color: var(--van-switch-on-background);
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: var(--van-switch-disabled-opacity);
-  }
-
-  &--loading {
-    cursor: default;
-  }
-}

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

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

package/lib/switch/style/less.js

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

package/lib/tab/index.less

@@ -1,15 +0,0 @@
-.van-tab {
-  &__panel {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}

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

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

package/lib/tab/style/less.js

@@ -1,7 +0,0 @@
-require("../../style/base.less");
-require("../../badge/index.less");
-require("../../sticky/index.less");
-require("../../swipe/index.less");
-require("../../swipe-item/index.less");
-require("../../tabs/index.less");
-require("../index.less");

package/lib/tabbar/index.less

@@ -1,20 +0,0 @@
-body {
-  --van-tabbar-height: 50px;
-  --van-tabbar-z-index: 1;
-  --van-tabbar-background: var(--van-background-2);
-}
-
-.van-tabbar {
-  z-index: var(--van-tabbar-z-index);
-  display: flex;
-  box-sizing: content-box;
-  width: 100%;
-  height: var(--van-tabbar-height);
-  background: var(--van-tabbar-background);
-
-  &--fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-}

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

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

package/lib/tabbar/style/less.js

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

package/lib/tabbar-item/index.less

@@ -1,44 +0,0 @@
-body {
-  --van-tabbar-item-font-size: var(--van-font-size-sm);
-  --van-tabbar-item-text-color: var(--van-text-color);
-  --van-tabbar-item-active-color: var(--van-primary-color);
-  --van-tabbar-item-active-background: var(--van-background-2);
-  --van-tabbar-item-line-height: 1;
-  --van-tabbar-item-icon-size: 22px;
-  --van-tabbar-item-icon-margin-bottom: var(--van-padding-base);
-}
-
-.van-tabbar-item {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: var(--van-tabbar-item-text-color);
-  font-size: var(--van-tabbar-item-font-size);
-  line-height: var(--van-tabbar-item-line-height);
-  cursor: pointer;
-
-  &__icon {
-    margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
-    font-size: var(--van-tabbar-item-icon-size);
-
-    .van-icon {
-      display: block;
-    }
-
-    .van-badge {
-      margin-top: var(--van-padding-base);
-    }
-
-    img {
-      display: block;
-      height: 20px;
-    }
-  }
-
-  &--active {
-    color: var(--van-tabbar-item-active-color);
-    background-color: var(--van-tabbar-item-active-background);
-  }
-}

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

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

package/lib/tabbar-item/style/less.js

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

package/lib/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/lib/tabs/style/less.d.ts

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

package/lib/tabs/style/less.js

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

package/lib/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/lib/tag/style/less.d.ts

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

package/lib/tag/style/less.js

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

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

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

package/lib/time-picker/style/less.js

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