@varlet/ui 1.27.20 → 2.0.0-alpha.1663499244572

package/lib/button/button.less

@@ -1,183 +0,0 @@
-@button-default-color: #f5f5f5;
-@button-primary-color: var(--color-primary);
-@button-danger-color: var(--color-danger);
-@button-success-color: var(--color-success);
-@button-warning-color: var(--color-warning);
-@button-info-color: var(--color-info);
-@button-disabled-color: var(--color-disabled);
-@button-disabled-text-color: var(--color-text-disabled);
-@button-border-radius: 4px;
-@button-mini-padding: 0 9px;
-@button-small-padding: 0 11px;
-@button-normal-padding: 0 15px;
-@button-large-padding: 0 22px;
-@button-round-padding: 6px;
-@button-mini-height: 20px;
-@button-small-height: 28px;
-@button-normal-height: 36px;
-@button-large-height: 44px;
-
-:root {
-  --button-default-color: @button-default-color;
-  --button-primary-color: @button-primary-color;
-  --button-danger-color: @button-danger-color;
-  --button-success-color: @button-success-color;
-  --button-warning-color: @button-warning-color;
-  --button-info-color: @button-info-color;
-  --button-disabled-color: @button-disabled-color;
-  --button-disabled-text-color: @button-disabled-text-color;
-  --button-border-radius: @button-border-radius;
-  --button-mini-padding: @button-mini-padding;
-  --button-small-padding: @button-small-padding;
-  --button-normal-padding: @button-normal-padding;
-  --button-large-padding: @button-large-padding;
-  --button-round-padding: @button-round-padding;
-  --button-mini-height: @button-mini-height;
-  --button-small-height: @button-small-height;
-  --button-normal-height: @button-normal-height;
-  --button-large-height: @button-large-height;
-}
-
-.var-button {
-  position: relative;
-  justify-content: center;
-  align-items: center;
-  outline: none;
-  border: none;
-  border-radius: var(--button-border-radius);
-  user-select: none;
-  cursor: pointer;
-  font-family: inherit;
-  transition: box-shadow 0.2s, background-color 0.25s;
-  will-change: box-shadow;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  white-space: nowrap;
-  line-height: 1;
-
-  &:active {
-    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);
-  }
-
-  &__loading[var-button-cover] {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  &--default {
-    color: inherit;
-    background-color: var(--button-default-color);
-  }
-
-  &--primary {
-    color: #fff;
-    background-color: var(--button-primary-color);
-  }
-
-  &--info {
-    color: #fff;
-    background-color: var(--button-info-color);
-  }
-
-  &--success {
-    color: #fff;
-    background-color: var(--button-success-color);
-  }
-
-  &--warning {
-    color: #fff;
-    background-color: var(--button-warning-color);
-  }
-
-  &--danger {
-    color: #fff;
-    background-color: var(--button-danger-color);
-  }
-
-  &--disabled {
-    background-color: var(--button-disabled-color);
-    color: var(--button-disabled-text-color);
-    cursor: not-allowed;
-    box-shadow: none !important;
-  }
-
-  &--block {
-    width: 100%;
-  }
-
-  &--text {
-    background-color: transparent;
-
-    &:active {
-      box-shadow: none;
-    }
-  }
-
-  &--text-default {
-    color: inherit;
-  }
-
-  &--text-primary {
-    color: var(--button-primary-color);
-  }
-
-  &--text-info {
-    color: var(--button-info-color);
-  }
-
-  &--text-success {
-    color: var(--button-success-color);
-  }
-
-  &--text-warning {
-    color: var(--button-warning-color);
-  }
-
-  &--text-danger {
-    color: var(--button-danger-color);
-  }
-
-  &--text-disabled {
-    color: var(--button-disabled-text-color);
-  }
-
-  &--normal {
-    height: var(--button-normal-height);
-    padding: var(--button-normal-padding);
-    font-size: var(--font-size-md);
-  }
-
-  &--large {
-    height: var(--button-large-height);
-    padding: var(--button-large-padding);
-    font-size: var(--font-size-lg);
-  }
-
-  &--small {
-    height: var(--button-small-height);
-    padding: var(--button-small-padding);
-    font-size: var(--font-size-sm);
-  }
-
-  &--mini {
-    height: var(--button-mini-height);
-    padding: var(--button-mini-padding);
-    font-size: var(--font-size-xs);
-  }
-
-  &--round {
-    padding: var(--button-round-padding);
-    border-radius: 50%;
-    height: auto;
-  }
-
-  &--outline {
-    border: thin solid currentColor;
-  }
-
-  &--hidden {
-    opacity: 0;
-  }
-}

package/lib/button/style/less.js

@@ -1,6 +0,0 @@
-require('../../styles/common.less')
-require('../../styles/elevation.less')
-require('../../ripple/ripple.less')
-require('../../loading/loading.less')
-require('../button.less')
-require('../ButtonSfc.less')

package/lib/card/card.less

@@ -1,189 +0,0 @@
-@card-padding: 0 0 15px 0;
-@card-background: #fff;
-@card-border-radius: 4px;
-@card-image-width: 100%;
-@card-row-image-width: 140px;
-@card-row-height: 140px;
-@card-image-height: 200px;
-@card-title-color: #333;
-@card-title-font-size: 20px;
-@card-title-padding: 0 12px;
-@card-title-margin: 15px 0 0 0;
-@card-title-row-margin: 12px 0;
-@card-subtitle-color: rgba(0, 0, 0, 0.6);
-@card-subtitle-font-size: 14px;
-@card-subtitle-padding: 0 12px;
-@card-subtitle-row-margin: -8px 0 0 0;
-@card-subtitle-margin: 10px 0 0 0;
-@card-description-color: rgba(0, 0, 0, 0.6);
-@card-description-font-size: 14px;
-@card-description-margin: 20px 0 0 0;
-@card-description-padding: 0 13px;
-@card-footer-padding: 0 12px;
-@card-footer-right: 13px;
-@card-footer-bottom: 9px;
-@card-footer-margin: 30px 0 0px 0;
-@card-line-height: 22px;
-@card-row-line-height: 1.5;
-@card-floating-buttons-bottom: 16px;
-@card-floating-buttons-right: 16px;
-@card-floating-buttons-color: #fff;
-@card-close-button-icon-size: 24px;
-@card-close-button-size: 56px;
-@card-close-button-primary-color: #212121;
-
-:root {
-  --card-padding: @card-padding;
-  --card-background: @card-background;
-  --card-border-radius: @card-border-radius;
-  --card-image-width: @card-image-width;
-  --card-row-image-width: @card-row-image-width;
-  --card-image-height: @card-image-height;
-  --card-row-height: @card-row-height;
-  --card-title-color: @card-title-color;
-  --card-title-font-size: @card-title-font-size;
-  --card-title-padding: @card-title-padding;
-  --card-title-margin: @card-title-margin;
-  --card-title-row-margin: @card-title-row-margin;
-  --card-subtitle-color: @card-subtitle-color;
-  --card-subtitle-font-size: @card-subtitle-font-size;
-  --card-subtitle-padding: @card-subtitle-padding;
-  --card-subtitle-margin: @card-subtitle-margin;
-  --card-subtitle-row-margin: @card-subtitle-row-margin;
-  --card-description-color: @card-description-color;
-  --card-description-font-size: @card-description-font-size;
-  --card-description-margin: @card-description-margin;
-  --card-description-padding: @card-description-padding;
-  --card-footer-padding: @card-footer-padding;
-  --card-footer-right: @card-footer-right;
-  --card-footer-bottom: @card-footer-bottom;
-  --card-footer-margin: @card-footer-margin;
-  --card-line-height: @card-line-height;
-  --card-row-line-height: @card-row-line-height;
-  --card-floating-buttons-bottom: @card-floating-buttons-bottom;
-  --card-floating-buttons-right: @card-floating-buttons-right;
-  --card-floating-buttons-color: @card-floating-buttons-color;
-  --card-close-button-icon-size: @card-close-button-icon-size;
-  --card-close-button-size: @card-close-button-size;
-  --card-close-button-primary-color: @card-close-button-primary-color;
-}
-
-.var-card {
-  border-radius: var(--card-border-radius);
-  overflow: hidden;
-  width: 100%;
-
-  &__floater {
-    display: flex;
-    flex-direction: column;
-    position: static;
-    line-height: var(--card-line-height);
-    background: var(--card-background);
-    transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);
-  }
-
-  &__container {
-    padding: var(--card-padding);
-    flex-grow: 1;
-    min-width: 0;
-  }
-
-  &--layout-row &__floater {
-    min-height: var(--card-row-height);
-    height: 100%;
-    flex-direction: row;
-    position: relative;
-    line-height: var(--card-row-line-height);
-  }
-
-  &__image {
-    width: var(--card-image-width);
-    height: var(--card-image-height);
-    display: block;
-  }
-
-  &--layout-row &__image {
-    width: var(--card-row-image-width);
-    height: auto;
-    display: block;
-    flex-shrink: 0;
-  }
-
-  &__title {
-    font-size: var(--card-title-font-size);
-    padding: var(--card-title-padding);
-    margin: var(--card-title-margin);
-    color: var(--card-title-color);
-    word-break: break-word;
-  }
-
-  &--layout-row &__title {
-    max-width: 100%;
-    overflow: hidden;
-    margin: var(--card-title-row-margin);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &__subtitle {
-    font-size: var(--card-subtitle-font-size);
-    color: var(--card-subtitle-color);
-    padding: var(--card-subtitle-padding);
-    margin: var(--card-subtitle-margin);
-    word-break: break-word;
-  }
-
-  &--layout-row &__subtitle {
-    margin: var(--card-subtitle-row-margin);
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
-  }
-
-  &__description {
-    font-size: var(--card-description-font-size);
-    color: var(--card-description-color);
-    margin: var(--card-description-margin);
-    padding: var(--card-description-padding);
-    word-break: break-all;
-  }
-
-  &__footer {
-    display: flex;
-    justify-content: flex-end;
-    padding: var(--card-footer-padding);
-    margin: var(--card-footer-margin);
-  }
-
-  &--layout-row &__footer {
-    position: absolute;
-    padding: 0;
-    right: var(--card-footer-right);
-    bottom: var(--card-footer-bottom);
-  }
-
-  &__content {
-    overflow: hidden;
-    transition-timing-function: cubic-bezier(0.45, 0.19, 0.06, 0.89);
-  }
-
-  &__floating-buttons {
-    position: fixed;
-    bottom: var(--card-floating-buttons-bottom);
-    right: var(--card-floating-buttons-right);
-    color: var(--card-floating-buttons-color);
-  }
-
-  &__close-button[var-card-cover] {
-    padding: var(--card-close-button-padding);
-    width: var(--card-close-button-size);
-    height: var(--card-close-button-size);
-    background-color: var(--card-close-button-primary-color);
-  }
-
-  &__close-button-icon[var-card-cover] {
-    font-size: var(--card-close-button-icon-size);
-  }
-}

