@nutui/nutui-react-taro 2.6.15-beta.0 → 2.6.16

package/README.md

@@ -1,4 +1,3 @@
-
 <p align="center">
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
@@ -36,27 +35,26 @@
 
 ---
 
-> Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film ***Ice Age***.
+> Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film **_Ice Age_**.
 
 [简体中文](./README_ZH.md) | English
 
 ## Features
 
-* 🚀 70+ High Quality Components
-* 📖 Based on JD APP 11.0 Visual Specifications
-* 🍭 Support Tree Shaking
-* 📖 Extensive Documentation and Demos
-* 💪 Written in TypeScript
-* 💪 Support SSR (Experimental)
-* 🍭 Support Custom Themes
-* 🍭 90%+ Unit Test Coverage
-* 📖 Provide Sketch Design Resources
-
-
+- 🚀 70+ High Quality Components
+- 📖 Based on JD APP 11.0 Visual Specifications
+- 🍭 Support Tree Shaking
+- 📖 Extensive Documentation and Demos
+- 💪 Written in TypeScript
+- 💪 Support SSR (Experimental)
+- 🍭 Support Custom Themes
+- 🍭 90%+ Unit Test Coverage
+- 📖 Provide Sketch Design Resources
 
 ## Running locally
 
 ### running with H5
+
 ```sh
 # Clone repository
 git clone https://github.com/jdf2e/nutui-react.git
@@ -72,7 +70,9 @@ pnpm run dev
 
 # visit in browser: http：http://localhost:3000 (you don't have to open it manually if you've run it in the browser again)
 ```
+
 ### running with mini-program
