@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/es/snackbar/snackbar.less

@@ -1,129 +0,0 @@
-@snackbar-width: 256px;
-@snackbar-color: rgba(255, 255, 255, 0.87);
-@snackbar-border-radius: 4px;
-@snackbar-background: #333;
-@snackbar-font-size: var(--font-size-md);
-@snackbar-margin: 6px 24px;
-@snackbar-border-color: currentColor;
-@snackbar-success-background: var(--color-success);
-@snackbar-info-background: var(--color-info);
-@snackbar-error-background: var(--color-danger);
-@snackbar-warning-background: var(--color-warning);
-@snackbar-content-padding: 14px 16px;
-@snackbar-action-margin: 0 16px 0 0;
-
-:root {
-  --snackbar-width: @snackbar-width;
-  --snackbar-color: @snackbar-color;
-  --snackbar-border-radius: @snackbar-border-radius;
-  --snackbar-background: @snackbar-background;
-  --snackbar-font-size: @snackbar-font-size;
-  --snackbar-margin: @snackbar-margin;
-  --snackbar-border-color: @snackbar-border-color;
-  --snackbar-success-background: @snackbar-success-background;
-  --snackbar-info-background: @snackbar-info-background;
-  --snackbar-error-background: @snackbar-error-background;
-  --snackbar-warning-background: @snackbar-warning-background;
-  --snackbar-content-padding: @snackbar-content-padding;
-  --snackbar-action-margin: @snackbar-action-margin;
-}
-
-.var-transition-group {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-}
-
-.var-pointer-auto {
-  pointer-events: auto;
-}
-
-.var-snackbar {
-  display: flex;
-  justify-content: center;
-  align-items: baseline;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  transition: all 0.15s var(--cubic-bezier);
-
-  &__transition {
-    top: 0;
-    position: fixed;
-
-    .var-snackbar__wrapper {
-      position: absolute;
-
-      &-top {
-        top: 5%;
-      }
-
-      &-center {
-        top: 45%;
-      }
-
-      &-bottom {
-        bottom: 5%;
-      }
-    }
-  }
-
-  &__wrapper {
-    width: var(--snackbar-width);
-    display: flex;
-    border-radius: var(--snackbar-border-radius);
-    color: var(--snackbar-color);
-    background: var(--snackbar-background);
-    font-size: var(--snackbar-font-size);
-    margin: var(--snackbar-margin);
-    align-items: center;
-    border-color: var(--snackbar-border-color);
-    pointer-events: auto;
-    transition: 0.3s var(--cubic-bezier);
-
-    &-success {
-      background: var(--snackbar-success-background);
-    }
-
-    &-info {
-      background: var(--snackbar-info-background);
-    }
-
-    &-warning {
-      background: var(--snackbar-warning-background);
-    }
-
-    &-error {
-      background: var(--snackbar-error-background);
-    }
-  }
-
-  &__content {
-    flex-grow: 1;
-    padding: var(--snackbar-content-padding);
-  }
-
-  &__action {
-    margin: var(--snackbar-action-margin);
-    display: flex;
-  }
-
-  &__vertical {
-    flex-direction: column;
-    align-items: flex-start;
-
-    .var-snackbar__action {
-      align-self: flex-end;
-      margin-bottom: 8px;
-    }
-  }
-
-  &-fade-enter-from,
-  &-fade-leave-to {
-    opacity: 0;
-    transform: translateY(-30px);
-  }
-}

package/es/snackbar/style/less.js

@@ -1,8 +0,0 @@
-import '../../styles/common.less'
-import '../SnackbarSfc.less'
-import '../../styles/elevation.less'
-import '../../loading/loading.less'
-import '../../button/button.less'
-import '../../icon/icon.less'
-import '../snackbar.less'
-import '../coreSfc.less'

package/es/space/space.less

@@ -1,6 +0,0 @@
-.var-space {
-  display: flex;
-  &--line {
-    display: inline-flex;
-  }
-}

package/es/space/style/less.js

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

package/es/step/step.less

