@nutui/nutui-react-taro 3.0.0-beta.3 → 3.0.0-beta.5

package/dist/cjs/packages/skeleton/style/style.harmony.css

@@ -1,252 +0,0 @@
-.nut-image {
-  display: block;
-  position: relative;
-}
-.nut-image-default {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.nut-image.nut-image-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-image-loading {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-.nut-image-error {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-
-[dir=rtl] .nut-image .nut-img-loading,
-.nut-rtl .nut-image .nut-img-loading {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-image .nut-img-error,
-.nut-rtl .nut-image .nut-img-error {
-  left: auto;
-  right: 0;
-}
-
-.nut-avatar-group {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
-}
-.nut-avatar-group-avatar,
-.nut-avatar-group .nut-avatar {
-  border: 1px solid #fff;
-  margin-left: -8px;
-}
-.nut-avatar-group-avatar:not(:first-of-type),
-.nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: -8px;
-}
-
-[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),
-.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: 0;
-  margin-right: -8px;
-}
-
-.nut-avatar {
-  position: relative;
-  flex: 0 0 auto;
-}
-.nut-avatar-round {
-  border-radius: 999px;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: 5px;
-}
-.nut-avatar-first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-.nut-avatar-img {
-  width: 100%;
-  height: 100%;
-  flex-shrink: 0;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.nut-avatar-icon {
-  background-size: 100% 100%;
-}
-.nut-avatar .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-large {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-img {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-img-image {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-icon {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-large-text {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-small {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-small-img-image {
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-small-text {
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-normal {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-}
-.nut-avatar-normal-img-image {
-  width: 40px;
-  height: 40px;
-}
-.nut-avatar-normal .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-normal-text {
-  width: 40px;
-  height: 40px;
-}
-
-.nut-skeleton {
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  vertical-align: middle;
-  width: 100%;
-}
-.nut-skeleton-content {
-  display: flex;
-  flex-direction: row;
-}
-.nut-skeleton-content-avatar {
-  margin-right: 20px;
-  background: #f5f6fa !important;
-}
-.nut-skeleton-content-block {
-  width: 100%;
-  height: 15px;
-  background: #f5f6fa;
-  margin-top: 10px;
-  border-radius: 0;
-}
-.nut-skeleton-content-line {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.nut-skeleton-content-line .nut-skeleton-content-block:last-child {
-  width: 70%;
-}
-.nut-skeleton-content-title {
-  width: 30%;
-  height: 15px;
-  background: #f5f6fa;
-}
-.nut-skeleton-content-block-last-child {
-  width: 55%;
-}
-.nut-skeleton-animation {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  /* #ifndef rn */
-  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
-  /* #endif */
-  animation: nut-skeleton 2s ease-in-out 0s infinite;
-}
-@keyframes nut-skeleton {
-  0% {
-    background-position-x: -500px;
-  }
-  to {
-    background-position-x: calc(500px + 100%);
-  }
-}
-
-[dir=rtl] .nut-skeleton-content .nut-avatar,
-.nut-rtl .nut-skeleton-content .nut-avatar {
-  margin-right: 0;
-  margin-left: 20px;
-}
-[dir=rtl] .nut-skeleton-animation,
-.nut-rtl .nut-skeleton-animation {
-  left: auto;
-  right: 0;
-  /* #ifndef rn */
-  background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
-  /* #endif */
-  animation: nut-skeleton-rtl 2s ease-in-out 0s infinite;
-}
-@keyframes nut-skeleton-rtl {
-  0% {
-    background-position-x: calc(500px + 100%);
-  }
-  to {
-    background-position-x: -500px;
-  }
-}

package/dist/cjs/packages/space/style/style.harmony.css

@@ -1,79 +0,0 @@
-.nut-space {
-  display: flex;
-}
-.nut-space-item {
-  flex: none;
-}
-.nut-space-vertical {
-  flex-direction: column;
-}
-.nut-space-vertical-item {
-  margin-bottom: 8px;
-}
-.nut-space-vertical-item-last {
-  margin-bottom: 0;
-}
-.nut-space-horizontal {
-  flex-direction: row;
-}
-.nut-space-horizontal-item {
-  margin-right: 8px;
-}
-.nut-space-horizontal-item-last {
-  margin-right: 0;
-}
-.nut-space-horizontal-wrap {
-  flex-wrap: wrap;
-  margin-bottom: calc(8px * -1);
-}
-.nut-space-horizontal-wrap-item {
-  padding-bottom: 8px;
-}
-.nut-space-align-center {
-  align-items: center;
-}
-.nut-space-align-start {
-  align-items: flex-start;
-}
-.nut-space-align-end {
-  align-items: flex-end;
-}
-.nut-space-align-baseline {
-  align-items: baseline;
-}
-.nut-space-justify-center {
-  justify-content: center;
-}
-.nut-space-justify-start {
-  justify-content: flex-start;
-}
-.nut-space-justify-end {
-  justify-content: flex-end;
-}
-.nut-space-justify-between {
-  justify-content: space-between;
-}
-.nut-space-justify-around {
-  justify-content: space-around;
-}
-.nut-space-justify-evenly {
-  justify-content: space-evenly;
-}
-.nut-space-justify-stretch {
-  justify-content: stretch;
-}
-
-[dir=rtl] .nut-space-horizontal > .nut-space-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-
-.nut-rtl .nut-space-horizontal > .nut-space-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-[dir=rtl] .nut-space-horizontal > .nut-space-item:last-child,
-.nut-rtl .nut-space-horizontal > .nut-space-item:last-child {
-  margin-right: 0;
-  margin-left: 0;
-}

package/dist/cjs/packages/step/style/style.harmony.css

@@ -1,197 +0,0 @@
-.nut-step {
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex: 1;
-  text-align: center;
-  font-size: 0;
-}
-.nut-step-head {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  margin-bottom: 12px;
-}
-.nut-step-line {
-  position: absolute;
-  top: calc(25px / 2);
-  left: calc(50% + (100% - 70%) / 2);
-  height: 1px;
-  width: 70%;
-  background: #888B94;
-}
-.nut-step-icon {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 25px;
-  height: 25px;
-  line-height: 25px;
-  font-size: 12px;
-  background-color: #888B94;
-  border-color: #888B94;
-  color: #ffffff;
-  z-index: 1;
-}
-.nut-step-icon .nut-icon {
-  width: 100%;
-  height: 100%;
-}
-.nut-step-icon.is-text {
-  border-radius: 50%;
-  border-width: 1px;
-  border-style: solid;
-}
-.nut-step-icon.is-icon {
-  border-radius: 50%;
-  border-width: 1px;
-  border-style: solid;
-}
-.nut-step-main {
-  padding: 0 10%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.nut-step-title {
-  display: block;
-  margin-bottom: 10px;
-  font-size: 14px;
-  color: #1A1A1A;
-}
-.nut-step-description {
-  display: block;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-step:last-child .nut-step-line {
-  display: none;
-}
-.nut-step.nut-step-process .nut-step-icon {
-  background-color: #FF0F23;
-  border-color: #FF0F23;
-  color: #ffffff;
-}
-.nut-step.nut-step-process .nut-step-title {
-  color: #FF0F23;
-  font-size: 14px;
-  font-weight: 500;
-}
-.nut-step.nut-step-process .nut-step-description {
-  color: #505259;
-}
-.nut-step.nut-step-wait .nut-step-title {
-  color: #1A1A1A;
-}
-.nut-step.nut-step-wait .nut-step-description {
-  color: #505259;
-}
-.nut-step.nut-step-finish .nut-step-icon {
-  background-color: #ffffff;
-  border-color: #FF0F23;
-  color: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-line {
-  background: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-title {
-  color: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-description {
-  color: #505259;
-}
-
-.nut-steps-dot .nut-step-head {
-  margin: 10px 0;
-}
-.nut-steps-dot .nut-step-line {
-  top: 7px;
-}
-.nut-steps-dot .nut-step-icon {
-  width: 6px;
-  height: 6px;
-  border: 2px solid #ffffff;
-  border-radius: 50%;
-  box-sizing: content-box;
-}
-.nut-steps-dot .nut-step-wait .nut-step-icon {
-  background-color: #888B94;
-}
-.nut-steps-dot .nut-step-finish .nut-step-icon {
-  background-color: #ffffff;
-  border-color: #FF0F23;
-}
-.nut-steps-dot .nut-step-process .nut-step-icon {
-  position: relative;
-}
-.nut-steps-dot .nut-step-process .nut-step-icon:before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  margin-left: -7px;
-  margin-top: -7px;
-  width: 14px;
-  height: 14px;
-  background-color: #FF0F23;
-  border-radius: 50%;
-  opacity: 0.23;
-}
-
-.nut-steps-horizontal.nut-steps-dot .nut-step-line {
-  top: 50%;
-  bottom: -50%;
-}
-
-.nut-steps-vertical .nut-step {
-  display: flex;
-  height: 33.34%;
-}
-.nut-steps-vertical .nut-step-line {
-  position: absolute;
-  display: inline-block;
-  width: 1px;
-  height: 70%;
-  background: #888B94;
-  top: calc(25px + (100% - 70% - 12px) / 2);
-  left: calc(50% - 1px);
-}
-.nut-steps-vertical.nut-steps-dot .nut-step-line {
-  top: calc(6px + (100% - 70%) / 2);
-}
-.nut-steps-vertical .nut-step-main {
-  display: inline-block;
-  padding-left: 6%;
-  text-align: start;
-}
-
-[dir=rtl] .nut-step-line {
-  left: auto;
-  right: calc(50% + (100% - 70%) / 2);
-}
-
-.nut-rtl .nut-step-line {
-  left: auto;
-  right: calc(50% + (100% - 70%) / 2);
-}
-
-[dir=rtl] .nut-steps-dot .nut-step-process .nut-step-icon:before,
-.nut-rtl .nut-steps-dot .nut-step-process .nut-step-icon:before {
-  left: auto;
-  right: 50%;
-  margin-left: 0;
-  margin-right: -7px;
-}
-
-[dir=rtl] .nut-steps-vertical .nut-step-line,
-.nut-rtl .nut-steps-vertical .nut-step-line {
-  left: auto;
-  right: calc(50% - 1px);
-}
-[dir=rtl] .nut-steps-vertical .nut-step-main,
-.nut-rtl .nut-steps-vertical .nut-step-main {
-  padding-left: 0;
-  padding-right: 6%;
-}

package/dist/cjs/packages/steps/style/style.harmony.css

@@ -1,8 +0,0 @@
-.nut-steps {
-  display: flex;
-}
-
-.nut-steps-vertical {
-  height: 100%;
-  flex-flow: column;
-}

package/dist/cjs/packages/sticky/style/style.harmony.css

@@ -1,3 +0,0 @@
-.nut-sticky-fixed {
-  position: fixed;
-}

package/dist/cjs/packages/subsidenavbar/style/style.harmony.css

@@ -1,16 +0,0 @@
-.nut-subsidenavbar-title {
-  height: 40px;
-  padding: 10px 8px 10px 35px;
-  box-sizing: border-box;
-  background-color: #F7F8FC;
-  color: #1A1A1A;
-  box-sizing: border-box;
-}
-.nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content {
-  height: auto;
-  overflow: inherit;
-}
-.nut-subsidenavbar-list.sidenavbar-hide .nut-subsidenavbar-content {
-  height: 0;
-  overflow: hidden;
-}

package/dist/cjs/packages/swipe/style/style.harmony.css

@@ -1,29 +0,0 @@
-.nut-swipe {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-  background-color: #ffffff;
-}
-.nut-swipe-wrapper {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-self: stretch;
-  width: 100%;
-  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-  transition-property: transform;
-}
-.nut-swipe-left, .nut-swipe-right {
-  position: absolute;
-  top: 0;
-  display: flex;
-  flex-direction: row;
-}
-.nut-swipe-left {
-  left: 0;
-}
-.nut-swipe-right {
-  left: 100%;
-}

package/dist/cjs/packages/swiper/style/style.harmony.css

@@ -1,135 +0,0 @@
-.nut-indicator {
-  display: flex;
-  flex-direction: row;
-  width: auto;
-  flex-wrap: nowrap;
-  align-items: center;
-}
-.nut-indicator-dot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.06);
-  margin: 0 2px;
-}
-.nut-indicator-dot:first-child {
-  margin-left: 0px;
-}
-.nut-indicator-dot:last-child {
-  margin-right: 0px;
-}
-.nut-indicator-active {
-  width: 8px;
-  border-radius: 2px;
-  background: #ff0f23;
-}
-.nut-indicator-vertical {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.nut-indicator-vertical-dot {
-  margin: 2px 0;
-}
-.nut-indicator-vertical-dot:first-child {
-  margin-top: 0px;
-}
-.nut-indicator-vertical-dot:last-child {
-  margin-bottom: 0px;
-}
-.nut-indicator-vertical-active {
-  width: 4px;
-  height: 8px;
-}
-
-[dir=rtl] .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-
-.nut-rtl .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-[dir=rtl] .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
-.nut-rtl .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
-
-.nut-swiper {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  touch-action: none;
-  position: relative;
-}
-.nut-swiper-indicator {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  position: absolute;
-  height: 4px;
-  width: 100%;
-  top: 89.33%;
-  z-index: 10;
-}
-.nut-swiper-indicator-vertical {
-  width: 8px;
-  height: 100%;
-  top: 0;
-  left: 12px;
-  flex-direction: column;
-  justify-content: center;
-  z-index: 1;
-}
-
-.nut-swiper-inner {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  position: relative;
-}
-.nut-swiper-inner-horizontal {
-  /* #ifndef rn */
-  transform: undefined;
-  /* #ifndef rn */
-}
-.nut-swiper-inner-vertical {
-  /* #ifndef rn */
-  transform: undefined;
-  /* #ifndef rn */
-  flex-direction: column;
-}
-
-.nut-swiper-slide {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  flex-shrink: 0;
-}
-
-.nut-swiper-item {
-  width: 100%;
-  height: 100%;
-}
-
-[dir=rtl] .nut-swiper-indicator,
-.nut-rtl .nut-swiper-indicator {
-  left: auto;
-  right: 50%;
-  /* #ifndef rn */
-  transform: translateX(50%);
-  /* #endif */
-}
-[dir=rtl] .nut-swiper-indicator-vertical,
-.nut-rtl .nut-swiper-indicator-vertical {
-  left: auto;
-  right: 12px;
-}

package/dist/cjs/packages/swiperitem/style/style.harmony.css

@@ -1,3 +0,0 @@
-.nut-swiper-item {
-  height: 100%;
-}