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

package/es/step/index.less

@@ -1,147 +0,0 @@
-body {
-  --van-step-text-color: var(--van-text-color-2);
-  --van-step-active-color: var(--van-primary-color);
-  --van-step-process-text-color: var(--van-text-color);
-  --van-step-font-size: var(--van-font-size-md);
-  --van-step-line-color: var(--van-border-color);
-  --van-step-finish-line-color: var(--van-primary-color);
-  --van-step-finish-text-color: var(--van-text-color);
-  --van-step-icon-size: 12px;
-  --van-step-circle-size: 5px;
-  --van-step-circle-color: var(--van-gray-6);
-  --van-step-horizontal-title-font-size: var(--van-font-size-sm);
-}
-
-.van-step {
-  position: relative;
-  flex: 1;
-  color: var(--van-step-text-color);
-  font-size: var(--van-step-font-size);
-
-  &__circle {
-    display: block;
-    width: var(--van-step-circle-size);
-    height: var(--van-step-circle-size);
-    background-color: var(--van-step-circle-color);
-    border-radius: 50%;
-  }
-
-  &__line {
-    position: absolute;
-    background-color: var(--van-step-line-color);
-    transition: background-color var(--van-duration-base);
-  }
-
-  &--horizontal {
-    float: left;
-
-    &:first-child {
-      .van-step__title {
-        margin-left: 0;
-        transform: none;
-      }
-    }
-
-    &:last-child {
-      position: absolute;
-      right: 1px;
-      width: auto;
-
-      .van-step__title {
-        margin-left: 0;
-        transform: none;
-      }
-
-      .van-step__circle-container {
-        right: -9px;
-        left: auto;
-      }
-    }
-
-    .van-step__circle-container {
-      position: absolute;
-      top: 30px;
-      left: calc(var(--van-padding-xs) * -1);
-      z-index: 1;
-      padding: 0 var(--van-padding-xs);
-      background-color: var(--van-background-2);
-      transform: translateY(-50%);
-    }
-
-    .van-step__title {
-      display: inline-block;
-      margin-left: 3px;
-      font-size: var(--van-step-horizontal-title-font-size);
-      transform: translateX(-50%);
-    }
-
-    .van-step__line {
-      top: 30px;
-      left: 0;
-      width: 100%;
-      height: 1px;
-    }
-
-    .van-step__icon {
-      display: block;
-      font-size: var(--van-step-icon-size);
-    }
-
-    .van-step--process {
-      color: var(--van-step-process-text-color);
-    }
-  }
-
-  &--vertical {
-    display: block;
-    float: none;
-    padding: 10px 10px 10px 0;
-    line-height: var(--van-line-height-sm);
-
-    &:not(:last-child)::after {
-      border-bottom-width: 1px;
-    }
-
-    .van-step__circle-container {
-      position: absolute;
-      top: 19px;
-      left: -15px;
-      z-index: 1;
-      font-size: var(--van-step-icon-size);
-      line-height: 1;
-      transform: translate(-50%, -50%);
-    }
-
-    .van-step__line {
-      top: 16px;
-      left: -15px;
-      width: 1px;
-      height: 100%;
-    }
-  }
-
-  &:last-child {
-    .van-step__line {
-      width: 0;
-    }
-  }
-
-  &--finish {
-    color: var(--van-step-finish-text-color);
-
-    .van-step__circle,
-    .van-step__line {
-      background-color: var(--van-step-finish-line-color);
-    }
-  }
-
-  &__icon,
-  &__title {
-    transition: color var(--van-duration-base);
-
-    &--active,
-    &--finish {
-      color: var(--van-step-active-color);
-    }
-  }
-}

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

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

package/es/step/style/less.mjs

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

package/es/stepper/index.less