@@ -1,145 +0,0 @@
-@step-tag-size: 20px;
-@step-tag-background: #9e9e9e;
-@step-tag-font-size: var(--font-size-md);
-@step-tag-color: #fff;
-@step-tag-active-color: var(--color-primary);
-@step-tag-margin: 4px 0;
-@step-tag-icon-size: var(--font-size-lg);
-@step-content-font-size: var(--font-size-md);
-@step-content-color: rgba(0, 0, 0, 0.38);
-@step-content-active-color: #000;
-@step-line-background: #000;
-@step-vertical-min-height: 30px;
-@step-vertical-tag-margin: 0 4px;
-@step-vertical-line-height: calc(100% - 30px);
-@step-vertical-line-min-height: 20px;
-
-:root {
-  --step-tag-size: @step-tag-size;
-  --step-tag-background: @step-tag-background;
-  --step-tag-font-size: @step-tag-font-size;
-  --step-tag-color: @step-tag-color;
-  --step-tag-active-color: @step-tag-active-color;
-  --step-tag-margin: @step-tag-margin;
-  --step-tag-icon-size: @step-tag-icon-size;
-  --step-content-font-size: @step-content-font-size;
-  --step-content-color: @step-content-color;
-  --step-content-active-color: @step-content-active-color;
-  --step-line-background: @step-line-background;
-  --step-vertical-min-height: @step-vertical-min-height;
-  --step-vertical-tag-margin: @step-vertical-tag-margin;
-  --step-vertical-line-height: @step-vertical-line-height;
-  --step-vertical-line-min-height: @step-vertical-line-min-height;
-}
-
-// Mixins
-.tag {
-  width: var(--step-tag-size);
-  height: var(--step-tag-size);
-  background: var(--step-tag-background);
-  display: flex;
-  font-size: var(--step-tag-font-size);
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  color: var(--step-tag-color);
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  transition: 0.3s var(--cubic-bezier);
-}
-
-// Mixins
-.content {
-  font-size: var(--step-content-font-size);
-  color: var(--step-content-color);
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  transition: 0.3s var(--cubic-bezier);
-}
-
-.var-step {
-  display: flex;
-  position: relative;
-  flex: 1;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
-  &__horizontal {
-    display: flex;
-    width: 100%;
-
-    &-main {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      flex-basis: 100%;
-    }
-
-    &-tag {
-      margin: var(--step-tag-margin);
-      .tag();
-
-      &--active {
-        background: var(--step-tag-active-color);
-      }
-    }
-
-    &-content {
-      .content();
-
-      &--active {
-        color: var(--step-content-active-color);
-      }
-    }
-
-    &-line {
-      position: relative;
-      top: 14px;
-      flex: 1;
-      height: 1px;
-      transform: scaleY(0.5);
-      background: var(--step-line-background);
-    }
-  }
-
-  &__vertical {
-    width: 100%;
-
-    &-main {
-      display: flex;
-      align-items: flex-start;
-      min-height: var(--step-vertical-min-height);
-    }
-
-    &-tag {
-      margin: var(--step-vertical-tag-margin);
-      .tag();
-
-      &--active {
-        background: var(--step-tag-active-color);
-      }
-    }
-
-    &-content {
-      .content();
-
-      &--active {
-        color: var(--step-content-active-color);
-      }
-    }
-
-    &-line {
-      position: relative;
-      height: var(--step-vertical-line-height);
-      left: 14px;
-      top: calc(-100% + 45px);
-      min-height: var(--step-vertical-line-min-height);
-      width: 1px;
-      transform: scaleX(0.5);
-      background: var(--step-line-background);
-    }
-  }
-
-  &__icon[var-step-cover] {
-    font-size: var(--step-tag-icon-size);
-  }
-}

package/es/step/style/less.js

@@ -1,4 +0,0 @@
-import '../../styles/common.less'
-import '../../icon/icon.less'
-import '../step.less'
-import '../StepSfc.less'

package/es/steps/StepsSfc.less

@@ -1 +0,0 @@
-.var-steps { width: 100%; display: flex; justify-content: space-between; overflow: hidden;}

package/es/steps/style/less.js

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

package/es/sticky/sticky.less

@@ -1,8 +0,0 @@
-.var-sticky {
-  position: relative;
-
-  &--css-mode {
-    position: sticky;
-    position: -webkit-sticky;
-  }
-}

package/es/sticky/style/less.js

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

package/es/style-provider/style/less.js

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

package/es/styles/common.less

