@nutui/nutui-react-taro 2.0.18 → 2.0.19-beta.0

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.18 Wed Sep 20 2023 14:56:58 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.19-beta.0 Mon Sep 25 2023 18:03:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11807,7 +11807,8 @@ const MenuItem = forwardRef((props, ref) => {
   usePageScroll(updateItemOffset);
   useImperativeHandle(ref, () => ({
     toggle: (s) => {
-      s ? parent.toggleMenuItem(index) : parent.hideMenuItem(index);
+      const from = "REF";
+      s ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
     }
   }));
   const getIconCName = (optionVal, value2) => {
@@ -11887,7 +11888,7 @@ const MenuItem = forwardRef((props, ref) => {
       visible: showPopup,
       closeOnOverlayClick: parent.closeOnOverlayClick,
       onClick: () => {
-        parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+        parent.closeOnOverlayClick && parent.hideMenuItem(index);
       }
     }
   ) : null, /* @__PURE__ */ React__default.createElement(
@@ -11957,9 +11958,9 @@ const defaultProps$T = {
   lockScroll: true,
   overlay: true,
   icon: null,
-  onOpen: (index) => {
+  onOpen: (index, from) => {
   },
-  onClose: (index) => {
+  onClose: (index, from) => {
   }
 };
 const Menu = (props) => {
@@ -11998,22 +11999,22 @@ const Menu = (props) => {
   }, []);
   const [showMenuItem, setShowMenuItem] = useState([]);
   const [menuItemTitle, setMenuItemTitle] = useState([]);
-  const toggleMenuItem = (index) => {
+  const toggleMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = !showMenuItem[index];
     if (showMenuItem[index]) {
-      onOpen && onOpen(index);
+      onOpen && onOpen(index, from);
     } else {
-      onClose && onClose(index);
+      onClose && onClose(index, from);
     }
     const temp = showMenuItem.map(
       (i, idx) => idx === index ? i : false
     );
     setShowMenuItem([...temp]);
   };
-  const hideMenuItem = (index) => {
+  const hideMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = false;
     setShowMenuItem([...showMenuItem]);
-    onClose && onClose(index);
+    onClose && onClose(index, from);
   };
   const updateTitle = (text, index) => {
     menuItemTitle[index] = text;
@@ -17464,7 +17465,7 @@ const Indicator = (props) => {
     }
     return childs;
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$4, classes, className), ...rest }, renderElement());
 };
 Indicator.defaultProps = defaultProps$i;
 Indicator.displayName = "NutIndicator";
@@ -17488,6 +17489,7 @@ const Swiper = forwardRef((props, ref) => {
     duration,
     direction,
     defaultValue,
+    onChange,
     ...rest
   } = {
     ...defaultProps$h,
@@ -17572,7 +17574,11 @@ const Swiper = forwardRef((props, ref) => {
           autoplay: autoPlay,
           vertical: direction === "vertical",
           indicatorDots: false,
-          onChange: handleOnChange,
+          onChange: (e) => {
+            var _a;
+            handleOnChange(e);
+            (_a = props.onChange) == null ? void 0 : _a.call(props, e);
+          },
           style: {
             width: !width ? "100%" : `${width}px`,
             height: !height ? "150px" : `${height}px`
@@ -17641,7 +17647,9 @@ const ImagePreview = (props) => {
   });
   const [showPop, setShowPop] = useState(visible);
   const [active, setActive] = useState(0);
-  const [maxNo] = useState((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+  const [maxNo, setMaxNo] = useState(
+    (images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0)
+  );
   const [store, setStore] = useState({
     scale: 1,
     moveable: false
@@ -17730,6 +17738,9 @@ const ImagePreview = (props) => {
   useEffect(() => {
     setActive(innerNo);
   }, [innerNo]);
+  useEffect(() => {
+    setMaxNo((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+  }, [images, videos]);
   const scaleNow = () => {
     if (ref.current) {
       ref.current.style.transform = `scale(${store.scale})`;
@@ -17746,7 +17757,7 @@ const ImagePreview = (props) => {
   };
   const onCloseInner = () => {
     setShowPop(false);
-    setActive(1);
+    setActive(innerNo);
     scaleNow();
     onClose && onClose();
     setStore({

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.18 Wed Sep 20 2023 14:56:58 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.19-beta.0 Mon Sep 25 2023 18:03:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11823,7 +11823,8 @@ var __publicField = (obj, key, value) => {
     Taro.usePageScroll(updateItemOffset);
     React.useImperativeHandle(ref, () => ({
       toggle: (s) => {
-        s ? parent.toggleMenuItem(index) : parent.hideMenuItem(index);
+        const from = "REF";
+        s ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
       }
     }));
     const getIconCName = (optionVal, value2) => {
@@ -11903,7 +11904,7 @@ var __publicField = (obj, key, value) => {
         visible: showPopup,
         closeOnOverlayClick: parent.closeOnOverlayClick,
         onClick: () => {
-          parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+          parent.closeOnOverlayClick && parent.hideMenuItem(index);
         }
       }
     ) : null, /* @__PURE__ */ React.createElement(
@@ -11973,9 +11974,9 @@ var __publicField = (obj, key, value) => {
     lockScroll: true,
     overlay: true,
     icon: null,
-    onOpen: (index) => {
+    onOpen: (index, from) => {
     },
-    onClose: (index) => {
+    onClose: (index, from) => {
     }
   };
   const Menu = (props) => {
@@ -12014,22 +12015,22 @@ var __publicField = (obj, key, value) => {
     }, []);
     const [showMenuItem, setShowMenuItem] = React.useState([]);
     const [menuItemTitle, setMenuItemTitle] = React.useState([]);
-    const toggleMenuItem = (index) => {
+    const toggleMenuItem = (index, from = "NORMAL") => {
       showMenuItem[index] = !showMenuItem[index];
       if (showMenuItem[index]) {
-        onOpen && onOpen(index);
+        onOpen && onOpen(index, from);
       } else {
-        onClose && onClose(index);
+        onClose && onClose(index, from);
       }
       const temp = showMenuItem.map(
         (i, idx) => idx === index ? i : false
       );
       setShowMenuItem([...temp]);
     };
-    const hideMenuItem = (index) => {
+    const hideMenuItem = (index, from = "NORMAL") => {
       showMenuItem[index] = false;
       setShowMenuItem([...showMenuItem]);
-      onClose && onClose(index);
+      onClose && onClose(index, from);
     };
     const updateTitle = (text, index) => {
       menuItemTitle[index] = text;
@@ -17480,7 +17481,7 @@ var __publicField = (obj, key, value) => {
       }
       return childs;
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$4, classes, className), ...rest }, renderElement());
   };
   Indicator.defaultProps = defaultProps$i;
   Indicator.displayName = "NutIndicator";
@@ -17504,6 +17505,7 @@ var __publicField = (obj, key, value) => {
       duration,
       direction,
       defaultValue,
+      onChange,
       ...rest
     } = {
       ...defaultProps$h,
@@ -17588,7 +17590,11 @@ var __publicField = (obj, key, value) => {
             autoplay: autoPlay,
             vertical: direction === "vertical",
             indicatorDots: false,
-            onChange: handleOnChange,
+            onChange: (e) => {
+              var _a;
+              handleOnChange(e);
+              (_a = props.onChange) == null ? void 0 : _a.call(props, e);
+            },
             style: {
               width: !width ? "100%" : `${width}px`,
               height: !height ? "150px" : `${height}px`
@@ -17657,7 +17663,9 @@ var __publicField = (obj, key, value) => {
     });
     const [showPop, setShowPop] = React.useState(visible);
     const [active, setActive] = React.useState(0);
-    const [maxNo] = React.useState((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+    const [maxNo, setMaxNo] = React.useState(
+      (images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0)
+    );
     const [store, setStore] = React.useState({
       scale: 1,
       moveable: false
@@ -17746,6 +17754,9 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       setActive(innerNo);
     }, [innerNo]);
+    React.useEffect(() => {
+      setMaxNo((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+    }, [images, videos]);
     const scaleNow = () => {
       if (ref.current) {
         ref.current.style.transform = `scale(${store.scale})`;
@@ -17762,7 +17773,7 @@ var __publicField = (obj, key, value) => {
     };
     const onCloseInner = () => {
       setShowPop(false);
-      setActive(1);
+      setActive(innerNo);
       scaleNow();
       onClose && onClose();
       setStore({

package/dist/packages/button/button.scss

@@ -14,7 +14,7 @@
   -webkit-appearance: none;
   user-select: none;
   touch-action: manipulation;
-
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
   color: $button-default-color;
   background: $button-default-bg-color;
   border: $button-border-width solid $button-default-border-color;

package/dist/packages/indicator/indicator.scss

@@ -1,4 +1,9 @@
 .nut-indicator {
+  display: flex;
+  width: auto;
+  flex-wrap: nowrap;
+  align-items: center;
+
   &__dot {
     margin: 0 $indicator-dot-margin;
 

package/dist/packages/input/input.scss

@@ -19,6 +19,7 @@
     width: 100%;
     color: $gray1;
     flex: 1;
+    background-color: transparent;
     padding: 0;
     border: 0;
     outline: 0 none;