@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/CollapseItem.js

@@ -2,17 +2,13 @@ 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 Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: '',
   name: '',
@@ -29,53 +25,45 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   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);
-
+    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的高度
-
-
+    _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的高度
-
-
+    _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];
-
+    _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];
-
+      transform: 'translateY(-50%)'
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    iconStyle = _useState8[0],
+    setIconStyle = _useState8[1];
   var colBem = cn('collapse-item');
   useEffect(function () {
     setCurrHeight('auto');
@@ -92,7 +80,6 @@ var CollapseItem = function CollapseItem(props) {
       if (domHeight !== -1) {
         isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight('0px');
       }
-
       var newIconStyle = isOpen ? {
         transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
       } : {
@@ -152,7 +139,6 @@ var CollapseItem = function CollapseItem(props) {
     className: colBem('content-text')
   }, children)));
 };
-
 CollapseItem.defaultProps = defaultProps;
 CollapseItem.displayName = 'NutCollapseItem';
 export { CollapseItem as default };

package/dist/esm/ConfigProvider.js

@@ -1,11 +1,8 @@
 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';
 var zhCN = {
   save: '保存',
@@ -146,35 +143,27 @@ var defaultConfigRef = {
     locale: zhCN
   }
 };
-
 var setDefaultConfig = function setDefaultConfig(config) {
   defaultConfigRef.current = config;
 };
-
 var getDefaultConfig = function getDefaultConfig() {
   return defaultConfigRef.current;
 };
-
 var useConfig = function useConfig() {
   var _useContext;
-
   return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
-}; // 创建一个 Context 对象
-
-
+};
+// 创建一个 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);
-
+    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 default, getDefaultConfig, setDefaultConfig, useConfig };

package/dist/esm/CountDown.js

@@ -2,11 +2,8 @@ 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 { useConfig } from './ConfigProvider.js';
@@ -20,34 +17,29 @@ var defaultProps = {
   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);
-
+    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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    restTimeStamp = _useState2[0],
+    setRestTime = _useState2[1];
   var stateRef = useRef({
     pauseTime: 0,
     curr: 0,
@@ -58,25 +50,21 @@ var InternalCountDown = function InternalCountDown(props, ref) {
     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
-
-
+  };
+  // 倒计时 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) {
@@ -84,21 +72,18 @@ var InternalCountDown = function InternalCountDown(props, ref) {
         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 自定义类型
-
-
+  };
+  // 将倒计时剩余时间格式化   参数： t  时间戳  type custom 自定义类型
   var formatRemainTime = function formatRemainTime(t, type) {
     var ts = t;
     var rest = {
@@ -112,7 +97,6 @@ var InternalCountDown = function InternalCountDown(props, ref) {
     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);
@@ -120,45 +104,37 @@ var InternalCountDown = function InternalCountDown(props, ref) {
       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;
+      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')) {
@@ -167,28 +143,22 @@ var InternalCountDown = function InternalCountDown(props, ref) {
         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() {
@@ -212,13 +182,13 @@ var InternalCountDown = function InternalCountDown(props, ref) {
         }
       }
     };
-  }); // 监听值变更
-
+  });
+  // 监听值变更
   useEffect(function () {
     var tranTime = formatRemainTime(stateRef.current.restTime, 'custom');
     onUpdate && onUpdate(tranTime);
-  }, [restTimeStamp]); // 监听暂停
-
+  }, [restTimeStamp]);
+  // 监听暂停
   useEffect(function () {
     if (stateRef.current.isIninted) {
       if (paused) {
@@ -231,18 +201,17 @@ var InternalCountDown = function InternalCountDown(props, ref) {
           stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
           tick();
         }
-
         onRestart && onRestart(stateRef.current.restTime);
       }
     }
-  }, [paused]); // 监听开始结束时间变更
-
+  }, [paused]);
+  // 监听开始结束时间变更
   useEffect(function () {
     if (stateRef.current.isIninted) {
       initTime();
     }
-  }, [endTime, startTime]); // 初始化
-
+  }, [endTime, startTime]);
+  // 初始化
   useEffect(function () {
     if (autoStart) {
       initTime();
@@ -250,22 +219,17 @@ var InternalCountDown = function InternalCountDown(props, ref) {
       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)
@@ -277,7 +241,6 @@ var InternalCountDown = function InternalCountDown(props, ref) {
     }
   }));
 };
-
 var CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps;
 CountDown.displayName = 'NutCountDown';