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

package/es/style/base.less

@@ -1,89 +0,0 @@
-/**
- * Entry of basic styles
- */
-
-@import './css-variables.less';
-@import './normalize.less';
-@import './animation.less';
-@import './mixins/clearfix.less';
-@import './mixins/ellipsis.less';
-@import './mixins/hairline.less';
-
-.van-clearfix {
-  .clearfix();
-}
-
-.van-ellipsis {
-  .ellipsis();
-}
-
-.van-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.van-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}
-
-.van-safe-area-top {
-  padding-top: constant(safe-area-inset-top);
-  padding-top: env(safe-area-inset-top);
-}
-
-.van-safe-area-bottom {
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.van-haptics-feedback {
-  cursor: pointer;
-
-  &:active {
-    opacity: var(--van-active-opacity);
-  }
-}
-
-[class*='van-hairline'] {
-  &::after {
-    .hairline();
-  }
-}
-
-.van-hairline {
-  &,
-  &--top,
-  &--left,
-  &--right,
-  &--bottom,
-  &--surround,
-  &--top-bottom {
-    position: relative;
-  }
-
-  &--top::after {
-    border-top-width: var(--van-border-width);
-  }
-
-  &--left::after {
-    border-left-width: var(--van-border-width);
-  }
-
-  &--right::after {
-    border-right-width: var(--van-border-width);
-  }
-
-  &--bottom::after {
-    border-bottom-width: var(--van-border-width);
-  }
-
-  &,
-  &-unset {
-    &--top-bottom::after {
-      border-width: var(--van-border-width) 0;
-    }
-  }
-
-  &--surround::after {
-    border-width: var(--van-border-width);
-  }
-}

package/es/style/css-variables.less

@@ -1,90 +0,0 @@
-body {
-  // Color Palette
-  --van-black: #000;
-  --van-white: #fff;
-  --van-gray-1: #f7f8fa;
-  --van-gray-2: #f2f3f5;
-  --van-gray-3: #ebedf0;
-  --van-gray-4: #dcdee0;
-  --van-gray-5: #c8c9cc;
-  --van-gray-6: #969799;
-  --van-gray-7: #646566;
-  --van-gray-8: #323233;
-  --van-red: #ee0a24;
-  --van-blue: #1989fa;
-  --van-orange: #ff976a;
-  --van-orange-dark: #ed6a0c;
-  --van-orange-light: #fffbe8;
-  --van-green: #07c160;
-
-  // Gradient Colors
-  --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
-  --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
-
-  // Component Colors
-  --van-primary-color: var(--van-blue);
-  --van-success-color: var(--van-green);
-  --van-danger-color: var(--van-red);
-  --van-warning-color: var(--van-orange);
-  --van-text-color: var(--van-gray-8);
-  --van-text-color-2: var(--van-gray-6);
-  --van-text-color-3: var(--van-gray-5);
-  --van-link-color: #576b95;
-  --van-active-color: var(--van-gray-2);
-  --van-active-opacity: 0.6;
-  --van-disabled-opacity: 0.5;
-  --van-background: var(--van-gray-1);
-  --van-background-2: var(--van-white);
-  --van-background-3: var(--van-white);
-
-  // Padding
-  --van-padding-base: 4px;
-  --van-padding-xs: 8px;
-  --van-padding-sm: 12px;
-  --van-padding-md: 16px;
-  --van-padding-lg: 24px;
-  --van-padding-xl: 32px;
-
-  // Font
-  --van-font-bold: 600;
-  --van-font-size-xs: 10px;
-  --van-font-size-sm: 12px;
-  --van-font-size-md: 14px;
-  --van-font-size-lg: 16px;
-  --van-line-height-xs: 14px;
-  --van-line-height-sm: 18px;
-  --van-line-height-md: 20px;
-  --van-line-height-lg: 22px;
-  /* stylelint-disable */
-  --van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  --van-price-font: avenir-heavy, 'PingFang SC', helvetica neue, arial,
-    sans-serif;
-  /* stylelint-enable */
-
-  // Animation
-  --van-duration-base: 0.3s;
-  --van-duration-fast: 0.2s;
-  --van-ease-out: ease-out;
-  --van-ease-in: ease-in;
-
-  // Border
-  --van-border-color: var(--van-gray-3);
-  --van-border-width: 1px;
-  --van-radius-sm: 2px;
-  --van-radius-md: 4px;
-  --van-radius-lg: 8px;
-  --van-radius-max: 999px;
-}
-
-.van-theme-dark {
-  --van-text-color: #f5f5f5;
-  --van-text-color-2: #707070;
-  --van-text-color-3: #4d4d4d;
-  --van-border-color: #3a3a3c;
-  --van-active-color: #3a3a3c;
-  --van-background: #000;
-  --van-background-2: #1c1c1e;
-  --van-background-3: #37363b;
-}

package/es/style/mixins/clearfix.less

@@ -1,7 +0,0 @@
-.clearfix() {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-}

package/es/style/mixins/ellipsis.less

@@ -1,15 +0,0 @@
-.multi-ellipsis(@lines) {
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: @lines;
-
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-}
-
-.ellipsis() {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/es/style/mixins/hairline.less

@@ -1,37 +0,0 @@
-.hairline-common() {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-}
-
-.hairline(@color: var(--van-border-color)) {
-  .hairline-common();
-
-  top: -50%;
-  right: -50%;
-  bottom: -50%;
-  left: -50%;
-  border: 0 solid @color;
-  transform: scale(0.5);
-}
-
-.hairline-top(@color: var(--van-border-color), @left: 0, @right: 0) {
-  .hairline-common();
-
-  top: 0;
-  right: @right;
-  left: @left;
-  border-top: 1px solid @color;
-  transform: scaleY(0.5);
-}
-
-.hairline-bottom(@color: var(--van-border-color), @left: 0, @right: 0) {
-  .hairline-common();
-
-  right: @right;
-  bottom: 0;
-  left: @left;
-  border-bottom: 1px solid @color;
-  transform: scaleY(0.5);
-}

package/es/style/normalize.less

@@ -1,36 +0,0 @@
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0;
-  font-family: var(--van-base-font);
-}
-
-a {
-  text-decoration: none;
-}
-
-input,
-button,
-textarea {
-  color: inherit;
-  font: inherit;
-}
-
-a,
-input,
-button,
-textarea,
-[class*='van-'] {
-  &:focus {
-    outline: none;
-  }
-}
-
-ol,
-ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}

