@nutui/nutui-react-taro 3.1.0-beta.1 → 4.0.0-beta.1

package/dist/nutui.react.umd.js

@@ -1433,7 +1433,7 @@
   var Button = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps$1C, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style;
     _ref.nativeType;
-    var onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var description = _ref.description, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "color",
       "shape",
       "fill",
@@ -1448,8 +1448,22 @@
       "className",
       "style",
       "nativeType",
+      "description",
       "onClick"
     ]);
+    var mappedSize = React.useMemo(function() {
+      if (!size) return "normal";
+      var sizeMap = {
+        "48": "xlarge",
+        "40": "large",
+        "32": "normal",
+        "28": "small",
+        "24": "mini"
+      };
+      return sizeMap[size] || size;
+    }, [
+      size
+    ]);
     var getStyle = React.useMemo(function() {
       var style2 = {};
       if (color) {
@@ -1459,7 +1473,7 @@
             style2.borderColor = color;
           }
         } else {
-          style2.color = "#fff";
+          style2.color = "var(--nutui-color-primary-text, #fff)";
           if (harmony()) {
             style2.backgroundColor = color;
           }
@@ -1478,7 +1492,7 @@
         if (props.fill === "outline" || props.fill === "dashed") {
           style2.color = color;
         } else {
-          style2.color = "#fff";
+          style2.color = "var(--nutui-color-primary-text, #fff)";
           style2.background = "transparent";
           style2.borderColor = "transparent";
         }
@@ -1499,26 +1513,41 @@
       onClick
     ]);
     var _obj;
-    var buttonClassNames = classNames(prefixCls$2, "".concat(prefixCls$2, "-").concat(type2), (_obj = {}, _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-solid"), type2 === "primary" && !props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(size), size), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape), shape), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape, "-").concat(size), shape && size), _define_property(_obj, "".concat(prefixCls$2, "-block"), block), _define_property(_obj, "".concat(prefixCls$2, "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2).concat(props.fill ? "-".concat(fill) : "", "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-loading"), loading), _define_property(_obj, "".concat(prefixCls$2, "-icononly"), !children), _obj), className);
+    var buttonClassNames = classNames(prefixCls$2, "".concat(prefixCls$2, "-").concat(type2), (_obj = {}, _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-solid"), type2 === "primary" && !props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2, "-").concat(fill), props.fill), _define_property(_obj, "".concat(prefixCls$2, "-").concat(mappedSize), mappedSize), _define_property(_obj, "".concat(prefixCls$2, "-has-desc"), !!description), _define_property(_obj, "".concat(prefixCls$2, "-").concat(shape), shape), _define_property(_obj, "".concat(prefixCls$2, "-block"), block), _define_property(_obj, "".concat(prefixCls$2, "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-").concat(type2).concat(props.fill ? "-".concat(fill) : "", "-disabled"), disabled || loading), _define_property(_obj, "".concat(prefixCls$2, "-loading"), loading), _define_property(_obj, "".concat(prefixCls$2, "-icononly"), !children), _obj), className);
     return (
+      // <TaroButton>
       // @ts-ignore
-      // <TaroButton
       /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({}, rest), {
         ref,
         // formType={formType || nativeType}
         className: buttonClassNames,
         style: _object_spread({}, getStyle, style),
+        ariaRole: "button",
+        role: "button",
+        ariaDisabled: disabled || loading,
+        "aria-disabled": disabled || loading,
+        ariaBusy: loading,
+        "aria-busy": loading,
         onClick: function(e) {
           return handleClick(e);
         }
       }), /* @__PURE__ */ React.createElement(components.View, {
         className: "nut-button-wrap"
       }, loading && /* @__PURE__ */ React.createElement(IconSVG$i, {
-        className: "nut-icon-loading"
+        className: "nut-icon-loading",
+        ariaHidden: true,
+        "aria-hidden": true
       }), !loading && icon, children && /* @__PURE__ */ React.createElement(components.View, {
-        className: "nut-button-children nut-button-".concat(size, "-children nut-button-").concat(type2, "-children ").concat(!(props.fill || disabled || loading) ? "" : "nut-button-".concat(type2).concat(props.fill ? "-".concat(fill) : "").concat(disabled || loading ? "-disabled" : "")).concat(icon || loading ? " nut-button-text" : "").concat(rightIcon ? " nut-button-text-right" : ""),
+        className: classNames("nut-button-children", "nut-button-".concat(mappedSize, "-children"), "nut-button-".concat(type2, "-children"), {
+          "nut-button-text": icon || loading,
+          "nut-button-text-right": rightIcon
+        }),
         style: harmony() ? getContStyle : {}
-      }, children), rightIcon))
+      }, description ? /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-button-title"
+      }, children) : children, description && /* @__PURE__ */ React.createElement(components.View, {
+        className: "nut-button-desc"
+      }, description)), rightIcon))
     );
   });
   Button.displayName = "NutButton";
