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

package/dist/esm/{notify.taro-6b6eb6bf.js → notify.taro-5768403d.js}

@@ -1,25 +1,22 @@
 import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
-import { c as cn } from "./bem-cdccae08.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   id: "",
-  msg: "",
-  color: "",
   duration: 3e3,
   type: "danger",
-  className: "",
-  background: "",
   position: "top",
-  isWrapTeleport: true,
   visible: false,
-  onClosed: () => {
+  onClose: () => {
   },
   onClick: () => {
   }
 };
+const classPrefix = "nut-notify";
 const Notify = (props) => {
-  const { id, children, style, msg, color, background, type, className, position, isWrapTeleport, visible, duration, onClosed, onClick, ...rest } = { ...defaultProps, ...props };
+  const { id, children, style, type, className, position, visible, duration, onClose, onClick, ...rest } = { ...defaultProps, ...props };
   let timer;
   const [showNotify, SetShow] = useState(false);
   useEffect(() => {
@@ -53,14 +50,13 @@ const Notify = (props) => {
       const element = document.getElementById(id);
       element && element.parentNode && element.parentNode.removeChild(element);
     }
-    onClosed();
+    onClose();
   };
-  cn("notify");
   const classes = classNames({
-    "nut-notify--popup-top": position === "top",
-    "nut-notify--popup-bottom": position === "bottom",
-    "nut-notify": true,
-    [`nut-notify--${type}`]: true
+    [`${classPrefix}--popup-top`]: position === "top",
+    [`${classPrefix}--popup-bottom`]: position === "bottom",
+    [`${classPrefix}`]: true,
+    [`${classPrefix}--${type}`]: true
   });
   return React.createElement(
     React.Fragment,
@@ -68,10 +64,7 @@ const Notify = (props) => {
     React.createElement(
       CSSTransition,
       { in: showNotify, timeout: 300, classNames: "fade", unmountOnExit: true, appear: true, position, id },
-      React.createElement("div", { className: `${classes} ${className}`, style: {
-        color: `${color || ""}`,
-        background: `${background || ""}`
-      }, onClick: clickHandle }, children || msg)
+      React.createElement("div", { className: `${classes} ${className}`, style, onClick: clickHandle }, children)
     )
   );
 };

package/dist/esm/numberkeyboard.taro-ad8afaf9.js

@@ -0,0 +1,136 @@
+import React, { useMemo, useState } from "react";
+import classNames from "classnames";
+import { RectDown } from "@nutui/icons-react-taro";
+import { View } from "@tarojs/components";
+import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  type: "default",
+  custom: [],
+  random: false,
+  onClose: () => {
+  }
+};
+const NumberKeyboard = (props) => {
+  const { locale } = useConfig();
+  const { title, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm, ...rest } = props;
+  const classPrefix = "nut-numberkeyboard";
+  const getBasicKeys = () => {
+    const keys = new Array(9).fill(0).map((_, index) => {
+      return {
+        id: String(index + 1),
+        type: "num"
+      };
+    });
+    return random ? keys.sort(() => Math.random() > 0.5 ? 1 : -1) : keys;
+  };
+  const getCustomKeys = () => {
+    const customKeys = [
+      { id: "close", type: "close" },
+      { id: "0", type: "num" },
+      { id: "delete", type: "delete" }
+    ];
+    if (!custom)
+      return customKeys;
+    if (custom.length > 0) {
+      customKeys[0] = { id: custom[0], type: "custom" };
+    }
+    if (custom.length > 1) {
+      customKeys[2] = { id: custom[1], type: "custom" };
+    }
+    return customKeys;
+  };
+  const keysList = useMemo(() => {
+    return [...getBasicKeys(), ...getCustomKeys()];
+  }, [type, random, custom]);
+  const DeleteIcon = () => {
+    const style2 = {
+      background: `url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOUNBQTQ0MkY3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOUNBQTQ0M0Y3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5Q0FBNDQwRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5Q0FBNDQxRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T12ahwAABClJREFUeNrUWVtIFFEY3pkdrbaCiAINK81VW3d2102pjKLtoXoJrNAswoeEXoyilx7sJXvIh6CHAoMg6yEfSpdECIqE0jCMbMm9qCVYUmR5S8huXmZO39nWOI7mzsy6uzqgM/vvzNnv+y/n/84ZjhBiWMwHF+kA+fn5y0ZHRzNwuTomgDnui9/vfzMvBJxWa7bE87W4tMbY8S8MhNz0BQLVugnY7fZdGORZPNNHJmSPUSf47QD/PN75z3NcpqD1IVEU8wC+dZojDIajyMu6WAG322zBmQf/7LzGnHeAdRtjmuAIKYoleMWxQnUEHA6HVZLldsb0m3oehdQQzzQSVILPJLIcYEw/4HkK/kG86yAsAZvNtgng3059hte/Gf56/uFCaGR8mIJdj3m2hzGNGAkpRM4vCPBzErBYLMko2A//DIQMoQ0WtgcCjWFnCVGswEzxCecqLc0y9Nyww2ariYhAbm7umgRB6GNM/QTgfT7fEzWD4t7dOK0D4TKAcrtcLkENeNx/gUoSpOnx4Gc9BHJyclZNjI8PMqY+judp2jSr1iuENDPi5fDX4WG32WxeogL81NGRIEk3NBNAh10uS9IIY/oIbxR6vd4WLXmJAq9Ayl1kTAUmk8mNyJrUgDfK8hFPV9dnTQSCHiLkO/Ndb8jzrXqKawYJQg4gsu6srKyV4cC/7ujo1CqneRSPxNh74PligPdE3PYVIDHuY6PRWCxPTp7VC35KSvwjwBpwdPP4gXYc86ZdZnr6Pf7S9HqexUs9z0qBLprz8wn+PzWRFknaKGsgjwlvCdLGH42GQ0lg+dqkMP+Enj+lF/yMWYgnJD1qEhhphOWgS2E2yQZDJWa/lEgIvGIa0D2HKJZGA7yiBgaZqO9AermdFstGXQR8fn+BootW4wfPRBE8zXmXoia2SYLgpsJRVwqBBJ2N+pnueRVhPR8l8MGCnaWw8wDCDSWQoasGQCKJnpjGcwkkKqMBfo7ZyQklQCOxWVcRg4QDXmhkSJRjsGvRAD8HCTuNhNPpXKtLzHn9/n0orBqm052GvL2lcfepTMs8PwsJqyRJRbrlNFpBCUBcYWaKE2h4tampqUtV6pP60HNtapuUksTY2NidiLcWUQPnMOhlxvQoITGxxOPxDIVdR2dnb/V2dr7Umn50/Q31261JC4UhUQYSVUxdtPCCUAK10RuvZeQ0LRQ2tD7fddxdyuT3TijJehATF/yinqmJ2wB+jCGRA11TH9xiXAwEQpG4i0gcZHLPjHSqF0Vx76IgEIpEA9a7+3H5K2RK4jnuPvTToXgR0LW9Htpap71iAzPVNsUIMH0XMdXkfLrfD9BdanifksiKW/5w3Emj3mcHBgb6kpKTn6KYzfBCehzg10H6lHPzMdIWq9U8znEpsXE6N4rTO9TjSGgPanG/pfwjwABn1PZcM5XI0AAAAABJRU5ErkJggg0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLTkwMjA5MzIyMjIxMzkzMzc2NzAwNjg0MC0tDQo=') no-repeat center`,
+      backgroundSize: "100% 100%",
+      width: "30px",
+      height: "24px"
+    };
+    return React.createElement(View, { style: style2 });
+  };
+  const NumberKeyboardKey = (props2) => {
+    const { item } = props2;
+    const [active, setActive] = useState(false);
+    const onTouchStart = () => {
+      setActive(true);
+    };
+    const onTouchEnd = (item2) => {
+      setActive(false);
+      if (item2.type === "num" || item2.type === "custom") {
+        onChange && onChange(item2.id);
+      }
+      if (item2.type === "close") {
+        onClose && onClose();
+      }
+      if (item2.type === "delete") {
+        onDelete && onDelete();
+      }
+      if (item2.type === "confirm") {
+        onConfirm && onConfirm();
+      }
+    };
+    return React.createElement(
+      "div",
+      { key: item.id, className: `${classPrefix}__body__wrapper` },
+      React.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.createElement("div", null, item.id),
+        item.type === "delete" && React.createElement(DeleteIcon, null),
+        item.type === "close" && React.createElement(RectDown, { size: 25 }),
+        item.type === "confirm" && React.createElement(React.Fragment, null, confirmText || locale.done)
+      )
+    );
+  };
+  return React.createElement(
+    Popup,
+    { visible, position: "bottom", onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }, ...rest },
+    React.createElement(
+      "div",
+      { className: classNames(classPrefix, className), style },
+      title && React.createElement(
+        "div",
+        { className: `${classPrefix}__header` },
+        React.createElement("h3", { className: `${classPrefix}__header__title` }, title),
+        type === "default" && React.createElement("span", { className: `${classPrefix}__header__close`, onClick: onClose }, locale.done)
+      ),
+      React.createElement(
+        "div",
+        { className: `${classPrefix}__body` },
+        React.createElement("div", { className: `${classPrefix}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
+          return React.createElement(NumberKeyboardKey, { key: item.id, item });
+        })),
+        type === "rightColumn" && React.createElement(
+          "div",
+          { className: `${classPrefix}__sidebar` },
+          React.createElement(NumberKeyboardKey, { key: "delete", item: {
+            id: "delete",
+            type: "delete"
+          } }),
+          React.createElement(NumberKeyboardKey, { key: "confirm", item: {
+            id: "confirm",
+            type: "confirm"
+          } })
+        )
+      )
+    )
+  );
+};
+NumberKeyboard.defaultProps = defaultProps;
+NumberKeyboard.displayName = "NutNumberKeyboard";
+export {
+  NumberKeyboard as N
+};

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";
@@ -21,23 +21,23 @@ import { S as S4 } from "./subsidenavbar.taro-abe07673.js";
 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-b75f20ff.js";
-import { A } from "./address.taro-1c534feb.js";
+import { T as T4 } from "./tabs.taro-66164782.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-0a2694ed.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 { R as R3 } from "./range.taro-52cda918.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";
 import { S as S6 } from "./shortpassword.taro-f7292032.js";
@@ -52,16 +52,16 @@ 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";
 import { T as T6 } from "./toast.taro-92c10e1d.js";
 import { A as A3 } from "./animate.taro-c8b29242.js";
 import { A as A4 } from "./animatingnumbers.taro-c2a52dbd.js";
-import { A as A5 } from "./audio.taro-ec96ef80.js";
+import { A as A5 } from "./audio.taro-bbd39f93.js";
 import { A as A6 } from "./avatar.taro-01536aff.js";
 import { A as A7 } from "./avatargroup-ad5ffb46.js";
 import { C as C9 } from "./circleprogress.taro-7149e09d.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,14 +105,10 @@ 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-fde5badc.js";
-import "./UserContext-735db09f.js";
 export {
   A2 as ActionSheet,
   A as Address,

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
+};