@nutui/nutui-react-taro 2.3.6 → 2.3.7

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.3.6 Fri Jan 12 2024 15:51:36 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.3.7 Fri Jan 19 2024 16:35:51 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5309,7 +5309,12 @@ const Tabs = (props) => {
         activeType === "line" && /* @__PURE__ */ React__default.createElement(
           View,
           {
-            className: `${classPrefix$k}-titles-item-line`,
+            className: classNames(
+              `${classPrefix$k}-titles-item-line`,
+              {
+                [`${classPrefix$k}-titles-item-line-${direction}`]: true
+              }
+            ),
             style: tabsActiveStyle
           }
         ),
@@ -5325,9 +5330,7 @@ const Tabs = (props) => {
           View,
           {
             className: classNames(
-              {
-                ellipsis: true
-              },
+              `${classPrefix$k}-ellipsis`,
               `${classPrefix$k}-titles-item-text`
             )
           },
@@ -7491,28 +7494,33 @@ const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
 const defaultProps$11 = {
   max: void 0,
+  min: void 0,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
   },
+  onLimit: (type4) => {
+  },
   options: []
 };
 const classPrefix$j = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$11, ...props };
     const {
+      children,
       className,
       disabled,
       onChange,
       value,
       defaultValue,
       max,
+      min,
+      onLimit,
       labelPosition,
       direction,
       options,
       ...rest
-    } = props;
+    } = { ...defaultProps$11, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -7557,7 +7565,7 @@ const CheckboxGroup = React__default.forwardRef(
           }
         );
       });
-    }, [options, max]);
+    }, [options, max, min]);
     return /* @__PURE__ */ React__default.createElement(
       Context$1.Provider,
       {
@@ -7565,13 +7573,22 @@ const CheckboxGroup = React__default.forwardRef(
           labelPosition: labelPosition || "right",
           disabled,
           max,
+          onLimit,
           value: _value,
           check: (value2) => {
             const combined = [..._value, value2];
+            if (max !== void 0) {
+              if (combined.length > max) {
+                return onLimit == null ? void 0 : onLimit("max");
+              }
+            }
             setValue(combined);
           },
           uncheck: (value2) => {
             const reduced = _value.filter((item) => item !== value2);
+            if (min !== void 0 && reduced.length < min) {
+              return onLimit == null ? void 0 : onLimit("min");
+            }
             setValue(reduced);
           }
         }
@@ -7707,10 +7724,6 @@ const Checkbox = (props) => {
     if (disabled)
       return;
     const latestChecked = !innerChecked;
-    if (ctx && ctx.max !== void 0) {
-      if (latestChecked && ctx.value.length >= ctx.max)
-        return;
-    }
     setChecked(latestChecked);
   };
   const renderButton = () => {
@@ -10939,6 +10952,7 @@ Menu.Item = MenuItem;
 const defaultProps$T = {
   ...ComponentDefaults,
   visible: false,
+  rightActions: "",
   type: "default",
   custom: [],
   random: false,
@@ -10949,6 +10963,7 @@ const NumberKeyboard = (props) => {
   const { locale } = useConfig$1();
   const {
     title,
+    rightActions,
     confirmText,
     visible,
     type: type4,
@@ -11058,7 +11073,7 @@ const NumberKeyboard = (props) => {
         className: `${classPrefix2}-header-close`,
         onClick: onConfirm
       },
-      locale.done
+      rightActions || locale.done
     )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-body` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-body-keys` }, keysList == null ? void 0 : keysList.map((item) => {
       return /* @__PURE__ */ React__default.createElement(NumberKeyboardKey, { key: item.id, item });
     })), type4 === "rightColumn" && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-sidebar` }, /* @__PURE__ */ React__default.createElement(
@@ -12556,7 +12571,7 @@ const Preview = ({
         className: `nut-uploader-preview ${previewType}`,
         key: item.uid
       },
-      previewType === "picture" && deletable && /* @__PURE__ */ React__default.createElement(
+      previewType === "picture" && !children && deletable && /* @__PURE__ */ React__default.createElement(
         j$3,
         {
           color: "rgba(0,0,0,0.6)",
@@ -13042,7 +13057,16 @@ const ActionSheet = (props) => {
 ActionSheet.defaultProps = defaultProps$H;
 ActionSheet.displayName = "NutActionSheet";
 const Content = (props) => {
-  const { visible, title, header, footer, footerDirection, onClick, children } = props;
+  const {
+    visible,
+    title,
+    header,
+    footer,
+    close: close2,
+    footerDirection,
+    onClick,
+    children
+  } = props;
   const classPrefix2 = "nut-dialog";
   const renderHeader = () => {
     return title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header` }, title) : null;
@@ -13068,6 +13092,7 @@ const Content = (props) => {
       style: props.style,
       onClick: (e2) => handleClick(e2)
     },
+    close2,
     header,
     /* @__PURE__ */ React__default.createElement(
       "div",
@@ -13136,6 +13161,8 @@ const defaultProps$G = {
   disableConfirmButton: false,
   footerDirection: "horizontal",
   lockScroll: true,
+  closeIconPosition: "top-right",
+  closeIcon: false,
   beforeCancel: () => true,
   beforeClose: () => true,
   onOverlayClick: () => true
@@ -13164,6 +13191,8 @@ const BaseDialog = (props) => {
       confirmText,
       cancelText,
       overlay,
+      closeIconPosition,
+      closeIcon,
       onClose,
       onCancel,
       onConfirm,
@@ -13221,6 +13250,23 @@ const BaseDialog = (props) => {
       confirmText || locale.confirm
     ));
   };
+  const renderCloseIcon = () => {
+    if (!closeIcon)
+      return null;
+    const handleCancel = () => {
+      if (!(beforeCancel == null ? void 0 : beforeCancel()))
+        return;
+      if (!(beforeClose == null ? void 0 : beforeClose()))
+        return;
+      onClose == null ? void 0 : onClose();
+      onCancel == null ? void 0 : onCancel();
+    };
+    const closeClasses = classNames({
+      [`${classPrefix2}-close`]: true,
+      [`${classPrefix2}-close-${closeIconPosition}`]: true
+    });
+    return /* @__PURE__ */ React__default.createElement(View, { className: closeClasses, onClick: handleCancel }, React__default.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React__default.createElement(A$1, null));
+  };
   const onHandleClickOverlay = (e2) => {
     if (closeOnOverlayClick && visible && e2.target === e2.currentTarget) {
       const closed = onOverlayClick && onOverlayClick();
@@ -13260,6 +13306,7 @@ const BaseDialog = (props) => {
           style,
           title,
           header,
+          close: renderCloseIcon(),
           footer: renderFooter(),
           footerDirection,
           visible
@@ -16567,6 +16614,8 @@ const defaultProps$g = {
   closeOnContentClick: false,
   indicator: false,
   indicatorColor: "#fff",
+  closeIcon: false,
+  closeIconPosition: "top-right",
   showMenuByLongpress: false,
   onChange: (value) => {
   },
@@ -16585,6 +16634,8 @@ const ImagePreview = (props) => {
     indicator,
     autoPlay,
     closeOnContentClick,
+    closeIcon,
+    closeIconPosition,
     showMenuByLongpress,
     onClose
   } = props;
@@ -16800,7 +16851,15 @@ const ImagePreview = (props) => {
         )
       )
     ),
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0))
+    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
+    closeIcon !== false ? /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `${classPrefix2}-close ${closeIconPosition}`,
+        onClick: onCloseInner
+      },
+      closeIcon === true ? /* @__PURE__ */ React__default.createElement(A$1, null) : closeIcon
+    ) : null
   );
 };
 ImagePreview.defaultProps = defaultProps$g;
@@ -17297,16 +17356,25 @@ const Table = (props) => {
       return /* @__PURE__ */ React__default.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
     });
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: classNames(`${classPrefix2}-wrapper`), style }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(`${classPrefix2}-main`, {
-        [`${classPrefix2}-main-striped`]: striped
-      })
+      className: classNames(
+        `${classPrefix2}-wrapper ${isSticky ? `${classPrefix2}-wrapper-sticky` : ""}`
+      ),
+      style
     },
-    showHeader && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-main-head` }, /* @__PURE__ */ React__default.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-main-body` }, renderBodyTrs())
-  )), isSticky ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: classNames(`${classPrefix2}-main`, {
+          [`${classPrefix2}-main-striped`]: striped
+        })
+      },
+      showHeader && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-main-head` }, /* @__PURE__ */ React__default.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
+      /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-main-body` }, renderBodyTrs())
+    )
+  ), isSticky ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: `${classPrefix2}-sticky-left`,

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.3.6 Fri Jan 12 2024 15:51:36 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.3.7 Fri Jan 19 2024 16:35:51 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5325,7 +5325,12 @@ var __publicField = (obj, key, value) => {
           activeType === "line" && /* @__PURE__ */ React.createElement(
             components.View,
             {
-              className: `${classPrefix$k}-titles-item-line`,
+              className: classNames(
+                `${classPrefix$k}-titles-item-line`,
+                {
+                  [`${classPrefix$k}-titles-item-line-${direction}`]: true
+                }
+              ),
               style: tabsActiveStyle
             }
           ),
@@ -5341,9 +5346,7 @@ var __publicField = (obj, key, value) => {
             components.View,
             {
               className: classNames(
-                {
-                  ellipsis: true
-                },
+                `${classPrefix$k}-ellipsis`,
                 `${classPrefix$k}-titles-item-text`
               )
             },
@@ -7507,28 +7510,33 @@ var __publicField = (obj, key, value) => {
   const Context$1 = CheckboxGroupContext;
   const defaultProps$11 = {
     max: void 0,
+    min: void 0,
     labelPosition: "right",
     direction: "vertical",
     onChange: (value) => {
     },
+    onLimit: (type2) => {
+    },
     options: []
   };
   const classPrefix$j = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$11, ...props };
       const {
+        children,
         className,
         disabled,
         onChange,
         value,
         defaultValue,
         max,
+        min,
+        onLimit,
         labelPosition,
         direction,
         options,
         ...rest
-      } = props;
+      } = { ...defaultProps$11, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -7573,7 +7581,7 @@ var __publicField = (obj, key, value) => {
             }
           );
         });
-      }, [options, max]);
+      }, [options, max, min]);
       return /* @__PURE__ */ React.createElement(
         Context$1.Provider,
         {
@@ -7581,13 +7589,22 @@ var __publicField = (obj, key, value) => {
             labelPosition: labelPosition || "right",
             disabled,
             max,
+            onLimit,
             value: _value,
             check: (value2) => {
               const combined = [..._value, value2];
+              if (max !== void 0) {
+                if (combined.length > max) {
+                  return onLimit == null ? void 0 : onLimit("max");
+                }
+              }
               setValue(combined);
             },
             uncheck: (value2) => {
               const reduced = _value.filter((item) => item !== value2);
+              if (min !== void 0 && reduced.length < min) {
+                return onLimit == null ? void 0 : onLimit("min");
+              }
               setValue(reduced);
             }
           }
@@ -7723,10 +7740,6 @@ var __publicField = (obj, key, value) => {
       if (disabled)
         return;
       const latestChecked = !innerChecked;
-      if (ctx && ctx.max !== void 0) {
-        if (latestChecked && ctx.value.length >= ctx.max)
-          return;
-      }
       setChecked(latestChecked);
     };
     const renderButton = () => {
@@ -10955,6 +10968,7 @@ var __publicField = (obj, key, value) => {
   const defaultProps$T = {
     ...ComponentDefaults,
     visible: false,
+    rightActions: "",
     type: "default",
     custom: [],
     random: false,
@@ -10965,6 +10979,7 @@ var __publicField = (obj, key, value) => {
     const { locale } = useConfig$1();
     const {
       title,
+      rightActions,
       confirmText,
       visible,
       type: type2,
@@ -11074,7 +11089,7 @@ var __publicField = (obj, key, value) => {
           className: `${classPrefix2}-header-close`,
           onClick: onConfirm
         },
-        locale.done
+        rightActions || locale.done
       )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-body` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-body-keys` }, keysList == null ? void 0 : keysList.map((item) => {
         return /* @__PURE__ */ React.createElement(NumberKeyboardKey, { key: item.id, item });
       })), type2 === "rightColumn" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-sidebar` }, /* @__PURE__ */ React.createElement(
@@ -12572,7 +12587,7 @@ var __publicField = (obj, key, value) => {
           className: `nut-uploader-preview ${previewType}`,
           key: item.uid
         },
-        previewType === "picture" && deletable && /* @__PURE__ */ React.createElement(
+        previewType === "picture" && !children && deletable && /* @__PURE__ */ React.createElement(
           j$3,
           {
             color: "rgba(0,0,0,0.6)",
@@ -13058,7 +13073,16 @@ var __publicField = (obj, key, value) => {
   ActionSheet.defaultProps = defaultProps$H;
   ActionSheet.displayName = "NutActionSheet";
   const Content = (props) => {
-    const { visible, title, header, footer, footerDirection, onClick, children } = props;
+    const {
+      visible,
+      title,
+      header,
+      footer,
+      close: close2,
+      footerDirection,
+      onClick,
+      children
+    } = props;
     const classPrefix2 = "nut-dialog";
     const renderHeader = () => {
       return title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header` }, title) : null;
@@ -13084,6 +13108,7 @@ var __publicField = (obj, key, value) => {
         style: props.style,
         onClick: (e2) => handleClick(e2)
       },
+      close2,
       header,
       /* @__PURE__ */ React.createElement(
         "div",
@@ -13152,6 +13177,8 @@ var __publicField = (obj, key, value) => {
     disableConfirmButton: false,
     footerDirection: "horizontal",
     lockScroll: true,
+    closeIconPosition: "top-right",
+    closeIcon: false,
     beforeCancel: () => true,
     beforeClose: () => true,
     onOverlayClick: () => true
@@ -13180,6 +13207,8 @@ var __publicField = (obj, key, value) => {
         confirmText,
         cancelText,
         overlay,
+        closeIconPosition,
+        closeIcon,
         onClose,
         onCancel,
         onConfirm,
@@ -13237,6 +13266,23 @@ var __publicField = (obj, key, value) => {
         confirmText || locale.confirm
       ));
     };
+    const renderCloseIcon = () => {
+      if (!closeIcon)
+        return null;
+      const handleCancel = () => {
+        if (!(beforeCancel == null ? void 0 : beforeCancel()))
+          return;
+        if (!(beforeClose == null ? void 0 : beforeClose()))
+          return;
+        onClose == null ? void 0 : onClose();
+        onCancel == null ? void 0 : onCancel();
+      };
+      const closeClasses = classNames({
+        [`${classPrefix2}-close`]: true,
+        [`${classPrefix2}-close-${closeIconPosition}`]: true
+      });
+      return /* @__PURE__ */ React.createElement(components.View, { className: closeClasses, onClick: handleCancel }, React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(A$1, null));
+    };
     const onHandleClickOverlay = (e2) => {
       if (closeOnOverlayClick && visible && e2.target === e2.currentTarget) {
         const closed = onOverlayClick && onOverlayClick();
@@ -13276,6 +13322,7 @@ var __publicField = (obj, key, value) => {
             style,
             title,
             header,
+            close: renderCloseIcon(),
             footer: renderFooter(),
             footerDirection,
             visible
@@ -16583,6 +16630,8 @@ var __publicField = (obj, key, value) => {
     closeOnContentClick: false,
     indicator: false,
     indicatorColor: "#fff",
+    closeIcon: false,
+    closeIconPosition: "top-right",
     showMenuByLongpress: false,
     onChange: (value) => {
     },
@@ -16601,6 +16650,8 @@ var __publicField = (obj, key, value) => {
       indicator,
       autoPlay,
       closeOnContentClick,
+      closeIcon,
+      closeIconPosition,
       showMenuByLongpress,
       onClose
     } = props;
@@ -16816,7 +16867,15 @@ var __publicField = (obj, key, value) => {
           )
         )
       ),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0))
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
+      closeIcon !== false ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${classPrefix2}-close ${closeIconPosition}`,
+          onClick: onCloseInner
+        },
+        closeIcon === true ? /* @__PURE__ */ React.createElement(A$1, null) : closeIcon
+      ) : null
     );
   };
   ImagePreview.defaultProps = defaultProps$g;
@@ -17313,16 +17372,25 @@ var __publicField = (obj, key, value) => {
         return /* @__PURE__ */ React.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
       });
     };
-    return /* @__PURE__ */ React.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${classPrefix2}-wrapper`), style }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: cls, ...rest }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(`${classPrefix2}-main`, {
-          [`${classPrefix2}-main-striped`]: striped
-        })
+        className: classNames(
+          `${classPrefix2}-wrapper ${isSticky ? `${classPrefix2}-wrapper-sticky` : ""}`
+        ),
+        style
       },
