@nutui/nutui-react-taro 1.3.9 → 1.3.10

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @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.
 */
@@ -266,7 +266,9 @@
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: icon
-    }) : "", children));
+    }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "text"
+    }, children)));
   };
   Button.defaultProps = defaultProps$1n;
   Button.displayName = "NutButton";
@@ -3089,7 +3091,7 @@
     ...ComponentDefaults,
     dot: false,
     size: "",
-    classPrefix: "nutui-iconfont",
+    className: "",
     tabTitle: "",
     icon: "",
     href: "",
@@ -3106,7 +3108,8 @@
     const {
       dot,
       size,
-      classPrefix,
+      className,
+      style,
       tabTitle,
       icon,
       href,
@@ -3136,8 +3139,9 @@
       }
     }, [active, history, href, to2]);
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2({ active })}`,
+      className: `${b2({ active })} ${className}`,
       style: {
+        ...style,
         color: active ? activeColor : unactiveColor
       },
       onClick: () => {
@@ -3237,7 +3241,8 @@
         const query = Taro__default["default"].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);
         });
       }
@@ -3996,7 +4001,7 @@
     }, React__default["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
       );
@@ -4013,7 +4018,7 @@
         className: `nut-menu__item ${classNames({
           active: itemShow[index],
           disabled
-        })}`,
+        })} ${className2}`,
         style: { color: itemShow[index] ? activeColor : "" },
         key: index,
         onClick: () => {
@@ -4054,7 +4059,6 @@
     useConfig$1();
     const mergedProps = { ...defaultProps$$, ...props };
     const {
-      className,
       style,
       options,
       value,
@@ -4138,7 +4142,7 @@
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `placeholder-element ${classNames({
         up: direction === "up"
-      })} ${className}`,
+      })}`,
       style: placeholderStyle(),
       onClick: () => parent.toggleItemShow(orderKey)
     }), /* @__PURE__ */ React__default["default"].createElement(Overlay, {
@@ -5471,13 +5475,22 @@
     checkedValue: [],
     max: void 0,
     onChange: (value) => {
-    }
+    },
+    options: []
   };
   const CheckboxGroup = React__default["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] = React.useState(disabled);
       const [innerValue, setInnerValue] = React.useState(checkedValue);
       React.useImperativeHandle(ref, () => ({
@@ -5488,7 +5501,6 @@
             const childrenLabel = [];
             React__default["default"].Children.map(children, (child) => {
               const childProps = child.props;
-              console.log(child);
               childrenLabel.push(childProps.label || child.children);
             });
             setInnerValue(childrenLabel);
@@ -5530,6 +5542,11 @@
           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;
       }
@@ -5548,10 +5565,26 @@
           });
         });
       }
+      const renderOptionsChildren = React.useCallback(() => {
+        return options == null ? void 0 : options.map(({ label, value, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
+          const childChecked = validateChecked(value);
+          return /* @__PURE__ */ React__default["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["default"].createElement("div", {
         className: `${b2()} ${className || ""}`,
         ...rest
-      }, cloneChildren());
+      }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren());
     }
   );
   CheckboxGroup.defaultProps = defaultProps$V;
@@ -6611,6 +6644,7 @@
   const defaultProps$R = {
     ...ComponentDefaults,
     type: "text",
+    name: "",
     defaultValue: "",
     placeholder: "",
     label: "",
@@ -6643,11 +6677,12 @@
     slotButton: null,
     slotInput: null
   };
-  const Input = (props) => {
+  const Input = React.forwardRef((props, ref) => {
     const { locale } = useConfig$1();
     const {
       children,
       type,
+      name,
       defaultValue,
       placeholder,
       label,
@@ -6727,6 +6762,9 @@
         resetValidation();
       }
     }, [inputValue]);
+    React.useImperativeHandle(ref, () => {
+      return inputRef.current;
+    });
     const inputClass = React.useCallback(() => {
       const prefixCls = "nut-input";
       return [
@@ -6858,6 +6896,7 @@
         handleClickInput(e2);
       }
     }, type === "textarea" ? /* @__PURE__ */ React__default["default"].createElement("textarea", {
+      name,
       className: "input-text",
       ref: inputRef,
       style: {
@@ -6880,6 +6919,7 @@
         handleInput(e2);
       }
     }) : /* @__PURE__ */ React__default["default"].createElement("input", {
+      name,
       className: "input-text",
       ref: inputRef,
       style: { textAlign: inputAlign },
@@ -6930,7 +6970,7 @@
         textAlign: errorMessageAlign
       }
     }, errorMessage) : null)));
-  };
+  });
   Input.defaultProps = defaultProps$R;
   Input.displayName = "NutInput";
   const radioContext = {
@@ -6943,13 +6983,22 @@
     textPosition: "right",
     onChange: (value) => {
     },
-    direction: "vertical"
+    direction: "vertical",
+    options: []
   };
   const RadioGroup = React__default["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] = React.useState(value);
       React.useEffect(() => {
         setVal2State(value);
@@ -6959,6 +7008,11 @@
           return false;
         return val2State === child.props.value;
       }
+      function validateChecked(value2) {
+        if (val2State === null)
+          return false;
+        return val2State === value2;
+      }
       function cloneChildren() {
         return React__default["default"].Children.map(children, (child, index) => {
           const childChecked = validateChildChecked(child);
@@ -6971,6 +7025,21 @@
           });
         });
       }
+      const renderOptionsChildren = React.useCallback(() => {
+        return options == null ? void 0 : options.map(({ label, value: value2, disabled, onChange: onChange2, ...rest2 }) => {
+          const childChecked = validateChecked(value2);
+          return /* @__PURE__ */ React__default["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["default"].createElement(RadioContext.Provider, {
         value: {
           onChange: (val) => {
@@ -6979,9 +7048,9 @@
           }
         }
       }, /* @__PURE__ */ React__default["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;
@@ -6999,7 +7068,7 @@
     onChange: (e2) => {
     }
   };
-  const Radio = (props) => {
+  const Radio$1 = (props) => {
     const { children } = {
       ...defaultProps$P,
       ...props
@@ -7081,9 +7150,10 @@
       ...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,
@@ -10837,6 +10907,9 @@
       if (value === void 0)
         return "ctrlKey";
       return value;
+    },
+    pinchOnWheel(value = true) {
+      return value;
     }
   });
   _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, {
@@ -11080,10 +11153,16 @@
         }
         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) {
@@ -14856,13 +14935,11 @@
         }
       }, 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") {
@@ -14938,9 +15015,10 @@
       fontClassName: iconFontClassName,
       name: rightIcon || "close",
       color
-    })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    })) : null) : null, showNoticeBar && scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-noticebar-vertical",
-      style: barStyle
+      style: barStyle,
+      onClick: handleClick2
     }, children ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "horseLamp_list",
       style: horseLampStyle
@@ -14953,20 +15031,17 @@
       return /* @__PURE__ */ React__default["default"].createElement("li", {
         className: "horseLamp_list_item",
         style: { height },
-        key: index,
-        onClick: () => {
-          go(item);
-        }
+        key: index
       }, item);
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "go",
-      onClick: () => {
-        handleClickIcon();
+      onClick: (e2) => {
+        handleClickIcon(e2);
       }
     }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      name: "cross",
+      name: rightIcon || "close",
       color,
       size: "11px"
     }) : null))) : null);
@@ -15728,6 +15803,8 @@
     symbol: "¥",
     decimalDigits: 2,
     thousands: false,
+    position: "before",
+    size: "large",
     className: ""
   };
   const Price = (props) => {
@@ -15737,6 +15814,8 @@
       symbol,
       decimalDigits,
       thousands,
+      position,
+      size,
       className,
       ...rest
     } = {
@@ -15744,18 +15823,17 @@
       ...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;
@@ -15781,7 +15859,7 @@
       }
       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;
       }
@@ -15789,19 +15867,22 @@
       const resultFixed = Number(result).toFixed(decimalDigits);
       return String(resultFixed).substring(2, resultFixed.length);
     };
+    const renderSymbol = () => {
+      return /* @__PURE__ */ React__default["default"].createElement("div", {
+        className: `${b2("symbol")} ${b2(`symbol-${size}`)}`,
+        dangerouslySetInnerHTML: showSymbol()
+      });
+    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className}`,
       ...rest