@@ -1930,6 +1959,11 @@
     edit: "编辑",
     reset: "重置",
     close: "关闭",
+    back: "返回",
+    clear: "清除",
+    image: {
+      errorTip: "图片加载失败"
+    },
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1969,7 +2003,16 @@
       },
       today: "今天",
       loadPreviousMonth: "加载上一个月",
-      noEarlierMonth: "没有更早月份"
+      noEarlierMonth: "没有更早月份",
+      dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
+        if (isActive) {
+          return today ? "已选定今日".concat(month, "月").concat(day, "号") : "已选定".concat(month, "月").concat(day, "号");
+        }
+        if (isDisable) {
+          return today ? "".concat(month, "月").concat(day, "号今日按钮变暗") : "".concat(month, "月").concat(day, "号按钮变暗");
+        }
+        return today ? "".concat(month, "月").concat(day, "号今日") : "".concat(month, "月").concat(day, "号");
+      }
     },
     shortpassword: {
       title: "请输入密码",
@@ -3130,9 +3173,6 @@
   var getWindowInfo = function() {
     return typeof Taro.getWindowInfo === "function" ? Taro.getWindowInfo() : Taro.getSystemInfoSync();
   };
-  var getAppBaseInfo = function() {
-    return typeof Taro.getAppBaseInfo === "function" ? Taro.getAppBaseInfo() : Taro.getSystemInfoSync();
-  };
   function useWatch$1(dep, callback) {
     var config2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
       immediate: false
@@ -3519,7 +3559,7 @@
     var _useState = _sliced_to_array(React.useState(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];
     React.useMemo(function() {
       return isHarmony ? {
-        color: isTouchStart ? "#595959" : "#1A1A1A"
+        color: isTouchStart ? "var(--nutui-color-text, #595959)" : "var(--nutui-color-title, #1A1A1A)"
       } : {};
     }, [
       isTouchStart
@@ -7672,7 +7712,7 @@
           selectedExist(item);
         }
       }, item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(IconSVG$r, {
-        color: "#FF0F23"
+        color: "var(--nutui-color-primary, #ff0f23)"
       })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(IconSVG$g, null)), /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-exist-item-info")
       }, item.name && item.phone && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, null, item.name), /* @__PURE__ */ React.createElement(components.View, null, item.phone)), /* @__PURE__ */ React.createElement(components.View, null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)));
@@ -8392,7 +8432,7 @@
           className: "nut-cascader-item-icon-loading"
         }), active2 && (React.isValidElement(activeIcon) ? activeIcon : /* @__PURE__ */ React.createElement(IconSVG$r, {
           className: "".concat(classPrefix2, "-icon-check"),
-          color: activeColor || "#ff0f23"
+          color: activeColor || "var(--nutui-color-primary, #ff0f23)"
         })));
       });
     };
@@ -9989,9 +10029,10 @@
       return cls;
     };
     var renderLabel = function() {
-      return /* @__PURE__ */ React.createElement(components.View, {
+      var hasLabel = children || label;
+      return hasLabel ? /* @__PURE__ */ React.createElement(components.View, {
         className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
-      }, children || label);
+      }, hasLabel) : null;
     };
     var handleClick = function() {
       if (disabled) return;
@@ -10020,7 +10061,7 @@
     };
     var _obj;
     return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
