@nutui/nutui-react-taro 2.0.21 → 2.0.22-beta.0

package/dist/esm/{tabs.taro-3ece2221.js → tabs.taro-f4239f2d.js}

@@ -5,7 +5,7 @@ import { JoySmile } from "@nutui/icons-react-taro";
 import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { T as TabPane } from "./tabpane.taro-d0eea168.js";
-import { u as usePropsValue } from "./use-props-value-c78cbf9b.js";
+import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { u as useForceUpdate } from "./use-force-update-9cd7c164.js";
 import { r as requestAniFrame } from "./raf-a9ff50ad.js";
 const defaultProps = {
@@ -84,24 +84,24 @@ const Tabs = (props) => {
   };
   const getAllRect = (selector) => {
     return new Promise((resolve) => {
-      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => resolve(rect[0]));
+      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => {
+        resolve(rect[0]);
+      });
     });
   };
   const scrollWithAnimation = useRef(false);
   const navRectRef = useRef();
   const titleRectRef = useRef([]);
-  const canShowLabel = useRef(false);
-  const scrollLeft = useRef(0);
-  const scrollTop = useRef(0);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const [scrollTop, setScrollTop] = useState(0);
   const scrollDirection = (to, direction2) => {
     let count = 0;
-    const from = direction2 === "horizontal" ? scrollLeft.current : scrollTop.current;
     const frames = 1;
     function animate() {
       if (direction2 === "horizontal") {
-        scrollLeft.current += (to - from) / frames;
+        setScrollLeft(to);
       } else {
-        scrollTop.current += (to - from) / frames;
+        setScrollTop(to);
       }
       if (++count < frames) {
         requestAniFrame(animate);
@@ -114,37 +114,20 @@ const Tabs = (props) => {
       return;
     requestAniFrame(() => {
       Promise.all([
-        getRect(`#nut-tabs__titles_${name}`),
+        getRect(`#nut-tabs__titles_${name} .nut-tabs__list`),
         getAllRect(`#nut-tabs__titles_${name} .nut-tabs__titles-item`)
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
-        if (navRectRef.current) {
-          if (props.direction === "vertical") {
-            const titlesTotalHeight = titleRects.reduce((prev, curr) => prev + curr.height, 0);
-            if (titlesTotalHeight > navRectRef.current.height) {
-              canShowLabel.current = true;
-            } else {
-              canShowLabel.current = false;
-            }
-          } else {
-            const titlesTotalWidth = titleRects.reduce((prev, curr) => prev + curr.width, 0);
-            if (titlesTotalWidth > navRectRef.current.width) {
-              canShowLabel.current = true;
-            } else {
-              canShowLabel.current = false;
-            }
-          }
-        }
         const titleRect = titleRectRef.current[value];
         let to = 0;
         if (props.direction === "vertical") {
           const DEFAULT_PADDING = 11;
-          const top = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.height + 0, DEFAULT_PADDING);
+          const top = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.height, DEFAULT_PADDING);
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
-          const DEFAULT_PADDING = 31;
-          const left = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.width + 20, DEFAULT_PADDING);
+          const DEFAULT_PADDING = 20;
+          const left = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
           to = left - (navRectRef.current.width - titleRect.width) / 2;
         }
         nextTick(() => {
@@ -154,15 +137,12 @@ const Tabs = (props) => {
       });
     });
   };
-  const scrollIntoRef = useRef(0);
   useEffect(() => {
     const index = titles.current.findIndex((t) => t.value === value);
     setContentStyle({
       transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     });
-    const scrollToIndex = index - 2;
-    scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
     scrollIntoView();
   }, [value]);
   const tabChange = (item, index) => {
@@ -177,22 +157,8 @@ const Tabs = (props) => {
     { className: classes, ...rest },
     React__default.createElement(
       ScrollView,
-      {
-        enableFlex: true,
-        scrollX: direction === "horizontal",
-        scrollY: direction === "vertical",
-        scrollLeft: scrollLeft.current,
-        scrollTop: scrollTop.current,
-        showScrollbar: false,
-        scrollIntoViewAlignment: "center",
-        scrollWithAnimation: scrollWithAnimation.current,
-        // scrollIntoView={`scrollIntoView${scrollIntoRef.current}`}
-        id: `nut-tabs__titles_${name}`,
-        className: classesTitle,
-        style: { ...tabStyle },
-        ref: navRef
-      },
-      React__default.createElement(View, { className: "nut-tabs__list" }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs__titles_${name}`, className: classesTitle, style: { ...tabStyle } },
+      React__default.createElement(View, { className: "nut-tabs__list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return React__default.createElement(
           View,
           { ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, onClick: (e) => {

package/dist/esm/{textarea.taro-6ebe789c.js → textarea.taro-d1c63f86.js}

@@ -4,7 +4,7 @@ import Taro from "@tarojs/taro";
 import { Textarea } from "@tarojs/components";
 import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-c78cbf9b.js";
+import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultValue: "",

package/dist/esm/{toast.taro-50ee73e6.js → toast.taro-3bdf6d67.js}

@@ -4,7 +4,7 @@ import { Success, Failure, Tips, Loading } from "@nutui/icons-react-taro";
 import { O as Overlay } from "./overlay.taro-626840fc.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as useParams, a as useCustomEvent, b as useCustomEventsPath, c as customEvents } from "./use-custom-event-bb9c7f2e.js";
-import { u as usePropsValue } from "./use-props-value-c78cbf9b.js";
+import { u as usePropsValue } from "./use-props-value-7637d900.js";
 const defaultProps = {
   ...ComponentDefaults,
   id: "",

package/dist/esm/types/src/packages/image/demo.taro.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import '@/packages/image/demo.scss';
 declare const ImageDemo: () => JSX.Element;
 export default ImageDemo;

package/dist/esm/types/src/utils/use-props-value.d.ts

@@ -4,5 +4,5 @@ interface UsePropsValue<T> {
     finalValue?: T;
     onChange?: (value: T) => void;
 }
-export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): [value: T, onChange: (value: T) => void];
+export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): readonly [T, (v: T, forceTrigger?: boolean) => void];
 export {};

package/dist/esm/{uploader.taro-69af92c4.js → uploader.taro-aa39a03f.js}

@@ -12,7 +12,7 @@ import { B as Button } from "./button.taro-25f559e1.js";
 import { u as useConfig } from "./configprovider.taro-c5ff4877.js";
 import { i as isPromise } from "./index-e3184f19.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-c78cbf9b.js";
+import { u as usePropsValue } from "./use-props-value-7637d900.js";
 import { Image } from "@tarojs/components";
 import { P as Progress } from "./progress.taro-421575b9.js";
 class UploadOptions {

package/dist/esm/{use-props-value-c78cbf9b.js → use-props-value-7637d900.js}

@@ -8,13 +8,13 @@ function usePropsValue({ value, defaultValue, finalValue, onChange = (value2) =>
   if (value !== void 0) {
     stateRef.current = value;
   }
-  const setState = useCallback((v) => {
+  const setState = useCallback((v, forceTrigger = false) => {
     const prevState = stateRef.current;
     stateRef.current = v;
-    if (prevState !== stateRef.current) {
+    if (prevState !== stateRef.current || forceTrigger) {
       forceUpdate();
+      onChange == null ? void 0 : onChange(v);
     }
-    onChange == null ? void 0 : onChange(v);
   }, [value, onChange]);
   return [stateRef.current, setState];
 }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 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-taro v2.0.21 Wed Oct 18 2023 17:57:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:02:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.21 Wed Oct 18 2023 17:56:58 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:00:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3261,7 +3261,7 @@ const Image$1 = (props) => {
   };
   const containerStyle = {
     // eslint-disable-next-line no-nested-ternary
-    height: height ? pxCheck(height) : Taro.getEnv() === "WEB" ? "" : "100px",
+    height: height ? pxCheck(height) : Taro.getEnv() === "WEB" ? "" : "100%",
     // eslint-disable-next-line no-nested-ternary
     width: width ? pxCheck(width) : Taro.getEnv() === "WEB" ? "" : "100%",
     overflow: radius !== void 0 && radius !== null ? "hidden" : "",
@@ -6432,13 +6432,13 @@ function usePropsValue({
     stateRef.current = value;
   }
   const setState = useCallback(
-    (v) => {
+    (v, forceTrigger = false) => {
       const prevState = stateRef.current;
       stateRef.current = v;
-      if (prevState !== stateRef.current) {
+      if (prevState !== stateRef.current || forceTrigger) {
         forceUpdate();
+        onChange == null ? void 0 : onChange(v);
       }
-      onChange == null ? void 0 : onChange(v);
     },
     [value, onChange]
   );
@@ -6736,24 +6736,24 @@ const Tabs = (props) => {
   };
   const getAllRect = (selector) => {
     return new Promise((resolve) => {
-      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => resolve(rect[0]));
+      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => {
+        resolve(rect[0]);
+      });
     });
   };
   const scrollWithAnimation = useRef(false);
   const navRectRef = useRef();
   const titleRectRef = useRef([]);
-  const canShowLabel = useRef(false);
-  const scrollLeft = useRef(0);
-  const scrollTop = useRef(0);
+  const [scrollLeft, setScrollLeft] = useState(0);
+  const [scrollTop, setScrollTop] = useState(0);
   const scrollDirection = (to, direction2) => {
     let count = 0;
-    const from = direction2 === "horizontal" ? scrollLeft.current : scrollTop.current;
     const frames = 1;
     function animate() {
       if (direction2 === "horizontal") {
-        scrollLeft.current += (to - from) / frames;
+        setScrollLeft(to);
       } else {
-        scrollTop.current += (to - from) / frames;
+        setScrollTop(to);
       }
       if (++count < frames) {
         requestAniFrame$1(animate);
@@ -6766,47 +6766,24 @@ const Tabs = (props) => {
       return;
     requestAniFrame$1(() => {
       Promise.all([
-        getRect2(`#nut-tabs__titles_${name}`),
+        getRect2(`#nut-tabs__titles_${name} .nut-tabs__list`),
         getAllRect(`#nut-tabs__titles_${name} .nut-tabs__titles-item`)
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
-        if (navRectRef.current) {
-          if (props.direction === "vertical") {
-            const titlesTotalHeight = titleRects.reduce(
-              (prev, curr) => prev + curr.height,
-              0
-            );
-            if (titlesTotalHeight > navRectRef.current.height) {
-              canShowLabel.current = true;
-            } else {
-              canShowLabel.current = false;
-            }
-          } else {
-            const titlesTotalWidth = titleRects.reduce(
-              (prev, curr) => prev + curr.width,
-              0
-            );
-            if (titlesTotalWidth > navRectRef.current.width) {
-              canShowLabel.current = true;
-            } else {
-              canShowLabel.current = false;
-            }
-          }
-        }
         const titleRect = titleRectRef.current[value];
         let to = 0;
         if (props.direction === "vertical") {
           const DEFAULT_PADDING = 11;
           const top = titleRects.slice(0, value).reduce(
-            (prev, curr) => prev + curr.height + 0,
+            (prev, curr) => prev + curr.height,
             DEFAULT_PADDING
           );
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
-          const DEFAULT_PADDING = 31;
+          const DEFAULT_PADDING = 20;
           const left = titleRects.slice(0, value).reduce(
-            (prev, curr) => prev + curr.width + 20,
+            (prev, curr) => prev + curr.width,
             DEFAULT_PADDING
           );
           to = left - (navRectRef.current.width - titleRect.width) / 2;
@@ -6818,15 +6795,12 @@ const Tabs = (props) => {
       });
     });
   };
-  const scrollIntoRef = useRef(0);
   useEffect(() => {
     const index = titles.current.findIndex((t) => t.value === value);
     setContentStyle({
       transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     });
-    const scrollToIndex = index - 2;
-    scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
     scrollIntoView();
   }, [value]);
   const tabChange = (item, index) => {
@@ -6842,17 +6816,15 @@ const Tabs = (props) => {
       enableFlex: true,
       scrollX: direction === "horizontal",
       scrollY: direction === "vertical",
-      scrollLeft: scrollLeft.current,
-      scrollTop: scrollTop.current,
+      scrollLeft,
+      scrollTop,
       showScrollbar: false,
-      scrollIntoViewAlignment: "center",
       scrollWithAnimation: scrollWithAnimation.current,
       id: `nut-tabs__titles_${name}`,
       className: classesTitle,
-      style: { ...tabStyle },
-      ref: navRef
+      style: { ...tabStyle }
     },
-    /* @__PURE__ */ React__default.createElement(View, { className: "nut-tabs__list" }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+    /* @__PURE__ */ React__default.createElement(View, { className: "nut-tabs__list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
       return /* @__PURE__ */ React__default.createElement(
         View,
         {
@@ -11408,7 +11380,7 @@ const Input = forwardRef(
       }
       setValue(val);
       const eventHandler = props[trigger];
-      if (eventHandler && typeof eventHandler === "function") {
+      if (eventHandler && typeof eventHandler === "function" && trigger !== "onChange") {
         eventHandler(val);
       }
       forceUpdate();
@@ -14266,7 +14238,7 @@ const defaultProps$F = {
   lockScroll: true,
   beforeCancel: () => true,
   beforeClose: () => true,
-  onOverlayClick: () => void 0
+  onOverlayClick: () => true
 };
 const BaseDialog = (props) => {
   const classPrefix2 = "nut-dialog";
@@ -14752,7 +14724,7 @@ const defaultProps$A = {
   content: "",
   closeable: false,
   wrap: false,
-  leftIcon: null,
+  leftIcon: /* @__PURE__ */ React__default.createElement(a$b, { size: 16 }),
   rightIcon: null,
   delay: 1,
   scrollable: null,
@@ -15085,7 +15057,7 @@ const NoticeBar = (props) => {
       stopAutoPlay();
     };
   }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, /* @__PURE__ */ React__default.createElement("div", { className: "left-icon" }, leftIcon || /* @__PURE__ */ React__default.createElement(a$b, { size: 16 })), /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "wrap" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "wrap" }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ref: contentRef,
@@ -15929,9 +15901,9 @@ const Swipe = forwardRef((props, instanceRef) => {
       return;
     }
     touch.move(event);
-    props.onTouchMove && props.onTouchMove(event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
+      props.onTouchMove && props.onTouchMove(event);
       const newState = { ...state, dragging: true };
       const isEdge = !opened || touch.deltaX * startOffset.current < 0;
       if (isEdge) {
@@ -16040,8 +16012,7 @@ const Swipe = forwardRef((props, instanceRef) => {
       onTouchStart: (e) => onTouchStart(e),
       onTouchMove: (e) => onTouchMove(e),
       onTouchEnd: (e) => onTouchEnd(e),
-      style,
-      catchMove: true
+      style
     },
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__wrapper`, style: wrapperStyle }, renderActionContent("left"), children, renderActionContent("right"))
   );
@@ -17860,9 +17831,7 @@ const ImagePreview = (props) => {
                 {
                   src: item.src,
                   mode: "aspectFit",
-                  showMenuByLongpress: true,
-                  width: "100%",
-                  height: "100%"
+                  showMenuByLongpress: true
                 }
               )
             );