@@ -1,129 +0,0 @@
-body {
-  --van-stepper-background: var(--van-active-color);
-  --van-stepper-button-icon-color: var(--van-text-color);
-  --van-stepper-button-disabled-color: var(--van-background);
-  --van-stepper-button-disabled-icon-color: var(--van-gray-5);
-  --van-stepper-button-round-theme-color: var(--van-primary-color);
-  --van-stepper-input-width: 32px;
-  --van-stepper-input-height: 28px;
-  --van-stepper-input-font-size: var(--van-font-size-md);
-  --van-stepper-input-line-height: normal;
-  --van-stepper-input-text-color: var(--van-text-color);
-  --van-stepper-input-disabled-text-color: var(--van-text-color-3);
-  --van-stepper-input-disabled-background: var(--van-active-color);
-  --van-stepper-radius: var(--van-radius-md);
-}
-
-.van-stepper {
-  display: inline-block;
-  user-select: none;
-
-  &__minus,
-  &__plus {
-    position: relative;
-    box-sizing: border-box;
-    width: var(--van-stepper-input-height);
-    height: var(--van-stepper-input-height);
-    margin: 0;
-    padding: 0;
-    color: var(--van-stepper-button-icon-color);
-    vertical-align: middle;
-    background: var(--van-stepper-background);
-    border: 0;
-
-    &::before {
-      width: 50%;
-      height: 1px;
-    }
-
-    &::after {
-      width: 1px;
-      height: 50%;
-    }
-
-    &::before,
-    &::after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      background-color: currentColor;
-      transform: translate(-50%, -50%);
-      content: '';
-    }
-
-    &--disabled {
-      color: var(--van-stepper-button-disabled-icon-color);
-      background-color: var(--van-stepper-button-disabled-color);
-      cursor: not-allowed;
-    }
-  }
-
-  &__minus {
-    border-radius: var(--van-stepper-radius) 0 0 var(--van-stepper-radius);
-
-    &::after {
-      display: none;
-    }
-  }
-
-  &__plus {
-    border-radius: 0 var(--van-stepper-radius) var(--van-stepper-radius) 0;
-  }
-
-  &__input {
-    box-sizing: border-box;
-    width: var(--van-stepper-input-width);
-    height: var(--van-stepper-input-height);
-    margin: 0 2px;
-    padding: 0;
-    color: var(--van-stepper-input-text-color);
-    font-size: var(--van-stepper-input-font-size);
-    line-height: var(--van-stepper-input-line-height);
-    text-align: center;
-    vertical-align: middle;
-    background: var(--van-stepper-background);
-    border: 0;
-    border-width: 1px 0;
-    border-radius: 0;
-    -webkit-appearance: none;
-
-    &:disabled {
-      color: var(--van-stepper-input-disabled-text-color);
-      background-color: var(--van-stepper-input-disabled-background);
-      // fix disabled color in iOS
-      -webkit-text-fill-color: var(--van-stepper-input-disabled-text-color);
-      opacity: 1;
-    }
-
-    &:read-only {
-      cursor: default;
-    }
-  }
-
-  &--round {
-    .van-stepper__input {
-      background-color: transparent;
-    }
-
-    .van-stepper__plus,
-    .van-stepper__minus {
-      border-radius: 100%;
-
-      &--disabled {
-        opacity: 0.3;
-        cursor: not-allowed;
-      }
-    }
-
-    .van-stepper__plus {
-      color: var(--van-white);
-      background: var(--van-stepper-button-round-theme-color);
-    }
-
-    .van-stepper__minus {
-      color: var(--van-stepper-button-round-theme-color);
-      background-color: var(--van-background-2);
-      border: 1px solid var(--van-stepper-button-round-theme-color);
-    }
-  }
-}

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

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

package/es/stepper/style/less.mjs

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

package/es/steps/index.less

@@ -1,23 +0,0 @@
-body {
-  --van-steps-background: var(--van-background-2);
-}
-
-.van-steps {
-  overflow: hidden;
-  background-color: var(--van-steps-background);
-
-  &--horizontal {
-    padding: 10px 10px 0;
-
-    .van-steps__items {
-      position: relative;
-      display: flex;
-      margin: 0 0 10px;
-      padding-bottom: 22px;
-    }
-  }
-
-  &--vertical {
-    padding: 0 0 0 var(--van-padding-xl);
-  }
-}

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

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

package/es/steps/style/less.mjs

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

package/es/sticky/index.less

@@ -1,10 +0,0 @@
-body {
-  --van-sticky-z-index: 99;
-}
-
-.van-sticky {
-  &--fixed {
-    position: fixed;
-    z-index: var(--van-sticky-z-index);
-  }
-}

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

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

package/es/sticky/style/less.mjs

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

package/es/style/animation.less

@@ -1,135 +0,0 @@
-@keyframes van-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes van-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes van-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.van-fade {
-  &-enter-active {
-    animation: var(--van-duration-base) van-fade-in both var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: var(--van-duration-base) van-fade-out both var(--van-ease-in);
-  }
-}
-
-.van-slide-up {
-  &-enter-active {
-    animation: van-slide-up-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-up-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-down {
-  &-enter-active {
-    animation: van-slide-down-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-down-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-left {
-  &-enter-active {
-    animation: van-slide-left-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-left-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-right {
-  &-enter-active {
-    animation: van-slide-right-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-right-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}

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;
-}