-      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix$j, "-active"), innerChecked), _obj), className)
+      className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix$j, "-active"), innerChecked), _define_property(_obj, "".concat(classPrefix$j, "-nolabel"), !(children || label)), _obj), className)
     }, rest), {
       onClick: handleClick,
       ariaRole: "checkbox",
@@ -10905,6 +10946,13 @@
     if (rangeType === "year-month" && formattedDate.length < 3) {
       formattedDate.push(new Date(defaultDate).getDate());
     }
+    if ((rangeType === "time" || rangeType === "hour-minutes") && formattedDate.length < 6) {
+      var defaultDateObj = new Date(defaultDate);
+      formattedDate.unshift(defaultDateObj.getFullYear(), defaultDateObj.getMonth() + 1, defaultDateObj.getDate());
+      if (rangeType === "hour-minutes") {
+        formattedDate.push(0);
+      }
+    }
     var year = Number(formattedDate[0]);
     var month = Number(formattedDate[1]) - 1;
     var day = Math.min(Number(formattedDate[2]), getLastDayOfMonth(year, month + 1));
@@ -10997,11 +11045,9 @@
         if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
           setInnerDate(formatValue(newDate, startDate, endDate));
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
-          String(newDate.getFullYear()),
-          String(newDate.getMonth() + 1),
-          String(newDate.getDate())
-        ], index2);
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, selectedOptions.map(function(val2) {
+          return val2.value;
+        }), index2);
       }
     };
     var handleConfirmDateComparison = function(newDate) {
@@ -13343,7 +13389,9 @@
       onClick: handleReduce
     }, /* @__PURE__ */ React.createElement(IconSVG$e, {
       className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), Number(shadowValue) <= Number(min) || disabled))
-    })), /* @__PURE__ */ React.createElement("input", {
+    })), /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix$h, "-divider")
+    }), /* @__PURE__ */ React.createElement("input", {
       className: classNames("".concat(classPrefix$h, "-input"), _define_property({}, "".concat(classPrefix$h, "-input-disabled"), disabled)),
       type: formatter ? "text" : type2,
       ref: inputRef,
@@ -13354,6 +13402,8 @@
       onInput: handleInputChange,
       onBlur: handleBlur,
       onFocus: handleFocus
+    }), /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix$h, "-divider")
     }), /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix$h, "-add"),
       onClick: handlePlus