package/lib/card/style/less.js

@@ -1,5 +0,0 @@
-require('../../styles/common.less')
-require('../../styles/elevation.less')
-require('../../ripple/ripple.less')
-require('../card.less')
-require('../CardSfc.less')

package/lib/cell/cell.less

@@ -1,78 +0,0 @@
-@cell-color: var(--color-text);
-@cell-font-size: var(--font-size-md);
-@cell-desc-font-size: var(--font-size-sm);
-@cell-desc-color: rgba(0, 0, 0, 0.6);
-@cell-padding: 10px 12px;
-@cell-min-height: 40px;
-@cell-border-color: #bcc2cb;
-@cell-border-left: 12px;
-@cell-border-right: 12px;
-@cell-icon-right: 8px;
-@cell-extra-left: 8px;
-
-:root {
-  --cell-color: @cell-color;
-  --cell-font-size: @cell-font-size;
-  --cell-desc-font-size: @cell-desc-font-size;
-  --cell-desc-color: @cell-desc-color;
-  --cell-padding: @cell-padding;
-  --cell-min-height: @cell-min-height;
-  --cell-border-color: @cell-border-color;
-  --cell-border-left: @cell-border-left;
-  --cell-border-right: @cell-border-right;
-  --cell-icon-right: @cell-icon-right;
-  --cell-extra-left: @cell-extra-left;
-}
-
-.var-cell {
-  align-items: center;
-  display: flex;
-  min-height: var(--cell-min-height);
-  outline: none;
-  width: 100%;
-  padding: var(--cell-padding);
-  position: relative;
-  box-sizing: border-box;
-  font-size: var(--cell-font-size);
-  color: var(--cell-color);
-
-  &--border {
-    &::after {
-      position: absolute;
-      box-sizing: border-box;
-      content: ' ';
-      pointer-events: none;
-      right: var(--cell-border-right);
-      bottom: 0;
-      left: var(--cell-border-left);
-      border-bottom: 1px solid var(--cell-border-color);
-      transform: scaleY(0.5);
-    }
-  }
-
-  &__icon {
-    margin-right: var(--cell-icon-right);
-    flex: 0;
-  }
-
-  &__content {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  &__title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &__desc {
-    font-size: var(--cell-desc-font-size);
-    color: var(--cell-desc-color);
-  }
-
-  &__extra {
-    flex: 0;
-    margin-left: var(--cell-extra-left);
-  }
-}

package/lib/cell/style/less.js

@@ -1,4 +0,0 @@
-require('../../styles/common.less')
-require('../../icon/icon.less')
-require('../cell.less')
-require('../CellSfc.less')

package/lib/checkbox/checkbox.less

@@ -1,78 +0,0 @@
-@checkbox-checked-color: var(--color-primary);
-@checkbox-unchecked-color: #555;
-@checkbox-disabled-color: var(--color-text-disabled);
-@checkbox-error-color: var(--color-danger);
-@checkbox-action-padding: 6px;
-@checkbox-icon-size: 24px;
-
-:root {
-  --checkbox-checked-color: @checkbox-checked-color;
-  --checkbox-unchecked-color: @checkbox-unchecked-color;
-  --checkbox-disabled-color: @checkbox-disabled-color;
-  --checkbox-error-color: @checkbox-error-color;
-  --checkbox-action-padding: @checkbox-action-padding;
-  --checkbox-icon-size: @checkbox-icon-size;
-}
-
-@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-checkbox {
-  display: flex;
-  align-items: center;
-  transform: translateX(calc(-1 * var(--checkbox-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(--checkbox-action-padding);
-    border-radius: 50%;
-  }
-
-  &__icon[var-checkbox-cover] {
-    display: block;
-    font-size: var(--checkbox-icon-size);
-  }
-
-  &--with-animation {
-    animation: var-vibrate-animation 0.25s;
-  }
-
-  &--checked {
-    color: var(--checkbox-checked-color);
-  }
-
-  &--unchecked {
-    color: var(--checkbox-unchecked-color);
-  }
-
-  &--disabled {
-    color: var(--checkbox-disabled-color);
-  }
-
-  &--error {
-    color: var(--checkbox-error-color);
-  }
-}

package/lib/checkbox/style/less.js

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

package/lib/checkbox-group/checkboxGroup.less

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

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

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