@nutui/nutui-react-taro 1.4.6 → 1.4.7-beta.1

package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts

@@ -3,6 +3,7 @@ import { BasicComponent } from '@/utils/typings';
 export interface TabbarItemProps extends BasicComponent {
     dot: boolean;
     size: string | number;
+    iconSize: string | number;
     className: string;
     tabTitle: string;
     icon: string;

package/dist/esm/types/src/packages/tabbaritem/tabbaritem.taro.d.ts

@@ -3,6 +3,7 @@ import { BasicComponent } from '@/utils/typings';
 export interface TabbarItemProps extends BasicComponent {
     dot: boolean;
     size: string | number;
+    iconSize: string | number;
     className: string;
     tabTitle: string;
     icon: string;

package/dist/esm/types/src/packages/tag/tag.d.ts

@@ -8,6 +8,7 @@ export interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
+    iconSize?: string | number;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;

package/dist/esm/types/src/packages/tag/tag.taro.d.ts

@@ -8,6 +8,7 @@ export interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
+    iconSize?: string | number;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;

package/dist/esm/{uploader.taro-1d745f4a.js → uploader.taro-b7b770e6.js}

@@ -2,8 +2,8 @@ import React__default, { useState, useEffect, useImperativeHandle } from 'react'
 import classNames from 'classnames';
 import { uploadFile, getEnv, chooseImage } from '@tarojs/taro';
 import { I as Icon } from './icon.taro-c9254a81.js';
-import { B as Button } from './button.taro-b7c5f5a7.js';
-import { P as Progress } from './progress.taro-18e015e4.js';
+import { B as Button } from './button.taro-dc4795a3.js';
+import { P as Progress } from './progress.taro-773482ed.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:25 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.6 Wed Feb 08 2023 16:05:05 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7-beta.1 Wed Feb 15 2023 16:25:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -150,6 +150,7 @@ const defaultProps$1u = {
   size: "normal",
   block: false,
   icon: "",
+  iconSize: "16",
   style: {},
   children: void 0,
   onClick: (e2) => {
@@ -166,6 +167,7 @@ const Button = (props) => {
     size,
     block,
     icon,
+    iconSize,
     children,
     onClick,
     className,
@@ -223,6 +225,7 @@ const Button = (props) => {
     size,
     block,
     icon,
+    iconSize,
     children,
     onClick,
     classes,
@@ -248,7 +251,8 @@ const Button = (props) => {
   }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    name: icon
+    name: icon,
+    size: iconSize
   }) : "", children && /* @__PURE__ */ React__default.createElement("div", {
     className: icon || loading ? "text" : ""
   }, children)));
@@ -1526,6 +1530,7 @@ const defaultProps$1p = {
   closeable: false,
   closeIconPosition: "top-right",
   closeIcon: "close",
+  closeIconSize: "12px",
   destroyOnClose: true,
   teleport: null,
   overlay: true,
@@ -1575,7 +1580,8 @@ const Popup = (props) => {
     onClosed,
     onClick,
     iconClassPrefix,
-    iconFontClassName
+    iconFontClassName,
+    closeIconSize
   } = props;
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -1677,7 +1683,7 @@ const Popup = (props) => {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: closeIcon,
-      size: "12px"
+      size: closeIconSize
     })) : ""));
   };
   const renderNode = () => {
@@ -2438,6 +2444,7 @@ const Elevator = (props) => {
 };
 Elevator.defaultProps = defaultProps$1h;
 Elevator.displayName = "NutElevator";
+Elevator.Context = elevatorContext;
 const defaultProps$1g = {
   ...ComponentDefaults,
   fixednavClass: "nut-fixednav",
@@ -3269,7 +3276,7 @@ const Tabbar = (props) => {
     className: [
       `${b2()}`,
       bottom ? `${b2("bottom")}` : "",
-      safeAreaInsetBottom ? `${b2("safebottom")}` : "",
+      safeAreaInsetBottom ? `${b2("bottom")} ${b2("safebottom")}` : "",
       className
     ].join(" "),
     style
@@ -3299,6 +3306,7 @@ const defaultProps$17 = {
   ...ComponentDefaults,
   dot: false,
   size: "",
+  iconSize: "",
   className: "",
   tabTitle: "",
   icon: "",
@@ -3316,6 +3324,7 @@ const TabbarItem = (props) => {
   const {
     dot,
     size,
+    iconSize,
     className,
     style,
     tabTitle,
@@ -3363,17 +3372,17 @@ const TabbarItem = (props) => {
   }, num), num && num >= 100 && /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon("tips", [bIcon("nums")])}`
   }, "99+")) : /* @__PURE__ */ React__default.createElement("div", {
-    className: `${bIcon("dot")}`
-  }), icon && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    className: `${bIcon("tips", [bIcon("dot")])}`
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    size,
+    size: iconSize || size,
     name: icon
-  })), /* @__PURE__ */ React__default.createElement("div", {
+  })), tabTitle && /* @__PURE__ */ React__default.createElement("div", {
     className: bIcon({ "nav-word": true }, [
       bIcon({ "big-word": !icon })
     ])
-  }, tabTitle)));
+  }, tabTitle));
 };
 const defaultProps$16 = {
   title: "",
@@ -6495,6 +6504,7 @@ const defaultProps$V = {
   confirmText: "",
   title: "",
   visible: false,
+  overlay: false,
   type: "default",
   customKey: [],
   className: "",
@@ -6509,6 +6519,7 @@ const NumberKeyboard = (props) => {
     title,
     confirmText,
     visible,
+    overlay,
     type,
     customKey,
     randomKeys,
@@ -6620,6 +6631,7 @@ const NumberKeyboard = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Popup, {
     visible: show,
+    overlay,
     position: "bottom",
     popClass,
     onClickOverlay: onClose,
@@ -6775,6 +6787,8 @@ RadioGroup.defaultProps = defaultProps$U;
 RadioGroup.displayName = "NutRadioGroup";
 const defaultProps$T = {
   ...ComponentDefaults,
+  className: "",
+  style: {},
   disabled: false,
   checked: false,
   shape: "round",
@@ -6823,7 +6837,7 @@ const Radio$1 = (props) => {
   };
   const renderButton = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${componentName}__button ${checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
+      className: `${componentName}__button ${!disabledStatement && checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
     }, children);
   };
   const color = () => {
@@ -6840,11 +6854,12 @@ const Radio$1 = (props) => {
     return /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      name: checkedStatement ? iconActiveName2 : iconName2,
+      name: !disabledStatement && checkedStatement ? iconActiveName2 : iconName2,
       size: iconSize2,
       className: color()
     });
   };
+  const reverseState = textPosition === "left";
   const renderRadioItem = () => {
     if (shape === "button") {
       return renderButton();
@@ -6861,9 +6876,8 @@ const Radio$1 = (props) => {
     onChange && onChange(e2);
     context && context.onChange(valueStatement);
   };
-  const reverseState = textPosition === "left";
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-radio ${className}`,
+    className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ""}`,
     onClick: handleClick,
     ...rest
   }, renderRadioItem());
@@ -7581,6 +7595,7 @@ const defaultProps$O = {
   disabled: false,
   maxLength: 9999,
   clearable: true,
+  clearIconSize: "12px",
   align: "left",
   readonly: true,
   autoFocus: false,
@@ -7602,6 +7617,7 @@ const SearchBar = (props) => {
     disabled,
     maxLength,
     clearable,
+    clearIconSize,
     align,
     readOnly,
     autoFocus,
@@ -7727,7 +7743,7 @@ const SearchBar = (props) => {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "circle-close",
-      size: "12",
+      size: clearIconSize,
       color: "#555"
     }));
   };
