@nutui/nutui-react-taro 2.0.10 → 2.0.11

package/dist/esm/{numberkeyboard.taro-c4fc80ed.js → numberkeyboard.taro-0ee2f055.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { RectDown } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-6ecef0f4.js";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -105,7 +105,7 @@ const NumberKeyboard = (props) => {
         "div",
         { className: `${classPrefix}__header` },
         React__default.createElement("h3", { className: `${classPrefix}__header__title` }, title),
-        type === "default" && React__default.createElement("span", { className: `${classPrefix}__header__close`, onClick: onClose }, locale.done)
+        type === "default" && React__default.createElement("span", { className: `${classPrefix}__header__close`, onClick: onConfirm }, locale.done)
       ),
       React__default.createElement(
         "div",

package/dist/esm/nutui-react.es.js

@@ -1,95 +1,96 @@
 import { B } from "./button.taro-25f559e1.js";
 import { C } from "./cell.taro-0a9f80bc.js";
 import { C as C2 } from "./cellgroup.taro-d2fad5e7.js";
-import { C as C3 } from "./configprovider.taro-974adb9a.js";
+import { C as C3 } from "./configprovider.taro-3a23ea84.js";
 import { I } from "./image.taro-a7ad2272.js";
 import { O } from "./overlay.taro-8f1e4912.js";
 import { C as C4 } from "./col.taro-23d5f6bd.js";
 import { D } from "./divider.taro-c61ab869.js";
-import { G } from "./grid.taro-1fdfe6eb.js";
-import { G as G2 } from "./griditem.taro-751fb091.js";
+import { G } from "./grid.taro-6f1b764c.js";
+import { G as G2 } from "./griditem.taro-0d03a061.js";
 import { L } from "./layout.taro-7711a89c.js";
 import { R } from "./row.taro-a71fbf76.js";
 import { S } from "./space.taro-a7e4ced4.js";
 import { S as S2 } from "./sticky.taro-2d78a04e.js";
 import { B as B2 } from "./backtop.taro-61b1eeaf.js";
 import { E } from "./elevator.taro-cdf3dba7.js";
-import { F } from "./fixednav.taro-579c4f66.js";
+import { F } from "./fixednav.taro-fa851179.js";
 import { N } from "./navbar.taro-23394f73.js";
 import { S as S3 } from "./sidenavbar.taro-1fb6115f.js";
 import { S as S4 } from "./sidenavbaritem.taro-69b0784d.js";
 import { S as S5 } from "./subsidenavbar.taro-797ce379.js";
-import { T } from "./tabbar.taro-3046d794.js";
-import { T as T2 } from "./tabbaritem.taro-fdaf7d3a.js";
+import { T } from "./tabbar.taro-ac4f72b9.js";
+import { T as T2 } from "./tabbaritem.taro-1d27af28.js";
 import { T as T3 } from "./tabpane.taro-d0eea168.js";
 import { T as T4 } from "./tabs.taro-eceaf324.js";
-import { A } from "./address.taro-477dd6df.js";
-import { C as C5 } from "./calendar.taro-cc40e611.js";
-import { C as C6 } from "./calendaritem.taro-a18d8bd4.js";
+import { A } from "./address.taro-99b90732.js";
+import { C as C5 } from "./calendar.taro-e980d2f0.js";
+import { C as C6 } from "./calendaritem.taro-9b37d00c.js";
 import { C as C7 } from "./cascader.taro-96449f5a.js";
 import { C as C8, a } from "./checkbox.taro-07d5c9d5.js";
-import { D as D2 } from "./datepicker.taro-8dd27172.js";
+import { D as D2 } from "./datepicker.taro-2d333eb7.js";
 import { F as F2 } from "./form.taro-16cb71e2.js";
 import { F as F3 } from "./formitem.taro-34af0204.js";
-import { I as I2 } from "./input.taro-fb8e7a49.js";
+import { I as I2 } from "./input.taro-abe6d65e.js";
 import { I as I3 } from "./inputnumber.taro-9c74cc1c.js";
 import { M } from "./menu.taro-7cab4e8c.js";
 import { M as M2 } from "./menuitem.taro-567bf91f.js";
-import { N as N2 } from "./numberkeyboard.taro-c4fc80ed.js";
-import { P } from "./picker.taro-7e4954f3.js";
+import { N as N2 } from "./numberkeyboard.taro-0ee2f055.js";
+import { P } from "./picker.taro-e387b0f3.js";
 import { R as R2, a as a2 } from "./radio.taro-802db0e9.js";
 import { R as R3 } from "./range.taro-70101605.js";
 import { R as R4 } from "./rate.taro-f090e140.js";
-import { S as S6 } from "./searchbar.taro-14821587.js";
-import { S as S7 } from "./shortpassword.taro-2533954b.js";
+import { S as S6 } from "./searchbar.taro-75cf9937.js";
+import { S as S7 } from "./shortpassword.taro-04749137.js";
 import { S as S8 } from "./signature.taro-3e0c2694.js";
-import { S as S9 } from "./switch.taro-bbdada9e.js";
-import { T as T5 } from "./textarea.taro-38d284c4.js";
-import { U } from "./uploader.taro-f834c8ff.js";
+import { S as S9 } from "./switch.taro-9c344336.js";
+import { T as T5 } from "./textarea.taro-115dc986.js";
+import { U } from "./uploader.taro-cdb38c18.js";
 import { A as A2 } from "./actionsheet.taro-b642975d.js";
 import { B as B3 } from "./badge.taro-289489e5.js";
-import { B as B4 } from "./dialog.taro-0a2dfa58.js";
+import { B as B4 } from "./dialog.taro-e9b5bc9d.js";
 import { D as D3 } from "./drag.taro-ce333e51.js";
-import { E as E2 } from "./empty.taro-bfe29449.js";
-import { I as I4 } from "./infiniteloading.taro-87006d3e.js";
+import { E as E2 } from "./empty.taro-cef66b01.js";
+import { I as I4 } from "./infiniteloading.taro-590cfd4f.js";
 import { L as L2 } from "./loading.taro-0799622f.js";
 import { N as N3 } from "./noticebar.taro-d95c13b6.js";
 import { N as N4 } from "./notify.taro-687d6f8c.js";
-import { P as P2 } from "./popover.taro-fbf1ba5e.js";
+import { P as P2 } from "./popover.taro-437724d4.js";
 import { P as P3 } from "./popup.taro-6ecef0f4.js";
-import { P as P4 } from "./pulltorefresh.taro-efb36521.js";
+import { P as P4 } from "./pulltorefresh.taro-2b4a48be.js";
 import { S as S10 } from "./skeleton.taro-51b91a1a.js";
 import { S as S11 } from "./swipe.taro-36f8782e.js";
 import { T as T6 } from "./toast.taro-9e5afd6d.js";
 import { A as A3 } from "./animate.taro-37bf4eab.js";
 import { default as default2 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-8398218d.js";
+import { A as A4 } from "./audio.taro-e85bb3b8.js";
 import { A as A5 } from "./avatar.taro-dd654a49.js";
 import { A as A6 } from "./avatargroup.taro-1f8b7174.js";
 import { C as C9 } from "./circleprogress.taro-417e1d3f.js";
 import { C as C10 } from "./collapse.taro-bd6b2bb3.js";
 import { C as C11 } from "./collapseitem.taro-e99fb1a2.js";
-import { C as C12 } from "./countdown.taro-43884964.js";
+import { C as C12 } from "./countdown.taro-80f2110b.js";
 import { E as E3 } from "./ellipsis.taro-21b13b31.js";
 import { I as I5 } from "./imagepreview.taro-0daf3f50.js";
 import { I as I6 } from "./indicator.taro-4ed0d6da.js";
-import { P as P5 } from "./pagination.taro-afc104ce.js";
+import { P as P5 } from "./pagination.taro-c2521fdf.js";
 import { P as P6 } from "./price.taro-0bd3f07a.js";
 import { P as P7 } from "./progress.taro-421575b9.js";
 import { S as S12 } from "./step.taro-dd522794.js";
 import { S as S13 } from "./steps.taro-0680ae4f.js";
 import { default as default3 } from "./Swiper.js";
 import { S as S14 } from "./swiperitem.taro-da39a67b.js";
-import { T as T7 } from "./table.taro-0254a4e5.js";
+import { T as T7 } from "./table.taro-48e8265e.js";
 import { T as T8 } from "./tag.taro-518b9c70.js";
+import { T as T9 } from "./tour.taro-105eadd5.js";
 import { V } from "./video.taro-672ca6b8.js";
 import { V as V2 } from "./virtuallist.taro-e552d954.js";
 import { B as B5 } from "./barrage.taro-d77c34b4.js";
 import { C as C13 } from "./card.taro-c0e9cfba.js";
-import { T as T9 } from "./timedetail.taro-958b8c07.js";
-import { T as T10 } from "./timeselect.taro-3f2aa90b.js";
-import { T as T11 } from "./trendarrow.taro-53d6e250.js";
-import { W } from "./watermark.taro-c269110c.js";
+import { T as T10 } from "./timedetail.taro-958b8c07.js";
+import { T as T11 } from "./timeselect.taro-57650920.js";
+import { T as T12 } from "./trendarrow.taro-53d6e250.js";
+import { W } from "./watermark.taro-cea2fceb.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -107,6 +108,7 @@ import "./use-touch-ff43512c.js";
 import "./index-e3184f19.js";
 import "react-dom";
 import "./context-ab42ba7f.js";
+import "./ConfigProvider.js";
 export {
   A2 as ActionSheet,
   A as Address,
@@ -194,10 +196,11 @@ export {
   T4 as Tabs,
   T8 as Tag,
   T5 as TextArea,
-  T9 as TimeDetail,
-  T10 as TimeSelect,
+  T10 as TimeDetail,
+  T11 as TimeSelect,
   T6 as Toast,
-  T11 as TrendArrow,
+  T9 as Tour,
+  T12 as TrendArrow,
   U as Uploader,
   V as Video,
   V2 as VirtualList,

package/dist/esm/{pagination.taro-afc104ce.js → pagination.taro-c2521fdf.js}

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{picker.taro-7e4954f3.js → picker.taro-e387b0f3.js}

@@ -6,7 +6,7 @@ import { P as Popup } from "./popup.taro-6ecef0f4.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
 import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 let passiveSupported = false;

package/dist/esm/{popover.taro-fbf1ba5e.js → popover.taro-437724d4.js}

@@ -10,6 +10,7 @@ const defaultProps = {
   location: "bottom",
   visible: false,
   offset: [0, 12],
+  arrowOffset: 0,
   targetId: "",
   className: "",
   showArrow: true,
@@ -25,7 +26,7 @@ const defaultProps = {
 };
 const classPrefix = `nut-popover`;
 const Popover = (props) => {
-  const { children, list, location, visible, offset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, style, onClick, onOpen, onClose, onSelect, ...rest } = {
+  const { children, list, location, visible, offset, targetId, overlay, closeOnOutsideClick, closeOnActionClick, className, showArrow, arrowOffset, style, onClick, onOpen, onClose, onSelect, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -149,6 +150,37 @@ const Popover = (props) => {
     }
     return styles;
   };
+  const popoverArrowStyle = () => {
+    const styles = {};
+    const direction = location.split("-")[0];
+    const skew = location.split("-")[1];
+    const base = 16;
+    if (props.arrowOffset !== 0) {
+      if (["bottom", "top"].includes(direction)) {
+        if (!skew) {
+          styles.left = `calc(50% + ${arrowOffset}px)`;
+        }
+        if (skew === "start") {
+          styles.left = `${base + arrowOffset}px`;
+        }
+        if (skew === "end") {
+          styles.right = `${base - arrowOffset}px`;
+        }
+      }
+      if (["left", "right"].includes(direction)) {
+        if (!skew) {
+          styles.top = `calc(50% - ${arrowOffset}px)`;
+        }
+        if (skew === "start") {
+          styles.top = `${base - arrowOffset}px`;
+        }
+        if (skew === "end") {
+          styles.bottom = `${base + arrowOffset}px`;
+        }
+      }
+    }
+    return styles;
+  };
   const handleSelect = (item, index) => {
     if (!item.disabled) {
       onSelect && onSelect(item, index);
@@ -178,7 +210,7 @@ const Popover = (props) => {
         React__default.createElement(
           "div",
           { className: "nut-popover-content-group", ref: popoverContentRef },
-          showArrow && React__default.createElement("div", { className: popoverArrow() }),
+          showArrow && React__default.createElement("div", { className: popoverArrow(), style: popoverArrowStyle() }),
           Array.isArray(children) ? children[1] : "",
           list.map((item, index) => {
             return React__default.createElement(
@@ -193,7 +225,7 @@ const Popover = (props) => {
           })
         )
       ),
-      showPopup && React__default.createElement("div", { className: "nut-popover-content-bg", onClick: clickAway, onTouchMove: clickAway })
+      showPopup && closeOnOutsideClick && React__default.createElement("div", { className: "nut-popover-content-bg", onClick: clickAway, onTouchMove: clickAway })
     )
   );
 };

package/dist/esm/{pulltorefresh.taro-efb36521.js → pulltorefresh.taro-2b4a48be.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 function bound(position, min, max) {

package/dist/esm/{searchbar.taro-14821587.js → searchbar.taro-75cf9937.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from "react";
 import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{shortpassword.taro-2533954b.js → shortpassword.taro-04749137.js}

@@ -2,7 +2,7 @@ import React__default, { useMemo, useEffect } from "react";
 import { Tips } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { P as Popup } from "./popup.taro-6ecef0f4.js";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 const defaultProps = {

package/dist/esm/{switch.taro-bbdada9e.js → switch.taro-9c344336.js}

@@ -8,7 +8,7 @@ const defaultProps = {
   inactiveText: ""
 };
 const Switch = (props) => {
-  const { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange } = {
+  const { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -28,7 +28,7 @@ const Switch = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classes(), onClick: (e) => onClick(e), style },
+    { className: classes(), onClick: (e) => onClick(e), style, ...rest },
     React__default.createElement(
       "div",
       { className: "switch-button" },

package/dist/esm/{tabbar.taro-3046d794.js → tabbar.taro-ac4f72b9.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-e8331e19.js";
-import { T as TabbarItem } from "./tabbaritem.taro-fdaf7d3a.js";
+import { T as TabbarItem } from "./tabbaritem.taro-1d27af28.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultValue: 0,

package/dist/esm/{tabbaritem.taro-fdaf7d3a.js → tabbaritem.taro-1d27af28.js}

@@ -15,7 +15,7 @@ const defaultProps = {
   right: "5"
 };
 const TabbarItem = (props) => {
-  const { className, style, title, icon, active, activeColor, inactiveColor, index, value, dot, max, top, right, handleClick } = {
+  const { className, style, title, icon, active, activeColor, inactiveColor, index, value, dot, max, top, right, handleClick, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -38,7 +38,7 @@ const TabbarItem = (props) => {
   return React__default.createElement("div", { className: tabbarItemClass, style: {
     color: active ? activeColor : inactiveColor,
     ...style
-  }, onClick: () => handleClick(index) }, icon ? React__default.createElement(
+  }, onClick: () => handleClick(index), ...rest }, icon ? React__default.createElement(
     React__default.Fragment,
     null,
     React__default.createElement(

package/dist/esm/{table.taro-0254a4e5.js → table.taro-48e8265e.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { DownArrow } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{textarea.taro-38d284c4.js → textarea.taro-115dc986.js}

@@ -2,7 +2,7 @@ import React__default, { useRef } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { Textarea } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 const defaultProps = {

package/dist/esm/{timeselect.taro-3f2aa90b.js → timeselect.taro-57650920.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { P as Popup } from "./popup.taro-6ecef0f4.js";
 import { T as TimeDetail } from "./timedetail.taro-958b8c07.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useConfig } from "./configprovider.taro-974adb9a.js";
+import { u as useConfig } from "./configprovider.taro-3a23ea84.js";
 const defaultProps = {
   ...ComponentDefaults,
   visible: false,

package/dist/esm/tour.taro-105eadd5.js

@@ -0,0 +1,184 @@
+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-437724d4.js";
+import Taro from "@tarojs/taro";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { useConfig } from "./ConfigProvider.js";
+const getTaroRectById = (id) => {
+  return new Promise((resolve, reject) => {
+    if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+      const t = document ? document.querySelector(`#${id}`) : "";
+      if (t) {
+        resolve(t == null ? void 0 : t.getBoundingClientRect());
+      }
+      reject();
+    } else {
+      const query = Taro.createSelectorQuery();
+      query.select(`#${id}`).boundingClientRect().exec(function(rect) {
+        if (rect[0]) {
+          resolve(rect[0]);
+        } else {
+          reject();
+        }
+      });
+    }
+  });
+};
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  type: "step",
+  location: "bottom",
+  mask: true,
+  maskWidth: "",
+  maskHeight: "",
+  offset: [8, 10],
+  title: "",
+  next: "",
+  prev: "",
+  complete: "",
+  showPrev: true,
+  closeOnOverlayClick: true
+};
+const classPrefix = "nut-tour";
+const Tour = (props) => {
+  const { locale } = useConfig();
+  const { children, className, title, closeOnOverlayClick, showPrev, list, type, location, visible, mask, maskWidth, maskHeight, offset, next, prev, complete, onClose, onChange, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const [showTour, setShowTour] = useState(false);
+  const [showPopup, setShowPopup] = useState(false);
+  const [active, setActive] = useState(0);
+  const [maskRect, setMaskRect] = useState({
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  });
+  const classes = classNames(className, classPrefix);
+  useEffect(() => {
+    if (visible) {
+      getRootPosition();
+    }
+    setActive(0);
+    setShowTour(visible);
+    setShowPopup(visible);
+  }, [visible]);
+  useEffect(() => {
+    if (visible) {
+      setShowPopup(true);
+      getRootPosition();
+    }
+  }, [active]);
+  const getRootPosition = () => {
+    getTaroRectById(list[active].target).then((rect) => {
+      console.log("rect", rect);
+      setMaskRect({
+        top: rect.top,
+        left: rect.left,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+      });
+    });
+  };
+  const maskStyle = () => {
+    const { width, height, left, top } = maskRect;
+    const center = [left + width / 2, top + height / 2];
+    const w = Number(maskWidth || width);
+    const h = Number(maskHeight || height);
+    const styles = {
+      width: `${w + +offset[1] * 2}px`,
+      height: `${h + +offset[0] * 2}px`,
+      top: `${center[1] - h / 2 - +offset[0]}px`,
+      left: `${center[0] - w / 2 - +offset[1]}px`
+    };
+    return styles;
+  };
+  const maskClose = (e) => {
+    setShowTour(false);
+    setShowPopup(false);
+    onClose && onClose(e);
+  };
+  const handleClickMask = (e) => {
+    closeOnOverlayClick && maskClose(e);
+  };
+  const changeStep = (type2) => {
+    if (type2 === "next") {
+      setActive(active + 1);
+      onChange && onChange(active + 1);
+    } else {
+      setActive(active - 1);
+      onChange && onChange(active - 1);
+    }
+    setShowPopup(false);
+  };
+  return React__default.createElement(
+    "div",
+    { className: classes, ...rest },
+    React__default.createElement("div", { className: "nut-tour-masked", style: { display: showTour ? "block" : "none" }, onClick: handleClickMask }),
+    list.map((item, index) => {
+      return React__default.createElement("div", { key: index, style: { height: 0 } }, index === active && React__default.createElement(
+        React__default.Fragment,
+        null,
+        showTour && React__default.createElement("div", { className: `${mask ? "nut-tour-mask" : "nut-tour-mask nut-tour-mask-none"}`, id: "nut-tour-popid", style: maskStyle() }),
+        React__default.createElement(
+          Popover,
+          { visible: showPopup, location: item.location || location, targetId: "nut-tour-popid", closeOnOutsideClick: false, offset: item.popoverOffset || [0, 12], arrowOffset: item.arrowOffset || 0 },
+          React__default.createElement(React__default.Fragment, null),
+          React__default.createElement(React__default.Fragment, null, children || React__default.createElement(
+            React__default.Fragment,
+            null,
+            type === "step" && React__default.createElement(
+              "div",
+              { className: "nut-tour-content" },
+              title && React__default.createElement(
+                "div",
+                { className: "nut-tour-content-top" },
+                React__default.createElement(
+                  "div",
+                  { onClick: (e) => maskClose(e) },
+                  React__default.createElement(Close, { className: "nut-tour-content-top-close" })
+                )
+              ),
+              React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content),
+              React__default.createElement(
+                "div",
+                { className: "nut-tour-content-bottom" },
+                React__default.createElement(
+                  "div",
+                  { className: "nut-tour-content-bottom-init" },
+                  active + 1,
+                  "/",
+                  list.length
+                ),
+                React__default.createElement(
+                  "div",
+                  { className: "nut-tour-content-bottom-operate" },
+                  active !== 0 && showPrev && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn", onClick: () => changeStep("prev") }, prev || locale.tour.prevStepText),
+                  list.length - 1 === active && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn active", onClick: (e) => maskClose(e) }, complete || locale.tour.completeText),
+                  list.length - 1 !== active && React__default.createElement("div", { className: "nut-tour-content-bottom-operate-btn active", onClick: () => changeStep("next") }, next || locale.tour.nextStepText)
+                )
+              )
+            ),
+            type === "tile" && React__default.createElement(
+              "div",
+              { className: "nut-tour-content nut-tour-content-tile" },
+              React__default.createElement("div", { className: "nut-tour-content-inner" }, item.content)
+            )
+          ))
+        )
+      ));
+    })
+  );
+};
+Tour.defaultProps = defaultProps;
+Tour.displayName = "NutTour";
+export {
+  Tour as T
+};

package/dist/esm/types/src/locales/base.d.ts

@@ -123,6 +123,11 @@ export interface BaseLang {
         refreshingText: string;
         completeText: string;
     };
+    tour: {
+        prevStepText: string;
+        completeText: string;
+        nextStepText: string;
+    };
     watermark: {
         errorCanvasTips: string;
     };