@nutui/nutui-react 2.6.8 → 2.6.9

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# v2.6.9
+`2024-06-14`
+
+
+* :sparkles: feat(form): footer 容器增加 className (#2345) @oasis-cloud
+* :bug: fix: 解决Drag组件拖拽后会在原地留一个遮挡元素问题+解决weapp/taro-h5多个demo拖拽位置不正确问题 (#2330) @irisSong
+* :bug: fix(searchbar): 修复 clear 时未触发 change 的问题 (#2262) @eiinu
+
+
 # v2.6.8
 `2024-05-31`
 

package/dist/esm/Drag/style/style.css

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

package/dist/esm/Drag.js

@@ -22,7 +22,8 @@ const Drag = (props) => {
   const getInfo = () => {
     const el = myDrag.current;
     if (el) {
-      const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+      const { offsetTop, offsetLeft } = el;
+      const { offsetWidth, offsetHeight } = el.querySelector(`.${classPrefix}-inner`);
       const { clientWidth, clientHeight } = document.documentElement;
       const { top, left, bottom, right } = boundary;
       setBoundaryState({
@@ -60,7 +61,7 @@ const Drag = (props) => {
   return React__default.createElement(
     "div",
     Object.assign({ style, className: `${classPrefix} ${className}` }, reset, { ref: myDrag }),
-    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind()), children)
+    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind(), { className: `${classPrefix}-inner` }), children)
   );
 };
 Drag.displayName = "NutDrag";

package/dist/esm/Form.js

@@ -48,7 +48,7 @@ const Form = React__default.forwardRef((props, ref) => {
       Cell__default.Group,
       { divider },
       React__default.createElement(Context.Provider, { value: formInstance }, children),
-      footer ? React__default.createElement(Cell__default, null, footer) : null
+      footer ? React__default.createElement(Cell__default, { className: `${classPrefix}-footer` }, footer) : null
     )
   );
 });

package/dist/esm/SearchBar.js

@@ -72,6 +72,7 @@ const SearchBar = (props) => {
       return;
     }
     setValue("");
+    onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(""));
     onClear && onClear(event);
     forceFocus();
   };

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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 v2.6.8 Fri May 31 2024 16:00:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:08:57 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -16115,7 +16115,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)
     );
   }
 );
@@ -18114,6 +18114,7 @@ const SearchBar = (props) => {
       return;
     }
     setValue("");
+    onChange && (onChange == null ? void 0 : onChange(""));
     onClear && onClear(event);
     forceFocus();
   };
@@ -19644,7 +19645,10 @@ const Drag = (props) => {
   const getInfo = () => {
     const el = myDrag.current;
     if (el) {
-      const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+      const { offsetTop, offsetLeft } = el;
+      const { offsetWidth, offsetHeight } = el.querySelector(
+        `.${classPrefix2}-inner`
+      );
       const { clientWidth, clientHeight } = document.documentElement;
       const { top, left, bottom, right } = boundary;
       setBoundaryState({
@@ -19690,7 +19694,15 @@ const Drag = (props) => {
       ...reset,
       ref: myDrag
     },
-    /* @__PURE__ */ React__default.createElement(animated.div, { style: currstyle, ...bind() }, children)
+    /* @__PURE__ */ React__default.createElement(
+      animated.div,
+      {
+        style: currstyle,
+        ...bind(),
+        className: `${classPrefix2}-inner`
+      },
+      children
+    )
   );
 };
 Drag.displayName = "NutDrag";

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:00:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:08:57 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -16133,7 +16133,7 @@ Please add \`${key}Action\` when creating your handler.`);
             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)
       );
     }
   );
@@ -18132,6 +18132,7 @@ Please add \`${key}Action\` when creating your handler.`);
         return;
       }
       setValue("");
+      onChange && (onChange == null ? void 0 : onChange(""));
       onClear && onClear(event);
       forceFocus();
     };
@@ -19662,7 +19663,10 @@ Please add \`${key}Action\` when creating your handler.`);
     const getInfo = () => {
       const el = myDrag.current;
       if (el) {
-        const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+        const { offsetTop, offsetLeft } = el;
+        const { offsetWidth, offsetHeight } = el.querySelector(
+          `.${classPrefix2}-inner`
+        );
         const { clientWidth, clientHeight } = document.documentElement;
         const { top, left, bottom, right } = boundary;
         setBoundaryState({
@@ -19708,7 +19712,15 @@ Please add \`${key}Action\` when creating your handler.`);
         ...reset,
         ref: myDrag
       },
-      /* @__PURE__ */ React.createElement(animated.div, { style: currstyle, ...bind() }, children)
+      /* @__PURE__ */ React.createElement(
+        animated.div,
+        {
+          style: currstyle,
+          ...bind(),
+          className: `${classPrefix2}-inner`
+        },
+        children
+      )
     );
   };
   Drag.displayName = "NutDrag";

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