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

package/dist/esm/TimeSelect/style/index.js

@@ -1,4 +1,3 @@
 import '../../Popup/style'
-import '../../TimePannel/style'
 import '../../TimeDetail/style'
 import '../../../packages/timeselect/timeselect.scss'

package/dist/esm/TimeSelect/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}.nut-theme-dark .nut-timedetail{background-color:#1f1f1f}.nut-theme-dark .nut-timedetail__detail__list__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__detail__list__item--curr{color:var(--nutui-timeselect-timedetail-item-cur-text-color, var(--nutui-brand-color, #fa2c19))}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:100px;height:50px;line-height:50px;text-align:center;margin-right:10px;margin-bottom:10px;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a);border-radius:5px;font-size:14px;border:1px solid transparent;font-weight:700}.nut-timedetail__item-active{background-color:#fa2c19}.nut-timedetail__item-active{background-color:var(--nutui-brand-color-opacity);border:1px solid var(--nutui-brand-color, #fa2c19);color:var(--nutui-brand-color, #fa2c19)}.nut-theme-dark .nut-timeselect{background-color:#1f1f1f}.nut-theme-dark .nut-timeselect__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left{background-color:#141414;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left .nut-timepannel-active{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item-active{background-color:#fa2c19}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-2, 14px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:140px;min-width:140px;height:100%;overflow:auto;background-color:var(--nutui-gray-5, #f8f8f8);color:var(--nutui-gray-1, #1a1a1a)}.nut-timeselect__content-left .nut-timepannel-active{background-color:var(--nutui-brand-color, #fa2c19)}.nut-timeselect .nut-timepannel-active{background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-line-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-timeselect-time-color, var(--nutui-gray-1, #1a1a1a));border-radius:5px;font-size:var(--nutui-timeselect-font-size, 14px);border:1px solid transparent;font-weight:700}.nut-timedetail__item.active{background-color:var(--nutui-timeselect-time-active-background, var(--nutui-gray-5, #f8f8f8));border:1px solid var(--nutui-timeselect-time-active-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-timeselect-time-active-color, var(--nutui-brand-color, #fa2c19))}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-2, 14px));background:var(--nutui-timeselect-title-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:var(--nutui-timeselect-date-width, 140px);min-width:var(--nutui-timeselect-date-width, 140px);height:100%;overflow:auto;background:var(--nutui-gray-5, #f8f8f8)}.nut-timepannel{height:var(--nutui-timeselect-date-height, 40px);line-height:var(--nutui-timeselect-date-line-height, 40px);text-align:center;color:var(--nutui-timeselect-date-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-date-font-size, var(--nutui-font-size-2, 14px))}.nut-timepannel.active{background:var(--nutui-gray-6, #ffffff);color:var(--nutui-timeselect-date-active-color, var(--nutui-gray-1, #1a1a1a));font-weight:700}

package/dist/esm/TimeSelect.js

@@ -1,18 +1,15 @@
-import { T as TimeSelect } from "./timeselect.taro-069deedd.js";
+import { T as TimeSelect } from "./timeselect.taro-9e37e648.js";
 import "react";
+import "classnames";
 import "./popup.taro-e756f3fc.js";
 import "react-dom";
 import "react-transition-group";
-import "classnames";
 import "@nutui/icons-react-taro";
 import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
-import "./timepannel.taro-ee4c5dfa.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./configprovider.taro-25758d9f.js";
-import "./timedetail.taro-8d2acbbf.js";
+import "./timedetail.taro-d7aa4c1b.js";
+import "./configprovider.taro-372b1525.js";
 export {
   TimeSelect as default
 };

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from "./uploader.taro-fbd05e20.js";
+import { U as Uploader } from "./uploader.taro-5ad88f83.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
@@ -7,7 +7,7 @@ import "@tarojs/components";
 import "./button.taro-01eae688.js";
 import "./typings-11d83a22.js";
 import "./progress.taro-437b9f6a.js";
-import "./configprovider.taro-25758d9f.js";
+import "./configprovider.taro-372b1525.js";
 import "./index-0a89a47b.js";
 export {
   Uploader as default

package/dist/esm/WaterMark.js

@@ -1,8 +1,8 @@
-import { W as WaterMark } from "./watermark.taro-e2245bb1.js";
+import { W as WaterMark } from "./watermark.taro-b6b1ae18.js";
 import "react";
 import "@tarojs/taro";
 import "classnames";
-import "./configprovider.taro-25758d9f.js";
+import "./configprovider.taro-372b1525.js";
 import "./typings-11d83a22.js";
 export {
   WaterMark as default

package/dist/esm/{address.taro-1a8ab3f1.js → address.taro-cc879a1d.js}

@@ -5,7 +5,7 @@ import { c as cn } from "./bem-cdccae08.js";
 import { useConfig } from "./ConfigProvider.js";
 import { createSelectorQuery } from "@tarojs/taro";
 import { E as Elevator } from "./elevator.taro-df8fde9d.js";
-import { u as useConfig$1 } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig$1 } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps$2 = {
   type: "custom",

package/dist/esm/{audio.taro-73011657.js → audio.taro-64b15071.js}

@@ -4,7 +4,7 @@ import { Service } from "@nutui/icons-react-taro";
 import { R as Range } from "./range.taro-a1d1ad25.js";
 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 { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const b = cn("audio");
 const warn = console.warn;

package/dist/esm/{avatar.taro-01536aff.js → avatar.taro-8a26cd6c.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { I as Image } from "./image.taro-767aa000.js";
+import { I as Image } from "./image.taro-fde6e649.js";
 import { A as AvatarContext } from "./context-d0fccf11.js";
 import { My } from "@nutui/icons-react-taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";

package/dist/esm/{calendar.taro-10a6cb11.js → calendar.taro-02195ddb.js}

@@ -1,7 +1,7 @@
 import React, { useRef } from "react";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { U as Utils, C as CalendarItem } from "./calendaritem.taro-3e5f114e.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { U as Utils, C as CalendarItem } from "./calendaritem.taro-4230e5c4.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 const defaultProps = {
   type: "one",
   isAutoBackFill: false,

package/dist/esm/{calendaritem.taro-3e5f114e.js → calendaritem.taro-4230e5c4.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
 import { nextTick } from "@tarojs/taro";
 import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 const Utils = {
   /**
    * 是否为闫年

package/dist/esm/card.taro-92fe9733.js

@@ -0,0 +1,64 @@
+import React from "react";
+import classNames from "classnames";
+import { P as Price } from "./price.taro-479f1b82.js";
+import { T as Tag } from "./tag.taro-614758eb.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  src: "",
+  title: "",
+  price: "",
+  vipPrice: "",
+  shopDescription: "",
+  delivery: "",
+  shopName: "",
+  description: "",
+  tag: "",
+  priceTag: "",
+  extra: ""
+};
+const Card = (props) => {
+  const { className, style, src, title, price, vipPrice, shopDescription, delivery, shopName, tag, priceTag, description, extra, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const classPrefix = "nut-card";
+  return React.createElement(
+    "div",
+    { className: classNames(classPrefix, className), style, ...rest },
+    React.createElement(
+      "div",
+      { className: `${classPrefix}__left` },
+      React.createElement("img", { src, alt: "" })
+    ),
+    React.createElement(
+      "div",
+      { className: `${classPrefix}__right` },
+      React.createElement("div", { className: `${classPrefix}__right-title` }, title),
+      description,
+      React.createElement(
+        "div",
+        { className: `${classPrefix}right-price` },
+        React.createElement(Price, { size: "normal", price }),
+        priceTag || React.createElement(Price, { size: "normal", className: `${classPrefix}right-price-origin`, price: vipPrice })
+      ),
+      React.createElement("div", { className: `${classPrefix}right-other` }, tag || React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(Tag, { type: "danger" }, shopDescription),
+        React.createElement(Tag, { plain: true }, delivery)
+      )),
+      React.createElement(
+        "div",
+        { className: `${classPrefix}right-shop` },
+        React.createElement("div", { className: `${classPrefix}right-shop-name` }, shopName),
+        extra
+      )
+    )
+  );
+};
+Card.defaultProps = defaultProps;
+Card.displayName = "NutCard";
+export {
+  Card as C
+};

package/dist/esm/{configprovider.taro-25758d9f.js → configprovider.taro-372b1525.js}

@@ -350,7 +350,7 @@ const zhCN = {
   },
   signature: {
     reSign: "重签",
-    unSupportTpl: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
+    unsupported: "对不起，当前浏览器不支持Canvas，无法使用本控件！"
   },
   ecard: {
     chooseText: "请选择电子卡面值",

package/dist/esm/{countdown.taro-c399cc08.js → countdown.taro-8f19d21b.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useImperativeHandle, useEffect } from "react";
-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/{datepicker.taro-6304d59d.js → datepicker.taro-b480d072.js}

@@ -1,33 +1,27 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useState, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-8ba4624c.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { P as Picker } from "./picker.taro-3781a455.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 currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const defaultProps = {
-  modelValue: null,
+  ...ComponentDefaults,
   visible: false,
   title: "",
   type: "date",
-  isShowChinese: false,
+  showChinese: false,
   threeDimensional: true,
   minuteStep: 1,
-  minDate: new Date(currentYear - 10, 0, 1),
-  maxDate: new Date(currentYear + 10, 11, 31)
+  startDate: new Date(currentYear - 10, 0, 1),
+  endDate: new Date(currentYear + 10, 11, 31)
 };
 const DatePicker = (props) => {
-  const { minDate, maxDate, type, isShowChinese, minuteStep, modelValue, visible, title, formatter, onCloseDatePicker, onConfirmDatePicker, filter, onChange, threeDimensional, className, style, ...rest } = {
+  const { startDate, endDate, type, showChinese, minuteStep, visible, title, defaultValue, formatter, onClose, onConfirm, filter, onChange, threeDimensional, className, style, ...rest } = {
     ...defaultProps,
     ...props
   };
   const { locale } = useConfig();
-  const [show, setShow] = useState(false);
-  const [currentDate, setCurrentDate] = useState(modelValue);
-  const [defaultValue, setDefaultValue] = useState([]);
-  const [options, setListData] = useState([]);
-  const pickerRef = useRef(null);
-  const isDate = (val) => {
-    return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-  };
   const datepickerLang = locale.datepicker;
   const zhCNType = {
     day: datepickerLang.day,
@@ -37,20 +31,32 @@ const DatePicker = (props) => {
     minute: datepickerLang.min,
     seconds: datepickerLang.seconds
   };
+  const [defaultValueOfPicker, setDefaultValueOfPicker] = useState([]);
+  const [options, setOptions] = useState([]);
+  const isDate = (val) => {
+    return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+  };
   const formatValue = (value) => {
     let cvalue = value;
     if (!cvalue || cvalue && !isDate(cvalue)) {
-      cvalue = minDate;
+      cvalue = startDate;
     }
-    let timestmp = Math.max(cvalue.getTime(), minDate.getTime());
-    timestmp = Math.min(timestmp, maxDate.getTime());
+    let timestmp = Math.max(cvalue.getTime(), startDate.getTime());
+    timestmp = Math.min(timestmp, endDate.getTime());
     return new Date(timestmp);
   };
+  const [currentDate, setCurrentDate] = usePropsValue({
+    value: props.value && formatValue(props.value),
+    defaultValue: formatValue(props.defaultValue || null),
+    finalValue: null,
+    onChange: (val) => {
+    }
+  });
   function getMonthEndDay(year, month) {
     return new Date(year, month, 0).getDate();
   }
   const getBoundary = (type2, value) => {
-    const boundary = type2 === "min" ? minDate : maxDate;
+    const boundary = type2 === "min" ? startDate : endDate;
     const year = boundary.getFullYear();
     let month = 1;
     let date = 1;
@@ -84,12 +90,12 @@ const DatePicker = (props) => {
       [`${type2}Seconds`]: seconds
     };
   };
-  const ranges = (date) => {
-    const curDate = date || currentDate;
+  const ranges = () => {
+    const curDate = currentDate;
     if (!curDate)
       return [];
-    const { maxYear, maxDate: maxDate2, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
-    const { minYear, minDate: minDate2, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", curDate);
+    const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
+    const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", curDate);
     let result = [
       {
         type: "year",
@@ -101,7 +107,7 @@ const DatePicker = (props) => {
       },
       {
         type: "day",
-        range: [minDate2, maxDate2]
+        range: [minDate, maxDate]
       },
       {
         type: "hour",
@@ -141,17 +147,17 @@ const DatePicker = (props) => {
     }
     return result;
   };
-  const updateChooseValueCustmer = (cacheValueData, selectedValue, index) => {
+  const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
       const formatDate = [];
       selectedValue.forEach((item) => {
         formatDate.push(item);
       });
       if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+        formatDate.unshift(new Date(defaultValue || startDate || endDate).getFullYear());
       }
       if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
-        formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
+        formatDate.push(new Date(defaultValue || startDate || endDate).getDate());
       }
       const year = Number(formatDate[0]);
       const month = Number(formatDate[1]) - 1;
@@ -167,7 +173,7 @@ const DatePicker = (props) => {
       const isEqual = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
       date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
     }
-    props.onChange && props.onChange(cacheValueData, selectedValue, index);
+    props.onChange && props.onChange(selectedOptions, selectedValue, index);
   };
   const padZero = (num, targetLength = 2) => {
     let str = `${num}`;
@@ -185,12 +191,13 @@ const DatePicker = (props) => {
       });
     } else {
       const padMin = padZero(value, 2);
-      const fatter = isShowChinese ? zhCNType[type2] : "";
+      const fatter = showChinese ? zhCNType[type2] : "";
       fOption = { text: padMin + fatter, value: padMin };
     }
     return fOption;
   };
   const generateValue = (min, max, val, type2, columnIndex) => {
+    var _a;
     let cmin = min;
     const arr = [];
     let index = 0;
@@ -205,8 +212,8 @@ const DatePicker = (props) => {
         index++;
       }
     }
-    defaultValue[columnIndex] = arr[index].value;
-    setDefaultValue([...defaultValue]);
+    defaultValueOfPicker[columnIndex] = (_a = arr[index]) == null ? void 0 : _a.value;
+    setDefaultValueOfPicker([...defaultValueOfPicker]);
     if (props.filter && props.filter(type2, arr)) {
       return props.filter(type2, arr);
     }
@@ -231,27 +238,18 @@ const DatePicker = (props) => {
     }
     return d;
   };
-  const columns = (date) => {
-    const val = ranges(date).map((res, columnIndex) => {
+  const columns = () => {
+    const val = ranges().map((res, columnIndex) => {
       return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
     });
     return val || [];
   };
-  useEffect(() => {
-    setCurrentDate(formatValue(modelValue));
-  }, []);
-  useEffect(() => {
-    setCurrentDate(formatValue(modelValue));
-  }, [modelValue]);
-  useEffect(() => {
-    setShow(visible);
-  }, [visible]);
   useEffect(() => {
     if (currentDate) {
-      setListData(columns());
+      setOptions(columns());
     }
-  }, [currentDate]);
-  return React.createElement(View, { className: `nut-datepicker ${className || ""}`, style, catchMove: true, ...rest }, options.length > 0 && React.createElement(Picker, { title, visible: show, options, onClose: onCloseDatePicker, defaultValue, onConfirm: (options2, values) => onConfirmDatePicker && onConfirmDatePicker(options2, values), onChange: (list, value, index) => updateChooseValueCustmer(list, value, index), threeDimensional, ref: pickerRef }));
+  }, []);
+  return React.createElement(View, { className: `nut-datepicker ${className}`, style, catchMove: true, ...rest }, options.length && React.createElement(Picker, { title, visible, options, onClose, defaultValue: defaultValueOfPicker, onConfirm: (options2, value) => onConfirm && onConfirm(options2, value), onChange: (options2, value, index) => updateChooseValueCustmer(options2, value, index), threeDimensional }));
 };
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = "NutDatePicker";

package/dist/esm/{dialog.taro-290eb9a6.js → dialog.taro-e5c2cb03.js}

@@ -5,7 +5,7 @@ import { B as Button } from "./button.taro-01eae688.js";
 import { CSSTransition } from "react-transition-group";
 import { d as defaultOverlayProps, O as Overlay } from "./overlay.taro-75012bd3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 const Content = (props) => {
   const { visible, title, footer, footerDirection, onClick, children } = props;
   const classPrefix = "nut-dialog";

package/dist/esm/{empty.taro-ca792f57.js → empty.taro-8345ac72.js}

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-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 defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",

package/dist/esm/{fixednav.taro-b9ecf0d5.js → fixednav.taro-6c69ad79.js}

@@ -2,7 +2,7 @@ import React from "react";
 import classNames from "classnames";
 import { Left } from "@nutui/icons-react-taro";
 import { O as Overlay } from "./overlay.taro-75012bd3.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/{grid.taro-fbbd8618.js → grid.taro-9b63aca5.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-b0c37077.js";
+import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-48971911.js";
 const defaultProps = {
   columns: 4,
   gap: 0,

package/dist/esm/{griditem.taro-b0c37077.js → griditem.taro-48971911.js}

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 const gridContext = {
   onClick: (item, index) => {
   }

package/dist/esm/{image.taro-767aa000.js → image.taro-fde6e649.js}

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { Image as Image$1, ImageError } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 const defaultProps = {
   fit: "fill",
   position: "center",

package/dist/esm/{imagepreview.taro-daa5a84f.js → imagepreview.taro-cfe0a4cc.js}

@@ -16,13 +16,14 @@ const defaultProps = {
   closeOnContentClick: false,
   indicator: false,
   indicatorColor: "#fff",
+  showMenuByLongpress: false,
   onChange: (value) => {
   },
   onClose: () => {
   }
 };
 const ImagePreview = (props) => {
-  const { images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, onClose } = props;
+  const { images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, showMenuByLongpress, onClose } = props;
   const classPrefix = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
@@ -161,7 +162,7 @@ const ImagePreview = (props) => {
           React.createElement(Video, { src: item.source.src, controls: item.options.controls, autoplay: false, loop: false, muted: item.options.muted })
         );
       }) : []).concat(images && images.length > 0 ? images.map((item, index) => {
-        return React.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React.createElement("img", { src: item.src, alt: "" }) : React.createElement(Image, { src: item.src, mode: "aspectFit", style: { width: "100%", height: "100%" } }));
+        return React.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React.createElement("img", { src: item.src, alt: "" }) : React.createElement(Image, { src: item.src, mode: "aspectFit", showMenuByLongpress: true, style: { width: "100%", height: "100%" } }));
       }) : []))
     ),
     React.createElement(

package/dist/esm/{infiniteloading.taro-f8f23ac6.js → infiniteloading.taro-53eeb1ec.js}

@@ -2,24 +2,19 @@ import React, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
 import { createSelectorQuery } from "@tarojs/taro";
-import { c as cn } from "./bem-cdccae08.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,
   hasMore: true,
-  upperThreshold: 40,
-  containerId: "",
-  isOpenRefresh: false,
-  pullIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
-  pullText: "松开刷新",
-  loadIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
-  loadingText: "加载中···",
-  loadMoreText: "哎呀，这里是底部了啦"
+  threshold: 40,
+  target: "",
+  pullRefresh: false
 };
-const Infiniteloading = (props) => {
+const classPrefix = `nut-infiniteloading`;
+const InfiniteLoading = (props) => {
   const { locale } = useConfig();
-  const { children, hasMore, upperThreshold, containerId, isOpenRefresh, pullIcon, pullText, loadIcon, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScrollChange } = {
+  const { children, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = {
     ...defaultProps,
     ...props
   };
@@ -33,10 +28,9 @@ const Infiniteloading = (props) => {
   const y = useRef(0);
   const refreshMaxH = useRef(0);
   const distance = useRef(0);
-  const b = cn("infiniteloading");
-  const classes = classNames(className, b());
+  const classes = classNames(className, classPrefix);
   useEffect(() => {
-    refreshMaxH.current = upperThreshold;
+    refreshMaxH.current = threshold;
     setTimeout(() => {
       getScrollHeight();
     }, 200);
@@ -54,7 +48,7 @@ const Infiniteloading = (props) => {
     };
   };
   const getParentElement = (el) => {
-    return createSelectorQuery().select(containerId ? `#${containerId} #${el}` : `#${el}`);
+    return createSelectorQuery().select(target ? `#${target} #${el}` : `#${el}`);
   };
   const infiniteDone = () => {
     setIsInfiniting(false);
@@ -76,7 +70,7 @@ const Infiniteloading = (props) => {
       direction.current = "up";
     }
     scrollTop.current = e.detail.scrollTop;
-    onScrollChange && onScrollChange(e.detail.scrollTop);
+    onScroll && onScroll(e.detail.scrollTop);
   };
   const lower = () => {
     if (direction.current == "up" || !hasMore || isInfiniting) {
@@ -86,7 +80,7 @@ const Infiniteloading = (props) => {
     onLoadMore && onLoadMore(infiniteDone);
   };
   const touchStart = (event) => {
-    if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
+    if (scrollTop.current == 0 && !isTouching.current && pullRefresh) {
       y.current = event.touches[0].pageY;
       isTouching.current = true;
     }
@@ -120,24 +114,14 @@ const Infiniteloading = (props) => {
     React.createElement(
       "div",
       { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
-      React.createElement(
-        "div",
-        { className: "top-box" },
-        pullIcon && React.createElement(React.Fragment, null, pullIcon),
-        React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText)
-      )
+      React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)
     ),
     React.createElement("div", { className: "nut-infinite-container" }, children),
-    React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React.createElement(
-      "div",
-      { className: "bottom-box" },
-      loadIcon && React.createElement(React.Fragment, null, loadIcon),
-      React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText)
-    ) : !hasMore && React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
+    React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-Infiniteloading.defaultProps = defaultProps;
-Infiniteloading.displayName = "NutInfiniteloading";
+InfiniteLoading.defaultProps = defaultProps;
+InfiniteLoading.displayName = "NutInfiniteLoading";
 export {
-  Infiniteloading as I
+  InfiniteLoading as I
 };

package/dist/esm/{input.taro-27d686c9.js → input.taro-69c08268.js}

@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useImperativeHandle, useCallback }
 import { View, Input as Input$1 } from "@tarojs/components";
 import { MaskClose } from "@nutui/icons-react-taro";
 import { getEnv, ENV_TYPE } from "@tarojs/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";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 function trimExtraChar(value, char, regExp) {