@nutui/nutui-react 2.0.23 → 2.0.24

package/dist/packages/avatarcropper/avatarcropper.scss

@@ -0,0 +1,88 @@
+.nut-avatar-cropper {
+  position: relative;
+  display: flex;
+  &-edit-text {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba($color: #000000, $alpha: 0.3);
+    z-index: 1;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  &-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0; // 隐藏原生上传按钮
+    cursor: pointer;
+    z-index: 2;
+  }
+  &-popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));
+    z-index: 1000;
+    &-canvas,
+    &-cut-canvas {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+    }
+    &-cut-canvas {
+      z-index: 0;
+    }
+    &-toolbar {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      z-index: 2;
+      &.top {
+        top: 0;
+        bottom: inherit;
+      }
+      &-flex {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+      }
+      &-item {
+        color: #fff;
+        padding: 15px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+      }
+    }
+    &-highlight {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1;
+      background-color: transparent;
+      .highlight {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background-color: transparent;
+        box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.6);
+      }
+    }
+  }
+}

package/dist/packages/swiper/swiper.scss

@@ -24,6 +24,7 @@
     left: 50%;
     bottom: $swiper-indicator-bottom;
     transform: translateX(-50%);
+    z-index: 1;
   }
 
   &__indicator-vertical {
@@ -34,5 +35,6 @@
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     transform: translateY(-50%);
+    z-index: 1;
   }
 }

package/dist/packages/toast/toast.scss

@@ -53,6 +53,14 @@
     left: 50%;
     top: $toast-inner-top;
     transform: translate(-50%, -50%);
+    &.normal {
+      word-break: normal;
+      word-wrap: normal;
+    }
+    &.break-word {
+      word-break: normal;
+      word-wrap: break-word;
+    }
   }
   &-center {
     top: var(--nutui-toast-inner-top, 50%);