@nutui/nutui-react 2.6.11 → 2.6.13

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.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.11 Fri Jun 28 2024 15:18:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.13 Fri Jul 12 2024 13:59:44 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -10740,6 +10740,7 @@
       }
       const scrollTop = e2.target.scrollTop;
       let current = Math.floor(scrollTop / avgHeight);
+      if (current < 0) return;
       if (!monthsData[current + 1]) return;
       const nextTop = monthsData[current + 1].scrollTop;
       const nextHeight = monthsData[current + 1].cssHeight;
@@ -16713,8 +16714,7 @@
         setUploadQueue(uploadQueue);
       } else {
         setUploadQueue([]);
-        fileList.splice(0, fileList.length);
-        setFileList([...fileList]);
+        setFileList([]);
       }
     };
     const clearInputValue = (el) => {
@@ -16827,13 +16827,11 @@
           const reader = new FileReader();
           reader.onload = (event) => {
             fileItem.url = event.target.result;
-            fileList.push(fileItem);
-            setFileList([...fileList]);
+            setFileList([...fileList, fileItem]);
           };
           reader.readAsDataURL(file);
         } else {
-          fileList.push(fileItem);
-          setFileList([...fileList]);
+          setFileList([...fileList, fileItem]);
         }
       });
     };
@@ -17403,7 +17401,18 @@
     }
   };
   const Drag = (props) => {
-    const { attract, direction, boundary, children, className, style, ...reset } = {
+    const {
+      attract,
+      direction,
+      boundary,
+      onDrag,
+      onDragStart,
+      onDragEnd,
+      children,
+      className,
+      style,
+      ...reset
+    } = {
       ...defaultProps$D,
       ...props
     };
@@ -17434,7 +17443,16 @@
       }
     };
     const bind = useDrag(
-      ({ down, last, offset: [x, y] }) => {
+      (state) => {
+        const {
+          down,
+          last,
+          offset: [x, y],
+          first
+        } = state;
+        first && (onDragStart == null ? void 0 : onDragStart());
+        onDrag == null ? void 0 : onDrag({ offset: [x, y] });
+        last && (onDragEnd == null ? void 0 : onDragEnd({ offset: [x, y] }));
         api.start({ x, y, immediate: down });
         if (last) {
           if (direction !== "y" && attract) {
@@ -20969,6 +20987,7 @@
     autoPlay: 3e3,
     defaultValue: 0,
     closeOnContentClick: false,
+    pagination: true,
     indicator: false,
     indicatorColor: "#fff",
     closeIcon: false,
@@ -20988,6 +21007,7 @@
       visible,
       defaultValue,
       indicatorColor,
+      pagination,
       indicator,
       autoPlay,
       closeOnContentClick,
@@ -21149,7 +21169,6 @@
           className: classNames(classPrefix2, className),
           style,
           ref,
-          onClick: closeOnImg,
           onTouchStart
         },
         showPop ? /* @__PURE__ */ React.createElement(
@@ -21168,15 +21187,29 @@
             indicator
           },
           (videos && videos.length > 0 ? videos.map((item, index) => {
-            return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Video, { source: item.source, options: item.options }));
+            return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
+              Video,
+              {
+                source: item.source,
+                options: item.options,
+                onClick: closeOnImg
+              }
+            ));
           }) : []).concat(
             images && images.length > 0 ? images.map((item, index) => {
-              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Image$1, { src: item.src, draggable: false }));
+              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
+                Image$1,
+                {
+                  src: item.src,
+                  draggable: false,
+                  onClick: closeOnImg
+                }
+              ));
             }) : []
           )
         ) : null
       ),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
+      pagination ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,
       closeIcon !== false ? /* @__PURE__ */ React.createElement(
         "div",
         {

package/dist/packages/tabs/tabs.scss

@@ -11,6 +11,7 @@
   user-select: none;
   overflow: hidden;
   background: $tabs-titles-background-color;
+  scrollbar-width: none;
 
   &::-webkit-scrollbar {
     display: none;