@nutui/nutui-react-taro 1.3.11 → 1.3.12-beta.0

package/dist/packages/input/input.scss

@@ -1,178 +0,0 @@
-.nut-theme-dark {
-  .nut-input {
-    background: $dark-background;
-    &-label {
-      color: $dark-color;
-    }
-    .input-text,
-    &__text--readonly {
-      color: $dark-color;
-    }
-  }
-}
-input,
-textarea {
-  font: inherit;
-}
-
-.nut-input {
-  position: relative;
-  width: 100%;
-  padding: $input-padding;
-  display: flex;
-  line-height: 24px;
-  background: $white;
-  font-size: $input-font-size;
-  box-sizing: border-box;
-  &.center {
-    align-items: center;
-  }
-  &.nut-input-border {
-    border-bottom: 1px solid $input-border-bottom;
-  }
-  input {
-    width: 230px;
-    flex: 1;
-    padding: 0 10px;
-    padding-right: 35px;
-    outline: 0 none;
-    border: 0;
-    text-decoration: none;
-  }
-  &__label {
-    width: 80px;
-    overflow: hidden;
-    text-align: left;
-    display: flex;
-    .label-string {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-  &__clear {
-    width: 16px;
-    height: 16px;
-    position: absolute;
-    right: 15px;
-  }
-  &__disabled {
-    color: $input-disabled-color !important;
-    input:disabled {
-      background: none;
-      color: $input-disabled-color;
-      cursor: not-allowed;
-      opacity: 1;
-      -webkit-text-fill-color: $input-disabled-color;
-    }
-  }
-  &__require {
-    color: $primary-color;
-    display: inline-block;
-    margin-right: 5px;
-  }
-
-  .input-text,
-  &__text--readonly {
-    width: 90%;
-    padding: 0;
-    line-height: inherit;
-    text-align: left;
-    outline: 0 none;
-    border: 0;
-    text-decoration: none;
-    background: transparent;
-    resize: none;
-  }
-
-  &-label {
-    width: 80px;
-    overflow: hidden;
-    margin-right: 6px;
-    text-align: left;
-  }
-  &-value {
-    flex: 1;
-    vertical-align: middle;
-  }
-  &-inner {
-    position: relative;
-    display: flex;
-    align-items: center;
-  }
-  &-box {
-    position: relative;
-    width: 100%;
-  }
-  &-disabled-mask {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    z-index: 2;
-  }
-  &-error-message {
-    color: $input-required-color;
-    font-size: 12px;
-  }
-  &-word-limit {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 4px;
-    color: #808080;
-    font-size: 12px;
-    // line-height: var(--van-field-word-limit-line-height);
-  }
-  &-left-icon,
-  &-right-icon {
-    display: flex;
-    align-items: center;
-    font-size: 0;
-  }
-  &-clear,
-  &-right-icon {
-    margin-left: 4px;
-  }
-  &-left-icon {
-    margin-right: 4px;
-  }
-  &-clear-box {
-    height: 100%;
-    .nut-input-clear {
-      vertical-align: -2px;
-    }
-  }
-  &-clear {
-    width: 16px;
-    height: 16px;
-    color: #c8c9cc;
-    cursor: pointer;
-  }
-  .nut-button {
-    margin-left: 10px;
-  }
-  &.nut-input-required {
-    &::before {
-      position: absolute;
-      left: 14px;
-      color: $input-required-color;
-      content: '*';
-    }
-  }
-  &-disabled {
-    color: $input-disabled-color !important;
-    input:disabled {
-      background: none;
-      color: $input-disabled-color;
-      cursor: not-allowed;
-      opacity: 1;
-      -webkit-text-fill-color: $input-disabled-color;
-    }
-  }
-  &-error,
-  &-error::placeholder {
-    color: $input-required-color;
-    -webkit-text-fill-color: $input-required-color;
-  }
-}

package/dist/packages/inputnumber/inputnumber.scss

@@ -1,58 +0,0 @@
-.nut-theme-dark {
-  .nut-inputnumber {
-    &__icon {
-      color: $dark-color;
-      &--disabled {
-        color: $dark-color-gray;
-      }
-    }
-    input,
-    &__text--readonly {
-      background-color: $dark-background;
-      color: $dark-color;
-      border: 1px solid $dark-color-gray;
-    }
-    &--disabled {
-      input {
-        color: $dark-color-gray;
-      }
-    }
-  }
-}
-
-.nut-inputnumber {
-  display: $inputnumber-display;
-  align-items: center;
-
-  &--disabled {
-    input {
-      color: $inputnumber-icon-void-color;
-    }
-  }
-
-  &__icon {
-    color: $inputnumber-icon-color;
-    font-size: $inputnumber-icon-size;
-    cursor: pointer;
-    &--disabled {
-      color: $inputnumber-icon-void-color;
-      cursor: not-allowed;
-    }
-  }
-
-  input,
-  &__text--readonly {
-    width: $inputnumber-input-width;
-    height: 100%;
-    text-align: center;
-    outline: none;
-    border: $inputnumber-input-border;
-    margin: $inputnumber-input-margin;
-    background-color: $inputnumber-input-background-color;
-    border-radius: $inputnumber-input-border-radius;
-  }
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    appearance: none;
-  }
-}

package/dist/packages/layout/layout.scss

@@ -1,2 +0,0 @@
-.nut-layout {
-}

package/dist/packages/menu/menu.scss

@@ -1,76 +0,0 @@
-@import '../../styles/mixins/text-ellipsis.scss';
-
-.nut-theme-dark {
-  .nut-menu {
-    .nut-menu__bar {
-      background-color: $dark-background;
-
-      .nut-menu__item {
-        color: $dark-color;
-      }
-    }
-  }
-}
-
-.nut-menu {
-  &.scroll-fixed {
-    position: fixed;
-    top: $menu-scroll-fixed-top;
-    z-index: $menu-scroll-fixed-z-index;
-    width: 100%;
-  }
-
-  .nut-menu-relative {
-    position: relative;
-  }
-
-  .nut-menu__bar {
-    position: relative;
-    display: flex;
-    line-height: $menu-bar-line-height;
-    background-color: $white;
-    box-shadow: $menu-bar-box-shadow;
-
-    &.opened {
-      z-index: $menu-bar-opened-z-index;
-    }
-
-    .nut-menu__item {
-      flex: 1;
-      text-align: center;
-      font-size: $menu-item-font-size;
-      color: $menu-item-text-color;
-      min-width: 0;
-
-      &.active {
-        color: $menu-item-active-text-color;
-      }
-
-      &.disabled {
-        color: $menu-item-disabled-color;
-      }
-
-      .nut-menu__title-icon {
-        transition: all 0.2s linear;
-      }
-
-      .nut-menu__title {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        max-width: 100%;
-
-        .nut-menu__title-text {
-          @include text-ellipsis;
-          display: block;
-          padding-left: $menu-title-text-padding-left;
-          padding-right: $menu-title-text-padding-right;
-        }
-
-        &.active .nut-menu__title-icon {
-          transform: rotate(180deg);
-        }
-      }
-    }
-  }
-}

package/dist/packages/menuitem/menuitem.scss

@@ -1,115 +0,0 @@
-
-.nut-theme-dark {
-  .nut-menu-item__content {
-    .nut-menu-item__option {
-      color: $dark-color;
-    }
-  }
-}
-
-.nut-menu-item__content {
-  padding: $menu-item-content-padding;
-  max-height: $menu-item-content-max-height;
-  overflow-y: auto;
-  display: flex;
-  flex-wrap: wrap;
-  background: #fff;
-
-  &_fixed {
-    width: 100%;
-    opacity: 0;
-    position: fixed;
-  }
-
-  .nut-menu-item__option {
-    color: $title-color;
-    font-size: $font-size-2;
-    padding-top: $menu-item-option-padding-top;
-    padding-bottom: $menu-item-option-padding-bottom;
-    display: flex;
-    align-items: center;
-
-    &.active {
-      font-weight: 500;
-      color: $menu-item-active-text-color;
-    }
-
-    i {
-      margin-right: $menu-item-option-i-margin-right;
-    }
-  }
-}
-
-.nut-menu-item__wrap,
-.nut-menu-item__wrap-up {
-  position: absolute;
-  width: 100%;
-  z-index: 2052;
-  overflow: hidden;
-}
-.nut-menu-item__wrap-up {
-  bottom: $menu-bar-line-height;
-}
-
-.overlay-fade-enter-active.nut-menu__overlay {
-  top: auto;
-  z-index: 2052;
-}
-
-.nut-menu__pop.nut-popup {
-  transition: all 0s ease 0s;
-  transform: none;
-}
-
-.placeholder-element {
-  position: fixed;
-  top: -$menu-bar-line-height;
-  left: 0;
-  right: 0;
-  z-index: $menu-bar-opened-z-index;
-  background-color: transparent;
-
-  &.up {
-    bottom: -$menu-bar-line-height;
-  }
-}
-
-.menu-item-enter {
-  opacity: 0;
-  transform: translate(0, -30px);
-}
-
-.menu-item-enter-done {
-  opacity: 1;
-  transform: translate(0, 0);
-  transition: all 100ms;
-}
-
-.menu-item-exit {
-  opacity: 1;
-  transition: all 100ms;
-}
-
-.menu-item-exit-done {
-  opacity: 0;
-  transition: all 100ms;
-}
-
-.menu-item-up-enter {
-  opacity: 0;
-  transform: translate(0, 30px);
-}
-.menu-item-up-enter-done {
-  opacity: 1;
-  transform: translate(0, 0);
-  transition: all 100ms;
-}
-.menu-item-up-exit {
-  opacity: 1;
-  transition: all 100ms;
-}
-
-.menu-item-up-exit-done {
-  opacity: 0;
-  transition: all 100ms;
-}

package/dist/packages/navbar/navbar.scss

@@ -1,141 +0,0 @@
-.nut-theme-dark {
-  .nut-navbar {
-    background: $dark-background;
-    color: $dark-color;
-    .title {
-      color: $dark-color;
-    }
-  }
-}
-.nut-navbar {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: $navbar-height;
-  box-sizing: border-box;
-  padding: $navbar-padding;
-  background: $navbar-background;
-  box-shadow: $navbar-box-shadow;
-  font-size: $navbar-title-base-font;
-  color: $navbar-color;
-  margin-bottom: $navbar-margin-bottom;
-  overflow: hidden;
-  &:active::before {
-    opacity: 0.1;
-  }
-  &--border {
-    border-bottom: 1px solid #eee;
-  }
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-  &--placeholder {
-    display: inline-block;
-    width: 100%;
-  }
-  &--safe-area-inset-top {
-    padding-top: constant(safe-area-inset-top);
-    padding-top: env(safe-area-inset-top);
-  }
-  &--clickable {
-    &::before {
-      position: absolute;
-      content: ' ';
-      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;
-    }
-  }
-
-  .nutui-iconfont {
-    .nut-icon-left {
-      text-align: left;
-    }
-  }
-
-  &__title {
-    min-width: 53%;
-    margin: 0 auto;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    .title {
-      min-width: $navbar-title-width;
-      font-size: $navbar-title-font;
-      font-weight: $navbar-title-font-weight;
-      color: $navbar-title-font-color;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-    }
-    &.icon {
-      .icon {
-        margin: $navbar-title-icon-margin;
-      }
-    }
-    .nut-icon {
-      display: inline;
-    }
-    &-desc {
-      font-size: $cell-title-desc-font;
-    }
-    .text__title {
-      display: inline-block;
-    }
-
-    .nut-tabs__titles {
-      background: $white;
-    }
-
-    .nut-tabpane {
-      display: none;
-    }
-  }
-
-  &__title ::-webkit-scrollbar {
-    display: none;
-  }
-
-  &__left {
-    font-size: $cell-desc-font;
-    color: $cell-desc-color;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    padding: 0 16px;
-  }
-  &__right {
-    font-size: $cell-desc-font;
-    color: $cell-desc-color;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    padding: 0 16px;
-    cursor: pointer;
-    .rightIcon {
-      margin-left: 16px;
-    }
-    .leftIcon {
-      margin-left: 16px;
-    }
-  }
-}

package/dist/packages/noticebar/noticebar.scss

@@ -1,134 +0,0 @@
-.nut-theme-dark {
-  .nut-noticebar-page {
-    background: $dark-background2;
-    color: $dark-color;
-  }
-
-  .nut-noticebar-vertical {
-    .horseLamp_list_item {
-      color: $dark-color;
-    }
-  }
-}
-.nut-noticebar {
-  width: 100%;
-  .nut-noticebar-page {
-    display: flex;
-    padding: $noticebar-box-padding;
-    height: $noticebar-height;
-    font-size: $noticebar-font-size;
-    position: relative;
-    align-items: center;
-    background: $noticebar-background;
-    color: $noticebar-color;
-    &.wrapable {
-      height: auto;
-      padding: $noticebar-wrapable-padding;
-      .wrap {
-        height: auto;
-        .content {
-          position: relative;
-          white-space: normal;
-          word-wrap: break-word;
-        }
-      }
-    }
-
-    .withicon {
-      position: relative;
-      padding-right: 40px;
-    }
-    .left-icon {
-      height: $noticebar-left-icon-width;
-      min-width: $noticebar-left-icon-width;
-      margin: $noticebar-lefticon-margin;
-      background-size: 100% 100%;
-    }
-    .right-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: $noticebar-right-icon-width;
-      margin: $noticebar-righticon-margin;
-    }
-    .wrap {
-      display: flex;
-      flex: 1;
-      height: $noticebar-line-height;
-      line-height: $noticebar-line-height;
-      overflow: hidden;
-      position: relative;
-    }
-    .content {
-      position: absolute;
-      white-space: nowrap;
-      &.nut-ellipsis {
-        max-width: 100%;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-    // 只跑一次
-    .play {
-      animation: nut-notice-bar-play linear both running;
-    }
-    .play-infinite {
-      animation: nut-notice-bar-play-infinite linear infinite both running;
-    }
-    .play-vertical {
-      animation: nut-notice-bar-play-vertical linear infinite both running;
-    }
-  }
-
-  @keyframes nut-notice-bar-play {
-    to {
-      transform: translate3d(-100%, 0, 0);
-    }
-  }
-
-  @keyframes nut-notice-bar-play-infinite {
-    to {
-      transform: translate3d(-100%, 0, 0);
-    }
-  }
-  // 垂直方向的滚动
-  @keyframes nut-notice-bar-play-vertical {
-    to {
-      transform: translateY($noticebar-height);
-    }
-  }
-
-  // 纵向
-  .nut-noticebar-vertical {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    height: $noticebar-height;
-    font-size: $noticebar-font-size;
-    overflow: hidden;
-    padding: $noticebar-box-padding;
-    background: $noticebar-background;
-    color: $noticebar-color;
-    .horseLamp_list {
-      margin: 0;
-      padding: 0;
-      display: block;
-      flex: 1;
-
-      .horseLamp_list_item {
-        display: flex;
-        align-items: center;
-        height: $noticebar-height;
-      }
-    }
-
-    .go {
-      align-self: center;
-      display: flex;
-      justify-content: center;
-      width: $noticebar-right-icon-width;
-      margin: $noticebar-righticon-margin;
-    }
-  }
-}