@nutui/nutui-react-taro 2.4.2 → 2.5.1

package/dist/esm/{popover.taro-BsOaXoWp.js → popover.taro-BG0msyw5.js}

@@ -5,12 +5,14 @@ import Taro, { createSelectorQuery } from "@tarojs/taro";
 import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
 import { a as getRect, g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { list: [], theme: "light", location: "bottom", visible: false, offset: [0, 12], arrowOffset: 0, targetId: "", className: "", showArrow: true, closeOnOutsideClick: true, closeOnActionClick: true, overlay: false, onClick: () => {
 }, onOpen: () => {
 }, onClose: () => {
 } });
 const classPrefix = `nut-popover`;
 const Popover = (props) => {
+  const rtl = useRtl();
   const _a = Object.assign(Object.assign({}, defaultProps), props), { children, list, theme, location, visible, offset, arrowOffset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, style, onClick, onOpen, onClose, onSelect } = _a, rest = __rest(_a, ["children", "list", "theme", "location", "visible", "offset", "arrowOffset", "targetId", "overlay", "closeOnOutsideClick", "closeOnActionClick", "className", "showArrow", "style", "onClick", "onOpen", "onClose", "onSelect"]);
   const popoverRef = useRef(null);
   const popoverContentRef = useRef(null);
@@ -42,9 +44,9 @@ const Popover = (props) => {
       setRootPosition({
         width: rect.width,
         height: rect.height,
-        left: rect.left,
+        left: rtl ? rect.right : rect.left,
         top: rect.top + distance,
-        right: rect.right
+        right: rtl ? rect.left : rect.right
       });
     })).exec();
     setTimeout(() => {
@@ -95,15 +97,17 @@ const Popover = (props) => {
     let cross = 0;
     let parallel = 0;
     if (Array.isArray(offset) && offset.length === 2) {
+      const rtloffset = rtl ? -offset[0] : offset[0];
       cross += +offset[1];
-      parallel += +offset[0];
+      parallel += +rtloffset;
     }
     if (width) {
+      const dir = rtl ? "right" : "left";
       if (["bottom", "top"].includes(direction)) {
         const h = direction === "bottom" ? height + cross : -(contentHeight + cross);
         styles.top = `${top + h}px`;
         if (!skew) {
-          styles.left = `${-(contentWidth - width) / 2 + left + parallel}px`;
+          styles[dir] = `${-(contentWidth - width) / 2 + rootPosition[dir] + parallel}px`;
         }
         if (skew === "start") {
           styles.left = `${left + parallel}px`;
@@ -139,15 +143,17 @@ const Popover = (props) => {
     const skew = location.split("-")[1];
     const base = 16;
     if (props.arrowOffset !== 0) {
+      const dir = rtl ? "right" : "left";
+      const dir2 = rtl ? "left" : "right";
       if (["bottom", "top"].includes(direction)) {
         if (!skew) {
-          styles.left = `calc(50% + ${arrowOffset}px)`;
+          styles[dir] = `calc(50% + ${arrowOffset}px)`;
         }
         if (skew === "start") {
-          styles.left = `${base + arrowOffset}px`;
+          styles[dir] = `${base + arrowOffset}px`;
         }
         if (skew === "end") {
-          styles.right = `${base - arrowOffset}px`;
+          styles[dir2] = `${base - arrowOffset}px`;
         }
       }
       if (["left", "right"].includes(direction)) {
@@ -165,12 +171,13 @@ const Popover = (props) => {
     return styles;
   };
   const handleSelect = (item, index) => {
+    var _a2;
     if (!item.disabled) {
-      onSelect && onSelect(item, index);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, index);
     }
     if (closeOnActionClick) {
-      props.onClick && props.onClick();
-      onClose && onClose();
+      (_a2 = props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+      onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   };
   return React__default.createElement(

package/dist/esm/progress.taro-rjiPI6mD.js

@@ -0,0 +1,120 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useState, useEffect, useRef } from "react";
+import classNames from "classnames";
+import Taro from "@tarojs/taro";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
+import { u as useUuid } from "./use-uuid-BvqmbYZ7.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { percent: 0, showText: false, animated: false, lazy: false, delay: 0 });
+const Progress = (props) => {
+  const rtl = useRtl();
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, percent, background, color, strokeWidth, showText, animated, children, lazy, delay } = _a, rest = __rest(_a, ["className", "style", "percent", "background", "color", "strokeWidth", "showText", "animated", "children", "lazy", "delay"]);
+  const classPrefix = "nut-progress";
+  const classesInner = classNames({
+    [`${classPrefix}-inner`]: true,
+    [`${classPrefix}-active`]: animated
+  });
+  const stylesOuter = {
+    height: `${strokeWidth}px`,
+    background
+  };
+  const [displayPercent, setDispalyPercent] = useState(0);
+  const stylesInner = {
+    width: `${displayPercent}%`,
+    background: color
+  };
+  const handlePercent = () => {
+    let timer = null;
+    if (delay) {
+      setDispalyPercent(0);
+      timer = setTimeout(() => {
+        setDispalyPercent(percent);
+      }, delay);
+    }
+    return () => {
+      lazy && resetObserver(Taro.getEnv());
+      timer && clearTimeout(timer);
+    };
+  };
+  useEffect(() => {
+    setDispalyPercent(percent);
+  }, [percent]);
+  const [intersecting, setIntersecting] = useState(false);
+  const progressRef = useRef(null);
+  const webObserver = useRef(null);
+  const uuid = useUuid();
+  const selector = `${classPrefix}-lazy-${uuid}`;
+  const resetObserver = (env, observer = null) => {
+    if (env === "WEB") {
+      webObserver.current.disconnect && webObserver.current.disconnect();
+    } else {
+      observer && observer.disconnect();
+    }
+  };
+  useEffect(() => {
+    if (lazy) {
+      setTimeout(() => {
+        if (intersecting) {
+          setDispalyPercent(percent);
+        } else {
+          setDispalyPercent(0.01);
+        }
+      }, delay);
+    }
+  }, [intersecting]);
+  const handleWebObserver = () => {
+    if (lazy) {
+      webObserver.current = new IntersectionObserver((entires, self) => {
+        entires.forEach((item) => {
+          setIntersecting(item.isIntersecting);
+        });
+      }, {
+        threshold: [0],
+        rootMargin: "0px"
+      });
+      webObserver.current.observe(progressRef.current);
+    }
+    handlePercent();
+  };
+  const handleOtherObserver = () => {
+    let observer = null;
+    if (lazy) {
+      observer = Taro.createIntersectionObserver(Taro.getCurrentInstance().page, {
+        thresholds: [0],
+        observeAll: true
+      });
+      observer.relativeToViewport({ top: 0 }).observe(`#${selector}`, (res) => {
+        setIntersecting(res.intersectionRatio > 0);
+      });
+    }
+    handlePercent();
+  };
+  useEffect(() => {
+    if (Taro.getEnv() === "WEB") {
+      handleWebObserver();
+    } else {
+      handleOtherObserver();
+    }
+  }, []);
+  return React__default.createElement(
+    "div",
+    Object.assign({ ref: progressRef, id: selector, className: classNames(classPrefix, className), style }, rest),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-outer`, style: stylesOuter },
+      React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && React__default.createElement("div", { className: `${classPrefix}-text`, style: rtl ? { right: `${displayPercent}%` } : { left: `${displayPercent}%` } }, children || React__default.createElement(
+        "div",
+        { className: `${classPrefix}-text-inner`, style: {
+          background: color
+        } },
+        percent,
+        "%"
+      )))
+    )
+  );
+};
+Progress.defaultProps = defaultProps;
+Progress.displayName = "NutProgress";
+export {
+  Progress as P
+};

package/dist/esm/{tabs.taro-BxPmx5n5.js → tabs.taro-A7pOK9IM.js}

@@ -1,5 +1,5 @@
 import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useRef, useState, useEffect } from "react";
+import React__default, { useState, useRef, useEffect } from "react";
 import { View, ScrollView } from "@tarojs/components";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
@@ -9,22 +9,8 @@ import { T as TabPane } from "./tabpane.taro-BAe86j3t.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useForceUpdate } from "./use-force-update-CudFjCsy.js";
 import { r as requestAniFrame } from "./raf-zwv-SBjP.js";
+import { u as useUuid } from "./use-uuid-BvqmbYZ7.js";
 import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
-const idCounter = {};
-function uniqueId(prefix = "$nut$") {
-  if (!idCounter[prefix]) {
-    idCounter[prefix] = 0;
-  }
-  const id = ++idCounter[prefix];
-  if (prefix === "$nut$") {
-    return `${id}`;
-  }
-  return `${prefix}${id}`;
-}
-function useUuid() {
-  const idRef = useRef(uniqueId());
-  return idRef.current;
-}
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabStyle: {}, activeColor: "", direction: "horizontal", activeType: "line", duration: 300, autoHeight: false });
 const classPrefix = "nut-tabs";
 const Tabs = (props) => {
@@ -129,12 +115,10 @@ const Tabs = (props) => {
           return;
         let to = 0;
         if (props.direction === "vertical") {
-          const DEFAULT_PADDING = 11;
-          const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, DEFAULT_PADDING);
+          const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, 0);
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
-          const DEFAULT_PADDING = 20;
-          const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
+          const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
           to = left - (navRectRef.current.width - titleRect.width) / 2;
           to = rtl ? -to : to;
         }

package/dist/esm/{tag.taro-BsmY5QfN.js → tag.taro-rKMK0jan.js}

@@ -1,4 +1,5 @@
 import React__default, { useState } from "react";
+import { View } from "@tarojs/components";
 import { Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
@@ -39,7 +40,7 @@ const Tag = (props) => {
     "div",
     { className: classes, style: Object.assign(Object.assign({}, style), getStyle()), onClick: (e) => handleClick(e) },
     children && React__default.createElement("span", { className: `${classPrefix}-text` }, children),
-    React__default.isValidElement(closeIcon) ? React__default.createElement("i", { className: `${classPrefix}-custom-icon`, onClick: (e) => {
+    React__default.isValidElement(closeIcon) ? React__default.createElement(View, { className: `${classPrefix}-custom-icon`, onClick: (e) => {
       setVisible(false);
       onClose && onClose(e);
     } }, closeIcon) : React__default.createElement(Close, { size: 8, onClick: (e) => {

package/dist/esm/{tour.taro-wfXuUebD.js → tour.taro-BqlNfxdD.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect } from "react";
 import { Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { P as Popover } from "./popover.taro-BsOaXoWp.js";
+import { P as Popover } from "./popover.taro-BG0msyw5.js";
 import Taro, { createSelectorQuery } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { useConfig } from "./ConfigProvider.js";

package/dist/esm/{uploader.taro-Bs-cboSU.js → uploader.taro-DMmTl0Cp.js}

@@ -9,7 +9,7 @@ import { a as isPromise } from "./index-DeNfBlua.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { Image } from "@tarojs/components";
-import { P as Progress } from "./progress.taro-BOHykt7X.js";
+import { P as Progress } from "./progress.taro-rjiPI6mD.js";
 class UploadOptions {
   constructor() {
     this.url = "";

package/dist/esm/use-uuid-BvqmbYZ7.js

@@ -0,0 +1,19 @@
+import { useRef } from "react";
+const idCounter = {};
+function uniqueId(prefix = "$nut$") {
+  if (!idCounter[prefix]) {
+    idCounter[prefix] = 0;
+  }
+  const id = ++idCounter[prefix];
+  if (prefix === "$nut$") {
+    return `${id}`;
+  }
+  return `${prefix}${id}`;
+}
+function useUuid() {
+  const idRef = useRef(uniqueId());
+  return idRef.current;
+}
+export {
+  useUuid as u
+};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 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.4.2 Wed Mar 20 2024 20:02:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.5.1 Fri Mar 29 2024 16:12:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */