@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/es/divider/divider.less

@@ -1,78 +0,0 @@
-@divider-color: rgba(0, 0, 0, 0.12);
-@divider-text-color: #888;
-@divider-text-margin: 8px 0;
-@divider-text-padding: 0 8px;
-@divider-inset: 72px;
-@divider-vertical-inset: 8px;
-
-:root {
-  --divider-color: @divider-color;
-  --divider-text-color: @divider-text-color;
-  --divider-text-margin: @divider-text-margin;
-  --divider-text-padding: @divider-text-padding;
-  --divider-inset: @divider-inset;
-  --divider-vertical-inset: @divider-vertical-inset;
-}
-
-.var-divider {
-  position: relative;
-  width: 100%;
-  height: 0;
-  border: none;
-  border-top: 1px solid var(--divider-color);
-  margin: var(--divider-text-margin);
-  font-size: var(--font-size-md);
-  color: var(--divider-text-color);
-
-  &--vertical {
-    width: 0;
-    height: 80%;
-    margin: auto var(--divider-text-margin);
-    padding: var(--divider-text-margin);
-    border-top: none;
-    border-left: 1px solid var(--divider-color);
-  }
-
-  &--inset {
-    width: calc(100% - var(--divider-inset));
-    left: var(--divider-inset);
-  }
-
-  &--vertical&--inset {
-    width: 0;
-    left: unset;
-    height: calc(80% - var(--divider-vertical-inset));
-  }
-
-  &__text {
-    display: inline-block;
-    padding: var(--divider-text-padding);
-  }
-
-  &--with-text {
-    background-color: transparent;
-    height: fit-content;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-
-    &::before,
-    &::after {
-      display: inline-block;
-      content: '';
-      flex: 1;
-      height: 0;
-      border-top: 1px solid var(--divider-color);
-    }
-  }
-
-  &--dashed {
-    border-top-style: dashed;
-  }
-
-  &--dashed&--vertical {
-    border-top: none;
-    border-left-style: dashed;
-  }
-}

package/es/divider/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../divider.less'
-import '../DividerSfc.less'

package/es/form/style/less.js

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

package/es/form-details/formDetails.less

@@ -1,48 +0,0 @@
-@form-details-error-color: var(--color-danger);
-@form-details-length-color: #888;
-@form-details-margin-top: 6px;
-@form-details-font-size: 12px;
-@form-details-message-margin-right: 4px;
-
-:root {
-  --form-details-error-color: @form-details-error-color;
-  --form-details-length-color: @form-details-length-color;
-  --form-details-margin-top: @form-details-margin-top;
-  --form-details-font-size: @form-details-font-size;
-  --form-details-message-margin-right: @form-details-message-margin-right;
-}
-
-.var {
-  &-form-details-enter-from,
-  &-form-details-leave-to {
-    opacity: 0;
-    margin-top: 2px !important;
-  }
-
-  &-form-details-enter-active,
-  &-form-details-leave-active {
-    transition: 0.2s all var(--cubic-bezier);
-  }
-}
-
-.var-form-details {
-  display: flex;
-  justify-content: space-between;
-  font-size: var(--form-details-font-size);
-  margin-top: var(--form-details-margin-top);
-
-  &__message {
-    flex-grow: 1;
-    color: var(--form-details-error-color);
-    margin-right: var(--form-details-message-margin-right);
-    user-select: none;
-    text-align: left;
-  }
-
-  &__length {
-    flex-shrink: 0;
-    color: var(--form-details-length-color);
-    user-select: none;
-    text-align: right;
-  }
-}

package/es/form-details/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../formDetails.less'
-import '../FormDetailsSfc.less'

package/es/icon/icon.less

@@ -1,26 +0,0 @@
-@import '@varlet/icons/dist/css/varlet-icons.less';
-
-@icon-size: 20px;
-
-:root {
-  --icon-size: @icon-size;
-}
-
-.var-icon {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: var(--icon-size);
-  color: inherit;
-  vertical-align: bottom;
-
-  &--shrinking {
-    transform: scale(0);
-  }
-
-  &__image {
-    width: var(--icon-size);
-    height: var(--icon-size);
-    object-fit: cover;
-  }
-}

package/es/icon/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../icon.less'
-import '../IconSfc.less'