@@ -13959,8 +14009,8 @@
       };
     }
     var color = function() {
-      var _obj;
-      return _obj = {}, _define_property(_obj, "".concat(classPrefix2, "-icon-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-icon"), !checkedStatement), _define_property(_obj, "".concat(classPrefix2, "-icon-checked"), checkedStatement), _obj;
+      var _obj2;
+      return _obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-icon-disabled"), disabled), _define_property(_obj2, "".concat(classPrefix2, "-icon"), !checkedStatement), _define_property(_obj2, "".concat(classPrefix2, "-icon-checked"), checkedStatement), _obj2;
     };
     var renderIcon = function() {
       var icon = props.icon, activeIcon = props.activeIcon;
@@ -13993,13 +14043,13 @@
     };
     var renderLabel = function() {
       var labelcls = classNames("".concat(classPrefix2, "-label"), _define_property({}, "".concat(classPrefix2, "-label-disabled"), disabled));
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), /* @__PURE__ */ React.createElement(components.View, {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), children && /* @__PURE__ */ React.createElement(components.View, {
         className: labelcls
       }, children));
     };
     var renderButton = function() {
-      var _obj;
-      var buttoncls = classNames("".concat(classPrefix2, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-button-active"), checkedStatement), _define_property(_obj, "".concat(classPrefix2, "-button-disabled"), disabled), _obj));
+      var _obj2;
+      var buttoncls = classNames("".concat(classPrefix2, "-button"), (_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-button-active"), checkedStatement), _define_property(_obj2, "".concat(classPrefix2, "-button-disabled"), disabled), _obj2));
       return /* @__PURE__ */ React.createElement(components.View, {
         className: buttoncls
       }, children);
@@ -14014,7 +14064,8 @@
       if (disabled || checkedStatement) return;
       setCheckedStatement(!checkedStatement);
     };
-    var cls = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-reverse"), labelPosition === "left"), className);
+    var _obj;
+    var cls = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-reverse"), labelPosition === "left"), _define_property(_obj, "".concat(classPrefix2, "-nolabel"), !children), _obj), className);
     return /* @__PURE__ */ React.createElement(components.View, {
       className: cls,
       style,
@@ -15171,7 +15222,7 @@
     canvasId: "spcanvas",
     type: "png",
     lineWidth: 2,
-    strokeStyle: "#1A1A1A"
+    strokeStyle: "var(--nutui-color-title, #1a1a1a)"
   });
   var InternalSignature = function(props, ref) {
     var _ref = _object_spread({}, defaultProps$O, props), canvasId = _ref.canvasId, type2 = _ref.type, lineWidth = _ref.lineWidth, strokeStyle = _ref.strokeStyle, className = _ref.className;
@@ -15649,7 +15700,7 @@
         }, baseStyles),
         inner: _object_spread({
           width: "".concat(displayPercent, "%"),
-          background: effectiveColor || "#FF0F23"
+          background: effectiveColor || "var(--nutui-color-primary, #ff0f23)"
         }, baseStyles, transitionStyle)
       };
     };
@@ -18194,19 +18245,19 @@
     var cls = classNames(classPrefix2, className);
     var defaultStatus2 = {
       success: /* @__PURE__ */ React.createElement(IconSVG$6, {
-        color: "#00D900"
+        color: "var(--nutui-color-success, #0acc2a)"
       }),
       error: /* @__PURE__ */ React.createElement(IconSVG$n, {
-        color: "#FF0F23"
+        color: "var(--nutui-color-primary, #ff0f23)"
       }),
       warning: /* @__PURE__ */ React.createElement(IconSVG, {
-        color: "#FFBF00"
+        color: "var(--nutui-color-warning, #ffaa00)"
       }),
       info: /* @__PURE__ */ React.createElement(IconSVG$5, {
-        color: "#0073FF"
+        color: "var(--nutui-color-info, #0c82f7)"
       }),
       waiting: /* @__PURE__ */ React.createElement(IconSVG$v, {
-        color: "#0073FF"
+        color: "var(--nutui-color-info, #0c82f7)"
       })
     };
     return /* @__PURE__ */ React.createElement(components.View, {
@@ -18455,7 +18506,7 @@
         var newState = _object_spread_props(_object_spread({}, state), {
           dragging: true
         });
-        var isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
+        var isEdge = !opened.current || touch.deltaX.current * startOffset.current < 0;
         if (isEdge) {
           preventDefault(event);
         }
@@ -18481,7 +18532,7 @@
     var toggle = function(side) {
       var offset = Math.abs(state.offset);
       var base = 0.3;
-      var baseNum = opened ? 1 - base : base;
+      var baseNum = opened.current ? 1 - base : base;
       var width2 = side === "left" ? actionWidth.current.left : actionWidth.current.right;
       if (width2 && offset > Number(width2) * baseNum) {
         open2(side);
@@ -18592,7 +18643,7 @@
   Swipe.displayName = "NutSwipe";
   var defaultProps$w = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     id: "",
-    duration: 2,
+    duration: 3,
     position: "middle",
     title: "",
     size: "base",
@@ -18709,7 +18760,7 @@
       className: "".concat(classPrefix2, " ").concat(classes),
       id
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: classNames("".concat(classPrefix2, "-inner"), "".concat(classPrefix2, "-").concat(position2), contentClassName, "".concat(classPrefix2, "-inner-").concat(size), "".concat(classPrefix2, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix2, "-inner-descrption"), content2)),
+      className: classNames("".concat(classPrefix2, "-inner"), "".concat(classPrefix2, "-").concat(position2), contentClassName, "".concat(classPrefix2, "-inner-").concat(size), "".concat(classPrefix2, "-inner-").concat(wordBreak)),
       style: _object_spread({}, styles, contentStyle),
       ariaRole: "alert",
       ariaLabel: (title !== null && title !== void 0 ? title : "") + (content2 !== null && content2 !== void 0 ? content2 : "")
@@ -19070,8 +19121,8 @@
         currentDescription: null,
         maxDescription: null,
         minDescription: null,
-        "inactive-color": "#cccccc",
-        "active-color": "#FF0F23"
+        "inactive-color": "var(--nutui-color-text-disabled, #c2c4cc)",
+        "active-color": "var(--nutui-color-primary, #ff0f23)"
       })), /* @__PURE__ */ React.createElement(components.View, {
         className: "time"
       }, formatSeconds("".concat(totalSeconds)) || "00:00:00")), /* @__PURE__ */ React.createElement(components.View, {
@@ -19251,7 +19302,7 @@
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
-    color: "#FF0F23",
+    color: "var(--nutui-color-primary, #ff0f23)",
     background: "#e5e9f2",
     clockwise: true
   });
@@ -41086,7 +41137,7 @@
       onClick: function() {
         return prevPage();
       }
