@nutui/nutui-react-taro 2.6.6 → 2.6.8

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.6 Fri May 24 2024 15:06:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -244,6 +244,7 @@
         children,
         className,
         style,
+        nativeType,
         onClick,
         ...rest
       } = {
@@ -283,6 +284,7 @@
           {
             ...rest,
             ref,
+            type: nativeType,
             className: classNames(
               prefixCls$2,
               `${prefixCls$2}-${type2}`,
@@ -3437,19 +3439,6 @@
     }
     return root2;
   }
-  let passiveSupported = false;
-  if (canUseDom) {
-    try {
-      const opts = Object.defineProperty({}, "passive", {
-        get() {
-          passiveSupported = true;
-        }
-      });
-      window.addEventListener("test-passive-supported", null, opts);
-    } catch (e2) {
-      console.log(e2);
-    }
-  }
   let totalLockCount = 0;
   const BODY_LOCK_CLASS = "nut-overflow-hidden";
   function getScrollableElement(el) {
@@ -3498,7 +3487,7 @@
       document.addEventListener(
         "touchmove",
         onTouchMove,
-        passiveSupported ? { passive: false } : false
+        false
       );
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
@@ -5872,7 +5861,7 @@
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item.value);
           onChange(optionParams, pathNodes);
-          onPathChange(optionParams, pathNodes);
+          onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
           setInnerValue(optionParams);
         }
         setOptionsData(state.panes);
@@ -5894,7 +5883,7 @@
         if (!type2) {
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
-          onPathChange(optionParams, pathNodes);
+          onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
         }
         return;
       }
@@ -8056,7 +8045,7 @@
       moving: moving.current
     }));
     React.useEffect(() => {
-      const eventOptions = passiveSupported ? { passive: false, once: true } : false;
+      const eventOptions = false;
       const element = pickerPanelRef.current;
       element.addEventListener("touchstart", touchStart, eventOptions);
       element.addEventListener("touchmove", touchMove, eventOptions);
@@ -8361,7 +8350,7 @@
             setInnerVisible(false);
           }
         },
-        locale.cancel
+        locale == null ? void 0 : locale.cancel
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React.createElement(
         "span",
         {
@@ -10679,13 +10668,12 @@
         onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
       }
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React.createElement(
       a$1,
       {
         className: classNames("nut-inputnumber-icon icon-minus", {
           [`${classPrefix$h}-icon-disabled`]: shadowValue === min || disabled
-        }),
-        onClick: handleReduce
+        })
       }
     )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "input",
@@ -10701,13 +10689,12 @@
         onBlur: handleBlur,
         onFocus: handleFocus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
       a,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
           [`${classPrefix$h}-icon-disabled`]: shadowValue === max || disabled
-        }),
-        onClick: handlePlus
+        })
       }
     )));
   };
@@ -12216,7 +12203,9 @@
     const [canvasWidth, setCanvasWidth] = React.useState(0);
     const ctx = React.useRef(null);
     const [disalbeScroll] = React.useState("true");
+    const isSignedRef = React.useRef(false);
     const startEventHandler = (event) => {
+      isSignedRef.current = true;
       if (ctx.current) {
         ctx.current.beginPath();
         ctx.current.lineWidth = lineWidth;
@@ -12243,6 +12232,7 @@
     const endEventHandler = (event) => {
     };
     const handleClearBtn = () => {
+      isSignedRef.current = false;
       if (ctx.current) {
         ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
         ctx.current.closePath();
@@ -12250,6 +12240,10 @@
       onClear && onClear();
     };
     const onSave = () => {
+      if (!isSignedRef.current) {
+        onConfirm && onConfirm("", isSignedRef.current);
+        return;
+      }
       Taro.createSelectorQuery().select(`#${canvasId}`).fields({
         node: true,
         size: true
@@ -12259,7 +12253,7 @@
           fileType: type2,
           canvasId: `${canvasId}`,
           success: (res2) => {
-            onConfirm && onConfirm(res2.tempFilePath);
+            onConfirm && onConfirm(res2.tempFilePath, isSignedRef.current);
           },
           fail: (res2) => {
             console.warn("保存失败");
@@ -13226,7 +13220,14 @@
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        nativeType: "button",
+        className: "nut-uploader-input",
+        onClick: _chooseImage
+      }
+    ))), /* @__PURE__ */ React.createElement(
       Preview,
       {
         ...{
@@ -13245,7 +13246,14 @@
         className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}`
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-icon" }, uploadIcon, /* @__PURE__ */ React.createElement("span", { className: "nut-uploader-icon-tip" }, uploadLabel)),
-      /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage })
+      /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          nativeType: "button",
+          className: "nut-uploader-input",
+          onClick: _chooseImage
+        }
+      )
     ));
   };
   const Uploader = React.forwardRef(InternalUploader);
@@ -13318,7 +13326,8 @@
           onClick: () => cancelActionSheet()
         },
         cancelText
-      ))
+      )),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
     );
   };
   ActionSheet.displayName = "NutActionSheet";
@@ -18402,14 +18411,14 @@
       ...props
     };
     const classPrefix2 = "nut-card";
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-price` }, /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-price` }, price && /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || vipPrice && /* @__PURE__ */ React.createElement(
       Price,
       {
         size: "normal",
         className: `${classPrefix2}-right-price-origin`,
         price: vipPrice
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
+    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, shopDescription && /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), delivery && /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop` }, shopName && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
   };
   Card.displayName = "NutCard";
   const defaultProps$4 = {

package/dist/packages/actionsheet/actionsheet.scss

@@ -1,14 +1,10 @@
 
 .nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
   text-align: center;
 
   &.nut-popup {
     min-height: 10%;
     background-color: $actionsheet-background-color;
-    padding: $actionsheet-padding;
   }
 
   .nut-popup-title {
@@ -55,4 +51,11 @@
     border-top: 1px solid $actionsheet-border-color;
     border-radius: $actionsheet-border-radius;
   }
+
+  &-safe-area {
+    display: block;
+    width: 100%;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
 }