@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/es/pagination/pagination.less

@@ -1,188 +0,0 @@
-@pagination-font-size: var(--font-size-md);
-@pagination-active-color: #fff;
-@pagination-active-bg-color: var(--color-primary);
-@pagination-hover-bg-color: #edf5ff;
-@pagination-total-margin: 0 12px;
-@pagination-item-width: 32px;
-@pagination-item-height: 32px;
-@pagination-item-margin: 0 6px;
-@pagination-item-background: #fff;
-@pagination-item-border-radius: 4px;
-@pagination-list-bg-color: #fff;
-@pagination-list-active-bg-color: #edf5ff;
-@pagination-list-active-color: var(--color-primary);
-@pagination-input-width: 32px;
-@pagination-simple-padding: 0 0 2px 0;
-@pagination-disabled-color: var(--color-text-disabled);
-@pagination-bg-disabled-color: var(--color-disabled);
-@pagination-size-line-height: 24px;
-@pagination-total-line-height: 24px;
-
-:root {
-  --pagination-font-size: @pagination-font-size;
-  --pagination-active-color: @pagination-active-color;
-  --pagination-active-bg-color: @pagination-active-bg-color;
-  --pagination-hover-bg-color: @pagination-hover-bg-color;
-  --pagination-total-margin: @pagination-total-margin;
-  --pagination-total-line-height: @pagination-total-line-height;
-  --pagination-item-width: @pagination-item-width;
-  --pagination-item-height: @pagination-item-height;
-  --pagination-item-margin: @pagination-item-margin;
-  --pagination-item-background: @pagination-item-background;
-  --pagination-item-border-radius: @pagination-item-border-radius;
-  --pagination-list-bg-color: @pagination-list-bg-color;
-  --pagination-list-active-bg-color: @pagination-list-active-bg-color;
-  --pagination-list-active-color: @pagination-list-active-color;
-  --pagination-input-width: @pagination-input-width;
-  --pagination-simple-padding: @pagination-simple-padding;
-  --pagination-disabled-color: @pagination-disabled-color;
-  --pagination-bg-disabled-color: @pagination-bg-disabled-color;
-  --pagination-size-line-height: @pagination-size-line-height;
-}
-
-// Mixins
-.pagination-flex-nowrap {
-  display: flex;
-  white-space: nowrap;
-  align-items: center;
-}
-
-.var-pagination {
-  display: flex;
-  align-items: center;
-  list-style: none;
-  width: 100%;
-  margin: 0;
-  font-size: var(--pagination-font-size);
-  padding: 0;
-
-  &__item {
-    display: inline-flex;
-    min-width: var(--pagination-item-width);
-    align-items: center;
-    justify-content: center;
-    margin: var(--pagination-item-margin);
-    height: var(--pagination-item-height);
-    cursor: pointer;
-    border-radius: var(--pagination-item-border-radius);
-    outline: none;
-    transition: all 0.25s;
-    user-select: none;
-    background-color: var(--pagination-item-background);
-
-    &:hover {
-      background-color: var(--pagination-hover-bg-color);
-    }
-
-    &--active {
-      color: var(--pagination-active-color);
-      background-color: var(--pagination-active-bg-color) !important;
-    }
-
-    &--hide {
-      display: none;
-    }
-
-    &--disabled {
-      cursor: default;
-      color: var(--pagination-disabled-color);
-      background-color: unset;
-
-      &:hover {
-        background-color: unset;
-      }
-
-      &--hover {
-        &:hover {
-          background-color: inherit;
-        }
-      }
-
-      &--active {
-        background-color: var(--pagination-bg-disabled-color);
-
-        &:hover {
-          background-color: var(--pagination-bg-disabled-color);
-        }
-      }
-    }
-  }
-
-  &__prev {
-    margin-left: 0;
-  }
-
-  &__total {
-    .pagination-flex-nowrap();
-
-    line-height: var(--pagination-total-line-height);
-    margin: var(--pagination-total-margin);
-  }
-
-  &__size {
-    .pagination-flex-nowrap();
-
-    line-height: var(--pagination-size-line-height);
-    margin: var(--pagination-item-margin);
-
-    &--open {
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-
-      &--disabled {
-        cursor: default;
-      }
-    }
-  }
-
-  &__list {
-    background-color: var(--pagination-list-bg-color);
-    cursor: pointer;
-    transition: all 0.25s;
-
-    &:hover {
-      color: var(--pagination-list-active-color);
-      background-color: var(--pagination-hover-bg-color);
-    }
-
-    &--active {
-      background-color: var(--pagination-list-active-bg-color) !important;
-      color: var(--pagination-list-active-color);
-    }
-  }
-
-  &__quickly,
-  &__simple {
-    .pagination-flex-nowrap();
-
-    [var-pagination-cover] {
-      width: var(--pagination-input-width);
-
-      .var-input__wrap {
-        padding: 0;
-      }
-
-      .var-input__input {
-        height: auto;
-        text-align: center;
-      }
-    }
-  }
-
-  &__quickly {
-    margin: var(--pagination-item-margin);
-
-    [var-pagination-cover] {
-      margin-left: 6px;
-    }
-  }
-
-  &__size--open-icon[var-pagination-cover] {
-    font-size: inherit;
-  }
-
-  &--simple-padding {
-    padding: var(--pagination-simple-padding);
-  }
-}

