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

package/dist/esm/nutui-react.es.js

@@ -10,9 +10,9 @@ import { G } from "./grid.taro-fbbd8618.js";
 import { G as G2 } from "./griditem.taro-b0c37077.js";
 import { L } from "./layout.taro-9659a928.js";
 import { R } from "./row.taro-8b7febd4.js";
-import { S } from "./sticky.taro-3c03eb0a.js";
+import { S } from "./sticky.taro-f8ae8d5e.js";
 import { B as B2 } from "./backtop.taro-7de36464.js";
-import { E } from "./elevator.taro-bc162e4f.js";
+import { E } from "./elevator.taro-df8fde9d.js";
 import { F } from "./fixednav.taro-28e5f776.js";
 import { N } from "./navbar.taro-5e1a0835.js";
 import { S as S2 } from "./sidenavbar.taro-9f210df4.js";
@@ -22,21 +22,21 @@ import { T } from "./tabbar.taro-18eee41f.js";
 import { T as T2 } from "./tabbaritem.taro-89646ca1.js";
 import { T as T3 } from "./tabpane.taro-f8d92ece.js";
 import { T as T4 } from "./tabs.taro-66164782.js";
-import { A } from "./address.taro-1c534feb.js";
+import { A } from "./address.taro-1a8ab3f1.js";
 import { C as C5 } from "./calendar.taro-10a6cb11.js";
 import { C as C6 } from "./calendaritem.taro-3e5f114e.js";
 import { C as C7 } from "./cascader.taro-fb7a0230.js";
 import { C as C8, a } from "./checkbox.taro-016074da.js";
-import { D as D2 } from "./datepicker.taro-3f718964.js";
+import { D as D2 } from "./datepicker.taro-65dbeceb.js";
 import { F as F2 } from "./form.taro-b06754e8.js";
 import { F as F3 } from "./formitem.taro-b326809d.js";
 import { I as I2 } from "./input.taro-27d686c9.js";
-import { I as I3 } from "./inputnumber.taro-877dc947.js";
+import { I as I3 } from "./inputnumber.taro-6657d2c1.js";
 import { M } from "./menu.taro-cd0fef41.js";
 import { M as M2 } from "./menuitem.taro-6076bffa.js";
-import { N as N2 } from "./numberkeyboard.taro-0a0e866a.js";
-import { P } from "./picker.taro-a5603921.js";
-import { R as R2, a as a2 } from "./radio.taro-3a54f4c8.js";
+import { N as N2 } from "./numberkeyboard.taro-ad8afaf9.js";
+import { P } from "./picker.taro-0570ec32.js";
+import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
 import { R as R3 } from "./range.taro-615e193a.js";
 import { R as R4 } from "./rate.taro-78c66969.js";
 import { S as S5 } from "./searchbar.taro-37ade36e.js";
@@ -52,9 +52,9 @@ import { D as D3 } from "./drag.taro-48e1ff38.js";
 import { E as E2 } from "./empty.taro-ca792f57.js";
 import { I as I4 } from "./infiniteloading.taro-f8f23ac6.js";
 import { N as N3 } from "./noticebar.taro-b3bfd4fe.js";
-import { N as N4 } from "./notify.taro-6b6eb6bf.js";
+import { N as N4 } from "./notify.taro-5768403d.js";
 import { P as P2 } from "./popover.taro-ad483372.js";
-import { P as P3 } from "./pulltorefresh.taro-c611fd92.js";
+import { P as P3 } from "./pulltorefresh.taro-6afe4805.js";
 import { S as S9 } from "./skeleton.taro-9ff9baf4.js";
 import { S as S10 } from "./swipe.taro-de80fcd8.js";
 import { P as P4 } from "./popup.taro-e756f3fc.js";
@@ -69,21 +69,21 @@ import { C as C10 } from "./collapse.taro-3d997680.js";
 import { C as C11 } from "./collapseitem-f4571575.js";
 import { C as C12 } from "./countdown.taro-22200811.js";
 import { E as E3 } from "./ellipsis.taro-f9688dd7.js";
-import { I as I5 } from "./imagepreview.taro-8832dc01.js";
-import { I as I6 } from "./indicator.taro-f2bd212f.js";
+import { I as I5 } from "./imagepreview.taro-2508d412.js";
+import { I as I6 } from "./indicator.taro-edbc71df.js";
 import { V } from "./virtuallist.taro-99f03769.js";
 import { P as P5 } from "./pagination.taro-63607c3b.js";
-import { P as P6 } from "./price.taro-c4f45310.js";
+import { P as P6 } from "./price.taro-479f1b82.js";
 import { P as P7 } from "./progress.taro-ff63be75.js";
 import { S as S11 } from "./step.taro-3bc01c0c.js";
 import { S as S12 } from "./steps.taro-77e301ab.js";
-import { S as S13 } from "./swiper.taro-74cf9306.js";
-import { S as S14 } from "./swiperitem-80df464a.js";
+import { S as S13 } from "./swiper.taro-53a36427.js";
+import { S as S14 } from "./swiperitem.taro-ef7342e8.js";
 import { T as T7 } from "./table.taro-15a55c5d.js";
 import { T as T8 } from "./tag.taro-1b4134a5.js";
 import { V as V2 } from "./video-5d106e33.js";
 import { B as B5 } from "./barrage.taro-c8cb9864.js";
-import { C as C13 } from "./card.taro-a46fdf25.js";
+import { C as C13 } from "./card.taro-2080f4d2.js";
 import { T as T9 } from "./timedetail.taro-8d2acbbf.js";
 import { T as T10 } from "./timepannel.taro-ee4c5dfa.js";
 import { T as T11 } from "./timeselect.taro-069deedd.js";
@@ -97,7 +97,6 @@ import "@tarojs/components";
 import "./UserContext-ab42ba7f.js";
 import "@tarojs/taro";
 import "./use-client-rect-f317804e.js";
-import "./get-scroll-parent-8da04f2e.js";
 import "./can-use-dom-0e539bd3.js";
 import "./offsetContext-f32a9246.js";
 import "./use-props-value-7ac1b1b5.js";
@@ -106,13 +105,9 @@ import "@bem-react/classname";
 import "./ConfigProvider.js";
 import "react-transition-group";
 import "./use-touch-ff43512c.js";
-import "./supports-passive-aaaf0eff.js";
 import "./index-e3184f19.js";
-import "@use-gesture/react";
-import "@react-spring/web";
 import "react-dom";
 import "./context-d0fccf11.js";
