@nutui/nutui-react-taro 2.6.7 → 2.6.9

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.7 Tue May 28 2024 17:29:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -228,6 +228,7 @@ const Button = React__default.forwardRef(
       children,
       className,
       style,
+      nativeType,
       onClick,
       ...rest
     } = {
@@ -267,6 +268,7 @@ const Button = React__default.forwardRef(
         {
           ...rest,
           ref,
+          type: nativeType,
           className: classNames(
             prefixCls$2,
             `${prefixCls$2}-${type4}`,
@@ -3421,6 +3423,19 @@ function getScrollParent(el, root2 = defaultRoot) {
   }
   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) {
@@ -3469,7 +3484,7 @@ function useLockScroll(rootRef, shouldLock) {
     document.addEventListener(
       "touchmove",
       onTouchMove,
-      false
+      passiveSupported ? { passive: false } : false
     );
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
@@ -5843,7 +5858,7 @@ const InternalCascader = (props, ref) => {
         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);
@@ -5865,7 +5880,7 @@ const InternalCascader = (props, ref) => {
       if (!type4) {
         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;
     }
@@ -8027,7 +8042,7 @@ const InternalPickerPanel = (props, ref) => {
     moving: moving.current
   }));
   useEffect(() => {
-    const eventOptions = false;
+    const eventOptions = passiveSupported ? { passive: false, once: true } : false;
     const element = pickerPanelRef.current;
     element.addEventListener("touchstart", touchStart, eventOptions);
     element.addEventListener("touchmove", touchMove, eventOptions);
@@ -8332,7 +8347,7 @@ const InternalPicker = (props, ref) => {
           setInnerVisible(false);
         }
       },
-      locale.cancel
+      locale == null ? void 0 : locale.cancel
     ), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React__default.createElement(
       "span",
       {
@@ -10079,7 +10094,7 @@ const Form = React__default.forwardRef(
           resetFields();
         }
       },
-      /* @__PURE__ */ React__default.createElement(Cell.Group, { divider }, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
+      /* @__PURE__ */ React__default.createElement(Cell.Group, { divider }, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
     );
   }
 );
@@ -10650,13 +10665,12 @@ const InputNumber = (props) => {
       onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React__default.createElement(
     a$1,
     {
       className: classNames("nut-inputnumber-icon icon-minus", {
         [`${classPrefix$h}-icon-disabled`]: shadowValue === min || disabled
-      }),
-      onClick: handleReduce
+      })
     }
   )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "input",
@@ -10672,13 +10686,12 @@ const InputNumber = (props) => {
       onBlur: handleBlur,
       onFocus: handleFocus
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
     a,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
         [`${classPrefix$h}-icon-disabled`]: shadowValue === max || disabled
-      }),
-      onClick: handlePlus
+      })
     }
   )));
 };
@@ -12030,6 +12043,7 @@ const SearchBar = (props) => {
     }
     setValue("");
     forceFocus();
