@nutui/nutui-react-taro 1.3.11-beta.0 → 1.3.12-beta.0

package/dist/esm/collapse.taro-13cde270.js

@@ -1,95 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { memo, useState, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  activeName: ['0'],
-  accordion: false,
-  icon: '',
-  iconSize: '16px',
-  iconColor: '',
-  rotate: 180
-};
-function areEqual(prevProps, nextProps) {
-  return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
-}
-var Collapse = memo(function (props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    children = _defaultProps$props.children,
-    activeName = _defaultProps$props.activeName,
-    accordion = _defaultProps$props.accordion,
-    icon = _defaultProps$props.icon,
-    rotate = _defaultProps$props.rotate,
-    iconSize = _defaultProps$props.iconSize,
-    iconColor = _defaultProps$props.iconColor,
-    onChange = _defaultProps$props.onChange;
-  var childrenDom = React__default.Children.toArray(children);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultOpenIndex = _useState2[0],
-    setDefaultOpenIndex = _useState2[1];
-  var handleActiveName = function handleActiveName() {
-    var activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      // 数组
-      if (accordion && activeName.length > 1) {
-        console.warn('手风琴模式不支持传递多个打开页签');
-      }
-      var activeNameStr = activeName.map(function (item) {
-        return item.toString();
-      });
-      activeArr = _toConsumableArray(activeNameStr);
-    }
-    return activeArr;
-  };
-  var colBem = cn('collapse');
-  useEffect(function () {
-    var activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  var _onToggle = function onToggle(isOpen, name) {
-    var newOpenIndex = _toConsumableArray(defaultOpenIndex);
-    if (isOpen) {
-      // 当前状态为true，则变为false,闭合
-      var removeIndex = newOpenIndex.findIndex(function (value) {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      // 当前状态为false，变为true，展开
-      // eslint-disable-next-line no-lonely-if
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    onChange && onChange(!isOpen, name);
-  };
-  return React__default.createElement("div", {
-    className: "".concat(colBem(), " ").concat(className),
-    style: style
-  }, childrenDom.map(function (item) {
-    return React__default.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: function onToggle(isOpen, name) {
-        return _onToggle(isOpen, name);
-      },
-      icon: icon,
-      rotate: rotate,
-      iconSize: iconSize,
-      iconColor: iconColor
-    });
-  }));
-}, areEqual);
-Collapse.defaultProps = defaultProps;
-Collapse.displayName = 'NutCollapse';
-export { Collapse as C };

package/dist/esm/collapseitem-75843a5e.js

@@ -1,143 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "icon", "rotate", "subTitle", "titleIcon", "titleIconColor", "titleIconPosition", "titleIconSize", "iconSize", "iconColor", "childnull", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect, useCallback } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  name: '',
-  isOpen: false,
-  icon: '',
-  iconSize: '',
-  iconColor: '',
-  disabled: false,
-  rotate: 180,
-  subTitle: '',
-  titleIcon: '',
-  titleIconColor: '',
-  titleIconPosition: '',
-  titleIconSize: '',
-  childnull: true
-});
-var CollapseItem = function CollapseItem(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    title = _defaultProps$props.title,
-    isOpen = _defaultProps$props.isOpen,
-    onToggle = _defaultProps$props.onToggle,
-    name = _defaultProps$props.name,
-    disabled = _defaultProps$props.disabled,
-    icon = _defaultProps$props.icon,
-    rotate = _defaultProps$props.rotate,
-    subTitle = _defaultProps$props.subTitle,
-    titleIcon = _defaultProps$props.titleIcon,
-    titleIconColor = _defaultProps$props.titleIconColor,
-    titleIconPosition = _defaultProps$props.titleIconPosition,
-    titleIconSize = _defaultProps$props.titleIconSize,
-    iconSize = _defaultProps$props.iconSize,
-    iconColor = _defaultProps$props.iconColor,
-    childnull = _defaultProps$props.childnull,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(-1),
-    _useState2 = _slicedToArray(_useState, 2),
-    domHeight = _useState2[0],
-    setDomHeight = _useState2[1]; // 保存content的高度
-  var _useState3 = useState('auto'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currHeight = _useState4[0],
-    setCurrHeight = _useState4[1]; // 设置content的高度
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    update = _useState6[0],
-    setUpdate = _useState6[1];
-  var _useState7 = useState({
-      transform: 'translateY(-50%)'
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    iconStyle = _useState8[0],
-    setIconStyle = _useState8[1];
-  var colBem = cn('collapse-item');
-  useEffect(function () {
-    setCurrHeight('auto');
-    setUpdate(!update);
-  }, [children]);
-  var measuredRef = useCallback(function (node) {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [update]);
-  useEffect(function () {
-    // 一开始content都有高度，在这里根据isOpen，改变其高度
-    setTimeout(function () {
-      if (domHeight !== -1) {
-        isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight('0px');
-      }
-      var newIconStyle = isOpen ? {
-        transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
-      } : {
-        transform: 'translateY(-50%)'
-      };
-      setIconStyle(newIconStyle);
-    }, 10);
-  }, [isOpen, domHeight, rotate]);
-  return React__default.createElement("div", _objectSpread({
-    className: colBem()
-  }, rest), React__default.createElement("div", {
-    className: colBem('header', {
-      disabled: disabled
-    }),
-    onClick: function onClick() {
-      if (disabled) return;
-      onToggle && onToggle(isOpen, name);
-    }
-  }, React__default.createElement("div", {
-    className: colBem('title')
-  }, titleIcon && titleIconPosition === 'left' && React__default.createElement("b", {
-    className: colBem('title-icon-left')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: titleIcon,
-    size: titleIconSize,
-    color: disabled ? '#C2C2C2' : titleIconColor
-  })), title, titleIcon && titleIconPosition === 'right' && React__default.createElement("b", {
-    className: colBem('title-icon-right')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: titleIcon,
-    size: titleIconSize,
-    color: disabled ? '#C2C2C2' : titleIconColor
-  }))), React__default.createElement("div", {
-    className: colBem('sub-title')
-  }, subTitle), React__default.createElement("div", {
-    className: colBem('icon-box')
-  }, React__default.createElement("div", {
-    className: colBem('icon'),
-    style: iconStyle
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon,
-    size: iconSize,
-    color: disabled ? '#C2C2C2' : iconColor
-  })))), childnull && React__default.createElement("div", {
-    className: colBem('content'),
-    style: {
-      height: currHeight
-    },
-    ref: measuredRef
-  }, React__default.createElement("div", {
-    className: colBem('content-text')
-  }, children)));
-};
-CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = 'NutCollapseItem';
-export { CollapseItem as C };

package/dist/esm/configprovider-3e87d67a.js

@@ -1,17 +0,0 @@
-import { createContext, useContext } from 'react';
-import { z as zhCN } from './zh-CN-14165629.js';
-var defaultConfigRef = {
-  current: {
-    locale: zhCN
-  }
-};
-var getDefaultConfig = function getDefaultConfig() {
-  return defaultConfigRef.current;
-};
-var useConfig = function useConfig() {
-  var _useContext;
-  return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
-};
-// 创建一个 Context 对象
-var ConfigContext = createContext(null);
-export { useConfig as u };

package/dist/esm/configprovider.taro-6c7b3056.js

@@ -1,36 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { createContext, useContext } from 'react';
-import { z as zhCN } from './zh-CN-14165629.js';
-var defaultProps = {
-  locale: zhCN
-};
-var defaultConfigRef = {
-  current: {
-    locale: zhCN
-  }
-};
-var getDefaultConfig = function getDefaultConfig() {
-  return defaultConfigRef.current;
-};
-var useConfig = function useConfig() {
-  var _useContext;
-  return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
-};
-// 创建一个 Context 对象
-var ConfigContext = createContext(null);
-var ConfigProvider = function ConfigProvider(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    config = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var parentConfig = useConfig();
-  return React__default.createElement(ConfigContext.Provider, {
-    value: _objectSpread(_objectSpread({}, parentConfig), config)
-  }, children);
-};
-ConfigProvider.defaultProps = defaultProps;
-ConfigProvider.displayName = 'NutConfigProvider';
-export { ConfigProvider as C, useConfig as u };

package/dist/esm/countdown.taro-f2d9ffed.js

@@ -1,246 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["paused", "startTime", "endTime", "millisecond", "format", "autoStart", "time", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-6c7b3056.js';
-var defaultProps = {
-  paused: false,
-  startTime: Date.now(),
-  endTime: Date.now(),
-  millisecond: false,
-  format: 'HH:mm:ss',
-  autoStart: true,
-  time: 0
-};
-var InternalCountDown = function InternalCountDown(props, ref) {
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    paused = _defaultProps$props.paused,
-    startTime = _defaultProps$props.startTime,
-    endTime = _defaultProps$props.endTime,
-    millisecond = _defaultProps$props.millisecond,
-    format = _defaultProps$props.format,
-    autoStart = _defaultProps$props.autoStart,
-    time = _defaultProps$props.time,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    onEnd = _defaultProps$props.onEnd,
-    onPaused = _defaultProps$props.onPaused,
-    onRestart = _defaultProps$props.onRestart,
-    onUpdate = _defaultProps$props.onUpdate,
-    children = _defaultProps$props.children,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('countdown');
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    restTimeStamp = _useState2[0],
-    setRestTime = _useState2[1];
-  var stateRef = useRef({
-    pauseTime: 0,
-    curr: 0,
-    isPaused: paused,
-    isIninted: false,
-    timer: 0,
-    restTime: 0,
-    counting: !paused && autoStart,
-    handleEndTime: Date.now(),
-    diffTime: 0 // 设置了 startTime 时，与 date.now() 的差异
-  });
-  // 时间戳转换 或 获取当前时间的时间戳
-  var getTimeStamp = function getTimeStamp(timeStr) {
-    if (!timeStr) return Date.now();
-    var t = timeStr;
-    t = t > 0 ? +t : t.toString().replace(/-/g, '/');
-    return new Date(t).getTime();
-  };
-  // 倒计时 interval
-  var initTime = function initTime() {
-    stateRef.current.handleEndTime = endTime;
-    stateRef.current.diffTime = Date.now() - getTimeStamp(startTime); // 时间差
-    if (!stateRef.current.counting) stateRef.current.counting = true;
-    tick();
-  };
-  var tick = function tick() {
-    stateRef.current.timer = requestAnimationFrame(function () {
-      if (stateRef.current.counting) {
-        var currentTime = Date.now() - stateRef.current.diffTime;
-        var remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
-        stateRef.current.restTime = remainTime;
-        setRestTime(remainTime);
-        if (!remainTime) {
-          stateRef.current.counting = false;
-          pause();
-          onEnd && onEnd();
-        }
-        if (remainTime > 0) {
-          tick();
-        }
-      }
-    });
-  };
-  // 将倒计时剩余时间格式化   参数： t  时间戳  type custom 自定义类型
-  var formatRemainTime = function formatRemainTime(t, type) {
-    var ts = t;
-    var rest = {
-      d: 0,
-      h: 0,
-      m: 0,
-      s: 0,
-      ms: 0
-    };
-    var SECOND = 1000;
-    var MINUTE = 60 * SECOND;
-    var HOUR = 60 * MINUTE;
-    var DAY = 24 * HOUR;
-    if (ts > 0) {
-      rest.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
-      rest.h = Math.floor(ts % DAY / HOUR);
-      rest.m = Math.floor(ts % HOUR / MINUTE);
-      rest.s = Math.floor(ts % MINUTE / SECOND);
-      rest.ms = Math.floor(ts % SECOND);
-    }
-    return type === 'custom' ? rest : parseFormat(_objectSpread({}, rest));
-  };
-  var parseFormat = function parseFormat(time) {
-    var d = time.d;
-    var h = time.h,
-      m = time.m,
-      s = time.s,
-      ms = time.ms;
-    var formatCache = format;
-    if (formatCache.includes('DD')) {
-      formatCache = formatCache.replace('DD', padZero(d));
-    } else {
-      h += Number(d) * 24;
-    }
-    if (formatCache.includes('HH')) {
-      formatCache = formatCache.replace('HH', padZero(h));
-    } else {
-      m += Number(h) * 60;
-    }
-    if (formatCache.includes('mm')) {
-      formatCache = formatCache.replace('mm', padZero(m));
-    } else {
-      s += Number(m) * 60;
-    }
-    if (formatCache.includes('ss')) {
-      formatCache = formatCache.replace('ss', padZero(s));
-    } else {
-      ms += Number(s) * 1000;
-    }
-    if (formatCache.includes('S')) {
-      var msC = padZero(ms, 3).toString();
-      if (formatCache.includes('SSS')) {
-        formatCache = formatCache.replace('SSS', msC);
-      } else if (formatCache.includes('SS')) {
-        formatCache = formatCache.replace('SS', msC.slice(0, 2));
-      } else if (formatCache.includes('S')) {
-        formatCache = formatCache.replace('SS', msC.slice(0, 1));
-      }
-    }
-    return formatCache;
-  };
-  var padZero = function padZero(num) {
-    var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    num += '';
-    while (num.length < length) {
-      num = "0".concat(num);
-    }
-    return num.toString();
-  };
-  // 暂定
-  var pause = function pause() {
-    cancelAnimationFrame(stateRef.current.timer);
-    stateRef.current.counting = false;
-    onPaused && onPaused(stateRef.current.restTime);
-  };
-  useImperativeHandle(ref, function () {
-    return {
-      start: function start() {
-        if (!stateRef.current.counting && !autoStart) {
-          stateRef.current.counting = true;
-          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-          tick();
-          onRestart && onRestart(stateRef.current.restTime);
-        }
-      },
-      pause: function pause() {
-        cancelAnimationFrame(stateRef.current.timer);
-        stateRef.current.counting = false;
-        onPaused && onPaused(stateRef.current.restTime);
-      },
-      reset: function reset() {
-        if (!autoStart) {
-          pause();
-          stateRef.current.restTime = time;
-          setRestTime(time);
-        }
-      }
-    };
-  });
-  // 监听值变更
-  useEffect(function () {
-    var tranTime = formatRemainTime(stateRef.current.restTime, 'custom');
-    onUpdate && onUpdate(tranTime);
-  }, [restTimeStamp]);
-  // 监听暂停
-  useEffect(function () {
-    if (stateRef.current.isIninted) {
-      if (paused) {
-        if (stateRef.current.counting) {
-          pause();
-        }
-      } else {
-        if (!stateRef.current.counting) {
-          stateRef.current.counting = true;
-          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-          tick();
-        }
-        onRestart && onRestart(stateRef.current.restTime);
-      }
-    }
-  }, [paused]);
-  // 监听开始结束时间变更
-  useEffect(function () {
-    if (stateRef.current.isIninted) {
-      initTime();
-    }
-  }, [endTime, startTime]);
-  // 初始化
-  useEffect(function () {
-    if (autoStart) {
-      initTime();
-    } else {
-      stateRef.current.restTime = time;
-      setRestTime(time);
-    }
-    if (!stateRef.current.isIninted) {
-      stateRef.current.isIninted = true;
-    }
-    return componentWillUnmount;
-  }, []);
-  var componentWillUnmount = function componentWillUnmount() {
-    clearInterval(stateRef.current.timer);
-  };
-  var renderTime = function () {
-    return formatRemainTime(stateRef.current.restTime);
-  }();
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || ''),
-    style: _objectSpread({}, style)
-  }, rest), children || React__default.createElement("div", {
-    className: b('block'),
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: "".concat(renderTime)
-    }
-  }));
-};
-var CountDown = React__default.forwardRef(InternalCountDown);
-CountDown.defaultProps = defaultProps;
-CountDown.displayName = 'NutCountDown';
-export { CountDown as C };