@@ -1,73 +0,0 @@
-@import './var';
-
-.var {
-  &--box {
-    box-sizing: border-box;
-
-    * {
-      box-sizing: border-box;
-    }
-  }
-
-  &--relative {
-    position: relative;
-  }
-
-  &--absolute {
-    position: absolute;
-  }
-
-  &--hidden {
-    overflow: hidden;
-  }
-
-  &--lock {
-    overflow: hidden;
-  }
-
-  &--block {
-    display: block;
-  }
-
-  &--ellipsis {
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &--inline-block {
-    display: inline-block;
-  }
-
-  &--flex {
-    display: flex;
-  }
-
-  &--inline-flex {
-    display: inline-flex;
-  }
-}
-
-:root {
-  --font-size-xs: @font-size-xs;
-  --font-size-sm: @font-size-sm;
-  --font-size-md: @font-size-md;
-  --font-size-lg: @font-size-lg;
-  --icon-size-xs: @icon-size-xs;
-  --icon-size-sm: @icon-size-sm;
-  --icon-size-md: @icon-size-md;
-  --icon-size-lg: @icon-size-lg;
-  --color-body: @color-body;
-  --color-text: @color-text;
-  --color-primary: @color-primary;
-  --color-info: @color-info;
-  --color-success: @color-success;
-  --color-warning: @color-warning;
-  --color-danger: @color-danger;
-  --color-disabled: @color-disabled;
-  --color-text-disabled: @color-text-disabled;
-  --cubic-bezier: @cubic-bezier;
-  --shadow-key-umbra-opacity: @shadow-key-umbra-opacity;
-  --shadow-key-penumbra-opacity: @shadow-key-penumbra-opacity;
-  --shadow-key-ambient-opacity: @shadow-key-ambient-opacity;
-}

package/es/styles/elevation.less

@@ -1,128 +0,0 @@
-@import './common';
-
-.var-elevation {
-  &--0 {
-    box-shadow: 0 0 0 0 var(--shadow-key-umbra-opacity), 0 0 0 0 var(--shadow-key-penumbra-opacity),
-      0 0 0 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--1 {
-    box-shadow: 0 2px 1px -1px var(--shadow-key-umbra-opacity), 0 1px 1px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 3px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--2 {
-    box-shadow: 0 3px 1px -2px var(--shadow-key-umbra-opacity), 0 2px 2px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 5px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--3 {
-    box-shadow: 0 3px 3px -2px var(--shadow-key-umbra-opacity), 0 3px 4px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 8px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--4 {
-    box-shadow: 0 2px 4px -1px var(--shadow-key-umbra-opacity), 0 4px 5px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 10px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--5 {
-    box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 14px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--6 {
-    box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 6px 10px 0 var(--shadow-key-penumbra-opacity),
-      0 1px 18px 0 var(--shadow-key-ambient-opacity);
-  }
-
-  &--7 {
-    box-shadow: 0 4px 5px -2px var(--shadow-key-umbra-opacity), 0 7px 10px 1px var(--shadow-key-penumbra-opacity),
-      0 2px 16px 1px var(--shadow-key-ambient-opacity);
-  }
-
-  &--8 {
-    box-shadow: 0 5px 5px -3px var(--shadow-key-umbra-opacity), 0 8px 10px 1px var(--shadow-key-penumbra-opacity),
-      0 3px 14px 2px var(--shadow-key-ambient-opacity);
-  }
-
-  &--9 {
-    box-shadow: 0 5px 6px -3px var(--shadow-key-umbra-opacity), 0 9px 12px 1px var(--shadow-key-penumbra-opacity),
-      0 3px 16px 2px var(--shadow-key-ambient-opacity);
-  }
-
-  &--10 {
-    box-shadow: 0 6px 6px -3px var(--shadow-key-umbra-opacity), 0 10px 14px 1px var(--shadow-key-penumbra-opacity),
-      0 4px 18px 3px var(--shadow-key-ambient-opacity);
-  }
-
-  &--11 {
-    box-shadow: 0 6px 7px -4px var(--shadow-key-umbra-opacity), 0 11px 15px 1px var(--shadow-key-penumbra-opacity),
-      0 4px 20px 3px var(--shadow-key-ambient-opacity);
-  }
-
-  &--12 {
-    box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 12px 17px 2px var(--shadow-key-penumbra-opacity),
-      0 5px 22px 4px var(--shadow-key-ambient-opacity);
-  }
-
-  &--13 {
-    box-shadow: 0 7px 8px -4px var(--shadow-key-umbra-opacity), 0 13px 19px 2px var(--shadow-key-penumbra-opacity),
-      0 5px 24px 4px var(--shadow-key-ambient-opacity);
-  }
-
-  &--14 {
-    box-shadow: 0 7px 9px -4px var(--shadow-key-umbra-opacity), 0 14px 21px 2px var(--shadow-key-penumbra-opacity),
-      0 5px 26px 4px var(--shadow-key-ambient-opacity);
-  }
-
-  &--15 {
-    box-shadow: 0 8px 9px -5px var(--shadow-key-umbra-opacity), 0 15px 22px 2px var(--shadow-key-penumbra-opacity),
-      0 6px 28px 5px var(--shadow-key-ambient-opacity);
-  }
-
-  &--16 {
-    box-shadow: 0 8px 10px -5px var(--shadow-key-umbra-opacity), 0 16px 24px 2px var(--shadow-key-penumbra-opacity),
-      0 6px 30px 5px var(--shadow-key-ambient-opacity);
-  }
-
-  &--17 {
-    box-shadow: 0 8px 11px -5px var(--shadow-key-umbra-opacity), 0 17px 26px 2px var(--shadow-key-penumbra-opacity),
-      0 6px 32px 5px var(--shadow-key-ambient-opacity);
-  }
-
-  &--18 {
-    box-shadow: 0 9px 11px -5px var(--shadow-key-umbra-opacity), 0 18px 28px 2px var(--shadow-key-penumbra-opacity),
-      0 7px 34px 6px var(--shadow-key-ambient-opacity);
-  }
-
-  &--19 {
-    box-shadow: 0 9px 12px -6px var(--shadow-key-umbra-opacity), 0 19px 29px 2px var(--shadow-key-penumbra-opacity),
-      0 7px 36px 6px var(--shadow-key-ambient-opacity);
-  }
-
-  &--20 {
-    box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 20px 31px 3px var(--shadow-key-penumbra-opacity),
-      0 8px 38px 7px var(--shadow-key-ambient-opacity);
-  }
-
-  &--21 {
-    box-shadow: 0 10px 13px -6px var(--shadow-key-umbra-opacity), 0 21px 33px 3px var(--shadow-key-penumbra-opacity),
-      0 8px 40px 7px var(--shadow-key-ambient-opacity);
-  }
-
-  &--22 {
-    box-shadow: 0 10px 14px -6px var(--shadow-key-umbra-opacity), 0 22px 35px 3px var(--shadow-key-penumbra-opacity),
-      0 8px 42px 7px var(--shadow-key-ambient-opacity);
-  }
-
-  &--23 {
-    box-shadow: 0 11px 14px -7px var(--shadow-key-umbra-opacity), 0 23px 36px 3px var(--shadow-key-penumbra-opacity),
-      0 9px 44px 8px var(--shadow-key-ambient-opacity);
-  }
-
-  &--24 {
-    box-shadow: 0 11px 15px -7px var(--shadow-key-umbra-opacity), 0 24px 38px 3px var(--shadow-key-penumbra-opacity),
-      0 9px 46px 8px var(--shadow-key-ambient-opacity);
-  }
-}

package/es/styles/var.less

@@ -1,30 +0,0 @@
-// 文字
-@font-size-xs: 10px;
-@font-size-sm: 12px;
-@font-size-md: 14px;
-@font-size-lg: 16px;
-
-// 图标
-@icon-size-xs: 16px;
-@icon-size-sm: 18px;
-@icon-size-md: 20px;
-@icon-size-lg: 22px;
-
-//颜色
-@color-body: #fff;
-@color-text: #333;
-@color-primary: #3a7afe;
-@color-info: #00afef;
-@color-success: #00c48f;
-@color-warning: #ff9f00;
-@color-danger: #f44336;
-@color-disabled: #e0e0e0;
-@color-text-disabled: #aaa;
-
-// 动画函数
-@cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);
-
-// 阴影
-@shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
-@shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
-@shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);

package/es/swipe/style/less.js

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../swipe.less'
-import '../SwipeSfc.less'

package/es/swipe/swipe.less

@@ -1,60 +0,0 @@
-@swipe-indicator-color: #fff;
-@swipe-indicators-offset: 10px;
-@swipe-indicator-offset: 4px;
-
-:root {
-  --swipe-indicator-color: @swipe-indicator-color;
-  --swipe-indicators-offset: @swipe-indicators-offset;
-  --swipe-indicator-offset: @swipe-indicator-offset;
-}
-
-.var-swipe {
-  position: relative;
-  overflow: hidden;
-  user-select: none;
-  width: 100%;
-
-  &__track {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    transition-property: transform;
-  }
-
-  &__indicators {
-    position: absolute;
-    display: flex;
-    bottom: var(--swipe-indicators-offset);
-    left: 50%;
-    transform: translateX(-50%);
-  }
-
-  &__indicator {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--swipe-indicator-color);
-    opacity: 0.3;
-    margin: 0 var(--swipe-indicator-offset);
-    transition: opacity 0.3s;
-  }
-
-  &--vertical {
-    flex-direction: column;
-  }
-
-  &--indicators-vertical {
-    flex-direction: column;
-    left: var(--swipe-indicators-offset);
-    bottom: 50%;
-    transform: translateY(50%);
-  }
-
-  &--indicator-active {
-    opacity: 1;
-  }
-
-  &--indicator-vertical {
-    margin: var(--swipe-indicator-offset) 0;
-  }
-}

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

@@ -1,3 +0,0 @@
-import '../../styles/common.less'
-import '../swipeItem.less'
-import '../SwipeItemSfc.less'

package/es/swipe-item/swipeItem.less

@@ -1,5 +0,0 @@
-.var-swipe-item {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}

package/es/switch/style/less.js

@@ -1,7 +0,0 @@
-import '../../styles/common.less'
-import '../../styles/elevation.less'
-import '../../ripple/ripple.less'
-import '../../loading/loading.less'
-import '../../form-details/formDetails.less'
-import '../switch.less'
-import '../SwitchSfc.less'