+
 ```sh
 # Clone repository
 git clone https://github.com/jdf2e/nutui-react.git
@@ -96,12 +96,11 @@ pnpm run dev:taro:jd
 
 > If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the `es` version. If it is a non-module environment (such as direct reference through the `<script>` tag), it is recommended to use the `umd` compressed version.
 
-* es **nutui.es.js**
-
-* umd **nutui.umd.js**
+- es **nutui.es.js**
 
+- umd **nutui.umd.js**
 
-##  Links
+## Links
 
 <ul>
     <li>
@@ -126,33 +125,30 @@ pnpm run dev:taro:jd
     </li>
 </ul>
 
-
 ## Communication
 
 | Version | WeChat Group | JD Dongdong Group |
-| --- | --- |--- |
+| --- | --- | --- |
 | [NutUI React](https://github.com/jdf2e/nutui-react/issues) | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> Reply 「NutUI-React」 after following | 1025679314 |
 | [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" />Reply 「NutUI-React」 after following | 1022545110 |
 
-
 ## Join Us
 
 #### NutUI Community
 
-[*Welcome To NutUI-React  Community*](https://github.com/jdf2e/nutui-react/discussions/348)
+[_Welcome To NutUI-React Community_](https://github.com/jdf2e/nutui-react/discussions/348)
 
 #### Contribute to NutUI
 
 There are some choices of contributing to NutUI as follows, solving issues, fixing bugs, adding new components, i18n, UI customization, platform and cross-end adaptation, etc.
 
-You are very welcome to contribute code to NutUI. Before your pull requests, please read [*NutUI Developer Contributing Guide*](https://github.com/jdf2e/nutui-react/discussions/348)。
-
+You are very welcome to contribute code to NutUI. Before your pull requests, please read [_NutUI Developer Contributing Guide_](https://github.com/jdf2e/nutui-react/discussions/348)。
 
 ## Issue & Discussion
 
 [Report issues to NutUI](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui-react&lang=zh-cn)
 
-> It is highly recommended to read [*How To Ask Questions The Smart Way*](https://github.com/ryanhanwu/, [*How To Ask Questions Of GitHub Community*](https://github.com/seajs/seajs/issues/545) and [*How to Report Bugs Effectively*](https://www.chiark.greenend.org.uk/~sgtatham/bugs.html), then you can get understanding and help more easily.
+> It is highly recommended to read [*How To Ask Questions The Smart Way*](https://github.com/ryanhanwu/, [_How To Ask Questions Of GitHub Community_](https://github.com/seajs/seajs/issues/545) and [_How to Report Bugs Effectively_](https://www.chiark.greenend.org.uk/~sgtatham/bugs.html), then you can get understanding and help more easily.
 
 [NutUI Discussion](https://github.com/jdf2e/nutui-react/discussions)
 
@@ -162,13 +158,11 @@ If you have any ideas, questions or suggestions, you can share your opinions her
 
 Thanks to all the following [developers](https://github.com/jdf2e/nutui-react/graphs/contributors)。 who have contributed code to NutUI.
 
-
 <a href="https://github.com/jdf2e/nutui-react/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" alt="contributors"/>
 </a>
 
-
-## Stargazers 
+## Stargazers
 
 [![Stargazers repo roster for @jdf2e/nutui-react](https://reporoster.com/stars/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/stargazers)
 
@@ -184,7 +178,6 @@ Thanks to all the following [developers](https://github.com/jdf2e/nutui-react/gr
 
 NutUI follows [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153). The up-to-date release notes are available on [Release](https://github.com/jdf2e/nutui-react/releases)
 
-
 ## Open Source License
 
 This project is based on **MIT** protocol

package/dist/esm/Audio.js

@@ -1,4 +1,4 @@
-import { A as Audio } from "./audio.taro-DzSc40G9.js";
+import { A as Audio } from "./audio.taro-CD-vP_u0.js";
 export {
   Audio as default
 };

package/dist/esm/Checkbox.js

@@ -1,4 +1,4 @@
-import { C as Checkbox } from "./checkbox.taro-Dc054oRo.js";
+import { C as Checkbox } from "./checkbox.taro-CgqJyhrh.js";
 export {
   Checkbox as default
 };

package/dist/esm/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { a as CheckboxGroup } from "./checkbox.taro-Dc054oRo.js";
+import { a as CheckboxGroup } from "./checkbox.taro-CgqJyhrh.js";
 export {
   CheckboxGroup as default
 };

package/dist/esm/DatePicker.js

@@ -1,4 +1,4 @@
-import { D as DatePicker } from "./datepicker.taro-DTyJrlhD.js";
+import { D as DatePicker } from "./datepicker.taro-BxaZ3Fjv.js";
 export {
   DatePicker as default
 };

package/dist/esm/Form.js

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem.taro-Dmt5-wxG.js";
+import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem.taro-DogVddcs.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { C as Cell } from "./cell.taro-CVFlcls2.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", divider: false, onFinish: (values) => {

package/dist/esm/FormItem.js

@@ -1,4 +1,4 @@
-import { F as FormItem } from "./formitem.taro-Dmt5-wxG.js";
+import { F as FormItem } from "./formitem.taro-DogVddcs.js";
 export {
   FormItem as default
 };

package/dist/esm/ImagePreview.js

@@ -1,4 +1,4 @@
-import { I as ImagePreview } from "./imagepreview.taro-DtgQJEQ_.js";
+import { I as ImagePreview } from "./imagepreview.taro-CF-CCJ1Q.js";
 export {
   ImagePreview as default
 };

package/dist/esm/InputNumber.js

@@ -1,4 +1,4 @@
-import { I as InputNumber } from "./inputnumber.taro-WN5Drnyz.js";
+import { I as InputNumber } from "./inputnumber.taro-D9mteLSI.js";
 export {
   InputNumber as default
 };

package/dist/esm/Menu.js

@@ -1,4 +1,4 @@
-import { M as Menu } from "./menu.taro-CrPdDbYM.js";
+import { M as Menu } from "./menu.taro-CLbOM_Z4.js";
 export {
   Menu as default
 };

package/dist/esm/MenuItem.js

@@ -1,4 +1,4 @@
-import { M as MenuItem } from "./menuitem.taro-DMV3j4DK.js";
+import { M as MenuItem } from "./menuitem.taro-CNaseNcY.js";
 export {
   MenuItem as default
 };

package/dist/esm/NumberKeyboard.js

@@ -1,4 +1,4 @@
-import { N as NumberKeyboard } from "./numberkeyboard.taro-BA0iCeGP.js";
+import { N as NumberKeyboard } from "./numberkeyboard.taro-Cz6rKxk3.js";
 export {
   NumberKeyboard as default
 };

package/dist/esm/PullToRefresh.js

@@ -1,4 +1,4 @@
-import { P as PullToRefresh } from "./pulltorefresh.taro-CZReoWwU.js";
+import { P as PullToRefresh } from "./pulltorefresh.taro-BScP6uPx.js";
 export {
   PullToRefresh as default
 };

package/dist/esm/Radio.js

@@ -1,4 +1,4 @@
-import { R as Radio } from "./radio.taro-BNSceequ.js";
+import { R as Radio } from "./radio.taro-CzOHqD3O.js";
 export {
   Radio as default
 };

package/dist/esm/RadioGroup.js

@@ -1,4 +1,4 @@
-import { a as RadioGroup } from "./radio.taro-BNSceequ.js";
+import { a as RadioGroup } from "./radio.taro-CzOHqD3O.js";
 export {
   RadioGroup as default
 };

package/dist/esm/Swipe.js

@@ -1,4 +1,4 @@
-import { S as Swipe } from "./swipe.taro-yUhne9XU.js";
+import { S as Swipe } from "./swipe.taro-Bsk2fnEl.js";
 export {
   Swipe as default
 };

package/dist/esm/Swiper.js

@@ -4,7 +4,7 @@ import { View, Swiper as Swiper$1, SwiperItem } from "@tarojs/components";
 import classNames from "classnames";
 import { I as Indicator } from "./indicator.taro-k8bxJf86.js";
 import { p as pxCheck } from "./px-check-D1Xbd9pj.js";
-import { S as SwiperItem$1 } from "./swiperitem.taro-DeiNSrJV.js";
+import { S as SwiperItem$1 } from "./swiperitem.taro-BleF1EOs.js";
 const defaultProps = {
   direction: "horizontal",
   indicator: false,
@@ -93,7 +93,6 @@ const Swiper = forwardRef((props, ref) => {
     renderIndicator()
   );
 });
-Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";
 const InnerSwiper = Swiper;
 InnerSwiper.Item = SwiperItem$1;

package/dist/esm/SwiperItem.js

@@ -1,4 +1,4 @@
-import { S as SwiperItem } from "./swiperitem.taro-DeiNSrJV.js";
+import { S as SwiperItem } from "./swiperitem.taro-BleF1EOs.js";
 export {
   SwiperItem as default
 };

package/dist/esm/Table.js

@@ -1,4 +1,4 @@
-import { T as Table } from "./table.taro-D2M3D2Vj.js";
+import { T as Table } from "./table.taro-B6WCKTkO.js";
 export {
   Table as default
 };

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from "./uploader.taro-DfO2HWvy.js";
+import { U as Uploader } from "./uploader.taro-DagHZaNI.js";
 export {
   Uploader as default
 };

package/dist/esm/{audio.taro-DzSc40G9.js → audio.taro-CD-vP_u0.js}

@@ -33,19 +33,19 @@ const Audio = (props) => {
   audioCtx.autoplay = autoplay || false;
   audioCtx.loop = loop || false;
   audioCtx.onPause(() => {
-    props.onPause && props.onPause(audioCtx);
+    onPause === null || onPause === void 0 ? void 0 : onPause(audioCtx);
   });
   audioCtx.onEnded(() => {
-    if (props.loop) {
+    if (loop) {
       console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
     } else {
-      props.onPlayEnd && props.onPlayEnd(audioCtx);
+      onPlayEnd === null || onPlayEnd === void 0 ? void 0 : onPlayEnd(audioCtx);
     }
   });
   audioCtx.onPlay(() => {
     const { duration } = audioCtx;
     setTotalSeconds(Math.floor(duration));
-    props.onPlay && props.onPlay(audioCtx);
+    onPlay === null || onPlay === void 0 ? void 0 : onPlay(audioCtx);
   });
   audioCtx.onCanplay(() => {
     const intervalID = setInterval(function() {
@@ -55,7 +55,7 @@ const Audio = (props) => {
       }
     }, 500);
     setIsCanPlay(true);
-    props.onCanPlay && props.onCanPlay(audioCtx);
+    onCanPlay === null || onCanPlay === void 0 ? void 0 : onCanPlay(audioCtx);
   });
   audioCtx.onTimeUpdate(() => {
     const time = parseInt(`${audioCtx.currentTime}`);
@@ -87,14 +87,14 @@ const Audio = (props) => {
     statusRef.current.currentTime = Math.max(currentTime - 1, 0);
     setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
     audioCtx.seek(statusRef.current.currentTime);
-    props.onFastBack && props.onFastBack(audioCtx);
+    onFastBack === null || onFastBack === void 0 ? void 0 : onFastBack(audioCtx);
   };
   const handleForward = () => {
     const currentTime = Math.floor(audioCtx.currentTime);
     statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
     setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
     audioCtx.seek(statusRef.current.currentTime);
-    props.onForward && props.onForward(audioCtx);
+    onForward === null || onForward === void 0 ? void 0 : onForward(audioCtx);
   };
   const handleStatusChange = () => {
     setPlaying(!playing);
@@ -160,7 +160,6 @@ const Audio = (props) => {
   };
   return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style }, rest), renderAudio());
 };
-Audio.defaultProps = defaultProps;
 Audio.displayName = "NutAudio";
 export {
   Audio as A

package/dist/esm/{checkbox.taro-Dc054oRo.js → checkbox.taro-CgqJyhrh.js}

@@ -20,7 +20,7 @@ const defaultProps$1 = {
 };
 const classPrefix$1 = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, disabled, list, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
+  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, disabled, list, value, defaultValue, max, min, labelPosition, direction, options, onChange, onLimit } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "value", "defaultValue", "max", "min", "labelPosition", "direction", "options", "onChange", "onLimit"]);
   useImperativeHandle(ref, () => ({
     toggle(state) {
       if (state === false) {
@@ -45,8 +45,8 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     }
   }));
   const [_value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value,
+    defaultValue,
     finalValue: [],
     onChange
   });
@@ -83,12 +83,11 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       }
     } },
     React__default.createElement("div", Object.assign({ className: classNames(classPrefix$1, {
-      [`nut-checkboxgroup-${props.direction}`]: props.direction,
+      [`nut-checkboxgroup-${direction}`]: direction,
       [`nut-checkboxgroup-list`]: list
     }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
   );
 });
-CheckboxGroup.defaultProps = defaultProps$1;
 CheckboxGroup.displayName = "NutCheckboxGroup";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, shape: "round", labelPosition: "right", icon: null, activeIcon: null, indeterminateIcon: null, onChange: (value) => {
 } });

package/dist/esm/{datepicker.taro-DTyJrlhD.js → datepicker.taro-BxaZ3Fjv.js}

@@ -132,7 +132,7 @@ const DatePicker = (props) => {
       if (!isEqual) {
         setSelectedDate(formatValue(newDate));
       }
-      props.onChange && props.onChange(selectedOptions, [
+      onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
         String(newDate.getFullYear()),
         String(newDate.getMonth() + 1),
         String(newDate.getDate())
@@ -203,8 +203,8 @@ const DatePicker = (props) => {
     }
     pickerValue[columnIndex] = (_a2 = arr[index]) === null || _a2 === void 0 ? void 0 : _a2.value;
     setPickerValue([...pickerValue]);
-    if (props.filter && props.filter(type2, arr)) {
-      return props.filter(type2, arr);
+    if (filter === null || filter === void 0 ? void 0 : filter(type2, arr)) {
+      return filter === null || filter === void 0 ? void 0 : filter(type2, arr);
     }
     return arr;
   };
@@ -243,7 +243,6 @@ const DatePicker = (props) => {
   }, [selectedDate, startDate, endDate]);
   return React__default.createElement(View, Object.assign({ className: `nut-datepicker ${className}`, style, catchMove: true }, rest), pickerOptions.length && React__default.createElement(Picker, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
-DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = "NutDatePicker";
 export {
   DatePicker as D

package/dist/esm/{formitem.taro-Dmt5-wxG.js → formitem.taro-DogVddcs.js}

@@ -264,7 +264,7 @@ class FormItem extends React__default.Component {
     };
     this.renderLayout = (childNode) => {
       var _a;
-      const { label, name, required, rules, className, style, errorMessageAlign } = Object.assign(Object.assign({}, defaultProps), this.props);
+      const { label, name, required, rules, className, style, align, errorMessageAlign } = Object.assign(Object.assign({}, defaultProps), this.props);
       const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
       const item = name ? this.context.errors[name] : [];
       const { starPosition } = this.context;
@@ -278,7 +278,7 @@ class FormItem extends React__default.Component {
       );
       return React__default.createElement(
         Cell,
-        { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
+        { className: `nut-form-item ${className}`, style, align, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
         label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
         React__default.createElement(
           "div",

package/dist/esm/{imagepreview.taro-DtgQJEQ_.js → imagepreview.taro-CF-CCJ1Q.js}

@@ -5,7 +5,7 @@ import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { P as Popup } from "./popup.taro-CR3JyuJV.js";
 import InnerSwiper from "./Swiper.js";
-import { S as SwiperItem } from "./swiperitem.taro-DeiNSrJV.js";
+import { S as SwiperItem } from "./swiperitem.taro-BleF1EOs.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: false, defaultValue: 1, closeOnContentClick: false, pagination: true, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", showMenuByLongpress: false, onChange: (value) => {

package/dist/esm/{inputnumber.taro-WN5Drnyz.js → inputnumber.taro-D9mteLSI.js}

@@ -98,6 +98,18 @@ const InputNumber = (props) => {
       return null;
     return text;
   };
+  const clampValue = (valueStr) => {
+    if (valueStr === null)
+      return defaultValue;
+    const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+    return Math.max(Number(min), Math.min(Number(max), val));
+  };
+  const handleValueChange = (valueStr, e) => {
+    const val = clampValue(valueStr);
+    if (val !== Number(shadowValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
+    }
+  };
   const handleInputChange = (e) => {
     setInputValue(e.target.value);
     const valueStr = parseValue(e.target.value);
@@ -108,24 +120,29 @@ const InputNumber = (props) => {
         setShadowValue(defaultValue);
       }
     } else {
-      setShadowValue(valueStr);
-    }
-    if (!async) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      setShadowValue(clampValue(valueStr));
     }
+    !async && handleValueChange(valueStr, e);
   };
   const handleFocus = (e) => {
     setFocused(true);
     setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
-    onFocus && onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
   const handleBlur = (e) => {
     setFocused(false);
-    onBlur && onBlur(e);
-    if (async) {
-      const valueStr = parseValue(e.target.value);
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(clampValue(valueStr));
     }
+    async && handleValueChange(valueStr, e);
   };
   return React__default.createElement(
     "div",

package/dist/esm/{menu.taro-CrPdDbYM.js → menu.taro-CLbOM_Z4.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp, ArrowDown } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-DMV3j4DK.js";
+import { M as MenuItem } from "./menuitem.taro-CNaseNcY.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeColor: "", closeOnOverlayClick: true, scrollFixed: false, lockScroll: true, overlay: true, icon: null, onOpen: (index, from) => {
 }, onClose: (index, from) => {
@@ -68,7 +68,7 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        const { title, options, value, defaultValue, disabled, direction } = child.props;
+        const { title, titleIcon, options, value, defaultValue, disabled, direction } = child.props;
         const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
         const finallyTitle = () => {
           if (title)
@@ -79,18 +79,25 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
+        const finallyIcon = () => {
+          if (titleIcon)
+            return titleIcon;
+          if (icon)
+            return icon;
+          return direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" });
+        };
         return React__default.createElement(
           "div",
-          { className: classNames("nut-menu-title ", {
+          { className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
             active: showMenuItem[index],
             disabled
-          }, className), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: () => {
+          }), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: () => {
             if ((!options || !options.length) && !child.props.children)
               return;
             !disabled && toggleMenuItem(index);
           } },
           React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", size: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", size: "12px" }))
+          finallyIcon()
         );
       }
       return null;

package/dist/esm/{menuitem.taro-DMV3j4DK.js → menuitem.taro-CNaseNcY.js}

@@ -9,7 +9,7 @@ import { O as Overlay } from "./overlay.taro-C2t82CZz.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-THaHH07X.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { titleIcon: null, columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
 const MenuItem = forwardRef((props, ref) => {
   const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = Object.assign(Object.assign({}, defaultProps), props);
   const [showPopup, setShowPopup] = useState(show);

package/dist/esm/{numberkeyboard.taro-BA0iCeGP.js → numberkeyboard.taro-Cz6rKxk3.js}

@@ -6,11 +6,11 @@ import { View } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-CR3JyuJV.js";
 import { u as useConfig } from "./configprovider.taro-DA4GDDFu.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
 } });
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
-  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = props, rest = __rest(props, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = _a, rest = __rest(_a, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
   const classPrefix = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -57,41 +57,52 @@ const NumberKeyboard = (props) => {
     };
     const onTouchEnd = (item2) => {
       setActive(false);
-      if (item2.type === "num" || item2.type === "custom") {
-        onChange && onChange(item2.id);
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          onChange === null || onChange === void 0 ? void 0 : onChange(item2.id);
+          break;
+        case "close":
+          onClose === null || onClose === void 0 ? void 0 : onClose();
+          break;
+        case "delete":
+          onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+          break;
+        case "confirm":
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          break;
       }
-      if (item2.type === "close") {
-        onClose && onClose();
-      }
-      if (item2.type === "delete") {
-        onDelete && onDelete();
-      }
-      if (item2.type === "confirm") {
-        onConfirm && onConfirm();
+    };
+    const renderContent = (item2) => {
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          return React__default.createElement("div", null, item2.id);
+        case "delete":
+          return React__default.createElement(DeleteIcon, null);
+        case "close":
+          return React__default.createElement(ArrowDown, { size: 18 });
+        case "confirm":
+          return React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return React__default.createElement(
       "div",
       { key: item.id, className: `${classPrefix}-body-wrapper` },
-      React__default.createElement(
-        "div",
-        { className: classNames({
-          key: true,
-          active,
-          close: item.type === "close",
-          delete: item.type === "delete",
-          confirm: item.type === "confirm"
-        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
-        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
-        item.type === "delete" && React__default.createElement(DeleteIcon, null),
-        item.type === "close" && React__default.createElement(ArrowDown, { size: 18 }),
-        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
-      )
+      React__default.createElement("div", { className: classNames({
+        key: true,
+        active,
+        close: item.type === "close",
+        delete: item.type === "delete",
+        confirm: item.type === "confirm"
+      }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) }, renderContent(item))
     );
   };
   return React__default.createElement(
     Popup,
-    Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
+    Object.assign({}, rest, { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }),
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },