@nutui/nutui-react-taro 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/esm/VirtualList.js

@@ -1,8 +1,8 @@
-import { V as VirtualList } from "./virtuallist.taro-99f03769.js";
+import { V as VirtualList } from "./virtuallist.taro-97d3403a.js";
 import "react";
 import "@tarojs/components";
 import "@tarojs/taro";
-import "./configprovider.taro-25758d9f.js";
+import "./typings-11d83a22.js";
 export {
   VirtualList as default
 };

package/dist/esm/WaterMark/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/WaterMark/style/style.css

@@ -0,0 +1 @@
+.nut-watermark{position:absolute;z-index:var(--nutui-watermark-z-index, 1200);left:0;right:0;top:0;bottom:0;pointer-events:none;background-repeat:repeat}.nut-watermark-full-page{position:fixed}

package/dist/esm/WaterMark.js

@@ -1,10 +1,9 @@
-import { W as WaterMark } from "./watermark.taro-cef29c03.js";
+import { W as WaterMark } from "./watermark.taro-788cb452.js";
 import "react";
 import "@tarojs/taro";
 import "classnames";
-import "./configprovider.taro-25758d9f.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./configprovider.taro-a7f3bcfd.js";
+import "./typings-11d83a22.js";
 export {
   WaterMark as default
 };

