@nutui/nutui-react-taro 2.0.0-alpha.14 → 2.0.0-alpha.16

package/dist/esm/{menuitem.taro-6aa35a00.js → menuitem.taro-7f8c12cf.js}

@@ -69,29 +69,32 @@ const MenuItem = forwardRef((props, ref) => {
     return { display: "none" };
   };
   const getPosition = () => {
-    return direction === "down" ? { top: `${position.top + position.height}px` } : {
-      bottom: `${getSystemInfoSync().windowHeight - position.top}px`,
-      top: "auto"
+    return direction === "down" ? { position: "absolute", height: `${window.innerHeight}px` } : {
+      position: "absolute",
+      bottom: "100%",
+      top: "auto",
+      height: `${window.innerHeight}px`
     };
   };
   const placeholderStyle = () => {
     if (direction === "down") {
       return {
         height: `${position.top + position.height}px`,
-        top: 0,
+        top: "auto",
+        bottom: "-100%",
         ...isShow()
       };
     }
     return {
       height: `${getSystemInfoSync().windowHeight - position.top}px`,
-      bottom: `0px`,
-      top: "auto",
+      bottom: `auto`,
+      top: "0",
       ...isShow()
     };
   };
   return React.createElement(
-    React.Fragment,
-    null,
+    "div",
+    { className: "nut-menu-item-container", style: { position: "absolute", left: 0, right: 0 } },
     closeOnClickAway ? React.createElement("div", { className: `placeholder-element ${classNames({
       up: direction === "up"
     })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) }) : null,

package/dist/esm/{noticebar.taro-8d496dd6.js → noticebar.taro-dc895cc5.js}

@@ -314,7 +314,7 @@ const NoticeBar = (props) => {
     "nut-noticebar-page": true,
     withicon: closeable,
     close: closeable,
-    wrap
+    wrapable: wrap
   });
   useEffect(() => {
     return () => {

package/dist/esm/{numberkeyboard.taro-ad8afaf9.js → numberkeyboard.taro-18879f04.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-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

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

@@ -1,19 +1,19 @@
 import { B } from "./button.taro-01eae688.js";
 import { C } from "./cell.taro-4e31d1fa.js";
 import { C as C2 } from "./cellgroup.taro-a790d91b.js";
-import { C as C3 } from "./configprovider.taro-25758d9f.js";
-import { I } from "./image.taro-767aa000.js";
+import { C as C3 } from "./configprovider.taro-372b1525.js";
+import { I } from "./image.taro-fde6e649.js";
 import { O } from "./overlay.taro-75012bd3.js";
 import { C as C4 } from "./col.taro-d6a46a7d.js";
 import { D } from "./divider.taro-0cb5f894.js";
-import { G } from "./grid.taro-fbbd8618.js";
-import { G as G2 } from "./griditem.taro-b0c37077.js";
+import { G } from "./grid.taro-9b63aca5.js";
+import { G as G2 } from "./griditem.taro-48971911.js";
 import { L } from "./layout.taro-9659a928.js";
 import { R } from "./row.taro-8b7febd4.js";
 import { S } from "./sticky.taro-6bc62a96.js";
 import { B as B2 } from "./backtop.taro-7de36464.js";
 import { E } from "./elevator.taro-df8fde9d.js";
-import { F } from "./fixednav.taro-b9ecf0d5.js";
+import { F } from "./fixednav.taro-6c69ad79.js";
 import { N } from "./navbar.taro-5e1a0835.js";
 import { S as S2 } from "./sidenavbar.taro-1aefdd3c.js";
 import { S as S3 } from "./sidenavbaritem.taro-7d805f92.js";
@@ -22,73 +22,72 @@ import { T } from "./tabbar.taro-18eee41f.js";
 import { T as T2 } from "./tabbaritem.taro-89646ca1.js";
 import { T as T3 } from "./tabpane.taro-f8d92ece.js";
 import { T as T4 } from "./tabs.taro-66164782.js";
-import { A } from "./address.taro-1a8ab3f1.js";
-import { C as C5 } from "./calendar.taro-10a6cb11.js";
-import { C as C6 } from "./calendaritem.taro-3e5f114e.js";
+import { A } from "./address.taro-cc879a1d.js";
+import { C as C5 } from "./calendar.taro-02195ddb.js";
+import { C as C6 } from "./calendaritem.taro-4230e5c4.js";
 import { C as C7 } from "./cascader.taro-fb7a0230.js";
 import { C as C8, a } from "./checkbox.taro-303276d7.js";
-import { D as D2 } from "./datepicker.taro-6304d59d.js";
+import { D as D2 } from "./datepicker.taro-b480d072.js";
 import { F as F2 } from "./form.taro-b06754e8.js";
 import { F as F3 } from "./formitem.taro-b326809d.js";
-import { I as I2 } from "./input.taro-27d686c9.js";
+import { I as I2 } from "./input.taro-69c08268.js";
 import { I as I3 } from "./inputnumber.taro-6657d2c1.js";
 import { M } from "./menu.taro-40d36e0a.js";
-import { M as M2 } from "./menuitem.taro-6aa35a00.js";
-import { N as N2 } from "./numberkeyboard.taro-ad8afaf9.js";
-import { P } from "./picker.taro-8ba4624c.js";
+import { M as M2 } from "./menuitem.taro-7f8c12cf.js";
+import { N as N2 } from "./numberkeyboard.taro-18879f04.js";
+import { P } from "./picker.taro-3781a455.js";
 import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
 import { R as R3 } from "./range.taro-a1d1ad25.js";
 import { R as R4 } from "./rate.taro-78c66969.js";
-import { S as S5 } from "./searchbar.taro-09468fff.js";
-import { S as S6 } from "./shortpassword.taro-eabbde1b.js";
-import { S as S7 } from "./signature.taro-6e75a1ac.js";
+import { S as S5 } from "./searchbar.taro-39351331.js";
+import { S as S6 } from "./shortpassword.taro-cff61e4e.js";
+import { S as S7 } from "./signature.taro-4f68516a.js";
 import { S as S8 } from "./switch.taro-f0da73a3.js";
-import { T as T5 } from "./textarea.taro-c110565e.js";
-import { U } from "./uploader.taro-fbd05e20.js";
+import { T as T5 } from "./textarea.taro-593cd471.js";
+import { U } from "./uploader.taro-5ad88f83.js";
 import { A as A2 } from "./actionsheet.taro-697a594b.js";
 import { B as B3 } from "./badge.taro-872605bf.js";
-import { B as B4 } from "./dialog.taro-290eb9a6.js";
+import { B as B4 } from "./dialog.taro-e5c2cb03.js";
 import { D as D3 } from "./drag.taro-48e1ff38.js";
-import { E as E2 } from "./empty.taro-ca792f57.js";
-import { I as I4 } from "./infiniteloading.taro-f8f23ac6.js";
-import { N as N3 } from "./noticebar.taro-8d496dd6.js";
+import { E as E2 } from "./empty.taro-8345ac72.js";
+import { I as I4 } from "./infiniteloading.taro-53eeb1ec.js";
+import { N as N3 } from "./noticebar.taro-dc895cc5.js";
 import { N as N4 } from "./notify.taro-5768403d.js";
 import { P as P2 } from "./popover.taro-ba6c323a.js";
-import { P as P3 } from "./pulltorefresh.taro-5b36a881.js";
-import { S as S9 } from "./skeleton.taro-0552c2ec.js";
+import { P as P3 } from "./pulltorefresh.taro-3719fdfb.js";
+import { S as S9 } from "./skeleton.taro-ce714b06.js";
 import { S as S10 } from "./swipe.taro-966af6d3.js";
 import { P as P4 } from "./popup.taro-e756f3fc.js";
 import { T as T6 } from "./toast.taro-b2937e7c.js";
 import { A as A3 } from "./animate.taro-c8b29242.js";
 import { default as default2 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro-73011657.js";
-import { A as A5 } from "./avatar.taro-01536aff.js";
+import { A as A4 } from "./audio.taro-64b15071.js";
+import { A as A5 } from "./avatar.taro-8a26cd6c.js";
 import { A as A6 } from "./avatargroup.taro-ad5ffb46.js";
 import { C as C9 } from "./circleprogress.taro-9064d69c.js";
 import { C as C10 } from "./collapse.taro-98577a29.js";
 import { C as C11 } from "./collapseitem.taro-9451f40f.js";
-import { C as C12 } from "./countdown.taro-c399cc08.js";
+import { C as C12 } from "./countdown.taro-8f19d21b.js";
 import { E as E3 } from "./ellipsis.taro-5653d0b2.js";
-import { I as I5 } from "./imagepreview.taro-daa5a84f.js";
+import { I as I5 } from "./imagepreview.taro-cfe0a4cc.js";
 import { I as I6 } from "./indicator.taro-edbc71df.js";
 import { V } from "./virtuallist.taro-97d3403a.js";
-import { P as P5 } from "./pagination.taro-63607c3b.js";
+import { P as P5 } from "./pagination.taro-592bca05.js";
 import { P as P6 } from "./price.taro-479f1b82.js";
 import { P as P7 } from "./progress.taro-437b9f6a.js";
 import { S as S11 } from "./step.taro-2f55e4f2.js";
 import { S as S12 } from "./steps.taro-196c1f59.js";
 import { S as S13 } from "./swiper.taro-4aeb8526.js";
 import { S as S14 } from "./swiperitem.taro-ef7342e8.js";
-import { T as T7 } from "./table.taro-15a55c5d.js";
-import { T as T8 } from "./tag.taro-1b4134a5.js";
+import { T as T7 } from "./table.taro-a20f15f2.js";
+import { T as T8 } from "./tag.taro-614758eb.js";
 import { V as V2 } from "./video.taro-2a26d7da.js";
 import { B as B5 } from "./barrage.taro-e87bc58e.js";
-import { C as C13 } from "./card.taro-2080f4d2.js";
-import { T as T9 } from "./timedetail.taro-8d2acbbf.js";
-import { T as T10 } from "./timepannel.taro-ee4c5dfa.js";
-import { T as T11 } from "./timeselect.taro-069deedd.js";
-import { T as T12 } from "./trendarrow.taro-253025d2.js";
-import { W } from "./watermark.taro-e2245bb1.js";
+import { C as C13 } from "./card.taro-92fe9733.js";
+import { T as T9 } from "./timedetail.taro-d7aa4c1b.js";
+import { T as T10 } from "./timeselect.taro-9e37e648.js";
+import { T as T11 } from "./trendarrow.taro-253025d2.js";
+import { W } from "./watermark.taro-b6b1ae18.js";
 import "react";
 import "classnames";
 import "@nutui/icons-react-taro";
@@ -150,7 +149,7 @@ export {
   I as Image,
   I5 as ImagePreview,
   I6 as Indicator,
-  I4 as Infiniteloading,
+  I4 as InfiniteLoading,
   I2 as Input,
   I3 as InputNumber,
   L as Layout,
@@ -195,10 +194,9 @@ export {
   T8 as Tag,
   T5 as TextArea,
   T9 as TimeDetail,
-  T10 as TimePannel,
-  T11 as TimeSelect,
+  T10 as TimeSelect,
   T6 as Toast,
-  T12 as TrendArrow,
+  T11 as TrendArrow,
   U as Uploader,
   V2 as Video,
   V as VirtualList,

package/dist/esm/{pagination.taro-63607c3b.js → pagination.taro-592bca05.js}

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {

package/dist/esm/{picker.taro-8ba4624c.js → picker.taro-3781a455.js}

@@ -6,7 +6,7 @@ import { P as Popup } from "./popup.taro-e756f3fc.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-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 let passiveSupported = false;
@@ -456,7 +456,7 @@ const InternalPicker = (props, ref) => {
   };
   return React.createElement(
     Popup,
-    { visible, position: "bottom", onClose: () => {
+    { visible, position: "bottom", afterClose: () => {
       closePicker();
     } },
     React.createElement(

package/dist/esm/{pulltorefresh.taro-5b36a881.js → pulltorefresh.taro-3719fdfb.js}

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.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-09468fff.js → searchbar.taro-39351331.js}

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from "react";
 import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{shortpassword.taro-eabbde1b.js → shortpassword.taro-cff61e4e.js}

@@ -2,7 +2,7 @@ import React, { useMemo, useEffect } from "react";
 import { Tips } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps = {

package/dist/esm/{signature.taro-6e75a1ac.js → signature.taro-4f68516a.js}

@@ -1,22 +1,19 @@
-import React, { useRef, useState, useEffect } from "react";
+import React, { useRef, useState, useImperativeHandle, useEffect } from "react";
 import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from "@tarojs/taro";
-import { B as Button } from "./button.taro-01eae688.js";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   canvasId: "spcanvas",
   type: "png",
   lineWidth: 2,
-  strokeStyle: "#000",
-  className: ""
+  strokeStyle: "#000"
 };
-const Signature = (props) => {
-  const { locale } = useConfig();
-  const { canvasId, type, lineWidth, strokeStyle, unSupportTpl, className, confirm, clear, onConfirm, onClear, ...rest } = {
+const InternalSignature = (props, ref) => {
+  const { canvasId, type, lineWidth, strokeStyle, className, style, onConfirm, onClear, ...rest } = {
     ...defaultProps,
     ...props
   };
-  const b = cn("signature");
+  const classPrefix = `nut-signature`;
   const canvasRef = useRef(null);
   const wrapRef = useRef(null);
   const [canvasHeight, setCanvasHeight] = useState(0);
@@ -54,12 +51,8 @@ const Signature = (props) => {
       ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
       ctx.current.closePath();
     }
-    clear && clear();
     onClear && onClear();
   };
-  const handleConfirmBtn = () => {
-    onSave();
-  };
   const onSave = () => {
     createSelectorQuery().select(`#${canvasId}`).fields({
       node: true,
@@ -71,7 +64,6 @@ const Signature = (props) => {
         canvasId: `${canvasId}`,
         success: (res2) => {
           handleClearBtn();
-          confirm && confirm(res2.tempFilePath);
           onConfirm && onConfirm(res2.tempFilePath);
         },
         fail: (res2) => {
@@ -95,6 +87,14 @@ const Signature = (props) => {
       ctx.current.strokeStyle = strokeStyle;
     }
   };
+  useImperativeHandle(ref, () => ({
+    confirm: () => {
+      onSave();
+    },
+    clear: () => {
+      handleClearBtn();
+    }
+  }));
   const initCanvas = () => {
     nextTick(() => {
       setTimeout(() => {
@@ -122,8 +122,8 @@ const Signature = (props) => {
   }, []);
   return React.createElement(
     "div",
-    { className: `${b()} ${className}`, ...rest },
-    React.createElement("div", { className: `${b("inner")} spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React.createElement("canvas", {
+    { className: `${classPrefix} ${className}`, ...rest },
+    React.createElement("div", { className: `${classPrefix}__inner spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React.createElement("canvas", {
       id: canvasId,
       ref: canvasRef,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -134,11 +134,10 @@ const Signature = (props) => {
       onTouchStart: startEventHandler,
       onTouchMove: moveEventHandler,
       onTouchEnd: endEventHandler
-    }) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler })),
-    React.createElement(Button, { className: `${b("btn")}`, type: "default", onClick: () => handleClearBtn() }, locale.signature.reSign),
-    React.createElement(Button, { className: `${b("btn")}`, type: "primary", onClick: () => handleConfirmBtn() }, locale.confirm)
+    }) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))
   );
 };
+const Signature = React.forwardRef(InternalSignature);
 Signature.defaultProps = defaultProps;
 Signature.displayName = "NutSignature";
 export {

package/dist/esm/{skeleton.taro-0552c2ec.js → skeleton.taro-ce714b06.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-01536aff.js";
+import { A as Avatar } from "./avatar.taro-8a26cd6c.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{table.taro-15a55c5d.js → table.taro-a20f15f2.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { DownArrow } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/tag.taro-614758eb.js

@@ -0,0 +1,76 @@
+import React, { useState, useEffect } from "react";
+import { Close } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  type: "default",
+  background: "",
+  color: "",
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false,
+  closeIcon: null,
+  onClose: (e) => {
+  },
+  onClick: (e) => {
+  }
+};
+const Tag = (props) => {
+  const { className, style, background, plain, type, round, children, mark, closeable, closeIcon, color, onClick, onClose } = {
+    ...defaultProps,
+    ...props
+  };
+  const [tagClass, setTagClass] = useState("");
+  const [visible, setVisible] = useState(true);
+  const classPrefix = "nut-tag";
+  const classes = () => {
+    return classNames({
+      [classPrefix]: true,
+      [`${classPrefix}--${type}`]: type,
+      [`${classPrefix}--plain`]: plain,
+      [`${classPrefix}--round`]: round,
+      [`${classPrefix}--mark`]: mark,
+      [`${classPrefix}--close`]: closeable,
+      [`${className}`]: className
+    });
+  };
+  useEffect(() => {
+    setTagClass(classes());
+  }, [type, background, color, plain, round, mark, closeable, className]);
+  const handleClick = (e) => {
+    onClick && onClick(e);
+  };
+  const getStyle = () => {
+    const style2 = {};
+    if (color) {
+      style2.color = color;
+    } else if (background && plain) {
+      style2.color = background;
+    }
+    if (plain) {
+      style2.borderColor = background;
+    } else if (background) {
+      style2.background = background;
+    }
+    return style2;
+  };
+  return React.createElement(React.Fragment, null, closeable ? visible && React.createElement(
+    "div",
+    { className: tagClass, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
+    children && React.createElement("span", { className: `${classPrefix}-text` }, children),
+    React.isValidElement(closeIcon) ? React.createElement("i", { className: `${classPrefix}-custom-icon`, onClick: (e) => {
+      setVisible(false);
+      onClose && onClose(e);
+    } }, closeIcon) : React.createElement(Close, { size: 12, onClick: (e) => {
+      setVisible(false);
+      onClose && onClose(e);
+    } })
+  ) : React.createElement("div", { className: tagClass, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React.createElement("span", { className: `${classPrefix}-text` }, children)));
+};
+Tag.defaultProps = defaultProps;
+Tag.displayName = "NutTag";
+export {
+  Tag as T
+};

package/dist/esm/{textarea.taro-c110565e.js → textarea.taro-593cd471.js}

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { Textarea } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps = {

package/dist/esm/timedetail.taro-d7aa4c1b.js

@@ -0,0 +1,48 @@
+import React, { useMemo, useCallback } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  activeDate: "",
+  activeTime: [],
+  options: [],
+  optionKey: {
+    valueKey: "value",
+    textKey: "text",
+    childrenKey: "children"
+  },
+  onSelect: () => {
+  }
+};
+const TimeDetail = (props) => {
+  const { options, optionKey, className, activeDate, activeTime, onSelect } = {
+    ...defaultProps,
+    ...props
+  };
+  const classPrefix = "nut-timedetail";
+  const timeList = useMemo(() => {
+    return (options == null ? void 0 : options.find((item) => item[optionKey.valueKey] === activeDate)) || {
+      [optionKey.childrenKey]: []
+    };
+  }, [options, optionKey, activeDate]);
+  const isActive = useCallback((timeKey) => {
+    const date = activeTime.find((item) => {
+      return item[optionKey.valueKey] === activeDate;
+    });
+    if (date == null ? void 0 : date[optionKey.childrenKey]) {
+      const time = date == null ? void 0 : date[optionKey.childrenKey].find((time2) => {
+        return time2[optionKey.valueKey] === timeKey;
+      });
+      return time;
+    }
+    return false;
+  }, [activeTime, optionKey, activeDate]);
+  return React.createElement("div", { className: classNames(classPrefix, className) }, timeList[optionKey.childrenKey].map((item) => React.createElement("span", { className: classNames(`${classPrefix}__item`, {
+    active: isActive(item[optionKey.valueKey])
+  }), key: item[optionKey.valueKey], onClick: () => onSelect(item) }, item[optionKey.textKey])));
+};
+TimeDetail.defaultProps = defaultProps;
+TimeDetail.displayName = "NutTimeDetail";
+export {
+  TimeDetail as T
+};

package/dist/esm/timeselect.taro-9e37e648.js

@@ -0,0 +1,114 @@
+import React, { useState } from "react";
+import classNames from "classnames";
+import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { T as TimeDetail } from "./timedetail.taro-d7aa4c1b.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  multiple: false,
+  defaultValue: [],
+  options: [],
+  optionKey: {
+    valueKey: "value",
+    textKey: "text",
+    childrenKey: "children"
+  }
+};
+const TimeSelect = (props) => {
+  const { locale } = useConfig();
+  const { visible, className, style, title, defaultValue, options, optionKey, multiple, onSelect, onDateChange, onTimeChange, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const [activeDate, setActiveDate] = useState(() => {
+    if (defaultValue == null ? void 0 : defaultValue.length) {
+      return defaultValue[0][optionKey.valueKey];
+    }
+    if (options == null ? void 0 : options.length) {
+      return options[0][optionKey.valueKey];
+    }
+    return "";
+  });
+  const [activeTime, setActiveTime] = useState(() => defaultValue || []);
+  const classPrefix = "nut-timeselect";
+  const closeFun = () => {
+    onSelect && onSelect(activeTime);
+  };
+  const handleSelectTime = (selectTime) => {
+    let newActiveTime = [...activeTime];
+    const date = newActiveTime.find((item) => {
+      return item[optionKey.valueKey] === activeDate;
+    });
+    if (date) {
+      const timeIndex = date[optionKey.childrenKey].findIndex((time) => {
+        return time[optionKey.valueKey] === selectTime[optionKey.valueKey];
+      });
+      if (timeIndex > -1) {
+        if (multiple) {
+          date[optionKey.childrenKey].splice(timeIndex, 1);
+        } else {
+          newActiveTime = [];
+        }
+      } else if (multiple) {
+        date[optionKey.childrenKey].push({ ...selectTime });
+      } else {
+        newActiveTime = [
+          {
+            [optionKey.valueKey]: activeDate,
+            [optionKey.childrenKey]: [{ ...selectTime }]
+          }
+        ];
+      }
+    } else if (multiple) {
+      newActiveTime.push({
+        [optionKey.valueKey]: activeDate,
+        [optionKey.childrenKey]: [{ ...selectTime }]
+      });
+    } else {
+      newActiveTime = [
+        {
+          [optionKey.valueKey]: activeDate,
+          [optionKey.childrenKey]: [{ ...selectTime }]
+        }
+      ];
+    }
+    newActiveTime = newActiveTime.filter((item) => {
+      var _a;
+      return ((_a = item[optionKey.childrenKey]) == null ? void 0 : _a.length) > 0;
+    });
+    setActiveTime(newActiveTime);
+    onTimeChange && onTimeChange(selectTime, newActiveTime);
+  };
+  const handleChange = (date) => {
+    setActiveDate(date[optionKey.valueKey]);
+    onDateChange && onDateChange(date, activeTime);
+  };
+  return React.createElement(
+    Popup,
+    { closeable: true, round: true, visible, position: "bottom", style: {
+      width: "100%",
+      height: "20%",
+      ...style
+    }, onClose: closeFun, ...rest },
+    React.createElement(
+      "div",
+      { className: classNames(classPrefix, className) },
+      React.createElement("div", { className: `${classPrefix}__title` }, title || locale.timeselect.pickupTime),
+      React.createElement(
+        "div",
+        { className: `${classPrefix}__content` },
+        React.createElement("div", { className: `${classPrefix}__content-left` }, options.map((item) => React.createElement("div", { key: item[optionKey.valueKey], className: classNames("nut-timepannel", {
+          active: item[optionKey.valueKey] === activeDate
+        }), onClick: () => handleChange(item) }, item[optionKey.textKey]))),
+        React.createElement(TimeDetail, { options, optionKey, activeDate, activeTime, onSelect: handleSelectTime })
+      )
+    )
+  );
+};
+TimeSelect.defaultProps = defaultProps;
+TimeSelect.displayName = "NutTimeSelect";
+export {
+  TimeSelect as T
+};

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

@@ -64,7 +64,7 @@ export interface BaseLang {
     };
     signature: {
         reSign: string;
-        unSupportTpl: string;
+        unsupported: string;
     };
     ecard: {
         chooseText: string;