@nutui/nutui-react 2.6.12 → 2.6.14

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:13 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.14 Fri Jul 19 2024 16:21:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -9627,7 +9627,7 @@ const InternalCascader = (props, ref) => {
   };
   const syncValue = async () => {
     const currentValue = innerValue;
-    if (currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length) {
+    if (currentValue === void 0 || ![defaultValue, value].includes(currentValue) || !state.tree.nodes.length) {
       return;
     }
     if (currentValue.length === 0) {
@@ -9659,7 +9659,7 @@ const InternalCascader = (props, ref) => {
         state.initLoading = false;
       }
     }
-    if (needToSync.length && currentValue === defaultValue) {
+    if (needToSync.length && [defaultValue, value].includes(currentValue)) {
       const pathNodes = state.tree.getPathNodesByValue(needToSync);
       pathNodes.forEach((node, index) => {
         state.tabsCursor = index;
@@ -10722,6 +10722,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     }
     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;
@@ -13681,7 +13682,7 @@ class FormStore {
         this.store = values;
       }
     };
-    this.setFieldsValue = (newStore) => {
+    this.setFieldsValue = (newStore, needValidate = true) => {
       this.store = {
         ...this.store,
         ...newStore
@@ -13703,7 +13704,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
-      this.validateFields();
+      needValidate && this.validateFields();
     };
     this.setCallback = (callback) => {
       this.callbacks = {
@@ -13948,7 +13949,7 @@ const _FormItem = class _FormItem extends React__default.Component {
           if (this.props.getValueFromEvent) {
             next = this.props.getValueFromEvent(...args);
           }
-          setFieldsValue({ [name]: next });
+          setFieldsValue({ [name]: next }, false);
         }
       };
       const { validateTrigger } = this.props;
@@ -14708,7 +14709,7 @@ const MenuItem = forwardRef((props, ref) => {
               handleClick2(item);
             }
           },
-          item.value === innerValue ? /* @__PURE__ */ React__default.createElement("i", null, icon || /* @__PURE__ */ React__default.createElement(
+          item.value === innerValue ? /* @__PURE__ */ React__default.createElement("i", { className: "nut-menu-container-item-icon" }, icon || /* @__PURE__ */ React__default.createElement(
             o$5,
             {
               color: activeColor,
@@ -14718,7 +14719,7 @@ const MenuItem = forwardRef((props, ref) => {
           /* @__PURE__ */ React__default.createElement(
             "div",
             {
-              className: getIconCName(item.value, value),
+              className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`,
               style: {
                 color: `${item.value === innerValue ? activeColor : ""}`
               }
@@ -17383,7 +17384,18 @@ const defaultProps$D = {
   }
 };
 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
   };
@@ -17414,7 +17426,16 @@ const Drag = (props) => {
     }
   };
   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) {
@@ -20569,15 +20590,17 @@ const getPerSlidePosition$1 = (index, position, loop2, count) => {
 const defaultEffect = (args) => {
   return React__default.Children.map(args.children, (child, index) => {
     const { isVertical, getSpringsAxis, loop: loop2, count } = args;
+    const rtl = useRtl();
+    const position = rtl ? "right" : "left";
     return /* @__PURE__ */ React__default.createElement(
       animated.div,
       {
         className: "nut-swiper-slide",
         style: {
-          [isVertical ? "y" : "x"]: getSpringsAxis().to((position) => {
-            return getPerSlidePosition$1(index, position, loop2, count);
+          [isVertical ? "y" : "x"]: getSpringsAxis().to((position2) => {
+            return getPerSlidePosition$1(index, position2, loop2, count);
           }),
-          [isVertical ? "top" : "left"]: `-${index * 100}%`
+          [isVertical ? "top" : position]: `-${index * 100}%`
         }
       },
       child
@@ -20597,6 +20620,8 @@ const getPerSlidePosition = (index, position, loop2, count) => {
 };
 const focusEffect = (args) => {
   return React__default.Children.map(args.children, (child, index) => {
+    const rtl = useRtl();
+    const position = rtl ? "right" : "left";
     const {
       isVertical,
       springs,
@@ -20614,11 +20639,11 @@ const focusEffect = (args) => {
         className: "nut-swiper-slide",
         style: {
           [isVertical ? "y" : "x"]: springs[isVertical ? "y" : "x"].to(
-            (position) => {
-              return getPerSlidePosition(index, position, loop2, count);
+            (position2) => {
+              return getPerSlidePosition(index, position2, loop2, count);
             }
           ),
-          [isVertical ? "top" : "left"]: `-${index * 100}%`,
+          [isVertical ? "top" : position]: `-${index * 100}%`,
           scale: springs.s.to((ss) => {
             const scales = getRefValue(transforms);
             if (!scales) return 1;
@@ -21131,7 +21156,6 @@ const ImagePreview = (props) => {
         className: classNames(classPrefix2, className),
         style,
         ref,
-        onClick: closeOnImg,
         onTouchStart
       },
       showPop ? /* @__PURE__ */ React__default.createElement(
@@ -21150,10 +21174,24 @@ const ImagePreview = (props) => {
           indicator
         },
         (videos && videos.length > 0 ? videos.map((item, index) => {
-          return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(Video, { source: item.source, options: item.options }));
+          return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(
+            Video,
+            {
+              source: item.source,
+              options: item.options,
+              onClick: closeOnImg
+            }
+          ));
         }) : []).concat(
           images && images.length > 0 ? images.map((item, index) => {
-            return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(Image$1, { src: item.src, draggable: false }));
+            return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(
+              Image$1,
+              {
+                src: item.src,
+                draggable: false,
+                onClick: closeOnImg
+              }
+            ));
           }) : []
         )
       ) : null

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.12 Fri Jul 05 2024 14:48:13 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.14 Fri Jul 19 2024 16:21:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -9645,7 +9645,7 @@
     };
     const syncValue = async () => {
       const currentValue = innerValue;
-      if (currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length) {
+      if (currentValue === void 0 || ![defaultValue, value].includes(currentValue) || !state.tree.nodes.length) {
         return;
       }
       if (currentValue.length === 0) {
@@ -9677,7 +9677,7 @@
           state.initLoading = false;
         }
       }
-      if (needToSync.length && currentValue === defaultValue) {
+      if (needToSync.length && [defaultValue, value].includes(currentValue)) {
         const pathNodes = state.tree.getPathNodesByValue(needToSync);
         pathNodes.forEach((node, index) => {
           state.tabsCursor = index;
@@ -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;
@@ -13699,7 +13700,7 @@
           this.store = values;
         }
       };
-      this.setFieldsValue = (newStore) => {
+      this.setFieldsValue = (newStore, needValidate = true) => {
         this.store = {
           ...this.store,
           ...newStore
@@ -13721,7 +13722,7 @@
             item.entity.onStoreChange("update");
           }
         });
-        this.validateFields();
+        needValidate && this.validateFields();
       };
       this.setCallback = (callback) => {
         this.callbacks = {
@@ -13966,7 +13967,7 @@
             if (this.props.getValueFromEvent) {
               next = this.props.getValueFromEvent(...args);
             }
-            setFieldsValue({ [name]: next });
+            setFieldsValue({ [name]: next }, false);
           }
         };
         const { validateTrigger } = this.props;
@@ -14726,7 +14727,7 @@
                 handleClick2(item);
               }
             },
-            item.value === innerValue ? /* @__PURE__ */ React.createElement("i", null, icon || /* @__PURE__ */ React.createElement(
+            item.value === innerValue ? /* @__PURE__ */ React.createElement("i", { className: "nut-menu-container-item-icon" }, icon || /* @__PURE__ */ React.createElement(
               o$5,
               {
                 color: activeColor,
@@ -14736,7 +14737,7 @@
             /* @__PURE__ */ React.createElement(
               "div",
               {
-                className: getIconCName(item.value, value),
+                className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`,
                 style: {
                   color: `${item.value === innerValue ? activeColor : ""}`
                 }
@@ -17401,7 +17402,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
     };
@@ -17432,7 +17444,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) {
@@ -20587,15 +20608,17 @@
   const defaultEffect = (args) => {
     return React.Children.map(args.children, (child, index) => {
       const { isVertical, getSpringsAxis, loop: loop2, count } = args;
+      const rtl = useRtl();
+      const position = rtl ? "right" : "left";
       return /* @__PURE__ */ React.createElement(
         animated.div,
         {
           className: "nut-swiper-slide",
           style: {
-            [isVertical ? "y" : "x"]: getSpringsAxis().to((position) => {
-              return getPerSlidePosition$1(index, position, loop2, count);
+            [isVertical ? "y" : "x"]: getSpringsAxis().to((position2) => {
+              return getPerSlidePosition$1(index, position2, loop2, count);
             }),
-            [isVertical ? "top" : "left"]: `-${index * 100}%`
+            [isVertical ? "top" : position]: `-${index * 100}%`
           }
         },
         child
@@ -20615,6 +20638,8 @@
   };
   const focusEffect = (args) => {
     return React.Children.map(args.children, (child, index) => {
+      const rtl = useRtl();
+      const position = rtl ? "right" : "left";
       const {
         isVertical,
         springs,
@@ -20632,11 +20657,11 @@
           className: "nut-swiper-slide",
           style: {
             [isVertical ? "y" : "x"]: springs[isVertical ? "y" : "x"].to(
-              (position) => {
-                return getPerSlidePosition(index, position, loop2, count);
+              (position2) => {
+                return getPerSlidePosition(index, position2, loop2, count);
               }
             ),
-            [isVertical ? "top" : "left"]: `-${index * 100}%`,
+            [isVertical ? "top" : position]: `-${index * 100}%`,
             scale: springs.s.to((ss) => {
               const scales = getRefValue(transforms);
               if (!scales) return 1;
@@ -21149,7 +21174,6 @@
           className: classNames(classPrefix2, className),
           style,
           ref,
-          onClick: closeOnImg,
           onTouchStart
         },
         showPop ? /* @__PURE__ */ React.createElement(
@@ -21168,10 +21192,24 @@
             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

package/dist/packages/empty/empty.scss

@@ -5,7 +5,7 @@
   flex-direction: column;
   justify-content: center;
   padding: $empty-padding;
-  background-color: $color-background-overlay;
+  background-color: $empty-background-color;
 
   &-image {
     width: $empty-image-size;

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;