@varlet/ui 1.27.20 → 2.0.0-alpha.1663742071515

package/lib/radio-group/radioGroup.less

@@ -1,12 +0,0 @@
-.var-radio-group {
-  display: flex;
-  flex-wrap: wrap;
-
-  &--horizontal {
-    flex-direction: row;
-  }
-
-  &--vertical {
-    flex-direction: column;
-  }
-}

package/lib/radio-group/style/less.js

@@ -1,4 +0,0 @@
-require('../../styles/common.less')
-require('../../form-details/formDetails.less')
-require('../radioGroup.less')
-require('../RadioGroupSfc.less')

package/lib/rate/rate.less

@@ -1,48 +0,0 @@
-@rate-disabled-color: var(--color-text-disabled);
-@rate-error-color: var(--color-danger);
-@rate-action-padding: 4px;
-@rate-primary-color: var(--color-primary);
-
-:root {
-  --rate-disabled-color: @rate-disabled-color;
-  --rate-error-color: @rate-error-color;
-  --rate-action-padding: @rate-action-padding;
-  --rate-primary-color: @rate-primary-color;
-}
-
-.var-rate {
-  display: flex;
-  transform: translateX(calc(-1 * var(--rate-action-padding)));
-
-  &__wrap {
-    width: 100%;
-  }
-
-  &__content {
-    padding: var(--rate-action-padding);
-    box-sizing: unset;
-    cursor: pointer;
-    display: flex;
-    width: 24px;
-    height: 24px;
-    margin-right: 2px;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-    &-icon[var-rate-cover] {
-      font-size: 24px;
-    }
-  }
-
-  &--primary {
-    color: var(--rate-primary-color);
-  }
-
-  &--disabled {
-    color: var(--rate-disabled-color);
-    cursor: not-allowed;
-  }
-
-  &--error {
-    color: var(--rate-error-color);
-  }
-}

package/lib/rate/style/less.js

@@ -1,6 +0,0 @@
-require('../../styles/common.less')
-require('../../ripple/ripple.less')
-require('../../icon/icon.less')
-require('../../form-details/formDetails.less')
-require('../rate.less')
-require('../RateSfc.less')

package/lib/ripple/ripple.less

@@ -1,20 +0,0 @@
-@ripple-cubic-bezier: cubic-bezier(0.68, 0.01, 0.62, 0.6);
-@ripple-color: currentColor;
-
-:root {
-  --ripple-cubic-bezier: @ripple-cubic-bezier;
-  --ripple-color: @ripple-color;
-}
-
-.var-ripple {
-  position: absolute;
-  transition: transform 0.2s var(--ripple-cubic-bezier), opacity 0.14s linear;
-  top: 0;
-  left: 0;
-  border-radius: 50%;
-  opacity: 0;
-  will-change: transform, opacity;
-  pointer-events: none;
-  z-index: 100;
-  background-color: var(--ripple-color);
-}

package/lib/ripple/style/less.js

@@ -1,2 +0,0 @@
-require('../ripple.less')
-require('../../styles/common.less')

package/lib/row/row.less

@@ -1,4 +0,0 @@
-.var-row {
-  display: flex;
-  flex-wrap: wrap;
-}

package/lib/row/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../row.less')
-require('../RowSfc.less')

package/lib/select/select.less

