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

package/dist/esm/{calendarcard.taro-NqEhKcOk.js → calendarcard.taro-QStCLFET.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { U as Utils } from "./date-nxKOxj5-.js";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 const left = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==";
 const right = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+";
 const doubleLeft = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTMuODUzIDQuMDI2YS43NzEuNzcxIDAgMCAxIC4xMiAxLjA4NUwxMC44NjQgOWwzLjExIDMuODg5YS43NzEuNzcxIDAgMSAxLTEuMjA0Ljk2M2wtMy40OTgtNC4zN2EuNzcxLjc3MSAwIDAgMSAwLS45NjRsMy40OTctNC4zNzFhLjc3MS43NzEgMCAwIDEgMS4wODQtLjEyem0tNS4yNDUgMGEuNzcxLjc3MSAwIDAgMSAuMTIgMS4wODVMNS42MTcgOWwzLjExMSAzLjg4OWEuNzcxLjc3MSAwIDAgMS0xLjIwNS45NjNsLTMuNDk3LTQuMzdhLjc3MS43NzEgMCAwIDEgMC0uOTY0bDMuNDk3LTQuMzcxYS43NzEuNzcxIDAgMCAxIDEuMDg1LS4xMnoiLz48L3N2Zz4=";
@@ -17,8 +17,8 @@ const Icon = ({ url }) => {
   };
   return React__default.createElement(View, { style });
 };
-const Left = () => React__default.createElement(Icon, { url: left });
-const Right = () => React__default.createElement(Icon, { url: right });
+const ArrowLeft = () => React__default.createElement(Icon, { url: left });
+const ArrowRight = () => React__default.createElement(Icon, { url: right });
 const DoubleLeft = () => React__default.createElement(Icon, { url: doubleLeft });
 const DoubleRight = () => React__default.createElement(Icon, { url: doubleRight });
 const convertDateToDay = (date) => {
@@ -242,6 +242,26 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     return res;
   };
   const jumpTo = (year, month2) => {
+    if (startDate) {
+      const c = compareDay({
+        year,
+        month: month2,
+        date: 31
+      }, convertDateToDay(startDate));
+      if (c && c < 0) {
+        return;
+      }
+    }
+    if (endDate) {
+      const c = compareDay({
+        year,
+        month: month2,
+        date: 1
+      }, convertDateToDay(endDate));
+      if (c && c > 0) {
+        return;
+      }
+    }
     setMonth({ year, month: month2 });
   };
   const jump = (step = 1) => {
@@ -251,10 +271,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
       newMonth = 12;
     }
     const newYear = Math.floor((current + step - newMonth) / 12);
-    setMonth({
-      year: newYear,
-      month: newMonth
-    });
+    jumpTo(newYear, newMonth);
   };
   React__default.useImperativeHandle(ref, () => {
     return {
@@ -333,7 +350,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
         React__default.createElement(
           "div",
           { className: "left", onClick: () => jump(-1) },
-          React__default.createElement(Left, null)
+          React__default.createElement(ArrowLeft, null)
         )
       ),
       React__default.createElement("div", { className: `${prefixCls}-header-title` }, monthTitle(month.year, month.month)),
@@ -343,7 +360,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
         React__default.createElement(
           "div",
           { className: "right", onClick: () => jump(1) },
-          React__default.createElement(Right, null)
+          React__default.createElement(ArrowRight, null)
         ),
         React__default.createElement(
           "div",

package/dist/esm/{calendaritem.taro-_gVfstym.js → calendaritem.taro-22chQZnN.js}

@@ -5,7 +5,7 @@ import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { U as Utils, g as getPreMonthDates, a as getDaysStatus, b as getCurrMonthData } from "./date-nxKOxj5-.js";
 import { r as requestAniFrame } from "./raf-UzmDvMUW.js";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const splitDate = (date) => {
   const split = date.indexOf("-") !== -1 ? "-" : "/";

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

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
 import { P as Price } from "./price.taro-15WmWCW1.js";
-import { T as Tag } from "./tag.taro-AOpj4lnK.js";
+import { T as Tag } from "./tag.taro-XwUNZZRQ.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -28,21 +28,21 @@ 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",
-        { className: `${classPrefix}right-price` },
+        { className: `${classPrefix}-right-price` },
         React__default.createElement(Price, { size: "normal", price }),
-        priceTag || React__default.createElement(Price, { size: "normal", className: `${classPrefix}right-price-origin`, price: vipPrice })
+        priceTag || React__default.createElement(Price, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
       ),
-      React__default.createElement("div", { className: `${classPrefix}right-other` }, tag || React__default.createElement(
+      React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
         React__default.Fragment,
         null,
         React__default.createElement(Tag, { type: "danger" }, shopDescription),
@@ -50,8 +50,8 @@ const Card = (props) => {
       )),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}right-shop` },
-        React__default.createElement("div", { className: `${classPrefix}right-shop-name` }, shopName),
+        { className: `${classPrefix}-right-shop` },
+        React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
         extra
       )
     )

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

@@ -7,8 +7,8 @@ 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-kjOuDvcb.js";
-import { T as Tabs } from "./tabs.taro-ygzv74Mx.js";
+import { P as Popup } from "./popup.taro-lBOaxa0-.js";
+import { T as Tabs } from "./tabs.taro-Nk8l2XgP.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) => {
@@ -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-3Tvgy6gl.js → cell.taro-jD6MoFTj.js}

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-zHqxl7ol.js";
+import { a as CellGroupContext, C as CellGroup } from "./cellgroup.taro-08A3XAze.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-zHqxl7ol.js → cellgroup.taro-08A3XAze.js}

@@ -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-KtiGnhlG.js → checkbox.taro-doAmyAh6.js}

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

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

@@ -314,7 +314,7 @@ const zhCN = {
   infiniteloading: {
     pullRefreshText: "松开刷新",
     loadText: "加载中",
-    loadMoreText: "哎呀，这里是底部了啦"
+    loadMoreText: "没有更多了"
   },
   pagination: {
     prev: "上一页",

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

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-NyIQudtd.js";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { P as Picker } from "./picker.taro-LLmgNrcx.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.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();
@@ -255,7 +255,7 @@ const DatePicker = (props) => {
     if (currentDate) {
       setOptions(columns());
     }
-  }, [currentDate]);
+  }, [currentDate, startDate, endDate]);
   return React__default.createElement(View, { className: `nut-datepicker ${className}`, style, catchMove: true, ...rest }, options.length && React__default.createElement(Picker, { ...pickerProps, title, visible, options, onClose, onCancel, defaultValue: defaultValueOfPicker, onConfirm: (options2, value) => onConfirm && onConfirm(options2, value), onChange: (options2, value, index) => updateChooseValueCustmer(options2, value, index), threeDimensional }));
 };
 DatePicker.defaultProps = defaultProps;

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

@@ -2,9 +2,9 @@ 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-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 Button } from "./button.taro-5wKLCcpf.js";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
+import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-Iqz9hm-3.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;
@@ -88,8 +88,8 @@ const BaseDialog = (props) => {
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
-      !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`, {
+      !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}__footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
+      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}__footer-ok`, {
         disabled: disableConfirmButton
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );