@nutui/nutui-react-taro 1.3.9 → 1.3.10

package/dist/nutui.react.es.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui-react-taro v1.3.9-beta.0 Wed Nov 02 2022 15:21:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.10 Wed Nov 09 2022 13:51:43 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, useImperativeHandle, useLayoutEffect, forwardRef, useMemo, memo, Component } from "react";
+import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, useImperativeHandle, forwardRef, useLayoutEffect, useMemo, memo, Component } from "react";
 import Taro, { usePageScroll, eventCenter, getCurrentInstance, nextTick, useReady, createSelectorQuery } from "@tarojs/taro";
 import ReactDOM, { createPortal, unstable_batchedUpdates } from "react-dom";
 function getAugmentedNamespace(n2) {
@@ -239,7 +239,9 @@ const Button = (props) => {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon
-  }) : "", children));
+  }) : "", /* @__PURE__ */ React__default.createElement("div", {
+    className: "text"
+  }, children)));
 };
 Button.defaultProps = defaultProps$1n;
 Button.displayName = "NutButton";
@@ -3062,7 +3064,7 @@ const defaultProps$18 = {
   ...ComponentDefaults,
   dot: false,
   size: "",
-  classPrefix: "nutui-iconfont",
+  className: "",
   tabTitle: "",
   icon: "",
   href: "",
@@ -3079,7 +3081,8 @@ const TabbarItem = (props) => {
   const {
     dot,
     size,
-    classPrefix,
+    className,
+    style,
     tabTitle,
     icon,
     href,
@@ -3109,8 +3112,9 @@ const TabbarItem = (props) => {
     }
   }, [active, history, href, to2]);
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2({ active })}`,
+    className: `${b2({ active })} ${className}`,
     style: {
+      ...style,
       color: active ? activeColor : unactiveColor
     },
     onClick: () => {
@@ -3210,7 +3214,8 @@ const Elevator = (props) => {
       const query = Taro.createSelectorQuery();
       query.selectAll(`.${className} .elevator__item__${i}`).boundingClientRect();
       query.exec((res) => {
-        height2 += res[0][0].height;
+        if (res[0][0])
+          height2 += res[0][0].height;
         state.current.listHeight.push(height2);
       });
     }
@@ -3969,7 +3974,7 @@ const Menu = (props) => {
   }, React__default.Children.toArray(children).map((child, index) => {
     if (!child)
       return null;
-    const { disabled, title, value, direction, options } = child.props;
+    const { disabled, title, value, direction, options, className: className2 } = child.props;
     const currentTitle = options == null ? void 0 : options.filter(
       (option) => option.value === value
     );
@@ -3986,7 +3991,7 @@ const Menu = (props) => {
       className: `nut-menu__item ${classNames({
         active: itemShow[index],
         disabled
-      })}`,
+      })} ${className2}`,
       style: { color: itemShow[index] ? activeColor : "" },
       key: index,
       onClick: () => {
@@ -4027,7 +4032,6 @@ const MenuItem = (props) => {
   useConfig$1();
   const mergedProps = { ...defaultProps$$, ...props };
   const {
-    className,
     style,
     options,
     value,
@@ -4111,7 +4115,7 @@ const MenuItem = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: `placeholder-element ${classNames({
       up: direction === "up"
-    })} ${className}`,
+    })}`,
     style: placeholderStyle(),
     onClick: () => parent.toggleItemShow(orderKey)
   }), /* @__PURE__ */ React__default.createElement(Overlay, {
@@ -5444,13 +5448,22 @@ const defaultProps$V = {
   checkedValue: [],
   max: void 0,
   onChange: (value) => {
-  }
+  },
+  options: []
 };
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
     const { children } = { ...defaultProps$V, ...props };
     const b2 = cn("checkboxgroup");
-    const { className, disabled, onChange, checkedValue, max, ...rest } = props;
+    const {
+      className,
+      disabled,
+      onChange,
+      checkedValue,
+      max,
+      options,
+      ...rest
+    } = props;
     const [innerDisabled, setInnerDisabled] = useState(disabled);
     const [innerValue, setInnerValue] = useState(checkedValue);
     useImperativeHandle(ref, () => ({
@@ -5461,7 +5474,6 @@ const CheckboxGroup = React__default.forwardRef(
           const childrenLabel = [];
           React__default.Children.map(children, (child) => {
             const childProps = child.props;
-            console.log(child);
             childrenLabel.push(childProps.label || child.children);
           });
           setInnerValue(childrenLabel);
@@ -5503,6 +5515,11 @@ const CheckboxGroup = React__default.forwardRef(
         return false;
       return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
     }
+    function validateChecked(value) {
+      if (innerValue === null)
+        return false;
+      return innerValue === value;
+    }
     function getParentVals() {
       return innerValue;
     }
@@ -5521,10 +5538,26 @@ const CheckboxGroup = React__default.forwardRef(
         });
       });
     }
+    const renderOptionsChildren = useCallback(() => {
+      return options == null ? void 0 : options.map(({ label, value, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
+        const childChecked = validateChecked(value);
+        return /* @__PURE__ */ React__default.createElement(Checkbox, {
+          key: value == null ? void 0 : value.toString(),
+          children: label,
+          label: value,
+          disabled: innerDisabled ? true : disabled2,
+          onChange: handleChildChange,
+          ...rest2,
+          max,
+          getParentVals,
+          checked: childChecked
+        });
+      });
+    }, [innerValue]);
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2()} ${className || ""}`,
       ...rest
-    }, cloneChildren());
+    }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren());
   }
 );
 CheckboxGroup.defaultProps = defaultProps$V;
@@ -6584,6 +6617,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
 const defaultProps$R = {
   ...ComponentDefaults,
   type: "text",
+  name: "",
   defaultValue: "",
   placeholder: "",
   label: "",
@@ -6616,11 +6650,12 @@ const defaultProps$R = {
   slotButton: null,
   slotInput: null
 };
-const Input = (props) => {
+const Input = forwardRef((props, ref) => {
   const { locale } = useConfig$1();
   const {
     children,
     type,
+    name,
     defaultValue,
     placeholder,
     label,
@@ -6700,6 +6735,9 @@ const Input = (props) => {
       resetValidation();
     }
   }, [inputValue]);
+  useImperativeHandle(ref, () => {
+    return inputRef.current;
+  });
   const inputClass = useCallback(() => {
     const prefixCls = "nut-input";
     return [
@@ -6831,6 +6869,7 @@ const Input = (props) => {
       handleClickInput(e2);
     }
   }, type === "textarea" ? /* @__PURE__ */ React__default.createElement("textarea", {
+    name,
     className: "input-text",
     ref: inputRef,
     style: {
@@ -6853,6 +6892,7 @@ const Input = (props) => {
       handleInput(e2);
     }
   }) : /* @__PURE__ */ React__default.createElement("input", {
+    name,
     className: "input-text",
     ref: inputRef,
     style: { textAlign: inputAlign },
@@ -6903,7 +6943,7 @@ const Input = (props) => {
       textAlign: errorMessageAlign
     }
   }, errorMessage) : null)));
-};
+});
 Input.defaultProps = defaultProps$R;
 Input.displayName = "NutInput";
 const radioContext = {
@@ -6916,13 +6956,22 @@ const defaultProps$Q = {
   textPosition: "right",
   onChange: (value) => {
   },
-  direction: "vertical"
+  direction: "vertical",
+  options: []
 };
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
     const { children } = { ...defaultProps$Q, ...props };
     cn("RadioGroup");
-    const { className, value, onChange, textPosition, direction, ...rest } = props;
+    const {
+      className,
+      value,
+      onChange,
+      textPosition,
+      direction,
+      options,
+      ...rest
+    } = props;
     const [val2State, setVal2State] = useState(value);
     useEffect(() => {
       setVal2State(value);
@@ -6932,6 +6981,11 @@ const RadioGroup = React__default.forwardRef(
         return false;
       return val2State === child.props.value;
     }
+    function validateChecked(value2) {
+      if (val2State === null)
+        return false;
+      return val2State === value2;
+    }
     function cloneChildren() {
       return React__default.Children.map(children, (child, index) => {
         const childChecked = validateChildChecked(child);
@@ -6944,6 +6998,21 @@ const RadioGroup = React__default.forwardRef(
         });
       });
     }
+    const renderOptionsChildren = useCallback(() => {
+      return options == null ? void 0 : options.map(({ label, value: value2, disabled, onChange: onChange2, ...rest2 }) => {
+        const childChecked = validateChecked(value2);
+        return /* @__PURE__ */ React__default.createElement(Radio, {
+          key: value2 == null ? void 0 : value2.toString(),
+          children: label,
+          value: value2,
+          disabled,
+          onChange: onChange2,
+          ...rest2,
+          textPosition,
+          checked: childChecked
+        });
+      });
+    }, [val2State]);
     return /* @__PURE__ */ React__default.createElement(RadioContext.Provider, {
       value: {
         onChange: (val) => {
@@ -6952,9 +7021,9 @@ const RadioGroup = React__default.forwardRef(
         }
       }
     }, /* @__PURE__ */ React__default.createElement("div", {
-      className: `nut-radiogroup nut-radiogroup--${props.direction}`,
+      className: `nut-radiogroup nut-radiogroup--${props.direction} ${className || ""}`,
       ...rest
-    }, cloneChildren()));
+    }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren()));
   }
 );
 RadioGroup.defaultProps = defaultProps$Q;
@@ -6972,7 +7041,7 @@ const defaultProps$P = {
   onChange: (e2) => {
   }
 };
-const Radio = (props) => {
+const Radio$1 = (props) => {
   const { children } = {
     ...defaultProps$P,
     ...props
@@ -7054,9 +7123,10 @@ const Radio = (props) => {
     ...rest
   }, renderRadioItem());
 };
-Radio.defaultProps = defaultProps$P;
-Radio.displayName = "NutRadio";
-Radio.RadioGroup = RadioGroup;
+Radio$1.defaultProps = defaultProps$P;
+Radio$1.displayName = "NutRadio";
+Radio$1.RadioGroup = RadioGroup;
+var Radio = Radio$1;
 const defaultProps$O = {
   ...ComponentDefaults,
   count: 5,
@@ -10810,6 +10880,9 @@ _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
     if (value === void 0)
       return "ctrlKey";
     return value;
+  },
+  pinchOnWheel(value = true) {
+    return value;
   }
 });
 _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, {
@@ -11053,10 +11126,16 @@ 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) {
@@ -14829,13 +14908,11 @@ const NoticeBar = (props) => {
       }
     }, n2 * speed);
   };
-  const go = (item) => {
-    click && click(item);
-    onClick && onClick(item);
-  };
-  const handleClickIcon = () => {
-    close && close(scrollList[0]);
-    onClose && onClose(scrollList[0]);
+  const handleClickIcon = (event) => {
+    event.stopPropagation();
+    SetShowNoticeBar(!closeMode);
+    close && close(event);
+    onClose && onClose(event);
   };
   const iconShow = () => {
     if (leftIcon === "close") {
@@ -14911,9 +14988,10 @@ const NoticeBar = (props) => {
     fontClassName: iconFontClassName,
     name: rightIcon || "close",
     color
-  })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default.createElement("div", {
+  })) : null) : null, showNoticeBar && scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-noticebar-vertical",
-    style: barStyle
+    style: barStyle,
+    onClick: handleClick2
   }, children ? /* @__PURE__ */ React__default.createElement("div", {
     className: "horseLamp_list",
     style: horseLampStyle
@@ -14926,20 +15004,17 @@ const NoticeBar = (props) => {
     return /* @__PURE__ */ React__default.createElement("li", {
       className: "horseLamp_list_item",
       style: { height },
-      key: index,
-      onClick: () => {
-        go(item);
-      }
+      key: index
     }, item);
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: "go",
-    onClick: () => {
-      handleClickIcon();
+    onClick: (e2) => {
+      handleClickIcon(e2);
     }
   }, rightIcon || (closeMode ? /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    name: "cross",
+    name: rightIcon || "close",
     color,
     size: "11px"
   }) : null))) : null);