-      showHeader && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-head` }, /* @__PURE__ */ React.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-body` }, renderBodyTrs())
-    )), isSticky ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${classPrefix2}-main`, {
+            [`${classPrefix2}-main-striped`]: striped
+          })
+        },
+        showHeader && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-head` }, /* @__PURE__ */ React.createElement("div", { className: headerClassPrefix }, renderHeadCells())),
+        /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-main-body` }, renderBodyTrs())
+      )
+    ), isSticky ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: `${classPrefix2}-sticky-left`,

package/dist/packages/circleprogress/circleprogress.scss

@@ -3,7 +3,9 @@
 
   &-hover {
     stroke: $circleprogress-primary-color;
-    transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s;
+    transition:
+      stroke-dasharray 0.2s ease-in-out 0s,
+      stroke 0.2s ease 0s;
   }
 
   &-path {

package/dist/packages/dialog/dialog.scss

@@ -32,6 +32,31 @@
     animation-duration: 0.3s;
   }
 
+  &-close {
+    position: absolute !important;
+    z-index: 1;
+    cursor: pointer;
+    width: $dialog-close-width;
+    height: $dialog-close-height;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    top: $dialog-close-top;
+    color: $dialog-close-color;
+
+    &-top-right {
+      right: $dialog-close-right;
+    }
+
+    &-top-left {
+      left: $dialog-close-left;
+    }
+
+    &:active {
+      opacity: 0.7;
+    }
+  }
+
   &-header {
     display: block;
     text-align: center;

package/dist/packages/imagepreview/imagepreview.scss

@@ -26,6 +26,30 @@
     }
   }
 
+  &-close {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2002;
+    background: transparent;
+    color: $white;
+    &.top-right {
+      top: 50px;
+      right: 20px;
+    }
+    &.top-left {
+      top: 50px;
+      left: 20px;
+    }
+    &.bottom {
+      bottom: 50px;
+      left: 0;
+      right: 0;
+      text-align: center;
+    }
+  }
+
   &-pop {
     height: 100%;
     background: transparent !important;

package/dist/packages/popover/popover.scss

@@ -96,7 +96,7 @@
       border-bottom: 1px solid $popover-divider-color;
 
       &:last-child {
-        margin-bottom: 2px;
+        margin-bottom: 0px;
         border-bottom: none;
       }