@@ -1,184 +0,0 @@
-@select-select-text-color: #555;
-@select-select-padding: 5px 0;
-@select-error-color: var(--color-danger);
-@select-blur-color: #888;
-@select-focus-color: var(--color-primary);
-@select-scroller-background: #fff;
-@select-scroller-padding: 6px 0;
-@select-scroller-max-height: 278px;
-@select-placeholder-size: 16px;
-@select-icon-padding: 16px 0 0;
-@select-icon-size: 20px;
-@select-chip-margin: 5px 5px 0;
-@select-line-size: 1px;
-@select-line-spread-size: 2px;
-@select-arrow-size: 20px;
-@select-disabled-color: var(--color-text-disabled);
-
-:root {
-  --select-select-text-color: @select-select-text-color;
-  --select-select-padding: @select-select-padding;
-  --select-error-color: @select-error-color;
-  --select-blur-color: @select-blur-color;
-  --select-focus-color: @select-focus-color;
-  --select-scroller-background: @select-scroller-background;
-  --select-scroller-padding: @select-scroller-padding;
-  --select-scroller-max-height: @select-scroller-max-height;
-  --select-placeholder-size: @select-placeholder-size;
-  --select-icon-padding: @select-icon-padding;
-  --select-icon-size: @select-icon-size;
-  --select-chip-margin: @select-chip-margin;
-  --select-line-size: @select-line-size;
-  --select-line-spread-size: @select-line-spread-size;
-  --select-arrow-size: @select-arrow-size;
-  --select-disabled-color: @select-disabled-color;
-}
-
-.var {
-  &-select-footer-margin-enter-from,
-  &-select-footer-margin-leave-to {
-    opacity: 0;
-    margin-top: 2px !important;
-  }
-
-  &-select-footer-margin-enter-active,
-  &-select-footer-margin-leave-active {
-    transition: 0.2s all var(--cubic-bezier);
-  }
-}
-
-.var-select {
-  width: 100%;
-  color: var(--select-select-text-color);
-
-  &__controller {
-    width: 100%;
-    display: flex;
-    position: relative;
-  }
-
-  &__menu[var-select-cover] {
-    flex-grow: 1;
-    background: transparent;
-  }
-
-  &__chip[var-select-cover] {
-    margin: var(--select-chip-margin);
-  }
-
-  &__scroller {
-    max-height: var(--select-scroller-max-height);
-    background: var(--select-scroller-background);
-    padding: var(--select-scroller-padding);
-    overflow-y: auto;
-  }
-
-  &__wrap {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    padding-top: var(--select-placeholder-size);
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    padding: var(--select-icon-padding);
-    font-size: 20px;
-  }
-
-  &__placeholder {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    transform-origin: left;
-    transition-property: top, transform, width;
-    transition-duration: 0.3s;
-    transform: translate(0, calc(-50% + var(--select-placeholder-size) / 2)) scale(1);
-    font-size: var(--select-placeholder-size);
-    color: var(--select-blur-color);
-  }
-
-  &__select {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    min-height: 32px;
-    padding: var(--select-select-padding);
-    outline: none;
-    border: none;
-    font-size: inherit;
-    color: var(--select-select-text-color);
-    word-break: break-all;
-    overflow-x: hidden;
-  }
-
-  &__arrow[var-select-cover] {
-    flex-shrink: 0;
-    font-size: var(--select-arrow-size);
-  }
-
-  &__line {
-    width: 100%;
-    height: var(--select-line-size);
-    background: var(--select-blur-color);
-  }
-
-  &__dot {
-    width: 100%;
-    height: var(--select-line-spread-size);
-    background: var(--select-focus-color);
-    transform: scaleX(0);
-    transform-origin: center;
-    transition: transform 0.3s var(--cubic-bezier);
-  }
-
-  &--placeholder-hint {
-    top: 0;
-    width: 133.33%;
-    transform: translate(0, 0) scale(0.75);
-  }
-
-  &--placeholder-non-hint {
-    top: 50%;
-    transform: translate(0, -50%) scale(1);
-  }
-
-  &--non-hint {
-    padding-top: 0;
-  }
-
-  &--placeholder-hidden {
-    visibility: hidden;
-  }
-
-  &--focus {
-    color: var(--select-focus-color);
-  }
-
-  &--spread {
-    transform: scaleX(1);
-  }
-
-  &--disabled {
-    color: var(--select-disabled-color);
-  }
-
-  &--error {
-    color: var(--select-error-color);
-  }
-
-  &--line-disabled {
-    background: var(--select-disabled-color);
-  }
-
-  &--line-error {
-    background: var(--select-error-color);
-  }
-
-  &--arrow-rotate {
-    transform: rotate(180deg);
-  }
-}

package/lib/select/style/less.js

@@ -1,7 +0,0 @@
-require('../../styles/common.less')
-require('../../icon/icon.less')
-require('../../menu/menu.less')
-require('../../form-details/formDetails.less')
-require('../../chip/chip.less')
-require('../select.less')
-require('../SelectSfc.less')

package/lib/skeleton/skeleton.less

