@nutui/nutui-react 2.0.18 → 2.0.19-beta.1

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.18 Wed Sep 20 2023 15:07:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.19-beta.1 Tue Sep 26 2023 19:08:13 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17389,7 +17389,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [showPopup]);
     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) => {
@@ -17431,10 +17432,12 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     React.useEffect(() => {
-      scrollParent == null ? void 0 : scrollParent.addEventListener("scroll", getParentOffset, false);
-      return () => {
-        scrollParent == null ? void 0 : scrollParent.removeEventListener("scroll", getParentOffset, false);
-      };
+      if (!parent.lockScroll) {
+        scrollParent == null ? void 0 : scrollParent.addEventListener("scroll", getParentOffset, false);
+        return () => {
+          scrollParent == null ? void 0 : scrollParent.removeEventListener("scroll", getParentOffset, false);
+        };
+      }
     }, []);
     const getPosition = () => {
       return direction === "down" ? {
@@ -17476,7 +17479,7 @@ Please add \`${key}Action\` when creating your handler.`);
           visible: showPopup,
           closeOnOverlayClick: parent.closeOnOverlayClick,
           onClick: () => {
-            parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+            parent.closeOnOverlayClick && parent.hideMenuItem(index);
           }
         }
       ) : null,
@@ -17547,9 +17550,9 @@ Please add \`${key}Action\` when creating your handler.`);
     lockScroll: true,
     overlay: true,
     icon: null,
-    onOpen: (index) => {
+    onOpen: (index, from) => {
     },
-    onClose: (index) => {
+    onClose: (index, from) => {
     }
   };
   const Menu = (props) => {
@@ -17588,22 +17591,22 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     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;
@@ -23192,7 +23195,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return childs;
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$2, classes, className), ...rest }, renderElement());
   };
   Indicator.defaultProps = defaultProps$h;
   Indicator.displayName = "NutIndicator";
@@ -23692,7 +23695,9 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     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
@@ -23781,6 +23786,9 @@ Please add \`${key}Action\` when creating your handler.`);
     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})`;
@@ -23797,7 +23805,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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;