@nutui/nutui-react-taro 2.1.1-beta.0 → 2.2.0-beta.0

package/dist/esm/{card.taro-80ba74c4.js → card.taro-od399Pwi.js}

@@ -1,8 +1,8 @@
 import React__default from "react";
 import classNames from "classnames";
-import { P as Price } from "./price.taro-ce8f3249.js";
-import { T as Tag } from "./tag.taro-9fbc6a5e.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { P as Price } from "./price.taro-15WmWCW1.js";
+import { T as Tag } from "./tag.taro-AOpj4lnK.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   src: "",
@@ -28,13 +28,13 @@ const Card = (props) => {
     { className: classNames(classPrefix, className), style, ...rest },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}-left` },
+      { className: `${classPrefix}__left` },
       React__default.createElement("img", { src, alt: "" })
     ),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}-right` },
-      React__default.createElement("div", { className: `${classPrefix}-right-title` }, title),
+      { className: `${classPrefix}__right` },
+      React__default.createElement("div", { className: `${classPrefix}__right-title` }, title),
       description,
       React__default.createElement(
         "div",

package/dist/esm/{cascader.taro-24e4ece7.js → cascader.taro-5-7ScvLI.js}

@@ -7,10 +7,10 @@ var __publicField = (obj, key, value) => {
 import React__default, { useState, useEffect, isValidElement } from "react";
 import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-85284489.js";
-import { T as Tabs } from "./tabs.taro-99fba9f1.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { P as Popup } from "./popup.taro-kjOuDvcb.js";
+import { T as Tabs } from "./tabs.taro-ygzv74Mx.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const formatTree = (tree, parent, config) => tree.map((node) => {
   const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
   const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
@@ -359,14 +359,14 @@ const InternalCascader = (props, ref) => {
       disabled: node.disabled
     }, classPrefix2);
     const classesTitle = classNames({
-      [`${classPrefix2}-title`]: true
+      [`${classPrefix2}__title`]: true
     });
     const renderIcon = () => {
       if (checked) {
         if (isValidElement(activeIcon)) {
           return activeIcon;
         }
-        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}-icon-check` : ""}` });
+        return React__default.createElement(Checklist, { className: `${checked ? `${classPrefix}__icon-check` : ""}` });
       }
       return null;
     };
@@ -376,7 +376,7 @@ const InternalCascader = (props, ref) => {
         chooseItem(node, false);
       } },
       React__default.createElement("div", { className: classesTitle }, node.text),
