@nutui/nutui-react 1.5.1 → 1.5.2-beta.0

package/dist/packages/cell/cell.scss

@@ -1,107 +0,0 @@
-.nut-theme-dark {
-  .nut-cell {
-    background: $dark5;
-    color: $dark1;
-    box-shadow: none;
-    &__value {
-      &--alone {
-        color: $cell-desc-color;
-      }
-    }
-  }
-}
-
-.nut-cell {
-  position: relative;
-  display: flex;
-  width: 100%;
-  line-height: $cell-line-height;
-  padding: $cell-padding;
-  background: $cell-background;
-  border-radius: $cell-border-radius;
-  box-shadow: $cell-box-shaow;
-  font-size: $cell-title-font;
-  color: $cell-color;
-  margin: 10px 0;
-  box-sizing: border-box;
-
-  &:last-child {
-    &::after {
-      border: 0 !important;
-    }
-  }
-
-  &--center {
-    align-items: center;
-  }
-
-  &--large {
-    font-size: $cell-large-title-font;
-    padding: $cell-large-padding;
-    .nut-cell__subtitle {
-      font-size: $cell-large-title-desc-font;
-    }
-  }
-
-  &::after {
-    position: absolute;
-    box-sizing: border-box;
-    content: ' ';
-    pointer-events: none;
-    right: $cell-after-right;
-    bottom: 0;
-    left: 16px;
-    transform: scaleY(0.5);
-  }
-
-  &:active::before {
-    opacity: 0.1;
-  }
-  &--clickable {
-    cursor: pointer;
-    &::before {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 100%;
-      height: 100%;
-      background-color: $black;
-      border: inherit;
-      border-color: $black;
-      border-radius: inherit;
-      transform: translate(-50%, -50%);
-      opacity: 0;
-      content: ' ';
-    }
-  }
-  &__icon {
-    display: flex;
-    flex-direction: row;
-    margin: $cell-default-icon-margin;
-  }
-
-  &__title {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-  &__subtitle {
-    font-size: $cell-title-desc-font;
-    color: $cell-subtitle-color;
-  }
-  &__value {
-    display: inline-block;
-    text-align: right;
-    flex: 1;
-    font-size: $cell-desc-font;
-    color: $cell-desc-color;
-    word-wrap: break-word;
-    overflow: hidden;
-    &--alone {
-      color: $cell-color;
-    }
-  }
-  &__link {
-    color: #979797;
-  }
-}

package/dist/packages/cellgroup/cellgroup.scss

@@ -1,46 +0,0 @@
-.nut-theme-dark {
-  .nut-cell-group__wrap {
-    background: $dark5;
-    color: $dark1;
-    box-shadow: none;
-  }
-}
-
-.nut-cell-group {
-  display: block;
-  &__title {
-    display: inherit;
-    padding: $cell-group-title-padding;
-    color: $cell-group-title-color;
-    font-size: $cell-group-title-font-size;
-    line-height: $cell-group-title-line-height;
-    margin-top: 30px;
-    margin-bottom: 10px;
-  }
-  &__desc {
-    display: inherit;
-    padding: $cell-group-desc-padding;
-    color: $cell-group-desc-color;
-    font-size: $cell-group-desc-font-size;
-    line-height: $cell-group-desc-line-height;
-    margin-top: 10px;
-    margin-bottom: 10px;
-  }
-  &__wrap {
-    display: inherit;
-    border-radius: $cell-border-radius;
-    overflow: hidden;
-    background-color: $cell-group-background-color;
-    margin: 10px 0;
-    .nut-cell {
-      margin: 0;
-      box-shadow: none;
-      border-radius: 0;
-    }
-  }
-  .nut-cell {
-    &::after {
-      border-bottom: $cell-after-border-bottom;
-    }
-  }
-}

package/dist/packages/checkbox/checkbox.scss

@@ -1,49 +0,0 @@
-
-.nut-theme-dark {
-  .nut-checkbox {
-    &__label {
-      color: $dark1;
-      &--disabled {
-        color: $checkbox-label-disable-color;
-      }
-    }
-  }
-}
-
-.nut-checkbox {
-  display: flex;
-  align-items: center;
-  &--reverse {
-    flex-direction: row-reverse;
-    .nut-checkbox__label {
-      margin-right: $checkbox-label-margin-left;
-      margin-left: 0;
-    }
-  }
-  &__label {
-    margin-left: $checkbox-label-margin-left;
-    font-size: $checkbox-label-font-size;
-    color: $checkbox-label-color;
-    &--disabled {
-      color: $checkbox-label-disable-color;
-    }
-  }
-  &__icon {
-    color: $primary-color;
-    font-size: $checkbox-icon-font-size;
-    transition-duration: 0.3s;
-    transition-property: color, border-color, background-color;
-  }
-  &__icon--unchecked {
-    color: $checkbox-icon-disable-color;
-    font-size: $checkbox-icon-font-size;
-  }
-  &__icon--indeterminate {
-    color: $primary-color;
-    font-size: $checkbox-icon-font-size;
-  }
-  &__icon--disable {
-    color: $disable-color;
-    font-size: $checkbox-icon-font-size;
-  }
-}

package/dist/packages/checkboxgroup/checkboxgroup.scss

@@ -1,33 +0,0 @@
-.nut-checkboxgroup {
-  .nut-checkbox {
-    margin-bottom: 5px;
-
-    &__label {
-      margin-right: 5px;
-    }
-
-    &__button {
-      background-color: $gray4;
-    }
-  }
-
-  &--vertical {
-    .nut-checkbox {
-      &.nut-checkbox--reverse {
-        width: 100%;
-        justify-content: space-between;
-      }
-
-      &__label {
-        margin-right: 5px;
-      }
-    }
-  }
-
-  &--horizontal {
-    .nut-checkbox {
-      display: inline-flex;
-      margin-right: 20px;
-    }
-  }
-}

package/dist/packages/circleprogress/circleprogress.scss

@@ -1,33 +0,0 @@
-.nut-theme-dark {
-  .nut-circleprogress-text {
-    color: $dark1;
-  }
-}
-
-.demo-circleprogress {
-  min-height: 100vh;
-}
-.nut-circleprogress {
-  position: relative;
-
-  &-hover {
-    stroke: $circleprogress-primary-color;
-    transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s;
-  }
-
-  &-path {
-    stroke: $circleprogress-path-color;
-  }
-
-  &-text {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    box-sizing: border-box;
-    width: 100%;
-    transform: translateY(-50%);
-    text-align: center;
-    color: $circleprogress-text-color;
-    font-size: $circleprogress-text-size;
-  }
-}

package/dist/packages/col/col.scss

@@ -1,24 +0,0 @@
-.nut-col {
-  float: left;
-  box-sizing: border-box;
-  word-break: break-all;
-  margin-bottom: $col-default-margin-bottom;
-  &-gutter {
-    &:last-child {
-      padding-right: 0 !important;
-    }
-    &:first-child {
-      padding-left: 0 !important;
-    }
-  }
-}
-
-@for $i from 1 through 24 {
-  .nut-col-offset-#{$i} {
-    margin-left: calc((100 / 24) * #{$i} * 1%);
-  }
-
-  .nut-col-#{$i} {
-    width: calc((100 / 24) * #{$i} * 1%);
-  }
-}

package/dist/packages/collapseitem/collapseitem.scss

@@ -1,161 +0,0 @@
-
-.nut-theme-dark {
-  .nut-collapse {
-    &-item__header {
-      background-color: $dark6;
-
-      .nut-collapse-item__title {
-        color: $dark1;
-      }
-
-      .nut-collapse-item__icon-box {
-        .nut-collapse-item__icon {
-          i {
-            color: $dark1 !important;
-          }
-        }
-      }
-
-      .nut-collapse-item__sub-title {
-        color: $dark2;
-      }
-
-      &::after {
-        border-bottom: 1px solid $dark4;
-      }
-    }
-
-    .nut-collapse-item__header--disabled {
-      .nut-collapse-item__title {
-        color: $dark2;
-      }
-
-      .nut-collapse-item__icon-box {
-        .nut-collapse-item__icon {
-          i {
-            color: $dark2 !important;
-          }
-        }
-      }
-    }
-
-    &-item__content {
-      background-color: $dark6;
-      color: $dark1;
-
-      &-text {
-        color: $dark1;
-      }
-    }
-  }
-}
-
-.nut-collapse-item {
-  &__header {
-    position: relative;
-    display: flex;
-    width: 100%;
-    overflow: hidden;
-    padding: $collapse-item-padding;
-    font-size: $collapse-item-font-size;
-    line-height: $collapse-item-line-height;
-    background-color: $background-color3;
-    box-sizing: border-box;
-
-    &::after {
-      position: absolute;
-      box-sizing: border-box;
-      content: ' ';
-      pointer-events: none;
-      right: 16px;
-      bottom: 0;
-      left: 16px;
-      border-bottom: 1px solid #ebedf0;
-      -webkit-transform: scaleY(0.5);
-      transform: scaleY(0.5);
-    }
-  }
-
-  &__title {
-    color: $collapse-item-color;
-    display: flex;
-    align-items: center;
-
-    &-icon-left {
-      margin-right: $collapse-item-icon-margin-right;
-      display: flex;
-      align-items: center;
-      color: $collapse-item-icon-color;
-    }
-
-    &-icon-right {
-      margin-left: $collapse-item-icon-margin-left;
-      display: flex;
-      align-items: center;
-      color: $collapse-item-icon-color;
-    }
-  }
-
-  &__sub-title {
-    flex: 1;
-    display: flex;
-    justify-content: flex-end;
-    padding: 0px 20px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: $collapse-item-sub-title-color;
-  }
-
-  &__icon-box {
-    display: flex;
-    padding-right: 40px;
-    position: relative;
-
-    .nut-collapse-item__icon {
-      i {
-        color: $collapse-item-icon-color;
-      }
-    }
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    position: absolute;
-    top: 50%;
-    left: 5px;
-    transform: translateY(-50%);
-    transform-origin: center;
-    transition: transform 0.3s;
-  }
-
-  &__header--disabled {
-    color: $collapse-item-disabled-color;
-
-    .nut-collapse-item__title {
-      color: $collapse-item-disabled-color;
-    }
-
-    .nut-collapse-item__icon {
-      i {
-        color: $collapse-item-disabled-color !important;
-      }
-    }
-  }
-
-  &__content {
-    overflow: hidden;
-    display: block;
-    color: $collapse-wrapper-content-color;
-    font-size: $collapse-wrapper-content-font-size;
-    line-height: $collapse-wrapper-content-line-height;
-    background-color: $collapse-wrapper-content-background-color;
-    transition: all 0.3s linear;
-
-    &-text {
-      color: $collapse-wrapper-content-color;
-      padding: $collapse-wrapper-content-padding;
-    }
-  }
-}

package/dist/packages/countdown/countdown.scss

@@ -1,3 +0,0 @@
-.nut-countdown {
-  display: $countdown-display;
-}

package/dist/packages/dialog/dialog.scss

@@ -1,135 +0,0 @@
-@import '../../styles/mixins/index';
-
-.nut-dialog {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: $dialog-width;
-  min-height: $dialog-min-height;
-  padding: $dialog-padding;
-  box-sizing: border-box;
-
-  &__header {
-    display: block;
-    text-align: center;
-    height: $dialog-header-height;
-    font-size: $font-size-3;
-    color: $title-color;
-    @include oneline-ellipsis();
-  }
-
-  &__content {
-    width: 100%;
-    overflow: auto;
-    flex: 1;
-    margin: $dialog-content-margin;
-    max-height: $dialog-content-max-height;
-    line-height: $dialog-content-line-height;
-    font-size: $font-size-1;
-    color: $text-color;
-    word-wrap: break-word;
-    word-break: break-all;
-    white-space: pre-wrap;
-  }
-
-  &__footer {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    justify-content: space-around;
-
-    &.vertical {
-      flex-direction: column;
-
-      .nut-button {
-        min-width: 100%;
-        margin: 0;
-
-        &.nut-dialog__footer-cancel {
-          border: 0;
-        }
-
-        &.nut-dialog__footer-ok {
-          margin-top: $dialog-vertical-footer-ok-margin-top;
-        }
-      }
-    }
-
-    .nut-button {
-      min-width: $dialog-footer-button-min-width;
-    }
-
-    &-cancel.nut-dialog__footer-cancel {
-      margin-right: $dialog-footer-cancel-margin-right;
-    }
-
-    &-ok {
-      max-width: $dialog-footer-ok-max-width;
-    }
-  }
-}
-
-.nut-dialog__mask {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background-color: $dialog-mask-background-color;
-  z-index: $dialog-mask-z-index;
-}
-
-.nut-dialog__wrap {
-  position: fixed;
-  overflow: auto;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $dialog-mask-z-index;
-  -webkit-overflow-scrolling: touch;
-  outline: 0;
-}
-
-.nut-dialog__outer {
-  position: fixed;
-  max-height: 100%;
-  overflow-y: auto;
-  background-color: $white;
-  -webkit-transition: -webkit-transform 0.2s;
-  transition: -webkit-transform 0.2s;
-  transition: transform 0.2s;
-  transition: transform 0.2s, -webkit-transform 0.2s;
-  -webkit-overflow-scrolling: touch;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  border-radius: $dialog-outer-bordder-radius;
-  z-index: $dialog-outer-z-index;
-  animation-duration: 0.3s;
-}
-
-.fadeDialog-enter,
-.fadeDialog-appear {
-  opacity: 0;
-}
-
-.fadeDialog-enter-active,
-.fadeDialog-appear-active {
-  opacity: 1;
-  transition: opacity 1s cubic-bezier(0.3, 1.3, 0.3, 1);
-}
-
-.fadeDialog-exit {
-  opacity: 1;
-}
-
-.fadeDialog-exit-active {
-  opacity: 0;
-  transition: opacity 1s cubic-bezier(0.3, 1.3, 0.3, 1);
-}
-
-.nut-overflow-hidden {
-  overflow: hidden !important;
-}

package/dist/packages/divider/divider.scss

@@ -1,73 +0,0 @@
-.nut-theme-dark {
-  a {
-    color: $primary-link-color !important;
-  }
-  .nut-divider {
-    color: $white;
-  }
-}
-
-.nut-divider {
-  display: flex;
-  align-items: center;
-  font-size: $divider-text-font-size;
-  color: $divider-text-color;
-  margin: $divider-margin;
-  width: 100%;
-
-  &::before,
-  &::after {
-    content: '';
-    border: $divider-line-height solid currentColor;
-    border-width: $divider-line-height 0 0;
-    height: $divider-line-height;
-    flex: 1;
-  }
-
-  &.nut-divider__center,
-  &.nut-divider__left,
-  &.nut-divider__right {
-    &::before {
-      margin-right: $divider-before-margin-right;
-    }
-
-    &::after {
-      margin-left: $divider-after-margin-left;
-    }
-  }
-
-  &.nut-divider__left {
-    &::before {
-      max-width: 10%;
-    }
-  }
-
-  &.nut-divider__right {
-    &::after {
-      max-width: 10%;
-    }
-  }
-
-  &.nut-divider__dashed {
-    &::before,
-    &::after {
-      border-style: dashed;
-    }
-  }
-
-  &.nut-divider__hairline {
-    &::before,
-    &::after {
-      transform: scaleY(0.5);
-    }
-  }
-  &.nut-divider__vertical {
-    position: relative;
-    top: $divider-vertical-top;
-    display: inline-block;
-    height: $divider-vertical-height;
-    border-left: 1px solid $divider-vertical-border-left;
-    margin: $divider-vertical-margin;
-    width: auto;
-  }
-}

package/dist/packages/drag/drag.scss

@@ -1,10 +0,0 @@
-.nut-drag {
-  position: fixed;
-  display: inline-flex;
-  z-index: 9997 !important;
-  width: fit-content;
-  height: fit-content;
-  touch-action: none;
-  user-select: none;
-  font-size: 0;
-}