@nutui/nutui-react-taro 3.0.17-beta.0 → 3.0.18-cpp

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/spec/price/base.d.ts

@@ -1,12 +1,18 @@
 import { BaseProps } from '../../base/props';
 import { SimpleValue, UISize } from '../../base/atoms';
 export type PriceSize = Exclude<UISize, 'mini'>;
-export type PriceColor = 'primary' | 'gray' | 'darkgray';
+export type SpecificPriceColor = 'primary' | 'gray' | 'darkgray';
+export type PriceColor = SpecificPriceColor | string;
+export declare enum PriceColorEnum {
+    Primary = "primary",
+    Gray = "gray",
+    Darkgray = "darkgray"
+}
 export interface BasePrice extends BaseProps {
     color: PriceColor;
     price: SimpleValue;
     symbol: string;
-    digits: number;
+    digits: number | null;
     thousands: boolean;
     position: string;
     size: PriceSize;

package/dist/cjs/types/spec/price/base.js

@@ -2,3 +2,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "PriceColorEnum", {
+    enumerable: true,
+    get: function() {
+        return PriceColorEnum;
+    }
+});
+var PriceColorEnum = /*#__PURE__*/ function(PriceColorEnum) {
+    PriceColorEnum["Primary"] = "primary";
+    PriceColorEnum["Gray"] = "gray";
+    PriceColorEnum["Darkgray"] = "darkgray";
+    return PriceColorEnum;
+}({});

package/dist/cjs/utils/taro/get-rect.d.ts

@@ -10,3 +10,4 @@ export interface Rect {
 }
 export declare function makeRect(width: number, height: number): Rect;
 export declare const getRectInMultiPlatform: (element: any, harmonyId?: string) => Promise<Rect>;
+export declare const getRectInMultiPlatformWithoutCache: (element: any, harmonyId?: string) => Promise<Rect>;

package/dist/cjs/utils/taro/get-rect.js

@@ -12,6 +12,9 @@ _export(exports, {
     getRectInMultiPlatform: function() {
         return getRectInMultiPlatform;
     },
+    getRectInMultiPlatformWithoutCache: function() {
+        return getRectInMultiPlatformWithoutCache;
+    },
     makeRect: function() {
         return makeRect;
     }
@@ -74,3 +77,36 @@ var getRectInMultiPlatform = /*#__PURE__*/ function() {
         return _ref.apply(this, arguments);
     };
 }();
+var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
+    var _ref = (0, _async_to_generator._)(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
+        return (0, _ts_generator._)(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
+            if (element) {
+                if (_getrect.inBrowser) {
+                    return [
+                        2,
+                        Promise.resolve((0, _getrect.getRect)(element))
+                    ];
+                }
+                return [
+                    2,
+                    new Promise(function(resolve, reject) {
+                        (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                            var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
+                            resolve(rects);
+                        });
+                    })
+                ];
+            }
+            return [
+                2,
+                Promise.resolve(makeRect(0, 0))
+            ];
+        });
+    });
+    return function getRectInMultiPlatformWithoutCache(element) {
+        return _ref.apply(this, arguments);
+    };
+}();