package/es/submit-bar/index.less

@@ -1,97 +0,0 @@
-body {
-  --van-submit-bar-height: 50px;
-  --van-submit-bar-z-index: 100;
-  --van-submit-bar-background: var(--van-background-2);
-  --van-submit-bar-button-width: 110px;
-  --van-submit-bar-price-color: var(--van-danger-color);
-  --van-submit-bar-price-font-size: var(--van-font-size-sm);
-  --van-submit-bar-price-integer-font-size: 20px;
-  --van-submit-bar-price-font: var(--van-price-font);
-  --van-submit-bar-currency-font-size: var(--van-font-size-md);
-  --van-submit-bar-text-color: var(--van-text-color);
-  --van-submit-bar-text-font-size: var(--van-font-size-md);
-  --van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
-  --van-submit-bar-tip-font-size: var(--van-font-size-sm);
-  --van-submit-bar-tip-line-height: 1.5;
-  --van-submit-bar-tip-color: var(--van-orange-dark);
-  --van-submit-bar-tip-background: var(--van-orange-light);
-  --van-submit-bar-tip-icon-size: 12px;
-  --van-submit-bar-button-height: 40px;
-  --van-submit-bar-padding: 0 var(--van-padding-md);
-}
-
-.van-submit-bar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: var(--van-submit-bar-z-index);
-  width: 100%;
-  background: var(--van-submit-bar-background);
-  user-select: none;
-
-  &__tip {
-    padding: var(--van-submit-bar-tip-padding);
-    color: var(--van-submit-bar-tip-color);
-    font-size: var(--van-submit-bar-tip-font-size);
-    line-height: var(--van-submit-bar-tip-line-height);
-    background: var(--van-submit-bar-tip-background);
-  }
-
-  &__tip-icon {
-    margin-right: var(--van-padding-base);
-    font-size: var(--van-submit-bar-tip-icon-size);
-    vertical-align: middle;
-  }
-
-  &__tip-text {
-    vertical-align: middle;
-  }
-
-  &__bar {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    height: var(--van-submit-bar-height);
-    padding: var(--van-submit-bar-padding);
-    font-size: var(--van-submit-bar-text-font-size);
-  }
-
-  &__text {
-    flex: 1;
-    padding-right: var(--van-padding-sm);
-    color: var(--van-submit-bar-text-color);
-    text-align: right;
-
-    span {
-      display: inline-block;
-    }
-  }
-
-  &__suffix-label {
-    margin-left: var(--van-padding-base);
-    font-weight: var(--van-font-bold);
-  }
-
-  &__price {
-    color: var(--van-submit-bar-price-color);
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-submit-bar-price-font-size);
-    margin-left: var(--van-padding-base);
-
-    &-integer {
-      font-size: var(--van-submit-bar-price-integer-font-size);
-      font-family: var(--van-submit-bar-price-font);
-    }
-  }
-
-  &__button {
-    width: var(--van-submit-bar-button-width);
-    height: var(--van-submit-bar-button-height);
-    font-weight: var(--van-font-bold);
-    border: none;
-
-    &--danger {
-      background: var(--van-gradient-red);
-    }
-  }
-}

package/es/submit-bar/style/less.d.ts

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

package/es/submit-bar/style/less.mjs

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

package/es/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/es/swipe/style/less.d.ts

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

package/es/swipe/style/less.mjs

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

package/es/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/es/swipe-cell/style/less.d.ts

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

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

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

package/es/swipe-item/index.less

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

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

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

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

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

package/es/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/es/switch/style/less.d.ts

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

package/es/switch/style/less.mjs

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

package/es/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/es/tab/style/less.d.ts

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

package/es/tab/style/less.mjs

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

package/es/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/es/tabbar/style/less.d.ts

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

package/es/tabbar/style/less.mjs

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

package/es/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);
-  }
-}