@@ -1,138 +0,0 @@
-@skeleton-content-padding: 16px;
-@skeleton-card-height: 160px;
-@skeleton-card-border-radius: 4px;
-@skeleton-card-margin-bottom: 16px;
-@skeleton-card-background-color: rgba(0, 0, 0, 0.12);
-@skeleton-animation-background: linear-gradient(
-  90deg,
-  hsla(0, 0%, 100%, 0),
-  hsla(0, 0%, 100%, 0.3),
-  hsla(0, 0%, 100%, 0)
-);
-@skeleton-avatar-size: 34px;
-@skeleton-avatar-border-radius: 50%;
-@skeleton-avatar-margin-right: 16px;
-@skeleton-avatar-background-color: rgba(0, 0, 0, 0.12);
-@skeleton-title-width: 50%;
-@skeleton-title-border-radius: 10px;
-@skeleton-title-background-color: rgba(0, 0, 0, 0.12);
-@skeleton-row-height: 12px;
-@skeleton-row-border-radius: 10px;
-@skeleton-row-margin-top: 10px;
-
-:root {
-  --skeleton-content-padding: @skeleton-content-padding;
-  --skeleton-card-height: @skeleton-card-height;
-  --skeleton-card-border-radius: @skeleton-card-border-radius;
-  --skeleton-card-margin-bottom: @skeleton-card-margin-bottom;
-  --skeleton-card-background-color: @skeleton-card-background-color;
-  --skeleton-animation-background: @skeleton-animation-background;
-  --skeleton-avatar-size: @skeleton-avatar-size;
-  --skeleton-avatar-border-radius: @skeleton-avatar-border-radius;
-  --skeleton-avatar-margin-right: @skeleton-avatar-margin-right;
-  --skeleton-avatar-background-color: @skeleton-avatar-background-color;
-  --skeleton-title-width: @skeleton-title-width;
-  --skeleton-title-border-radius: @skeleton-title-border-radius;
-  --skeleton-title-background-color: @skeleton-title-background-color;
-  --skeleton-row-height: @skeleton-row-height;
-  --skeleton-row-border-radius: @skeleton-row-border-radius;
-  --skeleton-row-margin-top: @skeleton-row-margin-top;
-}
-
-@keyframes var-skeleton-animation {
-  from {
-    transform: translateX(-100%);
-  }
-
-  to {
-    transform: translateX(100%);
-  }
-}
-
-.var-skeleton {
-  width: 100%;
-
-  &__content {
-    padding: var(--skeleton-content-padding);
-  }
-
-  &__card {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-    height: var(--skeleton-card-height);
-    background-color: var(--skeleton-card-background-color);
-    margin-bottom: var(--skeleton-card-margin-bottom);
-    border-radius: var(--skeleton-card-border-radius);
-    transition: background-color 0.25s;
-  }
-
-  &__article {
-    display: flex;
-    width: 100%;
-  }
-
-  &__avatar {
-    position: relative;
-    overflow: hidden;
-    flex-shrink: 0;
-    width: var(--skeleton-avatar-size);
-    height: var(--skeleton-avatar-size);
-    border-radius: var(--skeleton-avatar-border-radius);
-    background-color: var(--skeleton-avatar-background-color);
-    margin-right: var(--skeleton-avatar-margin-right);
-    transition: 0.25s background-color;
-  }
-
-  &__section {
-    width: 100%;
-    padding-top: 8px;
-  }
-
-  &__title {
-    position: relative;
-    overflow: hidden;
-    width: var(--skeleton-title-width);
-    height: var(--skeleton-row-height);
-    background-color: var(--skeleton-title-background-color);
-    border-radius: var(--skeleton-title-border-radius);
-    transition: 0.25s background-color;
-  }
-
-  &__row {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-    height: var(--skeleton-row-height);
-    background-color: var(--skeleton-title-background-color);
-    margin-top: var(--skeleton-row-margin-top);
-    border-radius: var(--skeleton-row-border-radius);
-    transition: 0.25s background-color;
-  }
-
-  &__fullscreen {
-    position: fixed;
-    overflow: hidden;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    background-color: var(--skeleton-title-background-color);
-    transition: 0.25s background-color;
-  }
-
-  &--animation {
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 1;
-      animation: var-skeleton-animation 1s infinite;
-      background: var(--skeleton-animation-background);
-      transition: 0.25s background-color;
-    }
-  }
-}

package/lib/skeleton/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../skeleton.less')
-require('../SkeletonSfc.less')

package/lib/slider/slider.less

@@ -1,147 +0,0 @@
-@slider-error-color: var(--color-danger);
-@slider-track-background: #bdbdbd;
-@slider-track-fill-background: var(--color-primary);
-@slider-thumb-block-background: var(--color-primary);
-@slider-thumb-ripple-background: var(--color-primary);
-@slider-thumb-label-background: var(--color-primary);
-@slider-thumb-label-font-size: var(--font-size-sm);
-
-:root {
-  --slider-error-color: @slider-error-color;
-  --slider-track-background: @slider-track-background;
-  --slider-track-fill-background: @slider-track-fill-background;
-  --slider-thumb-block-background: @slider-thumb-block-background;
-  --slider-thumb-ripple-background: @slider-thumb-ripple-background;
-  --slider-thumb-label-background: @slider-thumb-label-background;
-  --slider-thumb-label-font-size: @slider-thumb-label-font-size;
-}
-
-.var-slider {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  width: 100%;
-
-  &__block {
-    display: flex;
-    align-items: center;
-    position: relative;
-    flex: 1;
-    user-select: none;
-    height: 36px;
-    margin: 0 6px;
-  }
-
-  &--disabled {
-    filter: opacity(0.6);
-  }
-
-  &__track {
-    width: 100%;
-    align-items: center;
-    position: relative;
-
-    &-background {
-      width: 100%;
-      height: 2px;
-      background: var(--slider-track-background);
-    }
-
-    &-fill {
-      position: absolute;
-      height: 100%;
-      left: 0;
-      top: 0;
-      background-color: var(--slider-track-fill-background);
-    }
-  }
-
-  &__thumb {
-    position: absolute;
-
-    &-block {
-      position: absolute;
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-      transform: translate(-50%, -50%);
-      background-color: var(--slider-thumb-block-background);
-    }
-
-    &-ripple {
-      position: absolute;
-      width: 0;
-      z-index: -1;
-      height: 0;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      border-radius: 50%;
-      opacity: 0.3;
-      background: var(--slider-thumb-ripple-background);
-      transition: 0.3s var(--cubic-bezier);
-
-      &--active {
-        width: 36px;
-        height: 36px;
-      }
-    }
-
-    &-label {
-      height: 24px;
-      width: 24px;
-      background-color: var(--slider-thumb-label-background);
-      display: flex;
-      align-items: center;
-      border: none;
-      justify-content: center;
-      color: #fff;
-      border-radius: 50% 50% 0;
-      bottom: 60%;
-      user-select: none;
-      position: absolute;
-      left: 45%;
-      transition: 0.3s var(--cubic-bezier);
-      font-size: var(--slider-thumb-label-font-size);
-      overflow: hidden;
-      transform: translateY(0) translateY(0) translateX(-50%) rotate(45deg) scale(0);
-
-      span {
-        transform: rotate(-45deg);
-      }
-
-      &--active {
-        transform: translateY(-50%) translateX(-50%) rotate(45deg) scale(1);
-      }
-    }
-  }
-
-  &--error {
-    .var-slider__track {
-      &-background {
-        background-color: var(--slider-error-color) !important;
-        filter: opacity(0.5);
-      }
-
-      &-fill {
-        background-color: var(--slider-error-color) !important;
-      }
-    }
-
-    .var-slider__thumb {
-      &-block {
-        background-color: var(--slider-error-color) !important;
-      }
-
-      &-ripple {
-        background-color: var(--slider-error-color) !important;
-      }
-
-      &-label {
-        background-color: var(--slider-error-color) !important;
-      }
-    }
-  }
-
-  &__form[var-slider-cover] {
-    margin: 0;
-  }
-}

package/lib/slider/style/less.js

@@ -1,4 +0,0 @@
-require('../../styles/common.less')
-require('../../form-details/formDetails.less')
-require('../slider.less')
-require('../SliderSfc.less')