-      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item-icon-loading" }) : renderIcon()
+      node.loading ? React__default.createElement(Loading, { color: "#969799", className: "nut-cascader-item__icon-loading" }) : renderIcon()
     );
   };
   const renderTabs = () => {
@@ -391,15 +391,15 @@ const InternalCascader = (props, ref) => {
             { onClick: () => {
               setTabvalue(pane.paneKey);
               state.tabsCursor = index;
-            }, className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`, key: pane.paneKey },
+            }, className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? "nut-tabs__titles-item--active" : ""}`, key: pane.paneKey },
             React__default.createElement(
               "span",
-              { className: "nut-tabs-titles-item-text" },
+              { className: "nut-tabs__titles-item__text" },
               !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text),
               !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择",
               !(!state.initLoading && state.panes.length) && "Loading..."
             ),
-            React__default.createElement("span", { className: "nut-tabs-titles-item-line" })
+            React__default.createElement("span", { className: "nut-tabs__titles-item__line" })
           );
         });
       } }, !state.initLoading && state.panes.length ? optionsData.map((pane) => {

package/dist/esm/{cell.taro-3bb24d44.js → cell.taro-3Tvgy6gl.js}

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-f998a42f.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-zHqxl7ol.js";
 const defaultProps = {
   ...ComponentDefaults,
   title: null,
@@ -38,13 +38,13 @@ const Cell = (props) => {
       null,
       title || description ? React__default.createElement(
         "div",
-        { className: `${classPrefix}-left` },
-        title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-        description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null
+        { className: `${classPrefix}__left` },
+        title ? React__default.createElement("div", { className: `${classPrefix}__title` }, title) : null,
+        description ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : null
       ) : null,
-      extra ? React__default.createElement("div", { className: `${classPrefix}-extra`, style: styles }, extra) : null
+      extra ? React__default.createElement("div", { className: `${classPrefix}__extra`, style: styles }, extra) : null
     ),
-    (ctx == null ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
+    (ctx == null ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}__divider` }) : null
   );
 };
 Cell.defaultProps = defaultProps;

package/dist/esm/{cellgroup.taro-f998a42f.js → cellgroup.taro-zHqxl7ol.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const CellGroupContext = createContext(null);
 const defaultProps = {
   ...ComponentDefaults,
@@ -17,11 +17,11 @@ const CellGroup = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(classPrefix, className), ...rest },
-    title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-    description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null,
+    title ? React__default.createElement("div", { className: `${classPrefix}__title` }, title) : null,
+    description ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : null,
     React__default.createElement(
       "div",
-      { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` },
+      { className: `${classPrefix}__wrap ${divider ? `${classPrefix}__wrap--divider` : ""}` },
       React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     )
   );

package/dist/esm/{checkbox.taro-fa5d9680.js → checkbox.taro-KtiGnhlG.js}

@@ -1,8 +1,8 @@
 import React__default, { createContext, useImperativeHandle, useCallback, useContext, useState, useEffect } from "react";
-import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react-taro";
+import { CheckNormal, CheckDisabled, Checked } 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-7637d900.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const CheckboxGroupContext = createContext(null);
 const Context = CheckboxGroupContext;
 const defaultProps$1 = {
@@ -68,7 +68,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       }
     } },
     React__default.createElement("div", { className: classNames(classPrefix$1, {
-      [`nut-checkboxgroup-${props.direction}`]: props.direction
+      [`nut-checkboxgroup--${props.direction}`]: props.direction
     }, className), ...rest }, (options == null ? void 0 : options.length) ? renderOptions() : children)
   );
 });
@@ -77,7 +77,6 @@ CheckboxGroup.displayName = "NutCheckboxGroup";
 const defaultProps = {
   ...ComponentDefaults,
   disabled: false,
-  shape: "round",
   labelPosition: "right",
   icon: null,
   activeIcon: null,
@@ -91,7 +90,7 @@ const Checkbox = (props) => {
     ...defaultProps,
     ...props
   };
-  const { icon, label, className, activeIcon, checked, value, defaultChecked, shape, disabled, onChange, indeterminate, indeterminateIcon, ...others } = props;
+  const { icon, label, className, activeIcon, checked, value, defaultChecked, disabled, onChange, indeterminate, indeterminateIcon, ...others } = props;
   let { labelPosition, ...rest } = others;
   const ctx = useContext(Context);
   let [innerChecked, setChecked] = usePropsValue({
@@ -124,15 +123,6 @@ const Checkbox = (props) => {
     };
   }
   const renderIcon = () => {
-    if (innerDisabled) {
-      if (innerIndeterminate) {
-        return React__default.createElement(CheckDisabled, { className: color() });
-      }
-      if (innerChecked) {
-        return React__default.createElement(Checked, { className: color() });
-      }
-      return React__default.createElement(CheckDisabled, { className: color() });
-    }
     if (!innerChecked) {
       return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, { className: color() });
     }
@@ -142,24 +132,20 @@ const Checkbox = (props) => {
     return React__default.isValidElement(activeIcon) ? activeIcon : React__default.createElement(Checked, { className: color() });
   };
   const color = () => {
-    const cls = `${classPrefix}-icon `;
     if (innerDisabled) {
-      if (innerChecked && !innerIndeterminate) {
-        return `${cls}${classPrefix}-icon-checked ${classPrefix}-icon-disabled`;
-      }
-      return `${cls}${classPrefix}-icon-disabled`;
+      return `${classPrefix}__icon--disable`;
     }
     if (innerChecked) {
       if (innerIndeterminate) {
-        return `${cls}${classPrefix}-icon-indeterminate`;
+        return `${classPrefix}__icon--indeterminate`;
       }
-      return `${cls}${classPrefix}-icon-checked`;
+      return `${classPrefix}__icon`;
     }
-    return cls;
+    return `${classPrefix}__icon--unchecked`;
   };
   const renderLabel = () => {
-    return React__default.createElement("span", { className: classNames(`${classPrefix}-label `, {
-      [`${classPrefix}-label-disabled`]: innerDisabled
+    return React__default.createElement("span", { className: classNames(`${classPrefix}__label `, {
+      [`${classPrefix}__label--disabled`]: innerDisabled
     }) }, children || label);
   };
   const handleClick = () => {
@@ -172,31 +158,14 @@ const Checkbox = (props) => {
     }
     setChecked(latestChecked);
   };
-  const renderButton = () => {
-    return React__default.createElement(
-      "div",
-      { className: classNames(`${classPrefix}-button`, {
-        [`${classPrefix}-button-active`]: innerChecked,
-        [`${classPrefix}-button-disabled`]: disabled
-      }) },
-      children || label,
-      innerChecked && activeIcon ? React__default.createElement("div", { className: classNames(`${classPrefix}-button-icon`) }, activeIcon) : null
-    );
-  };
-  const renderCheckboxItem = () => {
-    if (shape === "button") {
-      return renderButton();
-    }
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      renderIcon(),
-      renderLabel()
-    );
-  };
-  return React__default.createElement("div", { className: classNames(classPrefix, {
-    [`${classPrefix}-reverse`]: labelPosition === "left"
-  }, className), ...rest, onClick: handleClick }, renderCheckboxItem());
+  return React__default.createElement(
+    "div",
+    { className: classNames(classPrefix, {
+      [`${classPrefix}--reverse`]: labelPosition === "left"
+    }, className), ...rest, onClick: handleClick },
+    renderIcon(),
+    renderLabel()
+  );
 };
 Checkbox.defaultProps = defaultProps;
 Checkbox.displayName = "NutCheckBox";

package/dist/esm/{circleprogress.taro-cbbc333a.js → circleprogress.taro-myZgamBw.js}

@@ -1,15 +1,15 @@
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { i as isObject } from "./index-00550715.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useForceUpdate } from "./use-force-update-9cd7c164.js";
+import { i as isObject } from "./index-YvHA__3D.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as useForceUpdate } from "./use-force-update-0oEVD8Nr.js";
 const defaultProps = {
   ...ComponentDefaults,
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  color: "",
-  background: "",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
 };
 const classPrefix = `nut-circleprogress`;

package/dist/esm/{col.taro-23d5f6bd.js → col.taro-5FMpttLE.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext-ab42ba7f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { D as DataContext } from "./UserContext-9BL0cq8w.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   span: "24",

package/dist/esm/{collapse.taro-8b61fb79.js → collapse.taro-j2-ajiXA.js}

@@ -1,8 +1,8 @@
 import React__default, { useCallback } from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-a1e96f50.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-Pp7qD2-T.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultActiveName: [],

package/dist/esm/{collapseitem.taro-a1e96f50.js → collapseitem.taro-Pp7qD2-T.js}

@@ -1,7 +1,7 @@
 import React__default, { createContext, useContext, useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const collapseContext = {
   isOpen: (name) => {
     return true;
@@ -30,7 +30,7 @@ const CollapseItem = (props) => {
   const wrapperRef = useRef(null);
   const contentRef = useRef(null);
   const [refRandomId] = useState(() => Math.random().toString(36).slice(-8));
-  const target = `#nut-collapse-content-${refRandomId}`;
+  const target = `#nut-collapse__content-${refRandomId}`;
   const expanded = useMemo(() => {
     if (context) {
       return context.isOpen(name);
@@ -107,22 +107,22 @@ const CollapseItem = (props) => {
     { className: classNames(classPrefix, className), style, ...rest },
     React__default.createElement(
       "div",
-      { className: classNames(`${classPrefix}-header`, { disabled }), onClick: handleClick },
-      React__default.createElement("div", { className: `${classPrefix}-title` }, title),
-      React__default.createElement("div", { className: `${classPrefix}-extra` }, extra),
+      { className: classNames(`${classPrefix}__header`, { disabled }), onClick: handleClick },
+      React__default.createElement("div", { className: `${classPrefix}__title` }, title),
+      React__default.createElement("div", { className: `${classPrefix}__extra` }, extra),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}-icon-box` },
-        React__default.createElement("div", { className: `${classPrefix}-icon`, style: iconStyle }, expandIcon || context.expandIcon)
+        { className: `${classPrefix}__icon-box` },
+        React__default.createElement("div", { className: `${classPrefix}__icon`, style: iconStyle }, expandIcon || context.expandIcon)
       )
     ),
     React__default.createElement(
       "div",
-      { className: `${classPrefix}-content`, ref: wrapperRef, style: {
+      { className: `${classPrefix}__content`, ref: wrapperRef, style: {
         willChange: "height",
         height: wrapperHeight
       } },
-      React__default.createElement("div", { ref: contentRef, className: `${classPrefix}-content-text`, id: `nut-collapse-content-${refRandomId}` }, children)
+      React__default.createElement("div", { ref: contentRef, className: `${classPrefix}__content-text`, id: `nut-collapse__content-${refRandomId}` }, children)
     )
   );
 };

package/dist/esm/{configprovider.taro-e890dac3.js → configprovider.taro-hS2SwHJB.js}

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React__default, { createContext, useContext } from "react";
 import classNames from "classnames";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs, i as isEqual } from "./index-b283d77d.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs, i as isEqual } from "./index-oitVOJp9.js";
 var INFINITY = 1 / 0;
 var symbolTag = "[object Symbol]";
 var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
@@ -314,7 +314,7 @@ const zhCN = {
   infiniteloading: {
     pullRefreshText: "松开刷新",
     loadText: "加载中",
-    loadMoreText: "没有更多了"
+    loadMoreText: "哎呀，这里是底部了啦"
   },
   pagination: {
     prev: "上一页",

package/dist/esm/{countdown.taro-04aa98cf.js → countdown.taro-SqVKfR7y.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   paused: false,
@@ -202,7 +202,7 @@ const InternalCountDown = (props, ref) => {
     return formatRemainTime(stateRef.current.restTime);
   })();
   return React__default.createElement("div", { className: `${classPrefix} ${className}`, style: { ...style }, ...rest }, children || React__default.createElement("div", {
-    className: `${classPrefix}-block`,
+    className: `${classPrefix}__block`,
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: `${renderTime}`

package/dist/esm/{datepicker.taro-e80d9271.js → datepicker.taro-l3QzCg6y.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-d40a4e27.js";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { P as Picker } from "./picker.taro-NyIQudtd.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{dialog.taro-d1d66f17.js → dialog.taro--d0uO3VQ.js}

@@ -2,18 +2,18 @@ import React__default from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
-import { B as Button } from "./button.taro-e8d84b29.js";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-8514660f.js";
-import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-c672f4ae.js";
+import { B as Button } from "./button.taro-076zcKpr.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-g57gqLxf.js";
+import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-XvsODK8c.js";
 const Content = (props) => {
   const { visible, title, header, footer, footerDirection, onClick, children } = props;
   const classPrefix = "nut-dialog";
   const renderHeader = () => {
-    return title ? React__default.createElement("div", { className: `${classPrefix}-header` }, title) : null;
+    return title ? React__default.createElement("div", { className: `${classPrefix}__header` }, title) : null;
   };
   const renderFooter = () => {
-    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}-footer`, {
+    return footer ? React__default.createElement("div", { className: classNames(`${classPrefix}__footer`, {
       [footerDirection]: footerDirection
     }) }, footer) : null;
   };
@@ -22,7 +22,7 @@ const Content = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classNames(`${classPrefix}-outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
+    { className: classNames(`${classPrefix}__outer`, props.className), style: props.style, onClick: (e) => handleClick(e) },
     header,
     React__default.createElement(
       "div",
@@ -30,7 +30,7 @@ const Content = (props) => {
       renderHeader(),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}-content` },
+        { className: `${classPrefix}__content` },
         React__default.createElement(React__default.Fragment, null, children)
       ),
       renderFooter()
@@ -88,8 +88,8 @@ const BaseDialog = (props) => {
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
-      !hideCancelButton && React__default.createElement(Button, { fill: "outline", type: "primary", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
-      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
+      !hideCancelButton && React__default.createElement(Button, { fill: "outline", size: "small", type: "default", className: `${classPrefix}__footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
+      !hideConfirmButton && React__default.createElement(Button, { size: "small", type: "primary", className: classNames(`${classPrefix}__footer-ok`, {
         disabled: disableConfirmButton
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );

package/dist/esm/{divider.taro-a92925b7.js → divider.taro-BTFED42F.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   contentPosition: "center",
@@ -14,13 +14,13 @@ const Divider = (props) => {
   };
   const classes = direction === "horizontal" ? classNames({
     [`${classPrefix}`]: true,
-    [`${classPrefix}-center`]: children,
-    [`${classPrefix}-left`]: contentPosition === "left",
-    [`${classPrefix}-right`]: contentPosition === "right",
-    [`${classPrefix}-hairline`]: true
+    [`${classPrefix}__center`]: children,
+    [`${classPrefix}__left`]: contentPosition === "left",
+    [`${classPrefix}__right`]: contentPosition === "right",
+    [`${classPrefix}__hairline`]: true
   }) : classNames({
     [`${classPrefix}`]: true,
-    [`${classPrefix}-vertical`]: direction === "vertical"
+    [`${classPrefix}__vertical`]: direction === "vertical"
   });
   return React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };

package/dist/esm/{drag.taro-ce333e51.js → drag.taro-BwcleRuB.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef, useEffect } from "react";
 import { getSystemInfoSync, createSelectorQuery } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   attract: false,

package/dist/esm/{elevator.taro-1607d0b4.js → elevator.taro-hYAvey0f.js}

@@ -2,7 +2,7 @@ import React__default, { createContext, useRef, useState, useEffect } from "reac
 import Taro, { nextTick, createSelectorQuery } from "@tarojs/taro";
 import { ScrollView } from "@tarojs/components";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const elevatorContext = createContext({});
 const defaultProps = {
   ...ComponentDefaults,
@@ -34,10 +34,10 @@ const Elevator = (props) => {
   });
   const [currentData, setCurrentData] = useState({});
   const [currentKey, setCurrentKey] = useState("");
-  const [currentIndex, setCurrentIndex] = useState(0);
   const [codeIndex, setCodeIndex] = useState(0);
   const [scrollStart, setScrollStart] = useState(false);
   const state = useRef(initData);
+  const scrolling = useRef(false);
   const [scrollTop, setScrollTop] = useState(0);
   const [scrollY, setScrollY] = useState(0);
   const resetScrollState = () => {
@@ -54,7 +54,7 @@ const Elevator = (props) => {
     state.current.listHeight.push(height2);
     for (let i = 0; i < state.current.listGroup.length; i++) {
       const query = createSelectorQuery();
-      query.selectAll(`.${className} .nut-elevator-item-${i}`).boundingClientRect();
+      query.selectAll(`.${className} .nut-elevator__item__${i}`).boundingClientRect();
       query.exec((res) => {
         if (res[0][0])
           height2 += res[0][0].height;
@@ -95,14 +95,13 @@ const Elevator = (props) => {
     resetScrollState();
   };
   const touchStart = (e) => {
-    setScrollStart(true);
     const index = Number(getData(e.target));
     const firstTouch = e.touches[0];
+    scrolling.current = true;
     touchState.current.y1 = firstTouch.pageY;
     state.current.anchorIndex = +index;
-    setCodeIndex((codeIndex2) => {
-      return codeIndex2 + index;
-    });
+    setScrollStart(true);
+    setCodeIndex(index);
     scrollTo(index);
   };
   const handleClickItem = (key, item) => {
@@ -115,7 +114,7 @@ const Elevator = (props) => {
   };
   const setListGroup = () => {
     if (listview.current) {
-      createSelectorQuery().selectAll(`.${className} .nut-elevator-list-item`).node((el) => {
+      createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
         state.current.listGroup = [...Object.keys(el)];
         calculateHeight();
       }).exec();
@@ -133,12 +132,13 @@ const Elevator = (props) => {
     if (sticky && scrollTop2 !== scrollY) {
       setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
     }
+    if (scrolling.current)
+      return;
     for (let i = 0; i < listHeight.length - 1; i++) {
       const height1 = listHeight[i];
       const height2 = listHeight[i + 1];
       if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-        setCurrentIndex(i);
-        return;
+        return setCodeIndex(i);
       }
     }
   };
@@ -154,16 +154,18 @@ const Elevator = (props) => {
     { className: `${classPrefix} ${className}`, style, ...rest },
     React__default.createElement(
       "div",
-      { className: `${classPrefix}-list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-      React__default.createElement(ScrollView, { scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: `${classPrefix}-list-inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
+      { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
+      React__default.createElement(ScrollView, { scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll, onTouchStart: (e) => {
+        scrolling.current = false;
+      } }, list.map((item, idx) => {
         return React__default.createElement(
           "div",
-          { className: `${classPrefix}-list-item nut-elevator-item-${idx}`, key: idx },
-          React__default.createElement("div", { className: `${classPrefix}-list-item-code` }, item[floorKey]),
+          { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
+          React__default.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
           React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
             return React__default.createElement("div", { className: classNames({
-              [`${classPrefix}-list-item-name`]: true,
-              [`${classPrefix}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
+              [`${classPrefix}__list__item__name`]: true,
+              [`${classPrefix}__list__item__name--highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
             }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? React__default.createElement(
               React__default.Fragment,
               null,
@@ -177,24 +179,24 @@ const Elevator = (props) => {
       React__default.Fragment,
       null,
       list.length && scrollStart ? React__default.createElement("div", { className: classNames({
-        [`${classPrefix}-code-current`]: true,
-        [`${classPrefix}-code-current-current`]: true
+        [`${classPrefix}__code--current`]: true,
+        [`${classPrefix}__code--current--current`]: true
       }) }, list[codeIndex][floorKey]) : null,
       React__default.createElement(
         "div",
-        { className: `${classPrefix}-bars` },
-        React__default.createElement("div", { className: `${classPrefix}-bars-inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
+        { className: `${classPrefix}__bars` },
+        React__default.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__default.createElement("div", { className: classNames({
-            [`${classPrefix}-bars-inner-item`]: true,
-            [`${classPrefix}-bars-inner-item-active`]: item[floorKey] === list[currentIndex][floorKey]
+            [`${classPrefix}__bars__inner__item`]: true,
+            [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[codeIndex][floorKey]
           }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
         }))
       )
     ) : null,
     sticky && scrollY > 0 ? React__default.createElement(
       "div",
-      { className: `${classPrefix}-list-fixed` },
-      React__default.createElement("span", { className: `${classPrefix}-list-fixed-title` }, list[currentIndex][floorKey])
+      { className: `${classPrefix}__list__fixed` },
+      React__default.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[codeIndex][floorKey])
     ) : null
   );
 };