-    }, addColorForHarmony(prev || locale.pagination.prev, current === 1 ? "#c2c4cc" : "#ff0f23")), mode === "multi" && /* @__PURE__ */ React.createElement(components.View, {
+    }, addColorForHarmony(prev || locale.pagination.prev, current === 1 ? "var(--nutui-color-text-disabled, #c2c4cc)" : "var(--nutui-color-primary, #ff0f23)")), mode === "multi" && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-contain")
     }, pages.map(function(item, index2) {
       var _obj2;
@@ -41106,7 +41157,7 @@
       onClick: function() {
         return nextPage();
       }
-    }, addColorForHarmony(next || locale.pagination.next, current >= pageCount ? "#c2c4cc" : "#ff0f23"))), mode === "lite" && /* @__PURE__ */ React.createElement(components.View, {
+    }, addColorForHarmony(next || locale.pagination.next, current >= pageCount ? "var(--nutui-color-text-disabled, #c2c4cc)" : "var(--nutui-color-primary, #ff0f23)"))), mode === "lite" && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-lite")
     }, /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-lite-active")
@@ -41124,6 +41175,30 @@
     return PriceColorEnum2;
   }({});
   var destroyList = [];
+  var CJK = /[\u4E00-\u9FFF]/;
+  var RE_NUM = /\d+(?:\.\d+)?/g;
+  function hasNoExtractablePrice(s) {
+    var t = s.trim();
+    if (!t) return true;
+    if (!/\d/.test(t)) return true;
+    if (t.replace(/[^\d.]/g, "") === "") return true;
+    return false;
+  }
+  function shouldRenderPriceAsRaw(s) {
+    if (hasNoExtractablePrice(s)) {
+      return true;
+    }
+    var t = s.trim();
+    if (!CJK.test(t)) return false;
+    var matches = Array.from(t.matchAll(RE_NUM));
+    if (matches.length < 2) return false;
+    var a = matches[0];
+    var b = matches[1];
+    var i0 = a.index;
+    var i1 = b.index;
+    var between = t.slice(i0 + a[0].length, i1);
+    return CJK.test(between);
+  }
   var defaultProps$g = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "primary",
     price: 0,
@@ -41138,10 +41213,17 @@
     var _$_object_spread = _object_spread({}, defaultProps$g, props), color = _$_object_spread.color, originalPrice = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position2 = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix2 = "nut-price";
     var rtl = useRtl();
+    var isRenderPriceRaw = React.useMemo(function() {
+      return typeof originalPrice === "string" && shouldRenderPriceAsRaw(originalPrice);
+    }, [
+      originalPrice
+    ]);
     var price = React.useMemo(function() {
+      if (isRenderPriceRaw) return "";
       return originalPrice.toString().replace(/[^\d.]/g, "");
     }, [
-      originalPrice
+      originalPrice,
+      isRenderPriceRaw
     ]);
     var isCustomPriceColor = React.useMemo(function() {
       var specificPriceColor = Object.values(PriceColorEnum);
@@ -41222,13 +41304,16 @@
         style: priceColorStyle
       }, formatDecimal(price))) : null, symbol && position2 === "after" ? renderSymbol() : null);
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, harmony() || td() ? /* @__PURE__ */ React.createElement(components.Text, {
+    var renderRawContent = function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, originalPrice);
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, harmony() || process.env.TARO_ENV === "dynamic" ? /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, " ").concat(classPrefix2, "-").concat(color, " ").concat(className),
       style
-    }, renderInner()) : /* @__PURE__ */ React.createElement(components.View, {
+    }, isRenderPriceRaw ? renderRawContent() : renderInner()) : /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, " ").concat(classPrefix2, "-").concat(color, " ").concat(className),
       style
-    }, renderInner()));
+    }, isRenderPriceRaw ? renderRawContent() : renderInner()));
   };
   Price.displayName = "NutPrice";
   var defaultProps$f = {
@@ -43635,7 +43720,6 @@
   exports.destroyList = destroyList;
   exports.funcInterceptor = funcInterceptor;
   exports.getAllScrollableParents = getAllScrollableParents;
-  exports.getAppBaseInfo = getAppBaseInfo;
   exports.getCurrMonthData = getCurrMonthData;
   exports.getDaysStatus = getDaysStatus;
   exports.getDefaultConfig = getDefaultConfig;