package/es/pagination/style/less.js

@@ -1,8 +0,0 @@
-import '../../styles/common.less'
-import '../../menu/menu.less'
-import '../../cell/cell.less'
-import '../../input/input.less'
-import '../../ripple/ripple.less'
-import '../../icon/icon.less'
-import '../pagination.less'
-import '../PaginationSfc.less'

package/es/picker/picker.less

@@ -1,106 +0,0 @@
-@picker-background: #fff;
-@picker-toolbar-height: 44px;
-@picker-confirm-button-text-color: var(--color-primary);
-@picker-cancel-button-text-color: #888;
-@picker-picked-border: 1px solid rgba(0, 0, 0, 0.12);
-@picker-title-font-size: 16px;
-@picker-toolbar-padding: 0 4px;
-@picker-mask-background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)),
-  linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
-
-:root {
-  --picker-background: @picker-background;
-  --picker-toolbar-height: @picker-toolbar-height;
-  --picker-confirm-button-text-color: @picker-confirm-button-text-color;
-  --picker-cancel-button-text-color: @picker-cancel-button-text-color;
-  --picker-picked-border: @picker-picked-border;
-  --picker-title-font-size: @picker-title-font-size;
-  --picker-toolbar-padding: @picker-toolbar-padding;
-  --picker-mask-background-image: @picker-mask-background-image;
-}
-
-.var-picker {
-  width: 100%;
-  background: var(--picker-background);
-  user-select: none;
-  transition: 0.25s background-color;
-
-  &__popup[var-picker-cover] {
-    width: 100%;
-  }
-
-  &__columns {
-    position: relative;
-    display: flex;
-    width: 100%;
-    cursor: grab;
-  }
-
-  &__column {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  &__text {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &__scroller {
-    width: 100%;
-    transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
-  }
-
-  &__option {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    padding: 0 4px;
-  }
-
-  &__picked {
-    position: absolute;
-    z-index: 2;
-    pointer-events: none;
-    width: 100%;
-    left: 0;
-    border-top: var(--picker-picked-border);
-    border-bottom: var(--picker-picked-border);
-    transition: 0.25s border;
-  }
-
-  &__mask {
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-image: var(--picker-mask-background-image);
-    background-repeat: no-repeat;
-    background-position: top, bottom;
-  }
-
-  &__toolbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    height: var(--picker-toolbar-height);
-    padding: var(--picker-toolbar-padding);
-  }
-
-  &__confirm-button[var-picker-cover] {
-    color: var(--picker-confirm-button-text-color);
-  }
-
-  &__cancel-button[var-picker-cover] {
-    color: var(--picker-cancel-button-text-color);
-  }
-
-  &__title {
-    font-size: var(--picker-title-font-size);
-  }
-}

package/es/picker/style/less.js

@@ -1,5 +0,0 @@
-import '../../styles/common.less'
-import '../../button/button.less'
-import '../../popup/popup.less'
-import '../picker.less'
-import '../PickerSfc.less'

package/es/popup/popup.less

@@ -1,125 +0,0 @@
-@popup-overlay-background-color: rgba(0, 0, 0, 0.6);
-@popup-content-background-color: #fff;
-
-:root {
-  --popup-overlay-background-color: @popup-overlay-background-color;
-  --popup-content-background-color: @popup-content-background-color;
-}
-
-.var {
-  &-fade-enter-from,
-  &-fade-leave-to {
-    opacity: 0;
-  }
-  &-fade-enter-active,
-  &-fade-leave-active {
-    transition: opacity 0.25s;
-  }
-
-  &-pop-center-enter-from,
-  &-pop-center-leave-to {
-    transform: scale(0.3);
-  }
-  &-pop-center-enter-active,
-  &-pop-center-leave-active {
-    transition: all 0.25s;
-  }
-
-  &-pop-bottom-enter-from,
-  &-pop-bottom-leave-to {
-    transform: translateY(100%);
-  }
-  &-pop-bottom-enter-active,
-  &-pop-bottom-leave-active {
-    transition: all 0.25s;
-  }
-
-  &-pop-top-enter-from,
-  &-pop-top-leave-to {
-    transform: translateY(-100%);
-  }
-  &-pop-top-enter-active,
-  &-pop-top-leave-active {
-    transition: all 0.25s;
-  }
-
-  &-pop-left-enter-from,
-  &-pop-left-leave-to {
-    transform: translateX(-100%);
-  }
-  &-pop-left-enter-active,
-  &-pop-left-leave-active {
-    transition: all 0.25s;
-  }
-
-  &-pop-right-enter-from,
-  &-pop-right-leave-to {
-    transform: translateX(100%);
-  }
-  &-pop-right-enter-active,
-  &-pop-right-leave-active {
-    transition: all 0.25s;
-  }
-}
-
-.var-popup {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-
-  &__overlay {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: var(--popup-overlay-background-color);
-    transition: all 0.25s;
-  }
-
-  &__content {
-    overflow: auto;
-    background-color: var(--popup-content-background-color);
-    transition: all 0.25s;
-  }
-
-  &--center {
-    position: relative;
-  }
-
-  &--bottom {
-    min-width: 100%;
-    position: absolute;
-    left: 0;
-    bottom: 0;
-  }
-
-  &--top {
-    min-width: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-
-  &--left {
-    min-height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-
-  &--right {
-    min-height: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-}

package/es/popup/style/less.js

@@ -1,2 +0,0 @@
-import '../../styles/common.less'
-import '../popup.less'

package/es/progress/progress.less

@@ -1,101 +0,0 @@
-@progress-font-size: var(--font-size-sm);
-@progress-ripple-color: #fff;
-@progress-track-color: #d8d8d8;
-@progress-background: var(--color-primary);
-
-:root {
-  --progress-font-size: @progress-font-size;
-  --progress-ripple-color: @progress-ripple-color;
-  --progress-track-color: @progress-track-color;
-  --progress-background: @progress-background;
-}
-
-.var-progress {
-  position: relative;
-  font-size: var(--progress-font-size);
-
-  &__linear {
-    display: flex;
-    align-items: center;
-
-    &-block {
-      flex: 1;
-      position: relative;
-      overflow: hidden;
-      height: 4px;
-    }
-
-    &-background,
-    &-certain {
-      width: 100%;
-      height: 100%;
-    }
-
-    &-ripple {
-      &::after {
-        position: absolute;
-        width: 0;
-        background-color: var(--progress-ripple-color);
-        height: 100%;
-        opacity: 0;
-        animation: ripple 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-        content: '';
-      }
-    }
-
-    &-background {
-      background-color: var(--progress-track-color);
-    }
-
-    &-certain {
-      position: absolute;
-      background-color: var(--progress-background);
-      top: 0;
-      left: 0;
-      transition: all 0.2s, background-color 0.8s;
-    }
-
-    &-label {
-      margin-left: 8px;
-      flex: 0;
-    }
-
-    @keyframes ripple {
-      0% {
-        width: 0;
-        opacity: 0.1;
-      }
-      20% {
-        width: 0;
-        opacity: 0.5;
-      }
-      80% {
-        width: 100%;
-        opacity: 0;
-      }
-    }
-  }
-
-  &__circle {
-    position: relative;
-    width: 40px;
-    height: 40px;
-
-    &-background {
-      stroke: var(--progress-track-color);
-    }
-
-    &-certain {
-      transition: all 0.2s;
-      stroke: var(--progress-background);
-      position: absolute;
-    }
-
-    &-label {
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-}

package/es/progress/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../progress.less'
-import '../ProgressSfc.less'

package/es/pull-refresh/pullRefresh.less

@@ -1,56 +0,0 @@
-@pull-refresh-size: 40px;
-@pull-refresh-background: #fff;
-@pull-refresh-color: var(--color-primary);
-@pull-refresh-success-color: var(--color-success);
-@pull-refresh-icon-size: 25px;
-
-:root {
-  --pull-refresh-size: @pull-refresh-size;
-  --pull-refresh-background: @pull-refresh-background;
-  --pull-refresh-color: @pull-refresh-color;
-  --pull-refresh-success-color: @pull-refresh-success-color;
-  --pull-refresh-icon-size: @pull-refresh-icon-size;
-}
-
-.var-pull-refresh {
-  overflow: hidden;
-  position: relative;
-  user-select: none;
-  width: 100%;
-
-  &__control {
-    display: flex;
-    width: var(--pull-refresh-size);
-    height: var(--pull-refresh-size);
-    align-items: center;
-    justify-content: center;
-    background-color: var(--pull-refresh-background);
-    border-radius: 50%;
-    position: absolute;
-    left: 50%;
-    z-index: 90;
-    color: var(--pull-refresh-color);
-
-    &-success {
-      color: var(--pull-refresh-success-color);
-    }
-  }
-
-  &__icon[var-pull-refresh-cover] {
-    font-size: var(--pull-refresh-icon-size);
-  }
-
-  &__animation {
-    transform: rotate(0deg);
-    animation: iconRotate 0.6s infinite linear;
-  }
-
-  @keyframes iconRotate {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}

package/es/pull-refresh/style/less.js

@@ -1,5 +0,0 @@
-import '../../styles/common.less'
-import '../../styles/elevation.less'
-import '../../icon/icon.less'
-import '../pullRefresh.less'
-import '../PullRefreshSfc.less'

package/es/radio/radio.less

@@ -1,78 +0,0 @@
-@radio-checked-color: var(--color-primary);
-@radio-unchecked-color: #555;
-@radio-disabled-color: var(--color-text-disabled);
-@radio-error-color: var(--color-danger);
-@radio-icon-size: 24px;
-@radio-action-padding: 6px;
-
-:root {
-  --radio-checked-color: @radio-checked-color;
-  --radio-unchecked-color: @radio-unchecked-color;
-  --radio-disabled-color: @radio-disabled-color;
-  --radio-error-color: @radio-error-color;
-  --radio-icon-size: @radio-icon-size;
-  --radio-action-padding: @radio-action-padding;
-}
-
-@keyframes var-vibrate-animation {
-  0% {
-    opacity: 1;
-    transform: scale(1);
-  }
-
-  50% {
-    opacity: 0.8;
-    transform: scale(0.8);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.var-radio {
-  display: flex;
-  align-items: center;
-  transform: translateX(calc(-1 * var(--radio-action-padding)));
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  &__wrap {
-    display: inline-flex;
-    flex-direction: column;
-  }
-
-  &__action {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: var(--radio-action-padding);
-    border-radius: 50%;
-  }
-
-  &__icon[var-radio-cover] {
-    display: block;
-    font-size: var(--radio-icon-size);
-  }
-
-  &--with-animation[var-radio-cover] {
-    animation: var-vibrate-animation 0.25s;
-  }
-
-  &--checked {
-    color: var(--radio-checked-color);
-  }
-
-  &--unchecked {
-    color: var(--radio-unchecked-color);
-  }
-
-  &--disabled {
-    color: var(--radio-disabled-color);
-  }
-
-  &--error {
-    color: var(--radio-error-color);
-  }
-}

package/es/radio/style/less.js

@@ -1,6 +0,0 @@
-import '../../styles/common.less'
-import '../../ripple/ripple.less'
-import '../../icon/icon.less'
-import '../../form-details/formDetails.less'
-import '../radio.less'
-import '../RadioSfc.less'