@nutui/nutui-react-taro 2.6.8 → 2.6.9

package/dist/esm/{tour.taro-D_J_gGVX.js → tour.taro-DegQCG1T.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect } from "react";
 import { Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popover } from "./popover.taro-D1Jnx8Xp.js";
+import { P as Popover } from "./popover.taro-Dve2UnRF.js";
 import Taro, { createSelectorQuery } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { useConfig } from "./ConfigProvider.js";

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.9 Fri Jun 14 2024 17:06:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.8 Fri May 31 2024 16:03:24 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.
 */
@@ -3423,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) {
@@ -3471,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);
@@ -8029,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);
@@ -10081,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)
     );
   }
 );
@@ -12030,6 +12043,7 @@ const SearchBar = (props) => {
     }
     setValue("");
     forceFocus();
+    onChange && (onChange == null ? void 0 : onChange(""));
     onClear && onClear(event);
   };
   const onKeypress = (e2) => {
@@ -13623,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();
@@ -13696,6 +13713,7 @@ const Drag = (props) => {
     /* @__PURE__ */ React__default.createElement(
       "div",
       {
+        className: `${classPrefix2}-inner`,
         onTouchStart: (event) => touchStart(event),
         ref: dragRef,
         onTouchMove: touchMove,

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.8 Fri May 31 2024 16:03:24 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.
 */
@@ -3439,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) {
@@ -3487,7 +3500,7 @@
       document.addEventListener(
         "touchmove",
         onTouchMove,
-        false
+        passiveSupported ? { passive: false } : false
       );
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
@@ -8045,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);
@@ -10097,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)
       );
     }
   );
@@ -12046,6 +12059,7 @@
       }
       setValue("");
       forceFocus();
+      onChange && (onChange == null ? void 0 : onChange(""));
       onClear && onClear(event);
     };
     const onKeypress = (e2) => {
@@ -13639,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();
@@ -13712,6 +13729,7 @@
       /* @__PURE__ */ React.createElement(
         "div",
         {
+          className: `${classPrefix2}-inner`,
           onTouchStart: (event) => touchStart(event),
           ref: dragRef,
           onTouchMove: touchMove,

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;
+  }
 }