@zkwq/business 0.0.4 → 0.0.6

package/src/components/base/ui/style/image.scss

@@ -1,184 +0,0 @@
-@import "mixins";
-@import "var";
-
-%size {
-  width: 100%;
-  height: 100%;
-}
-
-@include b(image) {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-
-  @include e(inner) {
-    @extend %size;
-    vertical-align: top;
-    transition: transform .3s;
-
-    @include m(center) {
-      position: relative;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      display: block;
-    }
-  }
-
-  @include e(placeholder) {
-    @extend %size;
-    background: $--background-color-base;
-  }
-
-  @include e(error) {
-    @extend %size;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 14px;
-    background: $--background-color-base;
-    color: $--color-text-placeholder;
-    vertical-align: middle;
-  }
-
-  @include e(preview) {
-    cursor: pointer;
-  }
-}
-
-
-@include b(image-viewer) {
-
-
-  @include e(wrapper) {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  @include e(btn) {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    opacity: .8;
-    cursor: pointer;
-    box-sizing: border-box;
-    user-select: none;
-  }
-
-  @include e(close) {
-    top: 40px;
-    right: 40px;
-    width: 40px;
-    height: 40px;
-    font-size: 24px;
-    color: #fff;
-    background-color: #606266;
-  }
-
-  @include e(canvas) {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  @include e(actions) {
-    left: 50%;
-    bottom: 30px;
-    transform: translateX(-50%);
-    width: 282px;
-    height: 44px;
-    padding: 0 23px;
-    background-color: #606266;
-    border-color: #fff;
-    border-radius: 22px;
-
-    @include e(actions__inner) {
-      width: 100%;
-      height: 100%;
-      text-align: justify;
-      cursor: default;
-      font-size: 23px;
-      color: #fff;
-      display: flex;
-      align-items: center;
-      justify-content: space-around;
-    }
-  }
-
-  @include e(prev){
-    top: 50%;
-    transform: translateY(-50%);
-    width: 44px;
-    height: 44px;
-    font-size: 24px;
-    color: #fff;
-    background-color: #606266;
-    border-color: #fff;
-    left: 40px;
-  }
-
-  @include e(next){
-    top: 50%;
-    transform: translateY(-50%);
-    width: 44px;
-    height: 44px;
-    font-size: 24px;
-    color: #fff;
-    background-color: #606266;
-    border-color: #fff;
-    right: 40px;
-    text-indent: 2px;
-  }
-
-  @include e(mask) {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    opacity: .5;
-    background: #000;
-  }
-}
-
-.viewer-fade-enter-active {
-  animation: viewer-fade-in .3s;
-}
-
-.viewer-fade-leave-active {
-  animation: viewer-fade-out .3s;
-}
-
-@keyframes viewer-fade-in {
-  0% {
-    transform: translate3d(0, -20px, 0);
-    opacity: 0;
-  }
-  100% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-}
-
-@keyframes viewer-fade-out {
-  0% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-  100% {
-    transform: translate3d(0, -20px, 0);
-    opacity: 0;
-  }
-}
-
-.HoverImage:hover {
-  transform: scale(1.1);
-}

package/src/components/base/ui/style/index.scss

@@ -1,57 +0,0 @@
-@import 'animations';
-@import 'transition';
-@import 'icon.scss';
-@import 'scrollbar.scss';
-@import 'form.scss';
-@import 'form-item.scss';
-@import 'input.scss';
-@import 'button.scss';
-@import 'popover.scss';
-@import 'popper.scss';
-@import 'tag.scss';
-@import 'select.scss';
-@import 'select-dropdown.scss';
-@import 'tooltip.scss';
-@import 'divider.scss';
-@import 'ripple.scss';
-@import 'drawer.scss';
-@import 'popup.scss';
-@import 'progress.scss';
-@import 'upload.scss';
-@import 'alert.scss';
-@import 'message.scss';
-@import 'radio.scss';
-@import 'radio-button.scss';
-@import 'radio-group.scss';
-@import 'button-group.scss';
-@import 'checkbox.scss';
-@import 'checkbox-button.scss';
-@import 'checkbox-group.scss';
-@import 'dropdown.scss';
-@import 'dropdown-item.scss';
-@import 'dropdown-menu.scss';
-@import 'row.scss';
-@import 'col.scss';
-@import 'collapse.scss';
-@import 'collapse-item.scss';
-@import 'carousel.scss';
-@import 'carousel-item.scss';
-@import 'menu.scss';
-@import 'menu-item.scss';
-@import 'menu-item-group.scss';
-@import 'dialog.scss';
-@import 'pagination.scss';
-@import 'message-box.scss';
-@import 'color-picker.scss';
-@import 'tabs.scss';
-@import 'image.scss';
-@import 'backtop.scss';
-@import 'switch.scss';
-@import 'date-picker.scss';
-@import 'cascader.scss';
-@import 'cascader-panel.scss';
-@import 'autocomplete.scss';
-@import 'input-number.scss';
-@import 'slider.scss';
-@import 'skeleton.scss';
-@import 'skeleton-item.scss';

package/src/components/base/ui/style/input-number.scss

@@ -1,187 +0,0 @@
-@import "mixins";
-@import "var";
-@import "input";
-
-@include b(input-number) {
-  position: relative;
-  display: inline-block;
-  width: 180px;
-  line-height: #{$--input-height - 2};
-
-  .base-input {
-    display: block;
-    border: 1px solid #DCDFE6;
-    &.is-focused {
-      border-color: $--color-primary;
-    }
-    &:hover {
-      border-color: $--color-text-secondary;
-    }
-
-    &__inner {
-      -webkit-appearance: none;
-      padding-left: #{$--input-height + 10};
-      padding-right: #{$--input-height + 10};
-      text-align: center;
-    }
-  }
-
-  @include e((increase, decrease)) {
-    position: absolute;
-    z-index: 1;
-    top: 1px;
-    width: $--input-height;
-    height: auto;
-    text-align: center;
-    background: $--background-color-base;
-    color: $--color-text-regular;
-    cursor: pointer;
-    font-size: 13px;
-
-    &:hover {
-      color: $--color-primary;
-
-      &:not(.is-disabled) ~ .base-input .base-input__inner:not(.is-disabled) {
-        border-color: $--input-focus-border;
-      }
-    }
-
-    &.is-disabled {
-      color: $--disabled-color-base;
-      cursor: not-allowed;
-    }
-  }
-
-  @include e(increase) {
-    right: 1px;
-    border-radius: 0 $--border-radius-base $--border-radius-base 0;
-    border-left: $--border-base;
-  }
-
-  @include e(decrease) {
-    left: 1px;
-    border-radius: $--border-radius-base 0 0 $--border-radius-base;
-    border-right: $--border-base;
-  }
-
-  @include when(disabled) {
-    @include e((increase, decrease)) {
-      border-color: $--disabled-border-base;
-      color: $--disabled-border-base;
-
-      &:hover {
-        color: $--disabled-border-base;
-        cursor: not-allowed;
-      }
-    }
-  }
-
-  @include m(medium) {
-    width: 200px;
-    line-height: #{$--input-medium-height - 2};
-
-    @include e((increase, decrease)) {
-      width: $--input-medium-height;
-      font-size: $--input-medium-font-size;
-    }
-
-    .base-input__inner {
-      padding-left: #{$--input-medium-height + 7};
-      padding-right: #{$--input-medium-height + 7};
-    }
-  }
-
-  @include m(small) {
-    width: 130px;
-    line-height: #{$--input-small-height - 2};
-
-    @include e((increase, decrease)) {
-      width: $--input-small-height;
-      font-size: $--input-small-font-size;
-
-      [class*=base-icon] {
-        transform: scale(.9);
-      }
-    }
-
-    .base-input__inner {
-      padding-left: #{$--input-small-height + 7};
-      padding-right: #{$--input-small-height + 7};
-    }
-  }
-
-  @include m(mini) {
-    width: 130px;
-    line-height: #{$--input-mini-height - 2};
-
-    @include e((increase, decrease)) {
-      width: $--input-mini-height;
-      font-size: $--input-mini-font-size;
-
-      [class*=base-icon] {
-        transform: scale(.8);
-      }
-    }
-
-    .base-input__inner {
-      padding-left: #{$--input-mini-height + 7};
-      padding-right: #{$--input-mini-height + 7};
-    }
-  }
-
-  @include when(without-controls) {
-    .base-input__inner {
-      padding-left: 15px;
-      padding-right: 15px;
-    }
-  }
-
-  @include when(controls-right) {
-    .base-input__inner {
-      padding-left: 15px;
-      padding-right: #{$--input-height + 10};
-    }
-
-    @include e((increase, decrease)) {
-      height: auto;
-      line-height: #{($--input-height - 2) / 2};
-
-      [class*=base-icon] {
-        transform: scale(.8);
-      }
-    }
-
-    @include e(increase) {
-      border-radius: 0 $--border-radius-base 0 0;
-      border-bottom: $--border-base;
-    }
-
-    @include e(decrease) {
-      right: 1px;
-      bottom: 1px;
-      top: auto;
-      left: auto;
-      border-right: none;
-      border-left: $--border-base;
-      border-radius: 0 0 $--border-radius-base 0;
-    }
-
-    &[class*=medium] {
-      [class*=increase], [class*=decrease] {
-        line-height: #{($--input-medium-height - 2) / 2};
-      }
-    }
-
-    &[class*=small] {
-      [class*=increase], [class*=decrease] {
-        line-height: #{($--input-small-height - 2) / 2};
-      }
-    }
-
-    &[class*=mini] {
-      [class*=increase], [class*=decrease] {
-        line-height: #{($--input-mini-height - 2) / 2};
-      }
-    }
-  }
-}