+    onChange && (onChange == null ? void 0 : onChange(""));
     onClear && onClear(event);
   };
   const onKeypress = (e2) => {
@@ -13204,7 +13218,14 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file, index) => {
     onFileItemClick == null ? void 0 : onFileItemClick(file, index);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage }))), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { nativeType: "button", size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      nativeType: "button",
+      className: "nut-uploader-input",
+      onClick: _chooseImage
+    }
+  ))), /* @__PURE__ */ React__default.createElement(
     Preview,
     {
       ...{
@@ -13223,7 +13244,14 @@ const InternalUploader = (props, ref) => {
       className: `nut-uploader-upload ${previewType} ${disabled ? "nut-uploader-upload-disabled" : ""}`
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-icon" }, uploadIcon, /* @__PURE__ */ React__default.createElement("span", { className: "nut-uploader-icon-tip" }, uploadLabel)),
-    /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader-input", onClick: _chooseImage })
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        nativeType: "button",
+        className: "nut-uploader-input",
+        onClick: _chooseImage
+      }
+    )
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
@@ -13609,17 +13637,20 @@ const Drag = (props) => {
   const translateX = useRef(0);
   const translateY = useRef(0);
   const middleLine = useRef(0);
-  const getInfo = () => {
+  const getInfo = async () => {
+    var _a;
     const el = myDrag.current;
     if (el) {
       const { top, left: left2, bottom, right: right2 } = boundary;
       const { screenWidth, windowHeight } = getSystemInfoSync();
+      const { width, height } = await getRectByTaro(dragRef.current);
+      (_a = dragRef.current) == null ? void 0 : _a.getBoundingClientRect();
       createSelectorQuery().select(`.${className}`).boundingClientRect((rec) => {
         setBoundaryState({
           top: -rec.top + top,
           left: -rec.left + left2,
-          bottom: windowHeight - rec.height - rec.top - bottom,
-          right: screenWidth - rec.width - rec.left - right2
+          bottom: windowHeight - rec.top - bottom - Math.ceil(height),
+          right: screenWidth - rec.left - right2 - Math.ceil(width)
         });
         middleLine.current = screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
       }).exec();
@@ -13682,6 +13713,7 @@ const Drag = (props) => {
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
+        className: `${classPrefix2}-inner`,
         onTouchStart: (event) => touchStart(event),
         ref: dragRef,
         onTouchMove: touchMove,
@@ -18381,14 +18413,14 @@ const Card = (props) => {
     ...props
   };
   const classPrefix2 = "nut-card";
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React__default.createElement("img", { src, alt: "" })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-price` }, /* @__PURE__ */ React__default.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React__default.createElement("img", { src, alt: "" })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-price` }, price && /* @__PURE__ */ React__default.createElement(Price, { size: "normal", price }), priceTag || vipPrice && /* @__PURE__ */ React__default.createElement(
     Price,
     {
       size: "normal",
       className: `${classPrefix2}-right-price-origin`,
       price: vipPrice
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
+  )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shopDescription && /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), delivery && /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, shopName && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
 };
 Card.displayName = "NutCard";
 const defaultProps$4 = {

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.7 Tue May 28 2024 17:29:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:28 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,6 +3439,19 @@
     }
     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) {
@@ -3485,7 +3500,7 @@
       document.addEventListener(
         "touchmove",
         onTouchMove,
-        false
+        passiveSupported ? { passive: false } : false
       );
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
@@ -5859,7 +5874,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);
@@ -5881,7 +5896,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;
       }
@@ -8043,7 +8058,7 @@
       moving: moving.current
     }));
     React.useEffect(() => {
-      const eventOptions = false;
+      const eventOptions = passiveSupported ? { passive: false, once: true } : false;
       const element = pickerPanelRef.current;
       element.addEventListener("touchstart", touchStart, eventOptions);
       element.addEventListener("touchmove", touchMove, eventOptions);
@@ -8348,7 +8363,7 @@
             setInnerVisible(false);
           }
         },
-        locale.cancel
+        locale == null ? void 0 : locale.cancel
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React.createElement(
         "span",
         {
@@ -10095,7 +10110,7 @@
             resetFields();
           }
         },
-        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
+        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
       );
     }
   );
@@ -10666,13 +10681,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",
@@ -10688,13 +10702,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
+        })
       }
     )));
   };
@@ -12046,6 +12059,7 @@
       }
       setValue("");
       forceFocus();
+      onChange && (onChange == null ? void 0 : onChange(""));
       onClear && onClear(event);
     };
     const onKeypress = (e2) => {
@@ -13220,7 +13234,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,
       {
         ...{
@@ -13239,7 +13260,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);
@@ -13625,17 +13653,20 @@
     const translateX = React.useRef(0);
     const translateY = React.useRef(0);
     const middleLine = React.useRef(0);
-    const getInfo = () => {
+    const getInfo = async () => {
+      var _a;
       const el = myDrag.current;
       if (el) {
         const { top, left: left2, bottom, right: right2 } = boundary;
         const { screenWidth, windowHeight } = Taro.getSystemInfoSync();
+        const { width, height } = await getRectByTaro(dragRef.current);
+        (_a = dragRef.current) == null ? void 0 : _a.getBoundingClientRect();
         Taro.createSelectorQuery().select(`.${className}`).boundingClientRect((rec) => {
           setBoundaryState({
             top: -rec.top + top,
             left: -rec.left + left2,
-            bottom: windowHeight - rec.height - rec.top - bottom,
-            right: screenWidth - rec.width - rec.left - right2
+            bottom: windowHeight - rec.top - bottom - Math.ceil(height),
+            right: screenWidth - rec.left - right2 - Math.ceil(width)
           });
           middleLine.current = screenWidth - rec.width - rec.left - (screenWidth - rec.width) / 2;
         }).exec();
@@ -13698,6 +13729,7 @@
       /* @__PURE__ */ React.createElement(
         "div",
         {
+          className: `${classPrefix2}-inner`,
           onTouchStart: (event) => touchStart(event),
           ref: dragRef,
           onTouchMove: touchMove,
@@ -18397,14 +18429,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,8 +1,5 @@
 
 .nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
   text-align: center;
 
   &.nut-popup {

package/dist/packages/drag/drag.scss

@@ -1,10 +1,14 @@
 .nut-drag {
   position: fixed;
-  display: inline-flex;
   z-index: 9997 !important;
-  width: fit-content;
-  height: fit-content;
+  width: 0;
+  height: 0;
   touch-action: none;
   user-select: none;
   font-size: 0;
+  &-inner {
+    display: inline-flex;
+    width: fit-content;
+    height: fit-content;
+  }
 }