-import "./UserContext-735db09f.js";
 import "./UserContext-fde5badc.js";
 export {
   A2 as ActionSheet,

package/dist/esm/{picker.taro-a5603921.js → picker.taro-0570ec32.js}

@@ -5,10 +5,23 @@ import { View, PickerView, PickerViewColumn } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
 import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { p as passiveSupported } from "./supports-passive-aaaf0eff.js";
+import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
+let passiveSupported = false;
+if (canUseDom) {
+  try {
+    const opts = Object.defineProperty({}, "passive", {
+      get() {
+        passiveSupported = true;
+      }
+    });
+    window.addEventListener("test-passive-supported", null, opts);
+  } catch (e) {
+    console.log(e);
+  }
+}
 const InternalPickerPanel = (props, ref) => {
   const { keyIndex = 0, defaultValue, options = [], threeDimensional = true, duration = 1e3, itemShow = false, chooseItem } = props;
   const touch = useTouch();

package/dist/esm/{price.taro-c4f45310.js → price.taro-479f1b82.js}

@@ -1,21 +1,21 @@
 import React from "react";
-import { c as cn } from "./bem-cdccae08.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   price: 0,
-  needSymbol: true,
   symbol: "¥",
-  decimalDigits: 2,
+  digits: 2,
   thousands: false,
   position: "before",
   size: "large",
-  className: ""
+  line: false
 };
 const Price = (props) => {
-  const { price, needSymbol, symbol, decimalDigits, thousands, position, size, className, ...rest } = {
+  const { price, symbol, digits, thousands, position, size, line, className, style, ...rest } = {
     ...defaultProps,
     ...props
   };
-  const b = cn("price");
+  const classPrefix = "nut-price";
   const replaceSpecialChar = (url) => {
     url = url.replace(/"/g, '"');
     url = url.replace(/&/g, "&");
@@ -26,7 +26,7 @@ const Price = (props) => {
     return url;
   };
   const showSymbol = () => {
-    return { __html: needSymbol ? replaceSpecialChar(symbol) : "" };
+    return { __html: symbol ? replaceSpecialChar(symbol) : "" };
   };
   const checkPoint = (price2) => {
     return String(price2).indexOf(".") > 0;
@@ -36,7 +36,7 @@ const Price = (props) => {
       num = 0;
     }
     if (checkPoint(num)) {
-      num = Number(num).toFixed(decimalDigits);
+      num = Number(num).toFixed(digits);
       num = typeof num.split(".") === "string" ? num.split(".") : num.split(".")[0];
     } else {
       num = num.toString();
@@ -51,26 +51,26 @@ const Price = (props) => {
       decimalNum = 0;
     }
     if (checkPoint(decimalNum)) {
-      decimalNum = Number(decimalNum).toFixed(decimalDigits);
+      decimalNum = Number(decimalNum).toFixed(digits);
       decimalNum = typeof decimalNum.split(".") === "string" ? 0 : decimalNum.split(".")[1] || 0;
     } else {
       decimalNum = 0;
     }
     const result = `0.${decimalNum}`;
-    const resultFixed = Number(result).toFixed(decimalDigits);
+    const resultFixed = Number(result).toFixed(digits);
     return String(resultFixed).substring(2, resultFixed.length);
   };
   const renderSymbol = () => {
-    return React.createElement("div", { className: `${b("symbol")} ${b(`symbol-${size}`)}`, dangerouslySetInnerHTML: showSymbol() });
+    return React.createElement("div", { className: `${classPrefix}__symbol ${classPrefix}__symbol-${size}`, dangerouslySetInnerHTML: showSymbol() });
   };
   return React.createElement(
     "div",
-    { className: `${b()} ${className}`, ...rest },
-    needSymbol && position === "before" ? renderSymbol() : null,
-    React.createElement("div", { className: `${b("integer")} ${b(`integer-${size}`)}` }, formatThousands(price)),
-    decimalDigits !== 0 ? React.createElement("div", { className: `${b("decimal")} ${b(`decimal-${size}`)}` }, ".") : null,
-    React.createElement("div", { className: `${b("decimal")} ${b(`decimal-${size}`)}` }, formatDecimal(price)),
-    needSymbol && position === "after" ? renderSymbol() : null
+    { className: `${classPrefix} ${className} ${line ? `${classPrefix}--line` : ""}`, style, ...rest },
+    symbol && position === "before" ? renderSymbol() : null,
+    React.createElement("div", { className: `${classPrefix}__integer ${classPrefix}__integer-${size}` }, formatThousands(price)),
+    digits !== 0 ? React.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, ".") : null,
+    React.createElement("div", { className: `${classPrefix}__decimal ${classPrefix}__decimal-${size}` }, formatDecimal(price)),
+    symbol && position === "after" ? renderSymbol() : null
   );
 };
 Price.defaultProps = defaultProps;

package/dist/esm/pulltorefresh.taro-6afe4805.js

@@ -0,0 +1,138 @@
+import React, { useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useTouch } from "./use-touch-ff43512c.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+function bound(position, min, max) {
+  let ret = position;
+  if (min !== void 0) {
+    ret = Math.max(position, min);
+  }
+  if (max !== void 0) {
+    ret = Math.min(ret, max);
+  }
+  return ret;
+}
+function rubberband(distance, dimension, constant) {
+  return distance * dimension * constant / (dimension + constant * distance);
+}
+function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15) {
+  if (constant === 0)
+    return bound(position, min, max);
+  if (position < min)
+    return -rubberband(min - position, dimension, constant) + min;
+  if (position > max)
+    return +rubberband(position - max, dimension, constant) + max;
+  return position;
+}
+const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
+const defaultProps = {
+  ...ComponentDefaults,
+  pullingText: "",
+  canReleaseText: "",
+  refreshingText: "",
+  completeText: "",
+  completeDelay: 500,
+  disabled: false,
+  headHeight: 40,
+  threshold: 60,
+  scrollTop: 0,
+  onRefresh: () => {
+  }
+};
+const PullToRefresh = (p) => {
+  const classPrefix = "nut-pulltorefresh";
+  const { locale } = useConfig();
+  const touch = useTouch();
+  const props = {
+    ...defaultProps,
+    ...p,
+    ...{
+      pullingText: p.pullingText || locale.pullToRefresh.pullingText,
+      canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
+      refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
+      completeText: p.completeText || locale.pullToRefresh.completeText
+    }
+  };
+  const headHeight = props.headHeight;
+  const threshold = props.threshold;
+  const heightRef = useRef(0);
+  const pullingRef = useRef(false);
+  const [status, setStatus] = useState("pulling");
+  const renderStatusText = () => {
+    var _a;
+    if (props.renderText) {
+      return (_a = props.renderText) == null ? void 0 : _a.call(props, status);
+    }
+    if (status === "pulling")
+      return props.pullingText;
+    if (status === "canRelease")
+      return props.canReleaseText;
+    if (status === "refreshing")
+      return props.refreshingText;
+    if (status === "complete")
+      return props.completeText;
+    return "";
+  };
+  const handleTouchStart = (e) => {
+    touch.start(e);
+  };
+  const handleTouchMove = (e) => {
+    if (props.scrollTop > 0) {
+      return;
+    }
+    if (status === "refreshing" || status === "complete")
+      return;
+    touch.move(e);
+    if (touch.isVertical()) {
+      pullingRef.current = true;
+      heightRef.current = Math.max(rubberbandIfOutOfBounds(touch.deltaY, 0, 0, headHeight * 5, 0.5), 0);
+      setStatus(heightRef.current > threshold ? "canRelease" : "pulling");
+    }
+  };
+  async function doRefresh() {
+    heightRef.current = headHeight;
+    setStatus("refreshing");
+    try {
+      await props.onRefresh();
+      setStatus("complete");
+    } catch (e) {
+      heightRef.current = 0;
+      setStatus("pulling");
+      throw e;
+    }
+    if (props.completeDelay > 0) {
+      await sleep(props.completeDelay);
+    }
+    heightRef.current = 0;
+    setStatus("pulling");
+  }
+  const handleTouchEnd = () => {
+    pullingRef.current = false;
+    if (status === "canRelease") {
+      doRefresh();
+    } else {
+      heightRef.current = 0;
+      setStatus("pulling");
+    }
+  };
+  const springStyles = {
+    height: `${heightRef.current}px`,
+    ...!pullingRef.current ? { transition: "height .3s ease" } : {}
+  };
+  return React.createElement(
+    View,
+    { className: `${classPrefix} ${props.className}`, style: props.style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
+    React.createElement(
+      View,
+      { style: springStyles, className: `${classPrefix}-head` },
+      React.createElement("div", { className: `${classPrefix}-head-content`, style: { height: headHeight } }, renderStatusText())
+    ),
+    React.createElement("div", { className: `${classPrefix}-content` }, props.children)
+  );
+};
+PullToRefresh.defaultProps = defaultProps;
+PullToRefresh.displayName = "NutPullToRefresh";
+export {
+  PullToRefresh as P
+};

package/dist/esm/radio.taro-5d6ca4ad.js

@@ -0,0 +1,153 @@
+import React, { useCallback, useContext } from "react";
+import { CheckChecked, CheckNormal } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
+const RadioContext = React.createContext(null);
+const defaultProps$1 = {
+  labelPosition: "right",
+  onChange: (value) => {
+  },
+  direction: "vertical",
+  options: []
+};
+const classPrefix = "nut-radiogroup";
+const RadioGroup = React.forwardRef((props, ref) => {
+  const { children, className, value, defaultValue, onChange, labelPosition, direction, options, disabled, ...rest } = { ...defaultProps$1, ...props };
+  const [val2State, setVal2State] = usePropsValue({
+    defaultValue: props.defaultValue,
+    value: props.value,
+    finalValue: "",
+    onChange
+  });
+  const renderOptionsChildren = useCallback(() => {
+    return options == null ? void 0 : options.map(({ label, value: value2, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
+      return React.createElement(Radio, { ...rest2, key: value2 == null ? void 0 : value2.toString(), children: label, value: value2, disabled: disabled2, onChange: onChange2, labelPosition, checked: value2 === val2State });
+    });
+  }, [options]);
+  return React.createElement(
+    RadioContext.Provider,
+    { value: {
+      labelPosition: labelPosition || "right",
+      disabled,
+      value: val2State,
+      check: (value2) => {
+        setVal2State(value2);
+      },
+      uncheck: () => {
+        setVal2State("");
+      }
+    } },
+    React.createElement("div", { className: classNames(classPrefix, className, {
+      [`${classPrefix}--${props.direction}`]: props.direction
+    }), ...rest }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : children)
+  );
+});
+RadioGroup.defaultProps = defaultProps$1;
+RadioGroup.displayName = "NutRadioGroup";
+const defaultProps = {
+  ...ComponentDefaults,
+  disabled: false,
+  shape: "round",
+  value: "",
+  labelPosition: "right",
+  icon: null,
+  activeIcon: null,
+  onChange: (checked) => {
+  }
+};
+const Radio = (props) => {
+  const classPrefix2 = "nut-radio";
+  const { children, className, style, checked, defaultChecked, shape, value, icon, activeIcon, onChange, ...others } = {
+    ...defaultProps,
+    ...props
+  };
+  let { labelPosition, disabled, ...rest } = others;
+  let [checkedStatement, setCheckedStatement] = usePropsValue({
+    value: checked,
+    defaultValue: defaultChecked,
+    finalValue: false,
+    onChange
+  });
+  const context = useContext(RadioContext);
+  if (context) {
+    checkedStatement = context.value === value;
+    if (context.labelPosition !== void 0) {
+      labelPosition = context.labelPosition;
+    }
+    if (context.disabled !== void 0) {
+      disabled = context.disabled;
+    }
+    setCheckedStatement = (value2) => {
+      if (value2) {
+        context.check(props.value === void 0 ? "" : props.value);
+      } else {
+        context.uncheck();
+      }
+    };
+  }
+  const renderLabel = () => {
+    return React.createElement("div", { className: classNames(`${classPrefix2}__label`, {
+      [`${classPrefix2}__label--disabled`]: disabled
+    }) }, children);
+  };
+  const renderButton = () => {
+    return React.createElement("div", { className: classNames(`${classPrefix2}__button`, {
+      [`${classPrefix2}__button--active`]: checkedStatement,
+      [`${classPrefix2}__button--disabled`]: disabled
+    }) }, children);
+  };
+  const color = () => {
+    return {
+      [`${classPrefix2}__icon--disable`]: disabled,
+      [`${classPrefix2}__icon`]: checkedStatement,
+      [`${classPrefix2}__icon--unchecked`]: !checkedStatement
+    };
+  };
+  const renderIcon = () => {
+    const { icon: icon2, activeIcon: activeIcon2 } = props;
+    if (checkedStatement) {
+      return React.isValidElement(activeIcon2) ? React.cloneElement(activeIcon2, {
+        ...activeIcon2.props,
+        className: classNames(color())
+      }) : React.createElement(CheckChecked, { className: classNames(color()) });
+    }
+    return React.isValidElement(icon2) ? React.cloneElement(icon2, {
+      ...icon2.props,
+      className: classNames(color())
+    }) : React.createElement(CheckNormal, { className: classNames(color()) });
+  };
+  const reverse = labelPosition === "left";
+  const renderRadioItem = () => {
+    if (shape === "button") {
+      return renderButton();
+    }
+    if (reverse) {
+      return React.createElement(
+        React.Fragment,
+        null,
+        renderLabel(),
+        renderIcon()
+      );
+    }
+    return React.createElement(
+      React.Fragment,
+      null,
+      renderIcon(),
+      renderLabel()
+    );
+  };
+  const handleClick = (e) => {
+    if (disabled || checkedStatement)
+      return;
+    setCheckedStatement(!checkedStatement);
+  };
+  return React.createElement("div", { className: `${classPrefix2} ${className} ${reverse ? `${classPrefix2}--reverse` : ""}`, style, onClick: handleClick, ...rest }, renderRadioItem());
+};
+Radio.defaultProps = defaultProps;
+Radio.displayName = "NutRadio";
+Radio.Group = RadioGroup;
+export {
+  Radio as R,
+  RadioGroup as a
+};

package/dist/esm/step.taro-3bc01c0c.js

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-735db09f.js";
+import { D as DataContext } from "./UserContext-fde5badc.js";
 import { c as cn } from "./bem-cdccae08.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/steps.taro-77e301ab.js

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-735db09f.js";
+import { D as DataContext } from "./UserContext-fde5badc.js";
 import { c as cn } from "./bem-cdccae08.js";
 const defaultProps = {
   current: 0,

package/dist/esm/{sticky.taro-3c03eb0a.js → sticky.taro-f8ae8d5e.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { getEnv, usePageScroll, getSystemInfoSync } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { g as getScrollParent } from "./get-scroll-parent-8da04f2e.js";
+import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
 function useWatch(dep, callback, config = { immediate: false }) {
   const { immediate } = config;
   const prev = useRef();
@@ -27,6 +27,26 @@ function useWatch(dep, callback, config = { immediate: false }) {
     stop.current = true;
   };
 }
+const defaultRoot = canUseDom ? window : void 0;
+const overflowStylePatterns = ["scroll", "auto", "overlay"];
+function isElement(node) {
+  const ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+function getScrollParent(el, root = defaultRoot) {
+  let node = el;
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+    const { overflowY } = window.getComputedStyle(node);
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+    node = node.parentNode;
+  }
+  return root;
+}
 const defaultProps = {
   ...ComponentDefaults,
   position: "top",

package/dist/esm/swiper.taro-53a36427.js

@@ -0,0 +1,83 @@
+import React, { forwardRef, useState, useRef, Children, useImperativeHandle } from "react";
+import { View, Swiper as Swiper$1, SwiperItem } from "@tarojs/components";
+import classNames from "classnames";
+import { I as Indicator } from "./indicator.taro-edbc71df.js";
+const defaultProps = {
+  direction: "horizontal",
+  indicator: false,
+  autoPlay: false,
+  loop: false,
+  defaultValue: 0
+};
+const classPrefix = "nut-swiper";
+const Swiper = forwardRef((props, ref) => {
+  const { width, height, className, children, indicator, loop, autoPlay, duration, direction, defaultValue, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const [current, setCurrent] = useState(defaultValue);
+  const childrenCount = useRef(Children.toArray(children).length);
+  const renderIndicator = () => {
+    if (React.isValidElement(indicator))
+      return indicator;
+    if (indicator === true) {
+      return React.createElement(
+        "div",
+        { className: classNames({
+          [`${classPrefix}__pagination`]: true,
+          [`${classPrefix}__pagination-vertical`]: direction === "vertical"
+        }) },
+        React.createElement(Indicator, { current, total: childrenCount.current, direction })
+      );
+    }
+    return null;
+  };
+  const handleOnChange = (value) => {
+    setCurrent(value.detail.current);
+  };
+  useImperativeHandle(ref, () => ({
+    to: (value) => {
+      setCurrent(value);
+    },
+    next: () => {
+      if (loop) {
+        setCurrent((current + 1) % childrenCount.current);
+      } else {
+        setCurrent(current + 1 >= childrenCount.current ? current : current + 1);
+      }
+    },
+    prev: () => {
+      if (loop) {
+        let next = current - 1;
+        next = next < 0 ? childrenCount.current + next : next;
+        setCurrent(next % childrenCount.current);
+      } else {
+        setCurrent(current - 1 <= 0 ? 0 : current - 1);
+      }
+    }
+  }));
+  return React.createElement(
+    View,
+    { className: classNames(classPrefix, className), style: {
+      width: !width ? "100%" : `${width}px`,
+      height: !height ? "150px" : `${height}px`
+    } },
+    React.createElement(
+      View,
+      { className: "nut-swiper__inner", style: {
+        width: !width ? "100%" : `${width}px`,
+        height: !height ? "150px" : `${height}px`
+      } },
+      React.createElement(Swiper$1, { current, circular: loop, autoplay: autoPlay, vertical: direction === "vertical", indicatorDots: false, onChange: handleOnChange, style: {
+        width: !width ? "100%" : `${width}px`,
+        height: !height ? "150px" : `${height}px`
+      }, ...rest }, Children.toArray(children).map((child, index) => React.createElement(SwiperItem, { key: index }, child)))
+    ),
+    renderIndicator()
+  );
+});
+Swiper.defaultProps = defaultProps;
+Swiper.displayName = "NutSwiper";
+export {
+  Swiper as S
+};

package/dist/esm/swiperitem.taro-ef7342e8.js

@@ -0,0 +1,14 @@
+import React from "react";
+const defaultProps = {
+  itemId: "",
+  skipHiddenItemLayout: false
+};
+const SwiperItem = (props) => {
+  const { children, ...rest } = props;
+  return React.createElement(React.Fragment, null, children);
+};
+SwiperItem.defaultProps = defaultProps;
+SwiperItem.displayName = "NutSwiperItem";
+export {
+  SwiperItem as S
+};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.8 Fri May 12 2023 19:09:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.9 Wed May 17 2023 18:43:26 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.8 Fri May 12 2023 19:09:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.9 Wed May 17 2023 18:43:26 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */