@nutui/nutui-react-taro 2.0.0-alpha.7 → 2.0.0-alpha.9

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v2.0.0-alpha.9
+`2023-05-17`
+
+* :sparkles: feat: add createProperties.js (#1001) @Eiinu
+* :sparkles: feat: cascader支持受控 (#1000) @xiaoyatong
+* :sparkles: feat: elevator 支持右侧索引是否展示 (#1006) @拧巴的猫
+* :bug: fix(image): lazy 优化观察对象数量 (#1015) @Eiinu
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* :bug: fix: 格式化，删掉某些无用代码 (#1014) @xiaoyatong
+* 🛠 refactor: notify (#983) @拧巴的猫
+* 🛠 refactor: NumberKeyboard (#1012) @Eiinu
+* 🛠 refactor: price (#989) @拧巴的猫
+* 🛠 refactor: pulltorefresh (#1011) @oasis-cloud
+* 🛠 refactor: radio (#1009) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+* 🛠 refactor: swiper 重构；indcator 的索引计算改为从 0 开始 (#1008) @oasis-cloud
+* 🔨 chore: autoplay -> autoPlay (#1007) @Eiinu
+* 📖 docs(tabbar): update description (#1004) @Eiinu
+
+
+# v2.0.0-alpha.8
+`2023-05-12`
+* :sparkles:feat: cascader支持受控 (#1000) @xiaoyatong
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+
 # v2.0.0-alpha.7
 `2023-05-12`
 * :bug: fix: tabs children 变化需要更新选中状态 @oasis-cloud

package/dist/esm/Address.js

@@ -1,4 +1,4 @@
-import { A as Address } from "./address.taro-1c534feb.js";
+import { A as Address } from "./address.taro-1a8ab3f1.js";
 import "react";
 import "@nutui/icons-react-taro";
 import "./popup.taro-e756f3fc.js";
@@ -12,7 +12,7 @@ import "./bem-cdccae08.js";
 import "@bem-react/classname";
 import "./ConfigProvider.js";
 import "@tarojs/taro";
-import "./elevator.taro-bc162e4f.js";
+import "./elevator.taro-df8fde9d.js";
 import "./configprovider.taro-25758d9f.js";
 export {
   Address as default

package/dist/esm/Audio.js

@@ -1,17 +1,18 @@
-import { A as Audio } from "./audio.taro-ec96ef80.js";
+import { A as Audio } from "./audio.taro-bbd39f93.js";
 import "react";
 import "@tarojs/taro";
 import "@nutui/icons-react-taro";
-import "./range.taro-52cda918.js";
+import "./range.taro-615e193a.js";
+import "classnames";
+import "@tarojs/components";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./toast.taro-92c10e1d.js";
-import "classnames";
+import "./typings-11d83a22.js";
+import "./use-props-value-7ac1b1b5.js";
+import "./button.taro-01eae688.js";
 import "./bem-cdccae08.js";
 import "@bem-react/classname";
 import "./configprovider.taro-25758d9f.js";
-import "./button.taro-01eae688.js";
-import "./typings-11d83a22.js";
 export {
   Audio as default
 };

package/dist/esm/Card.js

@@ -1,12 +1,12 @@
-import { C as Card } from "./card.taro-a46fdf25.js";
+import { C as Card } from "./card.taro-2080f4d2.js";
 import "react";
 import "classnames";
-import "./price.taro-c4f45310.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./price.taro-479f1b82.js";
+import "./typings-11d83a22.js";
 import "./tag.taro-1b4134a5.js";
 import "@nutui/icons-react-taro";
-import "./typings-11d83a22.js";
+import "./bem-cdccae08.js";
+import "@bem-react/classname";
 export {
   Card as default
 };

package/dist/esm/Cascader.js

@@ -1,4 +1,4 @@
-import { C as Cascader } from "./cascader.taro-0a2694ed.js";
+import { C as Cascader } from "./cascader.taro-fb7a0230.js";
 import "react";
 import "classnames";
 import "./popup.taro-e756f3fc.js";
@@ -8,7 +8,7 @@ import "@nutui/icons-react-taro";
 import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
-import "./tabs.taro-b75f20ff.js";
+import "./tabs.taro-66164782.js";
 import "./tabpane.taro-f8d92ece.js";
 import "./use-props-value-7ac1b1b5.js";
 export {

package/dist/esm/DatePicker.js

@@ -1,7 +1,7 @@
-import { D as DatePicker } from "./datepicker.taro-3f718964.js";
+import { D as DatePicker } from "./datepicker.taro-65dbeceb.js";
 import "react";
 import "@tarojs/components";
-import "./picker.taro-a5603921.js";
+import "./picker.taro-0570ec32.js";
 import "classnames";
 import "@tarojs/taro";
 import "./popup.taro-e756f3fc.js";
@@ -12,7 +12,6 @@ import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./supports-passive-aaaf0eff.js";
 import "./can-use-dom-0e539bd3.js";
 import "./configprovider.taro-25758d9f.js";
 import "./use-props-value-7ac1b1b5.js";

package/dist/esm/Elevator.js

@@ -1,4 +1,4 @@
-import { E as Elevator } from "./elevator.taro-bc162e4f.js";
+import { E as Elevator } from "./elevator.taro-df8fde9d.js";
 import "react";
 import "@tarojs/taro";
 import "@tarojs/components";

package/dist/esm/ImagePreview.js

@@ -1,4 +1,4 @@
-import { I as ImagePreview } from "./imagepreview.taro-8832dc01.js";
+import { I as ImagePreview } from "./imagepreview.taro-2508d412.js";
 import "react";
 import "./popup.taro-e756f3fc.js";
 import "react-dom";
@@ -8,12 +8,9 @@ import "@nutui/icons-react-taro";
 import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
-import "./swiper.taro-74cf9306.js";
-import "@tarojs/taro";
-import "./UserContext-735db09f.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./swiperitem-80df464a.js";
+import "./swiper.taro-53a36427.js";
+import "./indicator.taro-edbc71df.js";
+import "./swiperitem.taro-ef7342e8.js";
 export {
   ImagePreview as default
 };

package/dist/esm/Indicator.js

@@ -1,4 +1,4 @@
-import { I as Indicator } from "./indicator.taro-f2bd212f.js";
+import { I as Indicator } from "./indicator.taro-edbc71df.js";
 import "react";
 import "classnames";
 export {

package/dist/esm/InputNumber.js

@@ -1,4 +1,4 @@
-import { I as InputNumber } from "./inputnumber.taro-877dc947.js";
+import { I as InputNumber } from "./inputnumber.taro-6657d2c1.js";
 import "react";
 import "@nutui/icons-react-taro";
 import "classnames";

package/dist/esm/Notify.js

@@ -1,9 +1,8 @@
-import { N as Notify } from "./notify.taro-6b6eb6bf.js";
+import { N as Notify } from "./notify.taro-5768403d.js";
 import "react";
 import "classnames";
 import "react-transition-group";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./typings-11d83a22.js";
 export {
   Notify as default
 };

package/dist/esm/NumberKeyboard.js

@@ -1,13 +1,11 @@
-import { N as NumberKeyboard } from "./numberkeyboard.taro-0a0e866a.js";
+import { N as NumberKeyboard } from "./numberkeyboard.taro-ad8afaf9.js";
 import "react";
 import "classnames";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "@nutui/icons-react-taro";
+import "@tarojs/components";
 import "./popup.taro-e756f3fc.js";
 import "react-dom";
 import "react-transition-group";
-import "@nutui/icons-react-taro";
-import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./configprovider.taro-25758d9f.js";

package/dist/esm/Picker.js

@@ -1,4 +1,4 @@
-import { P as Picker } from "./picker.taro-a5603921.js";
+import { P as Picker } from "./picker.taro-0570ec32.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
@@ -11,7 +11,6 @@ import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./supports-passive-aaaf0eff.js";
 import "./can-use-dom-0e539bd3.js";
 import "./configprovider.taro-25758d9f.js";
 import "./use-props-value-7ac1b1b5.js";

package/dist/esm/Price.js

@@ -1,7 +1,6 @@
-import { P as Price } from "./price.taro-c4f45310.js";
+import { P as Price } from "./price.taro-479f1b82.js";
 import "react";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./typings-11d83a22.js";
 export {
   Price as default
 };

package/dist/esm/PullToRefresh.js

@@ -1,11 +1,9 @@
-import { P as PullToRefresh } from "./pulltorefresh.taro-c611fd92.js";
+import { P as PullToRefresh } from "./pulltorefresh.taro-6afe4805.js";
 import "react";
-import "@use-gesture/react";
-import "@react-spring/web";
+import "@tarojs/components";
 import "./configprovider.taro-25758d9f.js";
-import "./get-scroll-parent-8da04f2e.js";
-import "./can-use-dom-0e539bd3.js";
-import "./supports-passive-aaaf0eff.js";
+import "./use-touch-ff43512c.js";
+import "./typings-11d83a22.js";
 export {
   PullToRefresh as default
 };

package/dist/esm/Radio.js

@@ -1,9 +1,9 @@
-import { R as Radio } from "./radio.taro-3a54f4c8.js";
+import { R as Radio } from "./radio.taro-5d6ca4ad.js";
 import "react";
 import "@nutui/icons-react-taro";
+import "classnames";
 import "./typings-11d83a22.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./use-props-value-7ac1b1b5.js";
 export {
   Radio as default
 };

package/dist/esm/RadioGroup.js

@@ -1,9 +1,9 @@
-import { a as RadioGroup } from "./radio.taro-3a54f4c8.js";
+import { a as RadioGroup } from "./radio.taro-5d6ca4ad.js";
 import "react";
 import "@nutui/icons-react-taro";
+import "classnames";
 import "./typings-11d83a22.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./use-props-value-7ac1b1b5.js";
 export {
   RadioGroup as default
 };

package/dist/esm/Range/style/index.js

@@ -1,2 +1,2 @@
-import '../../Toast/style'
+
 import '../../../packages/range/range.scss'

package/dist/esm/Range.js

@@ -1,13 +1,11 @@
-import { R as Range } from "./range.taro-52cda918.js";
+import { R as Range } from "./range.taro-615e193a.js";
 import "react";
+import "classnames";
+import "@tarojs/components";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./toast.taro-92c10e1d.js";
-import "classnames";
-import "@nutui/icons-react-taro";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./configprovider.taro-25758d9f.js";
+import "./typings-11d83a22.js";
+import "./use-props-value-7ac1b1b5.js";
 export {
   Range as default
 };

package/dist/esm/Sticky.js

@@ -1,10 +1,9 @@
-import { S as Sticky } from "./sticky.taro-3c03eb0a.js";
+import { S as Sticky } from "./sticky.taro-f8ae8d5e.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
 import "./typings-11d83a22.js";
 import "./use-client-rect-f317804e.js";
-import "./get-scroll-parent-8da04f2e.js";
 import "./can-use-dom-0e539bd3.js";
 export {
   Sticky as default

package/dist/esm/Swiper.js

@@ -1,10 +1,8 @@
-import { S as Swiper } from "./swiper.taro-74cf9306.js";
+import { S as Swiper } from "./swiper.taro-53a36427.js";
 import "react";
+import "@tarojs/components";
 import "classnames";
-import "@tarojs/taro";
-import "./UserContext-735db09f.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./indicator.taro-edbc71df.js";
 export {
   Swiper as default
 };

package/dist/esm/SwiperItem.js

@@ -1,9 +1,5 @@
-import { S as SwiperItem } from "./swiperitem-80df464a.js";
+import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
 import "react";
-import "classnames";
-import "./UserContext-735db09f.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
 export {
   SwiperItem as default
 };

package/dist/esm/Tabs.js

@@ -1,4 +1,4 @@
-import { T as Tabs } from "./tabs.taro-b75f20ff.js";
+import { T as Tabs } from "./tabs.taro-66164782.js";
 import "react";
 import "@tarojs/components";
 import "classnames";

package/dist/esm/{address.taro-1c534feb.js → address.taro-1a8ab3f1.js}

@@ -4,7 +4,7 @@ import { P as Popup } from "./popup.taro-e756f3fc.js";
 import { c as cn } from "./bem-cdccae08.js";
 import { useConfig } from "./ConfigProvider.js";
 import { createSelectorQuery } from "@tarojs/taro";
-import { E as Elevator } from "./elevator.taro-bc162e4f.js";
+import { E as Elevator } from "./elevator.taro-df8fde9d.js";
 import { u as useConfig$1 } from "./configprovider.taro-25758d9f.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps$2 = {

package/dist/esm/{audio.taro-ec96ef80.js → audio.taro-bbd39f93.js}

@@ -1,7 +1,7 @@
 import React, { useState, useRef } from "react";
 import { createInnerAudioContext } from "@tarojs/taro";
 import { Service } from "@nutui/icons-react-taro";
-import { R as Range } from "./range.taro-52cda918.js";
+import { R as Range } from "./range.taro-615e193a.js";
 import { B as Button } from "./button.taro-01eae688.js";
 import { c as cn } from "./bem-cdccae08.js";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
@@ -148,7 +148,7 @@ const Audio = (props) => {
         React.createElement(
           "div",
           { className: b("progress-bar-wrapper") },
-          React.createElement(Range, { modelValue: percent, hiddenTag: true, hiddenRange: true, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
+          React.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
         ),
         React.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || "00:00:00")
       ),

package/dist/esm/{card.taro-a46fdf25.js → card.taro-2080f4d2.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { P as Price } from "./price.taro-c4f45310.js";
+import { P as Price } from "./price.taro-479f1b82.js";
 import { T as Tag } from "./tag.taro-1b4134a5.js";
 import { c as cn } from "./bem-cdccae08.js";
 const defaultProps = {};

package/dist/esm/{cascader.taro-0a2694ed.js → cascader.taro-fb7a0230.js}

@@ -7,9 +7,10 @@ var __publicField = (obj, key, value) => {
 import React, { isValidElement, useState, useEffect } from "react";
 import classNames from "classnames";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { T as Tabs } from "./tabs.taro-b75f20ff.js";
+import { T as Tabs } from "./tabs.taro-66164782.js";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps$1 = {
   data: {
     text: "",
@@ -191,7 +192,6 @@ const defaultProps = {
   popup: true,
   visible: false,
   options: [],
-  value: [],
   title: "",
   optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
   format: {},
@@ -206,14 +206,22 @@ const defaultProps = {
   onChange: () => {
   },
   onPathChange: () => {
-  },
-  ...Popup.defaultProps
+  }
 };
 const InternalCascader = (props, ref) => {
-  const { className, style, popup, visible, options, value, title, optionKey, format, closeable, closeIconPosition, closeIcon, lazy, onLoad, onClose, onChange, onPathChange } = { ...defaultProps, ...props };
+  const { className, style, popup, visible, options, value, defaultValue, title, optionKey, format, closeable, closeIconPosition, closeIcon, lazy, onLoad, onClose, onChange, onPathChange } = { ...defaultProps, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
+  const [innerValue, setInnerValue] = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: defaultValue,
+    onChange: (val) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
+    }
+  });
   const [state] = useState({
     optionsData: [],
     panes: [
@@ -223,7 +231,6 @@ const InternalCascader = (props, ref) => {
         paneKey: ""
       }
     ],
-    innerValue: value,
     tree: new Tree$1([], {}),
     tabsCursor: 0,
     initLoading: false,
@@ -242,12 +249,12 @@ const InternalCascader = (props, ref) => {
   });
   useEffect(() => {
     initData();
-  }, [options]);
+  }, [options, format]);
   useEffect(() => {
-    if (value !== state.innerValue) {
-      state.innerValue = value;
+    if (defaultValue && defaultValue !== innerValue) {
+      setInnerValue(defaultValue);
     }
-  }, [value]);
+  }, [defaultValue]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format && Object.keys(format).length > 0) {
@@ -279,8 +286,8 @@ const InternalCascader = (props, ref) => {
     setOptionsData(state.panes);
   };
   const syncValue = async () => {
-    const currentValue = state.innerValue;
-    if (currentValue === void 0 || !state.tree.nodes.length) {
+    const currentValue = innerValue;
+    if (currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length) {
       return;
     }
     if (currentValue.length === 0) {
@@ -308,7 +315,7 @@ const InternalCascader = (props, ref) => {
         state.initLoading = false;
       }
     }
-    if (needToSync.length && currentValue === value) {
+    if (needToSync.length && currentValue === defaultValue) {
       const pathNodes = state.tree.getPathNodesByValue(needToSync);
       pathNodes.forEach((node, index) => {
         state.tabsCursor = index;
@@ -365,6 +372,7 @@ const InternalCascader = (props, ref) => {
         const optionParams = pathNodes.map((item) => item.value);
         onChange(optionParams, pathNodes);
         onPathChange(optionParams, pathNodes);
+        setInnerValue(optionParams);
       }
       setOptionsData(state.panes);
       close();

package/dist/esm/{datepicker.taro-3f718964.js → datepicker.taro-65dbeceb.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-a5603921.js";
+import { P as Picker } from "./picker.taro-0570ec32.js";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const defaultProps = {

package/dist/esm/{elevator.taro-bc162e4f.js → elevator.taro-df8fde9d.js}

@@ -12,10 +12,11 @@ const defaultProps = {
   sticky: false,
   spaceHeight: 23,
   titleHeight: 35,
+  showKeys: true,
   className: "weapp-elevator"
 };
 const Elevator = (props) => {
-  const { height, floorKey, list, sticky, spaceHeight, titleHeight, className, style, onClickItem, onClickIndex, children, ...rest } = {
+  const { height, floorKey, list, sticky, spaceHeight, titleHeight, showKeys, className, style, onClickItem, onClickIndex, children, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -172,20 +173,24 @@ const Elevator = (props) => {
         );
       }))
     ),
-    list.length && scrollStart ? React.createElement("div", { className: classNames({
-      [`${classPrefix}__code--current`]: true,
-      [`${classPrefix}__code--current--current`]: true
-    }) }, list[codeIndex][floorKey]) : null,
-    React.createElement(
-      "div",
-      { className: `${classPrefix}__bars` },
-      React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
-        return React.createElement("div", { className: classNames({
-          [`${classPrefix}__bars__inner__item`]: true,
-          [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
-        }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
-      }))
-    ),
+    showKeys ? React.createElement(
+      React.Fragment,
+      null,
+      list.length && scrollStart ? React.createElement("div", { className: classNames({
+        [`${classPrefix}__code--current`]: true,
+        [`${classPrefix}__code--current--current`]: true
+      }) }, list[codeIndex][floorKey]) : null,
+      React.createElement(
+        "div",
+        { className: `${classPrefix}__bars` },
+        React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
+          return React.createElement("div", { className: classNames({
+            [`${classPrefix}__bars__inner__item`]: true,
+            [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
+          }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
+        }))
+      )
+    ) : null,
     sticky && scrollY > 0 ? React.createElement(
       "div",
       { className: `${classPrefix}__list__fixed` },

package/dist/esm/{imagepreview.taro-8832dc01.js → imagepreview.taro-2508d412.js}

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useEffect } from "react";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { S as Swiper } from "./swiper.taro-74cf9306.js";
-import { S as SwiperItem } from "./swiperitem-80df464a.js";
+import { S as Swiper } from "./swiper.taro-53a36427.js";
+import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
 const defaultProps = {
   images: [],
   videos: [],
   show: false,
-  autoplay: 3e3,
+  autoPlay: false,
   initNo: 1,
   contentClose: false,
   paginationVisible: false,
@@ -15,7 +15,7 @@ const defaultProps = {
   }
 };
 const ImagePreview = (props) => {
-  const { images, videos, show, initNo, paginationColor, paginationVisible, autoplay, contentClose, onClose } = props;
+  const { images, videos, show, initNo, paginationColor, paginationVisible, autoPlay, contentClose, onClose } = props;
   const nutImagePreview = useRef(null);
   const [showPop, setShowPop] = useState(false);
   const [active, setActive] = useState(1);
@@ -139,7 +139,10 @@ const ImagePreview = (props) => {
     React.createElement(
       "div",
       { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart },
-      React.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? "block" : "none" }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor, paginationVisible }, images && images.length > 0 ? images.map((item, index) => {
+      React.createElement(Swiper, { autoPlay, className: "nut-imagepreview-swiper", loop: true, style: {
+        display: showPop ? "block" : "none",
+        "--nutui-indicator-color": paginationColor
+      }, direction: "horizontal", onChange: (e) => slideChangeEnd(e.detail.current), defaultValue: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), indicator: paginationVisible }, images && images.length > 0 ? images.map((item, index) => {
         return React.createElement(
           SwiperItem,
           { key: index },

package/dist/esm/{indicator.taro-f2bd212f.js → indicator.taro-edbc71df.js}

@@ -2,7 +2,7 @@ import React from "react";
 import classNames from "classnames";
 const defaultProps = {
   total: 3,
-  current: 1,
+  current: 0,
   direction: "horizontal"
 };
 const classPrefix = `nut-indicator`;
@@ -16,8 +16,8 @@ const Indicator = (props) => {
   });
   const renderElement = () => {
     const childs = [];
-    for (let item = 1; item <= total; item++) {
-      childs.push(item === current ? React.createElement(React.Fragment, null, children || React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })) : React.createElement("div", { key: item, className: `${classPrefix}__dot` }));
+    for (let item = 0; item < total; item++) {
+      childs.push(item === current ? children || React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` }) : React.createElement("div", { key: item, className: `${classPrefix}__dot` }));
     }
     return childs;
   };

package/dist/esm/{inputnumber.taro-877dc947.js → inputnumber.taro-6657d2c1.js}

@@ -22,7 +22,7 @@ const InputNumber = (props) => {
     ...props
   };
   const inputRef = useRef("");
-  let [_checked, setChecked] = usePropsValue({
+  const [_checked, setChecked] = usePropsValue({
     value,
     defaultValue
   });