@@ -8065,7 +8081,6 @@ const defaultProps$L = {
   iconName: "checked",
   iconColor: "#439422",
   iconSize: "16px",
-  rounded: true,
   children: void 0
 };
 const Progress = (props) => {
@@ -8088,7 +8103,6 @@ const Progress = (props) => {
     iconName,
     iconColor,
     iconSize,
-    rounded,
     children,
     iconClassPrefix,
     iconFontClassName,
@@ -8119,12 +8133,10 @@ const Progress = (props) => {
   });
   const stylesOuter = {
     height: `${strokeWidth}px`,
-    borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
     background: `${fillColor}`
   };
   const stylesInner = {
     width: `${percentage}%`,
-    borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
     background: `${strokeColor}`
   };
   const stylesInsideText = {
@@ -8157,14 +8169,14 @@ const Progress = (props) => {
     style: stylesInsideText
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "#fff" }
+    style: { color: textColor }
   }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default.createElement("div", {
     className: classesText,
     style: stylesText
   }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "#333" }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon, {
+    style: { color: textColor }
+  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     size: iconSize,
@@ -9311,7 +9323,6 @@ const Notify = (props) => {
     unmountOnExit: true,
     appear: true,
     position,
-    isWrapTeleport,
     id
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${classes} ${className}`,
@@ -9366,7 +9377,24 @@ function computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {
   const [[X0, X1], [Y0, Y1]] = bounds;
   return [rubberbandIfOutOfBounds$1(Vx, X0, X1, Rx), rubberbandIfOutOfBounds$1(Vy, Y0, Y1, Ry)];
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9863,12 +9891,11 @@ const coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfig
     return [[left, right], [top, bottom]];
   }
 });
-const DISPLACEMENT = 10;
 const KEYS_DELTA_MAP = {
-  ArrowRight: (factor = 1) => [DISPLACEMENT * factor, 0],
-  ArrowLeft: (factor = 1) => [-DISPLACEMENT * factor, 0],
-  ArrowUp: (factor = 1) => [0, -DISPLACEMENT * factor],
-  ArrowDown: (factor = 1) => [0, DISPLACEMENT * factor]
+  ArrowRight: (displacement, factor = 1) => [displacement * factor, 0],
+  ArrowLeft: (displacement, factor = 1) => [-1 * displacement * factor, 0],
+  ArrowUp: (displacement, factor = 1) => [0, -1 * displacement * factor],
+  ArrowDown: (displacement, factor = 1) => [0, displacement * factor]
 };
 class DragEngine extends CoordinatesEngine {
   constructor(...args) {
@@ -10092,7 +10119,7 @@ class DragEngine extends CoordinatesEngine {
       const state = this.state;
       const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
       this.start(event);
-      state._delta = deltaFn(factor);
+      state._delta = deltaFn(this.config.keyboardDisplacement, factor);
       state._keyboardActive = true;
       V.addTo(state._movement, state._delta);
       this.compute(event);
@@ -10164,6 +10191,7 @@ const DEFAULT_DRAG_DELAY = 180;
 const DEFAULT_SWIPE_VELOCITY = 0.5;
 const DEFAULT_SWIPE_DISTANCE = 50;
 const DEFAULT_SWIPE_DURATION = 250;
+const DEFAULT_KEYBOARD_DISPLACEMENT = 10;
 const DEFAULT_DRAG_AXIS_THRESHOLD = {
   mouse: 0,
   touch: 0,
@@ -10242,6 +10270,9 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
     if (!value)
       return DEFAULT_DRAG_AXIS_THRESHOLD;
     return _objectSpread2(_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
+  },
+  keyboardDisplacement(value = DEFAULT_KEYBOARD_DISPLACEMENT) {
+    return value;
   }
 });
 _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
@@ -10540,16 +10571,10 @@ class Controller$1 {
       }
       const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
       for (const eventKey in this.nativeHandlers) {
-        nativeBindFunction(
-          eventKey,
-          "",
-          (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
-            event,
-            args
-          })),
-          void 0,
-          true
-        );
+        nativeBindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
+          event,
+          args
+        })), void 0, true);
       }
     }
     for (const handlerProp in props) {
@@ -14047,6 +14072,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     if (!props.disabled) {
       startOffset.current = state.offset;
       touch.start(event);
+      props.onTouchStart && props.onTouchStart(event);
     }
   };
   const onTouchMove = (event) => {
@@ -14054,6 +14080,7 @@ const Swipe = forwardRef((props, instanceRef) => {
       return;
     }
     touch.move(event);
+    props.onTouchMove && props.onTouchMove(event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
       const newState = { ...state, dragging: true };
@@ -14069,13 +14096,14 @@ const Swipe = forwardRef((props, instanceRef) => {
       setState(newState);
     }
   };
-  const onTouchEnd = () => {
+  const onTouchEnd = (event) => {
     if (state.dragging) {
       setState((v) => ({ ...v, dragging: false }));
       toggle(state.offset > 0 ? "left" : "right");
       setTimeout(() => {
         lockClick.current = false;
       }, 0);
+      props.onTouchEnd && props.onTouchEnd(event);
     }
   };
   const toggle = (side) => {
@@ -14156,7 +14184,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     className: `${swipeBem()} ${className}`,
     onTouchStart: (e2) => onTouchStart(e2),
     onTouchMove: (e2) => onTouchMove(e2),
-    onTouchEnd,
+    onTouchEnd: (e2) => onTouchEnd(e2),
     style
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${swipeBem("wrapper")}`,
@@ -15836,6 +15864,9 @@ const Swiper = React__default.forwardRef((props, ref) => {
       });
     });
   };
+  const resize = () => {
+    init(active);
+  };
   const move = ({
     pace = 0,
     offset: offset2 = 0,
@@ -16077,7 +16108,8 @@ const Swiper = React__default.forwardRef((props, ref) => {
   React__default.useImperativeHandle(ref, () => ({
     to: to2,
     next,
-    prev
+    prev,
+    resize
   }));
   return /* @__PURE__ */ React__default.createElement(DataContext$1.Provider, {
     value: parent
@@ -17423,6 +17455,7 @@ const defaultProps$d = {
   round: false,
   mark: false,
   closeable: false,
+  iconSize: "12px",
   prefixCls: "nut-tag",
   onClose: (e2) => {
   },
@@ -17441,6 +17474,7 @@ const Tag = (props) => {
     children,
     mark,
     closeable,
+    iconSize,
     textColor,
     onClick,
     onClose,
@@ -17462,6 +17496,7 @@ const Tag = (props) => {
     round,
     mark,
     closeable,
+    iconSize,
     prefixCls,
     onClick,
     onClose
@@ -17509,7 +17544,7 @@ const Tag = (props) => {
     fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
-    size: "12",
+    size: iconSize,
     onClick: (e2) => {
       setIsTagShow(false);
       if (props.onClose) {