package/dist/esm/actionsheet.taro-06df0e47.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { P as Popup } from "./popup.taro-23f882b0.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  description: "",
+  options: [],
+  optionKey: { name: "name", description: "description" },
+  cancelText: "",
+  onCancel: () => {
+  },
+  onSelect: () => {
+  }
+};
+const ActionSheet = (props) => {
+  const { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style, ...rest } = { ...defaultProps, ...props };
+  const classPrefix = "nut-actionsheet";
+  const cancelActionSheet = () => {
+    onCancel && onCancel();
+  };
+  const chooseItem = (item, index) => {
+    if (!item.disable) {
+      onSelect && onSelect(item, index);
+    }
+  };
+  return React.createElement(
+    Popup,
+    { round: true, visible, position: "bottom", title, className: classPrefix, onClose: () => {
+      onCancel && onCancel();
+    } },
+    React.createElement(
+      "div",
+      { className: `${className}`, style },
+      description && React.createElement("div", { className: `${classPrefix}__description` }, description),
+      options.length ? React.createElement("div", { className: `${classPrefix}__list` }, options.map((item, index) => {
+        return React.createElement(
+          "div",
+          { className: `${classPrefix}__item ${item.disable ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
+          item[optionKey.name],
+          React.createElement("div", { className: `${classPrefix}__item-description` }, item[optionKey.description])
+        );
+      })) : children,
+      cancelText && React.createElement("div", { className: `${classPrefix}__cancel`, onClick: () => cancelActionSheet() }, cancelText)
+    )
+  );
+};
+ActionSheet.defaultProps = defaultProps;
+ActionSheet.displayName = "NutActionSheet";
+export {
+  ActionSheet as A
+};

package/dist/esm/address.taro-09392335.js

@@ -0,0 +1,139 @@
+import React, { useState, useEffect } from "react";
+import { Check, Location2, Left } from "@nutui/icons-react-taro";
+import { P as Popup } from "./popup.taro-23f882b0.js";
+import { u as useConfig } from "./configprovider.taro-a7f3bcfd.js";
+import { C as Cascader } from "./cascader.taro-b5c1f5c6.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps$2 = {
+  type: "custom",
+  existList: [],
+  defaultIcon: null,
+  selectIcon: null,
+  custom: false
+};
+const ExistRender = (props) => {
+  const { locale } = useConfig();
+  const { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch, ...rest } = { ...defaultProps$2, ...props };
+  const classPrefix = "nut-address";
+  const selectedExist = (item) => {
+    existList.forEach((list, index) => {
+      list.selectedAddress = false;
+    });
+    item.selectedAddress = true;
+    onSelect && onSelect(item);
+  };
+  const onClick = () => {
+    onSwitch && onSwitch({ type: type === "exist" ? "custom" : "exist" });
+  };
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("ul", { className: `${classPrefix}-exist` }, existList.map((item, index) => {
+      return React.createElement(
+        "li",
+        { className: `${classPrefix}-exist-item ${item.selectedAddress ? "active" : ""}`, key: index, onClick: () => selectedExist(item) },
+        item.selectedAddress ? React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : React.createElement(Check, { color: "#FA2C19" })) : React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : React.createElement(Location2, null)),
+        React.createElement(
+          "div",
+          { className: `${classPrefix}-exist-item-info` },
+          item.name && item.phone && React.createElement(
+            React.Fragment,
+            null,
+            React.createElement("div", null, item.name),
+            React.createElement("div", null, item.phone)
+          ),
+          React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)
+        )
+      );
+    })),
+    (custom || custom && locale.address.chooseAnotherAddress) && React.createElement(
+      "div",
+      { className: `${classPrefix}-footer`, onClick },
+      React.createElement("div", { className: `${classPrefix}-footer-btn` }, custom)
+    )
+  );
+};
+const defaultProps$1 = {
+  ...ComponentDefaults,
+  visible: false,
+  type: "custom",
+  options: [],
+  optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
+  format: {},
+  height: "200px"
+};
+const CustomRender = (props) => {
+  const { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange, ...rest } = {
+    ...defaultProps$1,
+    ...props
+  };
+  return React.createElement(React.Fragment, null, type === "custom" && React.createElement(Cascader, { visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
+    onClose == null ? void 0 : onClose();
+  }, onChange: (val) => {
+    onChange == null ? void 0 : onChange(val);
+  }, onPathChange, ...rest }));
+};
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  defaultValue: [],
+  type: "custom",
+  options: [],
+  optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" },
+  format: {},
+  custom: false,
+  existList: [],
+  height: "200px",
+  defaultIcon: null,
+  selectIcon: null,
+  closeIcon: null,
+  backIcon: null
+};
+const Address = (props) => {
+  const { locale } = useConfig();
+  const { style, className, visible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const classPrefix = "nut-address";
+  const [currentType, setCurrentType] = useState(type);
+  const [showPopup, setShowPopup] = useState(visible);
+  const handClose = () => {
+    setShowPopup(false);
+  };
+  useEffect(() => {
+    setShowPopup(visible);
+  }, [visible]);
+  const renderLeftOnCustomSwitch = () => {
+    return React.createElement(React.Fragment, null, custom && React.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : React.createElement(Left, { color: "#cccccc" })));
+  };
+  const selectedExistItem = (data) => {
+    onExistSelect && onExistSelect(data);
+    handClose();
+  };
+  const onSwitchModule = () => {
+    if (currentType === "exist") {
+      setCurrentType("custom");
+    } else {
+      setCurrentType("exist");
+    }
+    onSwitch && onSwitch({ type: currentType });
+  };
+  return React.createElement(React.Fragment, null, currentType === "custom" || currentType === "custom2" ? React.createElement(CustomRender, { visible: showPopup, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, options, format, optionKey, type: currentType, height, onClose: handClose, onChange: (val, params) => {
+    onChange == null ? void 0 : onChange(val, params);
+  } }) : React.createElement(
+    Popup,
+    { visible: showPopup, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion },
+    React.createElement(
+      "div",
+      { className: `${classPrefix} ${className || ""}`, style: { ...style } },
+      // 不需要 close，选中切换即关闭弹框。可手动关闭弹框，只关闭弹框不处理逻辑。
+      React.createElement(ExistRender, { type: currentType, existList, selectIcon, defaultIcon, custom, onSelect: selectedExistItem, onSwitch: onSwitchModule })
+    )
+  ));
+};
+Address.defaultProps = defaultProps;
+Address.displayName = "NutAddress";
+export {
+  Address as A
+};

package/dist/esm/{audio.taro-bbd39f93.js → audio.taro-e4e33cdd.js}

@@ -1,12 +1,10 @@
 import React, { useState, useRef } from "react";
 import { createInnerAudioContext } from "@tarojs/taro";
 import { Service } from "@nutui/icons-react-taro";
-import { R as Range } from "./range.taro-615e193a.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 { R as Range } from "./range.taro-a1d1ad25.js";
+import { B as Button } from "./button.taro-60dfd83e.js";
+import { u as useConfig } from "./configprovider.taro-a7f3bcfd.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const b = cn("audio");
 const warn = console.warn;
 const defaultProps = {
   ...ComponentDefaults,
@@ -30,6 +28,7 @@ const defaultProps = {
   }
 };
 const Audio = (props) => {
+  const classPrefix = "nut-audio";
   const { locale } = useConfig();
   const { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName, ...rest } = {
     ...defaultProps,
@@ -83,8 +82,8 @@ const Audio = (props) => {
     setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
   });
   audioCtx.onError((res) => {
-    console.log("code", res.errCode);
-    console.log("message", res.errMsg);
+    console.warn("code", res.errCode);
+    console.warn("message", res.errMsg);
   });
   function formatSeconds(value) {
     if (!value) {
@@ -128,10 +127,10 @@ const Audio = (props) => {
       null,
       React.createElement(
         "div",
-        { className: b("icon") },
+        { className: `${classPrefix}__icon` },
         React.createElement(
           "div",
-          { className: `${b("icon-box")} ${playing ? b("icon-play") : b("icon-stop")}`, onClick: handleStatusChange },
+          { className: `${classPrefix}__icon-box} ${playing ? `${classPrefix}__icon-play}` : `${classPrefix}__icon-stop}`}`, onClick: handleStatusChange },
           React.createElement(Service, { className: playing ? "nut-icon-loading" : "" })
         )
       )
@@ -143,11 +142,11 @@ const Audio = (props) => {
       null,
       React.createElement(
         "div",
-        { className: b("progress") },
+        { className: `${classPrefix}__progress` },
         React.createElement("div", { className: "time" }, currentDuration),
         React.createElement(
           "div",
-          { className: b("progress-bar-wrapper") },
+          { className: `${classPrefix}__progress-bar-wrapper` },
           React.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
         ),
         React.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || "00:00:00")
@@ -162,7 +161,7 @@ const Audio = (props) => {
     );
   };
   const renderNone = () => {
-    return React.createElement("div", { className: b("none-container"), onClick: handleStatusChange }, children);
+    return React.createElement("div", { className: `${classPrefix}__none-container`, onClick: handleStatusChange }, children);
   };
   const renderAudio = () => {
     switch (type) {
@@ -176,7 +175,7 @@ const Audio = (props) => {
         return null;
     }
   };
-  return React.createElement("div", { className: `${b()} ${className}`, style, ...rest }, renderAudio());
+  return React.createElement("div", { className: `${classPrefix} ${className}`, style, ...rest }, renderAudio());
 };
 Audio.defaultProps = defaultProps;
 Audio.displayName = "NutAudio";

package/dist/esm/{avatar.taro-01536aff.js → avatar.taro-3f6ebf79.js}

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

package/dist/esm/{barrage.taro-c8cb9864.js → barrage.taro-e87bc58e.js}

@@ -1,31 +1,31 @@
 import React, { useState, useRef, useImperativeHandle, useEffect } from "react";
 import { createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
-  barrageList: [],
-  frequency: 500,
+  ...ComponentDefaults,
+  list: [],
+  interval: 500,
   loop: true,
-  speeds: 3e3,
+  duration: 3e3,
   rows: 3,
-  top: 10
+  gapY: 10
 };
+const classPrefix = `nut-barrage`;
 const InternalBarrage = (props, ref) => {
-  const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
+  const { className, interval, loop, list, duration, rows, gapY, ...restProps } = {
     ...defaultProps,
     ...props
   };
   const [styleList, setStyleList] = useState([]);
-  const [baItemList, setBaItemList] = useState(barrageList);
-  const barrageListSet = useRef(barrageList);
+  const [baItemList, setBaItemList] = useState(list);
+  const barrageListSet = useRef(list);
   const barrageBody = useRef(null);
   const barrageContainer = useRef(null);
   const timeId = useRef((/* @__PURE__ */ new Date()).getTime());
   const timer = useRef(0);
-  useRef(0);
-  const b = cn("barrage");
-  const classes = classNames(className, b(""), {
-    [`nut-barrage__body${timeId.current}`]: true
+  const classes = classNames(className, classPrefix, {
+    [`${classPrefix}__body${timeId.current}`]: true
   });
   useImperativeHandle(ref, () => ({
     add: (word) => {
@@ -34,52 +34,52 @@ const InternalBarrage = (props, ref) => {
     }
   }));
   useEffect(() => {
-    barrageListSet.current = [...barrageList];
+    barrageListSet.current = [...list];
     run();
     return () => {
       clearInterval(timer.current);
     };
-  }, [barrageList]);
+  }, [list]);
   const run = () => {
     setBaItemList(barrageListSet.current);
-    barrageListSet.current.forEach((item, index2) => {
-      getNode(index2);
+    barrageListSet.current.forEach((item, index) => {
+      getNode(index);
     });
   };
-  const getNode = (index2) => {
+  const getNode = (index) => {
     const query = createSelectorQuery();
     setTimeout(() => {
       let width = 100;
-      query.select(".nut-barrage__body" + timeId.current).boundingClientRect((rec) => {
+      query.select(`.${classPrefix}__body` + timeId.current).boundingClientRect((rec) => {
         width = rec.width || 300;
       });
-      query.select(".nut-barrage__item" + index2).boundingClientRect((recs) => {
+      query.select(`.${classPrefix}__item` + index).boundingClientRect((recs) => {
         let height = recs.height;
-        let nodeTop = index2 % rows * (height + top) + 20 + "px";
-        styleInfo(index2, nodeTop, width);
+        let nodeTop = index % rows * (height + gapY) + 20 + "px";
+        styleInfo(index, nodeTop, width);
       }).exec();
     }, 500);
   };
-  const styleInfo = (index2, nodeTop, width) => {
-    let timeIndex = index2 - rows > 0 ? index2 - rows : 0;
-    let list = styleList;
-    let time = list[timeIndex] ? Number(list[timeIndex]["--time"]) : 0;
+  const styleInfo = (index, nodeTop, width) => {
+    let timeIndex = index - rows > 0 ? index - rows : 0;
+    let list2 = styleList;
+    let time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
     let obj = {
       top: nodeTop,
-      "--time": `${frequency * index2 + time}`,
-      animationDuration: `${speeds}ms`,
+      "--time": `${interval * index + time}`,
+      animationDuration: `${duration}ms`,
       animationIterationCount: `${loop ? "infinite" : 1}`,
-      animationDelay: `${frequency * index2 + time}ms`,
+      animationDelay: `${interval * index + time}ms`,
       "--move-distance": `-${width}px`
     };
-    list.push(obj);
-    setStyleList([...list]);
+    list2.push(obj);
+    setStyleList([...list2]);
   };
   return React.createElement(
     "div",
     { className: classes, ref: barrageBody, ...restProps },
-    React.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index2) => {
-      return React.createElement("div", { className: `barrage-item nut-barrage__item${index2} move`, style: styleList[index2] }, item.length > 8 ? item.substr(0, 8) + "..." : item);
+    React.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
+      return React.createElement("div", { className: `barrage-item ${classPrefix}__item${index} move`, style: styleList[index] }, item.length > 8 ? item.substr(0, 8) + "..." : item);
     }))
   );
 };

package/dist/esm/{button.taro-01eae688.js → button.taro-60dfd83e.js}

@@ -1,6 +1,7 @@
 import React, { useCallback } from "react";
 import classNames from "classnames";
 import { Loading } from "@nutui/icons-react-taro";
+import { getEnv } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const prefixCls = "nut-button";
 const defaultProps = {
@@ -43,19 +44,29 @@ const Button = React.forwardRef((props, ref) => {
       onClick(e);
     }
   };
+  if (getEnv() === "WEB") {
+    rest.type = rest.formType;
+  }
   return (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     // eslint-disable-next-line react/button-has-type
     React.createElement(
       "button",
-      { ...rest, ref, className: classNames(prefixCls, className, props.type ? `${prefixCls}--${type}` : null, props.fill ? `${prefixCls}--${fill}` : null, {
-        [`${prefixCls}--${size}`]: size,
-        [`${prefixCls}--${shape}`]: shape,
-        [`${prefixCls}--block`]: block,
-        [`${prefixCls}--disabled`]: disabled,
-        [`${prefixCls}--loading`]: loading
-      }), style: { ...getStyle(), ...style }, onClick: (e) => handleClick(e) },
+      {
+        ...rest,
+        // type={Taro.getEnv() === 'WEB''reset'}
+        ref,
+        className: classNames(prefixCls, className, props.type ? `${prefixCls}--${type}` : null, props.fill ? `${prefixCls}--${fill}` : null, {
+          [`${prefixCls}--${size}`]: size,
+          [`${prefixCls}--${shape}`]: shape,
+          [`${prefixCls}--block`]: block,
+          [`${prefixCls}--disabled`]: disabled,
+          [`${prefixCls}--loading`]: loading
+        }),
+        style: { ...getStyle(), ...style },
+        onClick: (e) => handleClick(e)
+      },
       React.createElement(
         "div",
         { className: "nut-button__warp" },

package/dist/esm/calendar.taro-63544d95.js

@@ -0,0 +1,70 @@
+import React, { useRef } from "react";
+import { P as Popup } from "./popup.taro-23f882b0.js";
+import { U as Utils, C as CalendarItem } from "./calendaritem.taro-c222ea25.js";
+import { u as useConfig } from "./configprovider.taro-a7f3bcfd.js";
+const defaultProps = {
+  type: "single",
+  autoBackfill: false,
+  popup: true,
+  visible: false,
+  title: "",
+  defaultValue: "",
+  startDate: Utils.getDay(0),
+  endDate: Utils.getDay(365),
+  showToday: true,
+  startText: "",
+  endText: "",
+  confirmText: "",
+  showTitle: true,
+  showSubTitle: true,
+  scrollAnimation: true,
+  renderHeaderButtons: void 0,
+  renderDay: void 0,
+  renderDayTop: void 0,
+  renderDayBottom: void 0,
+  onClose: () => {
+  },
+  onConfirm: (param) => {
+  },
+  onClickDay: (data) => {
+  },
+  onPageChange: (param) => {
+  }
+};
+const Calendar = React.forwardRef((props, ref) => {
+  const { locale } = useConfig();
+  const { children, popup, visible, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onClose, onConfirm, onClickDay, onPageChange } = { ...defaultProps, ...props };
+  const calendarRef = useRef(null);
+  const close = () => {
+    onClose && onClose();
+  };
+  const choose = (param) => {
+    close();
+    onConfirm && onConfirm(param);
+  };
+  const closePopup = () => {
+    close();
+  };
+  const select = (param) => {
+    onClickDay && onClickDay(param);
+  };
+  const scrollToDate = (date) => {
+    var _a;
+    (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date);
+  };
+  const yearMonthChange = (param) => {
+    onPageChange && onPageChange(param);
+  };
+  React.useImperativeHandle(ref, () => ({
+    scrollToDate
+  }));
+  const renderItem = () => {
+    return React.createElement(CalendarItem, { ref: calendarRef, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onClickDay: select, onPageChange: yearMonthChange });
+  };
+  return React.createElement(React.Fragment, null, popup ? React.createElement(Popup, { visible, position: "bottom", round: true, duration: 0.5, closeable: true, destroyOnClose: true, onClickOverlay: closePopup, onClickCloseIcon: closePopup, style: { height: "85vh" } }, renderItem()) : renderItem());
+});
+Calendar.defaultProps = defaultProps;
+Calendar.displayName = "NutCalendar";
+export {
+  Calendar as C
+};