@nutui/nutui-react-taro 3.0.16 → 3.0.17

package/dist/es/packages/trendarrow/style/style.harmony.css

@@ -6,14 +6,14 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: #1a1a1a;
-  font-size: 14px;
+  color: var(--nutui-color-title, #1a1a1a);
+  font-size: var(--nutui-trendarrow-font-size, 14px);
 }
 .nut-trendarrow-icon-before {
-  margin-right: 4px;
+  margin-right: var(--nutui-trendarrow-icon-margin, 4px);
 }
 .nut-trendarrow-icon-after {
-  margin-left: 4px;
+  margin-left: var(--nutui-trendarrow-icon-margin, 4px);
 }
 .nut-trendarrow-rate {
   vertical-align: middle;
@@ -23,20 +23,13 @@
   vertical-align: middle;
 }
 
-[dir=rtl] .nut-trendarrow-icon-before {
-  margin-right: 0;
-  margin-left: 4px;
-}
-
+[dir=rtl] .nut-trendarrow-icon-before,
 .nut-rtl .nut-trendarrow-icon-before {
   margin-right: 0;
-  margin-left: 4px;
-}
-[dir=rtl] .nut-trendarrow-icon-after {
-  margin-left: 0;
-  margin-right: 4px;
+  margin-left: var(--nutui-trendarrow-icon-margin, 4px);
 }
+[dir=rtl] .nut-trendarrow-icon-after,
 .nut-rtl .nut-trendarrow-icon-after {
   margin-left: 0;
-  margin-right: 4px;
+  margin-right: var(--nutui-trendarrow-icon-margin, 4px);
 }

package/dist/es/packages/uploader/style/style.harmony.css

@@ -2,6 +2,66 @@
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
+.nut-progress {
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+}
+.nut-progress-outer {
+  flex: 1;
+  border-radius: var(--nutui-progress-border-radius, 12px);
+  height: var(--nutui-progress-height, 10px);
+  background: var(--nutui-progress-background, var(--nutui-color-background, #f2f3f5));
+}
+.nut-progress-outer .nut-progress-active:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--nutui-progress-border-radius, 12px);
+  animation: progressActive 2s ease-in-out infinite;
+}
+.nut-progress-inner {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  transition: all 0.4s;
+  border-radius: var(--nutui-progress-border-radius, 12px);
+  background: var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
+}
+.nut-progress-text {
+  display: flex;
+  align-items: center;
+  transition: all 0.4s;
+  margin-left: 12px;
+  color: var(--nutui-color-text-help, #888b94);
+  font-family: PingFang SC;
+  font-size: var(--nutui-progress-text-font-size, 13px);
+}
+@keyframes progressActive {
+  0% {
+    background: rgba(255, 255, 255, 0.1);
+    width: 0;
+  }
+  20% {
+    background: rgba(255, 255, 255, 0.5);
+    width: 0;
+  }
+  to {
+    background: rgba(255, 255, 255, 0);
+    width: 100%;
+  }
+}
+
+[dir=rtl] .nut-progress-text,
+.nut-rtl .nut-progress-text {
+  transform: translate(50%);
+}
+
 .nut-uploader {
   position: relative;
   display: flex;
@@ -15,29 +75,26 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #f2f3f5;
-  width: 100px;
-  height: 100px;
-  border: 0px;
-  border-radius: 4px;
+  background: var(--nutui-uploader-background, var(--nutui-color-background, #f2f3f5));
+  width: var(--nutui-uploader-image-width, 100px);
+  height: var(--nutui-uploader-image-height, 100px);
+  border: var(--nutui-uploader-image-border, 0px);
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
 }
 .nut-uploader-icon {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  color: #888b94;
-}
-.nut-uploader-icon i {
-  color: #888b94;
-  margin-bottom: 6px;
+  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
 }
+.nut-uploader-icon i,
 .nut-uploader-icon .nut-icon {
-  color: #888b94;
-  margin-bottom: 6px;
+  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
+  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
 }
 .nut-uploader-icon-tip {
-  font-size: 12px;
+  font-size: var(--nutui-uploader-image-icon-tip-font-size, 12px);
 }
 .nut-uploader-input {
   position: absolute !important;
@@ -53,22 +110,19 @@
   cursor: not-allowed;
 }
 .nut-uploader-upload-disabled {
-  background: #f2f3f5;
-  color: #c2c4cc;
-}
-.nut-uploader-upload-disabled .nut-uploader-icon i {
-  color: #c2c4cc;
-  margin-bottom: 6px;
+  background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
 }
+.nut-uploader-upload-disabled .nut-uploader-icon i,
 .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: #c2c4cc;
-  margin-bottom: 6px;
+  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
 }
 .nut-uploader-preview {
   position: relative;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  border-radius: 4px;
+  margin-right: var(--nutui-uploader-preview-margin-right, 10px);
+  margin-bottom: var(--nutui-uploader-preview-margin-bottom, 10px);
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
 }
 .nut-uploader-preview-progress {
@@ -81,15 +135,15 @@
   justify-content: center;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  border-radius: 4px;
+  background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
   z-index: 10;
 }
 .nut-uploader-preview-progress i {
-  margin-bottom: 6px;
+  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
 }
 .nut-uploader-preview-progress-msg {
-  color: #888b94;
+  color: var(--nutui-color-text-help, #888b94);
   font-size: 12px;
 }
 .nut-uploader-preview.list {
@@ -107,7 +161,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 10px;
-  background-color: #f7f8fc;
+  background-color: var(--nutui-color-background-sunken, #f7f8fc);
 }
 .nut-uploader-preview-list .nut-uploader-preview-img-file-name {
   display: flex;
@@ -130,20 +184,20 @@
 }
 .nut-uploader-preview .close {
   position: absolute;
-  right: 0px;
-  top: 0px;
+  right: var(--nutui-uploader-preview-close-right, 0px);
+  top: var(--nutui-uploader-preview-close-top, 0px);
   transform: translate(50%, -50%);
   z-index: 1;
 }
 .nut-uploader-preview-img {
   position: relative;
-  width: 100px;
-  height: 100px;
-  border-radius: 4px;
+  width: var(--nutui-uploader-image-width, 100px);
+  height: var(--nutui-uploader-image-height, 100px);
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
   overflow: hidden;
 }
 .nut-uploader-preview-img i {
-  color: #1a1a1a;
+  color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-uploader-preview-img .tips {
   position: absolute;
@@ -153,13 +207,13 @@
   color: #ffffff;
   text-align: center;
   box-sizing: border-box;
-  height: 24px;
-  line-height: 24px;
-  border-radius: 4px;
+  height: var(--nutui-uploader-preview-tips-height, 24px);
+  line-height: var(--nutui-uploader-preview-tips-height, 24px);
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  padding: 0 5px;
-  background: rgba(0, 0, 0, 0.4);
+  padding: var(--nutui-uploader-preview-tips-padding, 0 5px);
+  background: var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -171,7 +225,7 @@
   align-items: center;
   height: 100%;
   position: initial;
-  border-radius: 4px;
+  border-radius: var(--nutui-uploader-image-border-radius, 4px);
 }
 .nut-uploader-preview-img-file {
   height: 100%;
@@ -185,7 +239,7 @@
   display: flex;
   width: 90%;
   font-size: 12px;
-  color: #505259;
+  color: var(--nutui-color-text, #505259);
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
@@ -207,13 +261,10 @@
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-uploader-preview {
-  margin-right: 0;
-  margin-left: 10px;
-}
+[dir=rtl] .nut-uploader-preview,
 .nut-rtl .nut-uploader-preview {
   margin-right: 0;
-  margin-left: 10px;
+  margin-left: var(--nutui-uploader-preview-margin-right, 10px);
 }
 [dir=rtl] .nut-uploader-preview-progress,
 .nut-rtl .nut-uploader-preview-progress {
@@ -225,14 +276,10 @@
   margin-right: 0;
   margin-left: 0px;
 }
-[dir=rtl] .nut-uploader-preview .close {
-  right: auto;
-  left: 0px;
-  transform: translate(-50%, -50%);
-}
+[dir=rtl] .nut-uploader-preview .close,
 .nut-rtl .nut-uploader-preview .close {
   right: auto;
-  left: 0px;
+  left: var(--nutui-uploader-preview-close-right, 0px);
   transform: translate(-50%, -50%);
 }
 [dir=rtl] .nut-uploader-preview-img .tips,

package/dist/es/packages/virtuallist/style/style.harmony.css

@@ -8,8 +8,8 @@
 .nut-horizontal-items li {
   display: block;
   float: left;
-  color: #1a1a1a;
-  background: #ffffff;
+  color: var(--nutui-color-title, #1a1a1a);
+  background: var(--nutui-color-background-overlay, #ffffff);
   padding: 10px;
   margin-right: 20px;
 }
@@ -22,8 +22,8 @@
 
 .nut-vertical-items li {
   display: block;
-  color: #1a1a1a;
-  background: #ffffff;
+  color: var(--nutui-color-title, #1a1a1a);
+  background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 7px;
   box-shadow: 0 1px 6px 0 rgb(237, 238, 241);
   margin-top: 20px;
@@ -59,7 +59,7 @@
 }
 .nut-virtuallist-item {
   overflow: hidden;
-  margin: 0 0 10px 0;
+  margin: var(--nutui-list-item-margin, 0 0 10px 0);
 }
 
 [dir=rtl] .nut-horizontal-items,

package/dist/es/packages/watermark/style/style.harmony.css

@@ -4,7 +4,7 @@
 /* #endif */
 .nut-watermark {
   position: absolute;
-  z-index: 1200;
+  z-index: var(--nutui-watermark-z-index, 1200);
   left: 0;
   right: 0;
   top: 0;

package/dist/es/types/spec/pulltorefresh/taro.d.ts

@@ -1,4 +1,5 @@
 import { BasePullToRefresh } from './base';
 export interface TaroPullToRefreshProps extends BasePullToRefresh {
     scrollTop: number;
+    catchMove: boolean;
 }

package/dist/nutui.react.umd.js

@@ -7418,7 +7418,7 @@
       if (yearNum > 0) {
         monthNum += 12 * yearNum;
       }
-      if (monthNum <= 0) {
+      if (monthNum < 0) {
         monthNum = 1;
       }
       setMonthsNum(monthNum);
@@ -16724,7 +16724,7 @@
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classes,
       style: props.style,
-      catchMove: true,
+      catchMove: props.catchMove,
       onTouchStart: handleTouchStart,
       onTouchMove: handleTouchMove,
       onTouchEnd: handleTouchEnd