package/es/image/image.less

@@ -1,9 +0,0 @@
-.var-image {
-  overflow: hidden;
-
-  &__image {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-}

package/es/image/style/less.js

@@ -1,4 +0,0 @@
-import '../../styles/common.less'
-import '../../ripple/ripple.less'
-import '../image.less'
-import '../ImageSfc.less'

package/es/image-preview/imagePreview.less

@@ -1,76 +0,0 @@
-@image-preview-swipe-indicators-text-color: #ddd;
-@image-preview-swipe-indicators-padding: 16px 0;
-@image-preview-zoom-container-background: #000;
-@image-preview-close-icon-top: 14px;
-@image-preview-close-icon-right: 14px;
-@image-preview-extra-top: 14px;
-@image-preview-extra-left: 14px;
-@image-preview-close-icon-size: 22px;
-@image-preview-close-icon-color: #fff;
-
-:root {
-  --image-preview-swipe-indicators-text-color: @image-preview-swipe-indicators-text-color;
-  --image-preview-swipe-indicators-padding: @image-preview-swipe-indicators-padding;
-  --image-preview-zoom-container-background: @image-preview-zoom-container-background;
-  --image-preview-close-icon-top: @image-preview-close-icon-top;
-  --image-preview-close-icon-right: @image-preview-close-icon-right;
-  --image-preview-extra-top: @image-preview-extra-top;
-  --image-preview-extra-left: @image-preview-extra-left;
-  --image-preview-close-icon-size: @image-preview-close-icon-size;
-  --image-preview-close-icon-color: @image-preview-close-icon-color;
-}
-
-.var-image-preview {
-  &__popup[var-image-preview-cover] {
-    background: transparent;
-  }
-
-  &__swipe[var-image-preview-cover] {
-    width: 100vw;
-    height: 100vh;
-  }
-
-  &__swipe-item[var-image-preview-cover] {
-    overflow: hidden;
-  }
-
-  &__close-icon[var-image-preview-cover] {
-    position: absolute;
-    top: var(--image-preview-close-icon-top);
-    right: var(--image-preview-close-icon-right);
-    color: var(--image-preview-close-icon-color);
-    font-size: var(--image-preview-close-icon-size);
-  }
-
-  &__extra {
-    position: absolute;
-    top: var(--image-preview-extra-top);
-    left: var(--image-preview-extra-left);
-  }
-
-  &__indicators {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    padding: var(--image-preview-swipe-indicators-padding);
-    color: var(--image-preview-swipe-indicators-text-color);
-    text-align: center;
-  }
-
-  &__image {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-    -webkit-user-drag: none;
-  }
-
-  &__zoom-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100vw;
-    height: 100vh;
-    transition: transform 0.2s;
-    background: var(--image-preview-zoom-container-background);
-  }
-}

package/es/image-preview/style/less.js

@@ -1,7 +0,0 @@
-import '../../styles/common.less'
-import '../../icon/icon.less'
-import '../../swipe/swipe.less'
-import '../../swipe-item/swipeItem.less'
-import '../../popup/popup.less'
-import '../imagePreview.less'
-import '../ImagePreviewSfc.less'

package/es/index-anchor/IndexAnchorSfc.less

@@ -1 +0,0 @@
-.var-index-anchor { position: relative;}

package/es/index-anchor/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../../sticky/sticky.less'
-import '../IndexAnchorSfc.less'

package/es/index-bar/indexBar.less

@@ -1,43 +0,0 @@
-@index-bar-list-item-font-size: var(--font-size-xs);
-@index-bar-list-item-color: var(--color-primary);
-@index-bar-list-item-active-color: var(--color-danger);
-@index-bar-list-item-height: 14px;
-@index-bar-list-item-padding: 0 10px;
-
-:root {
-  --index-bar-list-item-font-size: @index-bar-list-item-font-size;
-  --index-bar-list-item-color: @index-bar-list-item-color;
-  --index-bar-list-item-active-color: @index-bar-list-item-active-color;
-  --index-bar-list-item-height: @index-bar-list-item-height;
-  --index-bar-list-item-padding: @index-bar-list-item-padding;
-}
-
-.var-index-bar {
-  position: relative;
-
-  &__anchor-list {
-    position: fixed;
-    right: 0;
-    top: 50%;
-    transform: translate(0, -50%);
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  &__anchor-item {
-    font-size: var(--index-bar-list-item-font-size);
-    display: flex;
-    align-items: center;
-    height: var(--index-bar-list-item-height);
-    justify-content: center;
-    padding: var(--index-bar-list-item-padding);
-    color: var(--index-bar-list-item-color);
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-    &--active {
-      color: var(--index-bar-list-item-active-color);
-    }
-  }
-}

package/es/index-bar/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../indexBar.less'
-import '../IndexBarSfc.less'

package/es/input/input.less

@@ -1,187 +0,0 @@
-@input-input-text-color: #555;
-@input-error-color: var(--color-danger);
-@input-blur-color: #888;
-@input-focus-color: var(--color-primary);
-@input-placeholder-size: 16px;
-@input-textarea-height: auto;
-@input-textarea-padding-top: 8px;
-@input-icon-padding: 16px 0 0;
-@input-icon-size: 20px;
-@input-line-size: 1px;
-@input-line-spread-size: 2px;
-@input-disabled-color: var(--color-text-disabled);
-
-:root {
-  --input-input-text-color: @input-input-text-color;
-  --input-error-color: @input-error-color;
-  --input-blur-color: @input-blur-color;
-  --input-focus-color: @input-focus-color;
-  --input-placeholder-size: @input-placeholder-size;
-  --input-textarea-height: @input-textarea-height;
-  --input-textarea-padding-top: @input-textarea-padding-top;
-  --input-icon-padding: @input-icon-padding;
-  --input-icon-size: @input-icon-size;
-  --input-line-size: @input-line-size;
-  --input-line-spread-size: @input-line-spread-size;
-  --input-disabled-color: @input-disabled-color;
-}
-
-.var {
-  &-input-footer-margin-enter-from,
-  &-input-footer-margin-leave-to {
-    opacity: 0;
-    margin-top: 2px !important;
-  }
-
-  &-input-footer-margin-enter-active,
-  &-input-footer-margin-leave-active {
-    transition: 0.2s all var(--cubic-bezier);
-  }
-}
-
-.var-input {
-  width: 100%;
-  color: var(--input-input-text-color);
-
-  &__controller {
-    width: 100%;
-    display: flex;
-    position: relative;
-  }
-
-  &__wrap {
-    position: relative;
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    padding-top: var(--input-placeholder-size);
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    padding: var(--input-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(--input-placeholder-size) / 2)) scale(1);
-    font-size: var(--input-placeholder-size);
-    color: var(--input-blur-color);
-  }
-
-  &__textarea-placeholder {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    transform-origin: left;
-    transition-property: transform, width;
-    transition-duration: 0.3s;
-    transform: translate(0, calc(var(--input-textarea-padding-top) + var(--input-placeholder-size))) scale(1);
-    font-size: var(--input-placeholder-size);
-    color: var(--input-blur-color);
-  }
-
-  &__autocomplete {
-    width: 0;
-    height: 0;
-    padding: 0;
-    border: none;
-    outline: none;
-    font-size: 0;
-  }
-
-  &__input {
-    width: 100%;
-    height: 32px;
-    padding: 0;
-    outline: none;
-    border: none;
-    background: transparent;
-    color: var(--input-input-text-color);
-    caret-color: var(--input-focus-color);
-    font: inherit;
-  }
-
-  &__line {
-    width: 100%;
-    height: var(--input-line-size);
-    background: var(--input-blur-color);
-  }
-
-  &__dot {
-    width: 100%;
-    height: var(--input-line-spread-size);
-    background: var(--input-focus-color);
-    transform: scaleX(0);
-    transform-origin: center;
-    transition: transform 0.3s var(--cubic-bezier);
-  }
-
-  &__clear-icon[var-input-cover] {
-    display: flex;
-    margin-left: 4px;
-  }
-
-  &--textarea {
-    padding-top: var(--input-textarea-padding-top);
-    height: var(--input-textarea-height);
-  }
-
-  &--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(--input-focus-color);
-  }
-
-  &--spread {
-    transform: scaleX(1);
-  }
-
-  &--disabled {
-    -webkit-text-fill-color: var(--input-disabled-color);
-    opacity: 1;
-    color: var(--input-disabled-color);
-  }
-
-  &--error {
-    color: var(--input-error-color);
-  }
-
-  &--line-disabled {
-    background: var(--input-disabled-color);
-  }
-
-  &--line-error {
-    background: var(--input-error-color);
-  }
-
-  &--caret-error {
-    caret-color: var(--input-error-color);
-  }
-}

package/es/input/style/less.js

@@ -1,5 +0,0 @@
-import '../../styles/common.less'
-import '../../icon/icon.less'
-import '../../form-details/formDetails.less'
-import '../input.less'
-import '../InputSfc.less'

package/es/less.js

@@ -1,64 +0,0 @@
-import './action-sheet/style/less'
-import './app-bar/style/less'
-import './back-top/style/less'
-import './badge/style/less'
-import './bottom-navigation/style/less'
-import './bottom-navigation-item/style/less'
-import './button/style/less'
-import './card/style/less'
-import './cell/style/less'
-import './checkbox/style/less'
-import './checkbox-group/style/less'
-import './chip/style/less'
-import './col/style/less'
-import './collapse/style/less'
-import './collapse-item/style/less'
-import './context/style/less'
-import './countdown/style/less'
-import './counter/style/less'
-import './date-picker/style/less'
-import './dialog/style/less'
-import './divider/style/less'
-import './form/style/less'
-import './form-details/style/less'
-import './icon/style/less'
-import './image/style/less'
-import './image-preview/style/less'
-import './index-anchor/style/less'
-import './index-bar/style/less'
-import './input/style/less'
-import './lazy/style/less'
-import './list/style/less'
-import './loading/style/less'
-import './locale/style/less'
-import './menu/style/less'
-import './option/style/less'
-import './pagination/style/less'
-import './picker/style/less'
-import './popup/style/less'
-import './progress/style/less'
-import './pull-refresh/style/less'
-import './radio/style/less'
-import './radio-group/style/less'
-import './rate/style/less'
-import './ripple/style/less'
-import './row/style/less'
-import './select/style/less'
-import './skeleton/style/less'
-import './slider/style/less'
-import './snackbar/style/less'
-import './space/style/less'
-import './step/style/less'
-import './steps/style/less'
-import './sticky/style/less'
-import './style-provider/style/less'
-import './swipe/style/less'
-import './swipe-item/style/less'
-import './switch/style/less'
-import './tab/style/less'
-import './tab-item/style/less'
-import './table/style/less'
-import './tabs/style/less'
-import './tabs-items/style/less'
-import './time-picker/style/less'
-import './uploader/style/less'

package/es/list/list.less

@@ -1,63 +0,0 @@
-@list-loading-height: 50px;
-@list-finished-height: 50px;
-@list-error-height: 50px;
-@list-loading-color: #888;
-@list-finished-color: #888;
-@list-error-color: #888;
-@list-loading-font-size: var(--font-size-md);
-@list-finished-font-size: var(--font-size-md);
-@list-error-font-size: var(--font-size-md);
-
-:root {
-  --list-loading-height: @list-loading-height;
-  --list-finished-height: @list-finished-height;
-  --list-error-height: @list-error-height;
-  --list-loading-color: @list-loading-color;
-  --list-finished-color: @list-finished-color;
-  --list-error-color: @list-error-color;
-  --list-loading-font-size: @list-loading-font-size;
-  --list-finished-font-size: @list-finished-font-size;
-  --list-error-font-size: @list-error-font-size;
-}
-
-.var-list {
-  &__detector {
-    width: 100%;
-  }
-
-  &__loading {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-loading-height);
-    font-size: var(--list-loading-font-size);
-    color: var(--list-loading-color);
-  }
-
-  &__loading-text {
-    margin-right: 10px;
-  }
-
-  &__finished {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-finished-height);
-    font-size: var(--list-finished-font-size);
-    color: var(--list-finished-color);
-  }
-
-  &__error {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-error-height);
-    font-size: var(--list-error-font-size);
-    color: var(--list-error-color);
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  }
-}

package/es/list/style/less.js

@@ -1,5 +0,0 @@
-import '../../styles/common.less'
-import '../../ripple/ripple.less'
-import '../../loading/loading.less'
-import '../list.less'
-import '../ListSfc.less'