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

package/dist/esm/{checkbox.taro-1a7fd5c7.js → checkbox.taro-fa5d9680.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-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.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/{circleprogress.taro-6054482f.js → circleprogress.taro-cbbc333a.js}

@@ -8,8 +8,8 @@ const defaultProps = {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  color: "#fa2c19",
-  background: "#e5e9f2",
+  color: "",
+  background: "",
   clockwise: true
 };
 const classPrefix = `nut-circleprogress`;

package/dist/esm/{collapse.taro-341f8941.js → collapse.taro-8b61fb79.js}

@@ -1,7 +1,7 @@
 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-e99fb1a2.js";
+import { a as CollapseContext, C as CollapseItem } from "./collapseitem.taro-a1e96f50.js";
 import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
   ...ComponentDefaults,

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

@@ -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-03d376af.js → configprovider.taro-e890dac3.js}

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

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

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -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/css.js

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

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

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-00fb321a.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+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";
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();

package/dist/esm/{dialog.taro-c4969c97.js → dialog.taro-d1d66f17.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-7ae62bc3.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
-import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-2a34cbbf.js";
+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";
 const Content = (props) => {
-  const { visible, title, footer, footerDirection, onClick, children } = 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,14 +22,15 @@ 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",
       { className: classPrefix, style: { display: visible ? "flex" : "none" } },
       renderHeader(),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__content` },
+        { className: `${classPrefix}-content` },
         React__default.createElement(React__default.Fragment, null, children)
       ),
       renderFooter()
@@ -40,6 +41,7 @@ Content.displayName = "NutContent";
 const defaultProps = {
   title: "",
   content: "",
+  header: "",
   footer: "",
   confirmText: "",
   cancelText: "",
@@ -57,7 +59,7 @@ const defaultProps = {
 const BaseDialog = (props) => {
   const classPrefix = "nut-dialog";
   const { locale } = useConfig();
-  const { params: { id, className, style, visible, footer, title, content, children, footerDirection, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, onOverlayClick, confirmText, cancelText, overlay, onClose, onCancel, onConfirm, beforeCancel, beforeClose }, setParams } = useParams({ ...defaultProps, ...props });
+  const { params: { id, className, style, visible, footer, title, header, content, children, footerDirection, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, onOverlayClick, confirmText, cancelText, overlay, onClose, onCancel, onConfirm, beforeCancel, beforeClose }, setParams } = useParams({ ...defaultProps, ...props });
   useCustomEvent(id, ({ status, options }) => {
     if (status) {
       setParams({ ...options, visible: true });
@@ -86,8 +88,8 @@ const BaseDialog = (props) => {
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
-      !hideCancelButton && React__default.createElement(Button, { size: "small", fill: "outline", type: "primary", 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, { 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`, {
         disabled: disableConfirmButton
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)
     );
@@ -109,7 +111,7 @@ const BaseDialog = (props) => {
       React__default.createElement(
         CSSTransition,
         { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-        React__default.createElement(Content, { className, style, title, footer: renderFooter(), footerDirection, visible }, content || children)
+        React__default.createElement(Content, { className, style, title, header, footer: renderFooter(), footerDirection, visible }, content || children)
       )
     )
   );

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

@@ -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/{elevator.taro-cdf3dba7.js → elevator.taro-1607d0b4.js}

@@ -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;
@@ -115,7 +115,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();
@@ -154,16 +154,16 @@ 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 }, 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 +177,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[currentIndex][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[currentIndex][floorKey])
     ) : null
   );
 };