@nutui/nutui-react-taro 2.3.12 → 2.4.1-beta.0

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

@@ -1,136 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { forwardRef, useState, useImperativeHandle } from "react";
-import { Check, Location, ArrowLeft } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
-import { ScrollView } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
-import { C as Cascader } from "./cascader.taro-CpofskUL.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-const defaultProps$2 = {
-  type: "custom",
-  existList: [],
-  defaultIcon: null,
-  selectIcon: null,
-  custom: false
-};
-const ExistRender = (props) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps$2), props), { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch } = _a;
-  __rest(_a, ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"]);
-  const classPrefix = "nut-address";
-  const selectedExist = (item) => {
-    existList.forEach((list, index) => {
-      list.selectedAddress = false;
-    });
-    item.selectedAddress = true;
-    onSelect && onSelect(item);
-  };
-  const onClick = (e) => {
-    e.stopPropagation();
-    onSwitch && onSwitch({ type: type === "exist" ? "custom" : "exist" });
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      ScrollView,
-      { scrollY: true, style: { height: "100%" } },
-      React__default.createElement("ul", { className: `${classPrefix}-exist` }, existList.map((item, index) => {
-        return React__default.createElement(
-          "li",
-          { className: `${classPrefix}-exist-item ${item.selectedAddress ? "active" : ""}`, key: index, onClick: (e) => {
-            e.stopPropagation();
-            selectedExist(item);
-          } },
-          item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, { color: "#FA2C19" })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)),
-          React__default.createElement(
-            "div",
-            { className: `${classPrefix}-exist-item-info` },
-            item.name && item.phone && React__default.createElement(
-              React__default.Fragment,
-              null,
-              React__default.createElement("div", null, item.name),
-              React__default.createElement("div", null, item.phone)
-            ),
-            React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)
-          )
-        );
-      }))
-    ),
-    (custom || custom && locale.address.chooseAnotherAddress) && React__default.createElement(
-      "div",
-      { className: `${classPrefix}-footer`, onClick },
-      React__default.createElement("div", { className: `${classPrefix}-footer-btn` }, custom)
-    )
-  );
-};
-const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, height: "200px" });
-const CustomRender = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange } = _a, rest = __rest(_a, ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"]);
-  return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, Object.assign({ visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
-    onClose === null || onClose === void 0 ? void 0 : onClose();
-  }, onChange: (val) => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(val);
-  }, onPathChange }, rest)));
-};
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { 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 InternalAddress = (props, ref) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch } = _a;
-  __rest(_a, ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"]);
-  const classPrefix = "nut-address";
-  const [currentType, setCurrentType] = useState(type);
-  const [innerVisible, setInnerVisible] = usePropsValue({
-    value: visible,
-    defaultValue: defaultVisible,
-    finalValue: defaultVisible
-  });
-  useImperativeHandle(ref, () => {
-    return {
-      open() {
-        setInnerVisible(true);
-      },
-      close() {
-        setInnerVisible(false);
-      }
-    };
-  });
-  const handleClose = () => {
-    setInnerVisible(false);
-    onClose && onClose();
-  };
-  const renderLeftOnCustomSwitch = () => {
-    return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, { color: "#cccccc" })));
-  };
-  const selectedExistItem = (data) => {
-    onExistSelect && onExistSelect(data);
-    handleClose();
-  };
-  const onSwitchModule = () => {
-    if (currentType === "exist") {
-      setCurrentType("custom");
-    } else {
-      setCurrentType("exist");
-    }
-    onSwitch && onSwitch({ type: currentType });
-  };
-  return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: innerVisible, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, closeIcon, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
-  } }) : React__default.createElement(
-    Popup,
-    { visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix} ${className || ""}`, style: Object.assign({}, style) },
-      // 不需要 close，选中切换即关闭弹框。可手动关闭弹框，只关闭弹框不处理逻辑。
-      React__default.createElement(ExistRender, { type: currentType, existList, selectIcon, defaultIcon, custom, onSelect: selectedExistItem, onSwitch: onSwitchModule })
-    )
-  ));
-};
-const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps;
-Address.displayName = "NutAddress";
-export {
-  Address as A
-};

package/dist/esm/audio.taro-DXxWGngO.js

@@ -1,167 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useState, useRef } from "react";
-import { createInnerAudioContext } from "@tarojs/taro";
-import { Service } from "@nutui/icons-react-taro";
-import { R as Range } from "./range.taro-BxMDs5Cy.js";
-import { B as Button } from "./button.taro-OKGsDVW7.js";
-import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { className: "", url: "", style: {}, autoplay: false, loop: false, type: "progress", onFastBack: (ctx) => {
-}, onForward: (ctx) => {
-}, onPause: (ctx) => {
-}, onPlay: (ctx) => {
-}, onPlayEnd: (ctx) => {
-}, onCanPlay: (ctx) => {
-} });
-const Audio = (props) => {
-  const classPrefix = "nut-audio";
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName } = _a, rest = __rest(_a, ["className", "url", "style", "autoplay", "loop", "type", "onFastBack", "onForward", "onPause", "onPlay", "onPlayEnd", "onCanPlay", "children", "iconClassPrefix", "iconFontClassName"]);
-  const [playing, setPlaying] = useState(false);
-  const [totalSeconds, setTotalSeconds] = useState(0);
-  const [percent, setPercent] = useState(0);
-  const [isCanPlay, setIsCanPlay] = useState(false);
-  const [currentDuration, setCurrentDuration] = useState("00:00:00");
-  const statusRef = useRef({
-    currentTime: 0,
-    currentDuration: "00:00:00",
-    percent: 0
-  });
-  const audioRef = useRef(createInnerAudioContext());
-  const audioCtx = audioRef.current;
-  audioCtx.src = url;
-  audioCtx.autoplay = autoplay || false;
-  audioCtx.loop = loop || false;
-  audioCtx.onPause(() => {
-    props.onPause && props.onPause(audioCtx);
-  });
-  audioCtx.onEnded(() => {
-    if (props.loop) {
-      console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
-    } else {
-      props.onPlayEnd && props.onPlayEnd(audioCtx);
-    }
-  });
-  audioCtx.onPlay(() => {
-    const { duration } = audioCtx;
-    setTotalSeconds(Math.floor(duration));
-    props.onPlay && props.onPlay(audioCtx);
-  });
-  audioCtx.onCanplay(() => {
-    const intervalID = setInterval(function() {
-      if (audioCtx.duration !== 0) {
-        setTotalSeconds(audioCtx.duration);
-        clearInterval(intervalID);
-      }
-    }, 500);
-    setIsCanPlay(true);
-    props.onCanPlay && props.onCanPlay(audioCtx);
-  });
-  audioCtx.onTimeUpdate(() => {
-    const time = parseInt(`${audioCtx.currentTime}`);
-    const formated = formatSeconds(`${time}`);
-    statusRef.current.currentDuration = formated;
-    setPercent(time / totalSeconds * 100);
-    setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
-  });
-  audioCtx.onError((res) => {
-    console.warn("code", res.errCode);
-    console.warn("message", res.errMsg);
-  });
-  function formatSeconds(value) {
-    if (!value) {
-      return "00:00:00";
-    }
-    const time = parseInt(value);
-    const hours = Math.floor(time / 3600);
-    const minutes = Math.floor((time - hours * 3600) / 60);
-    const secondss = time - hours * 3600 - minutes * 60;
-    let result = "";
-    result += `${`0${hours.toString()}`.slice(-2)}:`;
-    result += `${`0${minutes.toString()}`.slice(-2)}:`;
-    result += `0${secondss.toString()}`.slice(-2);
-    return result;
-  }
-  const handleBack = () => {
-    const currentTime = Math.floor(audioCtx.currentTime);
-    statusRef.current.currentTime = Math.max(currentTime - 1, 0);
-    setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-    audioCtx.seek(statusRef.current.currentTime);
-    props.onFastBack && props.onFastBack(audioCtx);
-  };
-  const handleForward = () => {
-    const currentTime = Math.floor(audioCtx.currentTime);
-    statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
-    setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-    audioCtx.seek(statusRef.current.currentTime);
-    props.onForward && props.onForward(audioCtx);
-  };
-  const handleStatusChange = () => {
-    setPlaying(!playing);
-    if (!playing) {
-      audioCtx.play();
-    } else {
-      audioCtx.pause();
-    }
-  };
-  const renderIcon = () => {
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-icon` },
-        React__default.createElement(
-          "div",
-          { className: `${classPrefix}-icon-box} ${playing ? `${classPrefix}-icon-play}` : `${classPrefix}-icon-stop}`}`, onClick: handleStatusChange },
-          React__default.createElement(Service, { className: playing ? "nut-icon-loading" : "" })
-        )
-      )
-    );
-  };
-  const renderProgerss = () => {
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-progress` },
-        React__default.createElement("div", { className: "time" }, currentDuration),
-        React__default.createElement(
-          "div",
-          { className: `${classPrefix}-progress-bar-wrapper` },
-          React__default.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
-        ),
-        React__default.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || "00:00:00")
-      ),
-      React__default.createElement(
-        "div",
-        { className: isCanPlay ? "custom-button-group" : "custom-button-group-disable" },
-        React__default.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || "快退"),
-        React__default.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing ? `${locale.audio.pause || "暂停"}` : `${locale.audio.start || "开始"}`),
-        React__default.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || "快进")
-      )
-    );
-  };
-  const renderNone = () => {
-    return React__default.createElement("div", { className: `${classPrefix}-none-container`, onClick: handleStatusChange }, children);
-  };
-  const renderAudio = () => {
-    switch (type) {
-      case "icon":
-        return renderIcon();
-      case "progress":
-        return renderProgerss();
-      case "none":
-        return renderNone();
-      default:
-        return null;
-    }
-  };
-  return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style }, rest), renderAudio());
-};
-Audio.defaultProps = defaultProps;
-Audio.displayName = "NutAudio";
-export {
-  Audio as A
-};