@@ -15701,6 +15776,8 @@ const defaultProps$o = {
   symbol: "¥",
   decimalDigits: 2,
   thousands: false,
+  position: "before",
+  size: "large",
   className: ""
 };
 const Price = (props) => {
@@ -15710,6 +15787,8 @@ const Price = (props) => {
     symbol,
     decimalDigits,
     thousands,
+    position,
+    size,
     className,
     ...rest
   } = {
@@ -15717,18 +15796,17 @@ const Price = (props) => {
     ...props
   };
   const b2 = cn("price");
-  const replaceSpecialChar = (symbol2) => {
-    let desSymbol = symbol2;
-    desSymbol = symbol2.replace(/"/g, '"');
-    desSymbol = symbol2.replace(/&/g, "&");
-    desSymbol = symbol2.replace(/&lt;/g, "<");
-    desSymbol = symbol2.replace(/&gt;/g, ">");
-    desSymbol = symbol2.replace(/&nbsp;/g, " ");
-    desSymbol = symbol2.replace(/&yen;/g, "\uFFE5");
-    return desSymbol;
+  const replaceSpecialChar = (url) => {
+    url = url.replace(/&quot;/g, '"');
+    url = url.replace(/&amp;/g, "&");
+    url = url.replace(/&lt;/g, "<");
+    url = url.replace(/&gt;/g, ">");
+    url = url.replace(/&nbsp;/g, " ");
+    url = url.replace(/&yen;/g, "\uFFE5");
+    return url;
   };
   const showSymbol = () => {
-    return { __html: (needSymbol ? replaceSpecialChar(symbol) : "") || "" };
+    return { __html: needSymbol ? replaceSpecialChar(symbol) : "" };
   };
   const checkPoint = (price2) => {
     return String(price2).indexOf(".") > 0;
@@ -15754,7 +15832,7 @@ const Price = (props) => {
     }
     if (checkPoint(decimalNum)) {
       decimalNum = Number(decimalNum).toFixed(decimalDigits);
-      decimalNum = typeof decimalNum.split(".") === "string" ? 0 : decimalNum.split(".")[1];
+      decimalNum = typeof decimalNum.split(".") === "string" ? 0 : decimalNum.split(".")[1] || 0;
     } else {
       decimalNum = 0;
     }
@@ -15762,19 +15840,22 @@ const Price = (props) => {
     const resultFixed = Number(result).toFixed(decimalDigits);
     return String(resultFixed).substring(2, resultFixed.length);
   };
+  const renderSymbol = () => {
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: `${b2("symbol")} ${b2(`symbol-${size}`)}`,
+      dangerouslySetInnerHTML: showSymbol()
+    });
+  };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2()} ${className}`,
     ...rest
-  }, needSymbol ? /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2("symbol")}`,
-    dangerouslySetInnerHTML: showSymbol()
-  }) : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2("big")}`
-  }, formatThousands(price)), /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2("point")}`
-  }, "."), /* @__PURE__ */ React__default.createElement("div", {
-    className: `${b2("small")}`
-  }, formatDecimal(price)));
+  }, needSymbol && position === "before" ? renderSymbol() : null, /* @__PURE__ */ React__default.createElement("div", {
+    className: `${b2("integer")} ${b2(`integer-${size}`)}`
+  }, formatThousands(price)), decimalDigits !== 0 ? /* @__PURE__ */ React__default.createElement("div", {
+    className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
+  }, ".") : null, /* @__PURE__ */ React__default.createElement("div", {
+    className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
+  }, formatDecimal(price)), needSymbol && position === "after" ? renderSymbol() : null);
 };
 Price.defaultProps = defaultProps$o;
 Price.displayName = "NutPrice";
@@ -15857,6 +15938,8 @@ const defaultProps$m = {
 };
 const Tag = (props) => {
   const {
+    className,
+    style,
     color,
     plain,
     type,
@@ -15905,23 +15988,23 @@ const Tag = (props) => {
     }
   };
   const getStyle = () => {
-    const style = {};
+    const style2 = {};
     if (textColor) {
-      style.color = textColor;
+      style2.color = textColor;
       if (plain) {
-        style.background = "#fff";
+        style2.background = "#fff";
       } else if (color) {
-        style.background = color;
+        style2.background = color;
       }
     } else if (color) {
-      style.color = "#fff";
-      style.background = color;
+      style2.color = "#fff";
+      style2.background = color;
     }
-    return style;
+    return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", null, closeable ? isTagShow && /* @__PURE__ */ React__default.createElement("div", {
-    className: `${btnName}`,
-    style: getStyle(),
+    className: `${btnName} ${className}`,
+    style: { ...style, ...getStyle() },
     onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
@@ -15938,8 +16021,8 @@ const Tag = (props) => {
       }
     }
   })) : /* @__PURE__ */ React__default.createElement("div", {
-    className: `${btnName}`,
-    style: getStyle(),
+    className: `${btnName} ${className}`,
+    style: { ...style, ...getStyle() },
     onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
@@ -17956,6 +18039,9 @@ const CustomRender = (props) => {
       lineAnimation(tagIndex);
     }
   };
+  const handleElevatorItem = (key, item) => {
+    nextAreaList(item);
+  };
   useEffect(() => {
     const { province: province2 } = { ...defaultProps$7, ...props };
     setRegionList({
@@ -18030,7 +18116,13 @@ const CustomRender = (props) => {
         size: "13px"
       }), item.name));
     }
-  ))));
+  ))), privateType === "custom2" && /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("elevator-group")
+  }, /* @__PURE__ */ React__default.createElement(Elevator, {
+    height,
+    indexList: regionList[tabName[tabIndex]],
+    onClickItem: handleElevatorItem
+  })));
 };
 const defaultProps$6 = {
   ...ComponentDefaults,