@nutui/nutui-react-taro 3.0.19-cpp.21-beta.1 → 3.0.19-cpp.23

package/dist/es/packages/radio/style-jmapp/radio.scss

@@ -24,20 +24,25 @@
 
   &-icon {
     color: $color-text-disabled;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     font-size: $radio-icon-font-size;
+    border-radius: 50%;
   }
 
   &-icon {
     &-checked {
       color: $color-primary;
+      background-color: $white;
       box-shadow: 0px 2px 4px 0px #ff0f2333;
       border-radius: 50%;
 
       &.nut-radio-icon-disabled {
         color: $color-primary-disabled-special;
+        background-color: $white;
         box-shadow: none;
+        border-radius: 50%;
       }
     }
 

package/dist/es/packages/radio/style-jmapp/style.css

@@ -24,18 +24,23 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   color: var(--nutui-color-text-disabled);

package/dist/es/packages/radio/style-jrkf/radio.scss

@@ -24,20 +24,25 @@
 
   &-icon {
     color: $color-text-disabled;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     font-size: $radio-icon-font-size;
+    border-radius: 50%;
   }
 
   &-icon {
     &-checked {
       color: $color-primary;
+      background-color: $white;
       box-shadow: 0px 2px 4px 0px #ff0f2333;
       border-radius: 50%;
 
       &.nut-radio-icon-disabled {
         color: $color-primary-disabled-special;
+        background-color: $white;
         box-shadow: none;
+        border-radius: 50%;
       }
     }
 

package/dist/es/packages/radio/style-jrkf/style.css

@@ -24,18 +24,23 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled-special, #ffadbe);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   color: var(--nutui-color-text-disabled);

package/dist/es/packages/searchbar/searchbar.js

@@ -29,7 +29,7 @@ export var SearchBar = function(props) {
     var classPrefix = 'nut-searchbar';
     var locale = useConfig().locale;
     var searchInputRef = useRef(null);
-    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
+    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, inputProps = _$_object_spread.inputProps, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
     var _usePropsValue = _sliced_to_array(usePropsValue({
         value: outerValue,
         defaultValue: defaultValue,
@@ -124,7 +124,7 @@ export var SearchBar = function(props) {
     ]);
     var renderField = function() {
         var inputCls = classNames("".concat(classPrefix, "-input"));
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
             className: inputCls,
             ref: searchInputRef,
             style: _object_spread({}, style, {
@@ -140,7 +140,7 @@ export var SearchBar = function(props) {
             onBlur: handleBlur,
             onClick: onInputClick,
             onConfirm: onConfirm
-        }) : /*#__PURE__*/ React.createElement(TaroInput, {
+        }, inputProps)) : /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
             className: inputCls,
             ref: searchInputRef,
             style: _object_spread({}, style, {
@@ -156,7 +156,7 @@ export var SearchBar = function(props) {
             onBlur: handleBlur,
             onClick: onInputClick,
             onConfirm: onConfirm
-        }));
+        }, inputProps)));
     };
     var renderValueByTags = useCallback(function() {
         if (!innerTag) return null;

package/dist/es/packages/toast/toast.js

@@ -113,7 +113,7 @@ export var Toast = function(props) {
         'nut-toast-has-icon': icon,
         'nut-toast-rtl': rtl
     });
-    var styles = harmony() ? {
+    var styles = harmony() || td() ? {
         left: '50%',
         transform: 'translate(-50%, -50%)'
     } : null;

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

@@ -1,7 +1,13 @@
-import { ITouchEvent } from '@tarojs/components';
+import { ITouchEvent, ImageProps } from '@tarojs/components';
 import { BaseAvatar, BaseAvatarGroup } from './base';
 export interface TaroAvatarProps extends Omit<BaseAvatar, 'onClick'> {
     avatarIndex: number;
+    /** 图片裁剪、缩放的模式，同 Taro Image 的 mode 属性 */
+    mode: keyof ImageProps.Mode;
+    /**
+     * @deprecated 请使用 mode 属性代替
+     */
+    fit: BaseAvatar['fit'];
     onClick: (e: ITouchEvent) => void;
 }
 export interface TaroAvatarGroupProps extends BaseAvatarGroup {

package/dist/es/types/spec/searchbar/h5.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent, InputHTMLAttributes } from 'react';
 import { BaseSearchBar } from './base';
 export interface WebSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onInputClick'> {
     onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
@@ -6,4 +6,5 @@ export interface WebSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onF
     onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
     onClear?: (event: MouseEvent<HTMLDivElement>) => void;
     onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
 }

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

@@ -9,5 +9,6 @@ export interface TaroSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'on
     onBlur?: (value: string, event: BaseEventOrig<inputValueEventDetail>) => void;
     onClear?: (event: ITouchEvent) => void;
     onInputClick?: (event: ITouchEvent) => void;
+    inputProps?: Partial<InputProps>;
 }
 export {};

package/dist/es/utils/taro/get-system-info.d.ts

@@ -11,9 +11,4 @@ export declare const getDeviceInfo: () => IDeviceInfo;
  * @returns {Taro.getWindowInfo.Result} 窗口信息
  */
 export declare const getWindowInfo: () => Taro.getWindowInfo.Result;
-/**
- * 获取应用基础信息，兼容新旧 API
- * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
- */
-export declare const getAppBaseInfo: () => Taro.getAppBaseInfo.Result;
 export {};

package/dist/es/utils/taro/get-system-info.js

@@ -1,4 +1,4 @@
-import { canIUse, getAppBaseInfo as taroGetAppBaseInfo, getDeviceInfo as taroGetDeviceInfo, getSystemInfoSync, getWindowInfo as taroGetWindowInfo } from "@tarojs/taro";
+import { canIUse, getDeviceInfo as taroGetDeviceInfo, getSystemInfoSync, getWindowInfo as taroGetWindowInfo } from "@tarojs/taro";
 /**
  * 获取设备基础信息，兼容新旧 API
  * @returns {IDeviceInfo} 设备基础信息
@@ -10,10 +10,11 @@ import { canIUse, getAppBaseInfo as taroGetAppBaseInfo, getDeviceInfo as taroGet
  * @returns {Taro.getWindowInfo.Result} 窗口信息
  */ export var getWindowInfo = function() {
     return canIUse('getWindowInfo') ? taroGetWindowInfo() : getSystemInfoSync();
-};
-/**
- * 获取应用基础信息，兼容新旧 API
- * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
- */ export var getAppBaseInfo = function() {
-    return canIUse('getAppBaseInfo') ? taroGetAppBaseInfo() : getSystemInfoSync();
-};
+} // /**
+ //  * 获取应用基础信息，兼容新旧 API
+ //  * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
+ //  */
+ // export const getAppBaseInfo = (): Taro.getAppBaseInfo.Result => {
+ //   return canIUse('getAppBaseInfo') ? taroGetAppBaseInfo() : getSystemInfoSync()
+ // }
+;

package/dist/nutui.react.umd.js

@@ -2097,9 +2097,6 @@
   var getWindowInfo = function() {
     return Taro.canIUse("getWindowInfo") ? Taro.getWindowInfo() : Taro.getSystemInfoSync();
   };
-  var getAppBaseInfo = function() {
-    return Taro.canIUse("getAppBaseInfo") ? Taro.getAppBaseInfo() : Taro.getSystemInfoSync();
-  };
   function useWatch$1(dep, callback) {
     var config2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
       immediate: false
@@ -13534,7 +13531,7 @@
     var classPrefix2 = "nut-searchbar";
     var locale = useConfig().locale;
     var searchInputRef = React.useRef(null);
-    var _$_object_spread = _object_spread({}, defaultProps$P, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right2 = _$_object_spread.right, left2 = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
+    var _$_object_spread = _object_spread({}, defaultProps$P, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right2 = _$_object_spread.right, left2 = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, inputProps = _$_object_spread.inputProps, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: outerValue,
       defaultValue,
@@ -13629,7 +13626,7 @@
     ]);
     var renderField = function() {
       var inputCls = classNames("".concat(classPrefix2, "-input"));
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, Taro.getEnv() === "WEB" ? /* @__PURE__ */ React.createElement(components.Input, {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, Taro.getEnv() === "WEB" ? /* @__PURE__ */ React.createElement(components.Input, _object_spread({
         className: inputCls,
         ref: searchInputRef,
         style: _object_spread({}, style, {
@@ -13645,7 +13642,7 @@
         onBlur: handleBlur,
         onClick: onInputClick,
         onConfirm
-      }) : /* @__PURE__ */ React.createElement(components.Input, {
+      }, inputProps)) : /* @__PURE__ */ React.createElement(components.Input, _object_spread({
         className: inputCls,
         ref: searchInputRef,
         style: _object_spread({}, style, {
@@ -13661,7 +13658,7 @@
         onBlur: handleBlur,
         onClick: onInputClick,
         onConfirm
-      }));
+      }, inputProps)));
     };
     var renderValueByTags = React.useCallback(function() {
       if (!innerTag) return null;
@@ -17419,7 +17416,7 @@
       "nut-toast-has-icon": icon,
       "nut-toast-rtl": rtl
     });
-    var styles = harmony() ? {
+    var styles = harmony() || td() ? {
       left: "50%",
       transform: "translate(-50%, -50%)"
     } : null;
@@ -17551,6 +17548,8 @@
                 transitionDuration: "".concat(duration, "s"),
                 transform: transform2
               });
+            } else {
+              transformArrCache.push({});
             }
           });
           setTransformArr(_to_consumable_array(transformArrCache));
@@ -17879,13 +17878,14 @@
     background: "#eee",
     color: "#666",
     fit: "cover",
+    mode: "scaleToFill",
     src: "",
     alt: "",
     avatarIndex: 0
   });
   var classPrefix$8 = "nut-avatar";
   var Avatar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$p, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
+    var _$_object_spread = _object_spread({}, defaultProps$p, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, mode = _$_object_spread.mode, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
     var _useState = _sliced_to_array(React.useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
     var avatarRef = React.useRef(null);
     var parent2 = React.useContext(AvatarContext);
@@ -17940,6 +17940,7 @@
       style: {
         objectFit: fit
       },
+      mode,
       onError: errorEvent
     }), /* @__PURE__ */ React.isValidElement(icon) ? /* @__PURE__ */ React.createElement(components.View, {
       className: "nut-avatar-text"
@@ -42213,7 +42214,6 @@
   exports.destroyList = destroyList;
   exports.funcInterceptor = funcInterceptor;
   exports.getAllScrollableParents = getAllScrollableParents;
-  exports.getAppBaseInfo = getAppBaseInfo;
   exports.getCurrMonthData = getCurrMonthData;
   exports.getDaysStatus = getDaysStatus;
   exports.getDefaultConfig = getDefaultConfig;