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

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

@@ -0,0 +1,95 @@
+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

@@ -0,0 +1,143 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,246 @@
+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 };