-    }, needSymbol ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2("symbol")}`,
-      dangerouslySetInnerHTML: showSymbol()
-    }) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2("big")}`
-    }, formatThousands(price)), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2("point")}`
-    }, "."), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${b2("small")}`
-    }, formatDecimal(price)));
+    }, needSymbol && position === "before" ? renderSymbol() : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2("integer")} ${b2(`integer-${size}`)}`
+    }, formatThousands(price)), decimalDigits !== 0 ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
+    }, ".") : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
+    }, formatDecimal(price)), needSymbol && position === "after" ? renderSymbol() : null);
   };
   Price.defaultProps = defaultProps$o;
   Price.displayName = "NutPrice";
@@ -15884,6 +15965,8 @@
   };
   const Tag = (props) => {
     const {
+      className,
+      style,
       color,
       plain,
       type,
@@ -15932,23 +16015,23 @@
       }
     };
     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["default"].createElement("div", null, closeable ? isTagShow && /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${btnName}`,
-      style: getStyle(),
+      className: `${btnName} ${className}`,
+      style: { ...style, ...getStyle() },
       onClick: (e2) => handleClick2(e2)
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
@@ -15965,8 +16048,8 @@
         }
       }
     })) : /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${btnName}`,
-      style: getStyle(),
+      className: `${btnName} ${className}`,
+      style: { ...style, ...getStyle() },
       onClick: (e2) => handleClick2(e2)
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
@@ -17983,6 +18066,9 @@
         lineAnimation(tagIndex);
       }
     };
+    const handleElevatorItem = (key, item) => {
+      nextAreaList(item);
+    };
     React.useEffect(() => {
       const { province: province2 } = { ...defaultProps$7, ...props };
       setRegionList({
@@ -18057,7 +18143,13 @@
           size: "13px"
         }), item.name));
       }
-    ))));
+    ))), privateType === "custom2" && /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: b2("elevator-group")
+    }, /* @__PURE__ */ React__default["default"].createElement(Elevator, {
+      height,
+      indexList: regionList[tabName[tabIndex]],
+      onClickItem: handleElevatorItem
+    })));
   };
   const defaultProps$6 = {
     ...ComponentDefaults,

package/dist/packages/badge/badge.scss

@@ -18,30 +18,30 @@
     border-radius: 7px;
     top: -20%;
     right: -20%;
-    padding: 0 5px;
+    padding: $badge-padding;
     text-align: center;
-    border-radius: 14px;
-    z-index: 1;
+    border-radius: $badge-border-radius;
+    z-index: $badge-z-index;
   }
   .sup {
     position: absolute;
     background: $badge-background-color;
     border-radius: 7px;
-    padding: 0 5px;
+    padding: $badge-padding;
     text-align: center;
-    border-radius: 14px;
+    border-radius: $badge-border-radius;
     font-size: $badge-font-size;
     font-weight: normal;
     color: $badge-default-background-color;
     line-height: 16px;
   }
   .nut-badge__content {
-    transform: translateY(-50%) translateX(100%);
+    transform: $badge-content-transform;
   }
   .is-dot {
-    width: 7px;
-    height: 7px;
-    border-radius: 7px;
-    padding: 0;
+    width: $badge-dot-width;
+    height: $badge-dot-height;
+    border-radius: $badge-dot-border-radius;
+    padding: $badge-dot-padding;
   }
 }

package/dist/packages/button/button.scss

@@ -120,15 +120,15 @@
   }
 
   &--normal {
-    padding: 0 18px;
+    padding: $button-default-padding;
     font-size: $button-default-font-size;
   }
 
   &--small {
     height: $button-small-height;
     line-height: $button-small-line-height;
-    padding: 0 $padding-xs;
-    font-size: $font-size-1;
+    padding: $button-small-padding;
+    font-size: $button-small-font-size;
   }
 
   &--block {

package/dist/packages/cell/cell.scss

@@ -33,9 +33,6 @@
   &--large {
     font-size: $cell-large-title-font;
     padding: $cell-large-padding;
-    .nut-cell__title-desc {
-      font-size: $cell-large-title-desc-font;
-    }
     .nut-cell__subtitle {
       font-size: $cell-large-title-desc-font;
     }
@@ -75,7 +72,7 @@
   &__icon {
     display: flex;
     flex-direction: row;
-    margin-right: $cell-default-icon-margin;
+    margin: $cell-default-icon-margin;
   }
 
   &__title {

package/dist/packages/cellgroup/cellgroup.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-cell-group__wrap {
+    background: $dark-background2;
+    color: $dark-color;
+    box-shadow: none;
+  }
+}
+
 .nut-cell-group {
   display: block;
   &__title {

package/dist/packages/countdown/countdown.scss

@@ -1,3 +1,3 @@
 .nut-countdown {
-  display: flex;
+  display: $countdown-display;
 }

package/dist/packages/infiniteloading/infiniteloading.scss

@@ -47,7 +47,7 @@
     width: 100%;
     padding-top: 16px;
     font-size: $font-size-small;
-    color: $infinite-bottom-color;
+    color: $infiniteloading-bottom-color;
     text-align: center;
 
     .bottom-box {

package/dist/packages/inputnumber/inputnumber.scss

@@ -21,7 +21,7 @@
 }
 
 .nut-inputnumber {
-  display: flex;
+  display: $inputnumber-display;
   align-items: center;
 
   &--disabled {
@@ -46,8 +46,8 @@
     height: 100%;
     text-align: center;
     outline: none;
-    border: 0;
-    margin: 0 6px;
+    border: $inputnumber-input-border;
+    margin: $inputnumber-input-margin;
     background-color: $inputnumber-input-background-color;
     border-radius: $inputnumber-input-border-radius;
   }