@nutui/nutui-react 1.1.0 → 1.1.2-beta.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## v1.1.1
+`2022-03-21`
+
+* :zap: feat(tabs):  新增 tabs 组件(#99 ) @HaoGeShuoHuaNiHaoHaoTing
+* :zap: feat(datepicker): 新增 datepicker 组件(#102 ) @dushoujun
+* :zap: feat(skeleton): 新增 skeleton 组件(#96 ) @junjun666
+* :zap: feat: NutUI-React 官网增加 tabs、datepicker、skeleton 组件的文档。
+
+
 ## v1.1.0
 `2022-02-25`
 

package/dist/esm/Address.js

@@ -161,7 +161,6 @@ var CustomRender = function CustomRender(props) {
     data.forEach(function (item) {
       if (!item.title) {
         console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
-        return;
       }
     });
     var newData = [];
@@ -196,7 +195,7 @@ var CustomRender = function CustomRender(props) {
   }),
       _useState8 = _slicedToArray(_useState7, 2),
       regionList = _useState8[0],
-      setRegionList = _useState8[1]; //已选择的 省、市、县、镇
+      setRegionList = _useState8[1]; // 已选择的 省、市、县、镇
 
 
   var _useState9 = useState({
@@ -220,7 +219,7 @@ var CustomRender = function CustomRender(props) {
   var _useState11 = useState(20),
       _useState12 = _slicedToArray(_useState11, 2),
       lineDistance = _useState12[0],
-      setLineDistance = _useState12[1]; //获取已选地区列表名称
+      setLineDistance = _useState12[1]; // 获取已选地区列表名称
 
 
   var getTabName = function getTabName(item, index) {
@@ -228,9 +227,9 @@ var CustomRender = function CustomRender(props) {
 
     if (tabIndex < index) {
       return item.name;
-    } else {
-      return '请选择';
     }
+
+    return '请选择';
   };
 
   var mapRef = {
@@ -247,7 +246,7 @@ var CustomRender = function CustomRender(props) {
 
       if (name && refD[name] && refD[name].current) {
         var distance = refD[name].current.offsetLeft;
-        setLineDistance(distance ? distance : 20);
+        setLineDistance(distance || 20);
       }
     }, 0);
   }; // 切换下一级列表
@@ -287,7 +286,7 @@ var CustomRender = function CustomRender(props) {
     } else {
       onClose && onClose();
     }
-  }; //切换地区Tab
+  }; // 切换地区Tab
 
 
   var changeRegionTab = function changeRegionTab(item, index) {
@@ -350,7 +349,7 @@ var CustomRender = function CustomRender(props) {
     className: b('tab-line'),
     ref: regionLine,
     style: {
-      left: lineDistance + 'px'
+      left: "".concat(lineDistance, "px")
     }
   })), privateType === 'custom' && React__default.createElement("div", {
     className: b('region-con')
@@ -458,7 +457,7 @@ var Address = function Address(props) {
   }),
       _useState20 = _slicedToArray(_useState19, 2),
       selectedRegion = _useState20[0],
-      setSelectedRegion = _useState20[1]; //已选择的 省、市、县、镇
+      setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
 
 
   var _useState21 = useState({}),
@@ -521,10 +520,11 @@ var Address = function Address(props) {
 
 
   var closeFun = function closeFun() {
-    var resCopy = Object.assign({
+    var resCopy = _objectSpread({
       addressIdStr: '',
       addressStr: ''
     }, selectedRegion);
+
     var res = {
       data: {},
       type: privateType
@@ -601,7 +601,7 @@ var Address = function Address(props) {
       closeFun();
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className ? className : ''),
+    className: "".concat(b(), " ").concat(className || ''),
     style: _objectSpread({}, style)
   }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
     type: privateType,

package/dist/esm/AnimatingNumbers.js

@@ -100,7 +100,7 @@ var CountUp = function CountUp(props) {
   }, numerArr.map(function (item, idx) {
     return React__default.createElement("li", {
       className: "".concat(b('listitem', {
-        number: !isNaN(item) ? true : false
+        number: !isNaN(item)
       })),
       key: idx
     }, !isNaN(item) ? React__default.createElement("span", {

package/dist/esm/Avatar.js

@@ -7,8 +7,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 from 'react';
-import Icon from './Icon.js';
 import classNames from 'classnames';
+import Icon from './Icon.js';
 var defaultProps = {
   size: 'normal',
   icon: '',
@@ -34,7 +34,7 @@ var Avatar = function Avatar(props) {
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var sizeValue = ['large', 'normal', 'small'];
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls), true), _defineProperty(_classNames, 'avatar-' + size, true), _defineProperty(_classNames, 'avatar-' + shape, true), _classNames));
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls), true), _defineProperty(_classNames, "avatar-".concat(size), true), _defineProperty(_classNames, "avatar-".concat(shape), true), _classNames));
   var cls = classNames(classes, className);
 
   var styles = _objectSpread({

package/dist/esm/BackTop.js

@@ -42,7 +42,7 @@ var BackTop = function BackTop(props) {
       SetScrollTop = _useState4[1];
 
   var startTime = 0;
-  var scrollEl = elId ? document.getElementById(elId) : window; //初始化
+  var scrollEl = elId ? document.getElementById(elId) : window; // 初始化
 
   useEffect(function () {
     init();
@@ -100,26 +100,26 @@ var BackTop = function BackTop(props) {
 
   var initCancelAniFrame = function initCancelAniFrame() {
     window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-  }; //防频
+  }; // 防频
 
 
   var requestAniFrame = function requestAniFrame() {
     return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
       window.setTimeout(callback, 1000 / 60);
     };
-  }; //监听事件
+  }; // 监听事件
 
 
   function addEventListener() {
     scrollEl.addEventListener('scroll', scrollListener, false);
     scrollEl.addEventListener('resize', scrollListener, false);
-  } //移除监听事件
+  } // 移除监听事件
 
 
   function removeEventListener() {
     scrollEl.removeEventListener('scroll', scrollListener, false);
     scrollEl.removeEventListener('resize', scrollListener, false);
-  } //返回顶部点击事件
+  } // 返回顶部点击事件
 
 
   var goTop = function goTop(e) {
@@ -135,10 +135,10 @@ var BackTop = function BackTop(props) {
     zIndex: zIndex
   };
   return React__default.createElement("div", {
-    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className ? className : ''),
+    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
     style: _objectSpread(_objectSpread({}, backTopClass), style),
     onClick: goTop
-  }, children ? children : React__default.createElement(Icon, {
+  }, children || React__default.createElement(Icon, {
     size: "19px",
     className: "nut-backtop-main",
     name: "top"

package/dist/esm/Barrage.js

@@ -77,8 +77,8 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     console.log(el.offsetWidth, el.offsetHeight);
     el.classList.add('move');
     el.style.animationDuration = "".concat(speeds, "ms");
-    el.style.top = _index % rows * (height + top) + 20 + 'px';
-    el.style.width = width + 20 + 'px';
+    el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
+    el.style.width = "".concat(width + 20, "px");
     el.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
     el.dataset.index = "".concat(_index);
     el.addEventListener('animationend', function () {

package/dist/esm/Calendar.js

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default from 'react';
 import Popup from './Popup.js';
 import CalendarItem from './CalendarItem.js';
-import { U as Utils } from './date-649fe493.js';
+import { U as Utils } from './date-b4847376.js';
 var defaultProps = {
   type: 'one',
   isAutoBackFill: false,

package/dist/esm/CalendarItem.js

@@ -7,9 +7,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
 import classNames from 'classnames';
-import { U as Utils } from './date-649fe493.js';
+import { c as cn } from './bem-893ad28d.js';
+import { U as Utils } from './date-b4847376.js';
 import '@bem-react/classname';
 
 function requestAniFrame() {
@@ -17,11 +17,11 @@ function requestAniFrame() {
     return window.requestAnimationFrame || function (callback) {
       window.setTimeout(callback, 1000 / 60);
     };
-  } else {
-    return function (callback) {
-      setTimeout(callback, 1000 / 60);
-    };
   }
+
+  return function (callback) {
+    setTimeout(callback, 1000 / 60);
+  };
 }
 
 var requestAniFrame$1 = requestAniFrame();
@@ -122,7 +122,7 @@ var CalendarItem = function CalendarItem(props) {
   };
 
   var getCurrDate = function getCurrDate(day, month, isRange) {
-    return isRange ? month.curData[3] + '-' + month.curData[4] + '-' + Utils.getNumTwoBit(+day.day) : month.curData[0] + '-' + month.curData[1] + '-' + Utils.getNumTwoBit(+day.day);
+    return isRange ? "".concat(month.curData[3], "-").concat(month.curData[4], "-").concat(Utils.getNumTwoBit(+day.day)) : "".concat(month.curData[0], "-").concat(month.curData[1], "-").concat(Utils.getNumTwoBit(+day.day));
   };
 
   var getClass = function getClass(day, month, isRange) {
@@ -131,16 +131,20 @@ var CalendarItem = function CalendarItem(props) {
     if (day.type === 'curr') {
       if (!state.isRange && Utils.isEqual(state.currDate, currDate) || state.isRange && (isStart(currDate) || isEnd(currDate))) {
         return "".concat(state.dayPrefix, "-active");
-      } else if (startDate && Utils.compareDate(currDate, startDate) || endDate && Utils.compareDate(endDate, currDate)) {
+      }
+
+      if (startDate && Utils.compareDate(currDate, startDate) || endDate && Utils.compareDate(endDate, currDate)) {
         return "".concat(state.dayPrefix, "-disabled");
-      } else if (state.isRange && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
+      }
+
+      if (state.isRange && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
         return "".concat(state.dayPrefix, "-choose");
-      } else {
-        return null;
       }
-    } else {
-      return "".concat(state.dayPrefix, "-disabled");
+
+      return null;
     }
+
+    return "".concat(state.dayPrefix, "-disabled");
   };
 
   var isActive = function isActive(day, month) {
@@ -177,22 +181,18 @@ var CalendarItem = function CalendarItem(props) {
       } else {
         if (Object.values(state.currDate).length === 2) {
           state.currDate = [days[3]];
+        } else if (Utils.compareDate(state.currDate[0], days[3])) {
+          Array.isArray(state.currDate) && state.currDate.push(days[3]);
         } else {
-          if (Utils.compareDate(state.currDate[0], days[3])) {
-            Array.isArray(state.currDate) && state.currDate.push(days[3]);
-          } else {
-            Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
-          }
+          Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
         }
 
         if (state.chooseData.length == 2 || !state.chooseData.length) {
           state.chooseData = _toConsumableArray(days);
+        } else if (Utils.compareDate(state.chooseData[3], days[3])) {
+          state.chooseData = [_toConsumableArray(state.chooseData), _toConsumableArray(days)];
         } else {
-          if (Utils.compareDate(state.chooseData[3], days[3])) {
-            state.chooseData = [_toConsumableArray(state.chooseData), _toConsumableArray(days)];
-          } else {
-            state.chooseData = [_toConsumableArray(days), _toConsumableArray(state.chooseData)];
-          }
+          state.chooseData = [_toConsumableArray(days), _toConsumableArray(state.chooseData)];
         }
       }
 
@@ -207,9 +207,9 @@ var CalendarItem = function CalendarItem(props) {
   var isStartTip = function isStartTip(day, month) {
     if (isActive(day, month)) {
       return isStart(getCurrDate(day, month));
-    } else {
-      return false;
     }
+
+    return false;
   }; // 是否有结束提示
 
 
@@ -271,12 +271,10 @@ var CalendarItem = function CalendarItem(props) {
       if (!state.endData || !Utils.compareDate("".concat(state.endData[0], "-").concat(state.endData[1], "-").concat(Utils.getMonthDays(state.endData[0], state.endData[1])), "".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]))) {
         state.monthsData.push(monthInfo);
       }
+    } else if (!state.startData || !Utils.compareDate("".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]), "".concat(state.startData[0], "-").concat(state.startData[1], "-01"))) {
+      state.monthsData.unshift(monthInfo);
     } else {
-      if (!state.startData || !Utils.compareDate("".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]), "".concat(state.startData[0], "-").concat(state.startData[1], "-01"))) {
-        state.monthsData.unshift(monthInfo);
-      } else {
-        setUnLoadPrev(true);
-      }
+      setUnLoadPrev(true);
     }
 
     setMonthsData(state.monthsData);
@@ -419,8 +417,8 @@ var CalendarItem = function CalendarItem(props) {
     var moveTime = state.touchParams.lastTime - state.touchParams.startTime;
 
     if (moveTime <= 300) {
-      move = move * 2;
-      moveTime = moveTime + 1000;
+      move *= 2;
+      moveTime += 1000;
       setMove(move, 'end', moveTime);
     } else {
       setMove(move, 'end');
@@ -428,15 +426,15 @@ var CalendarItem = function CalendarItem(props) {
   };
 
   var initData = function initData() {
-    //初始化开始结束数据
+    // 初始化开始结束数据
     state.startData = startDate ? splitDate(startDate) : '';
-    state.endData = endDate ? splitDate(endDate) : ''; //初始化当前日期
+    state.endData = endDate ? splitDate(endDate) : ''; // 初始化当前日期
 
     if (!defaultValue) {
       state.currDate = state.isRange ? [Utils.date2Str(new Date()), Utils.getDay(1)] : Utils.date2Str(new Date());
     } else {
       state.currDate = state.isRange ? _toConsumableArray(defaultValue) : defaultValue;
-    } //日期转化为数组
+    } // 日期转化为数组
 
 
     if (state.isRange && Array.isArray(state.currDate)) {

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

@@ -0,0 +1 @@
+require('../../../packages/card/card.css')

package/dist/esm/Card/style/index.js

@@ -0,0 +1 @@
+require('../../../packages/card/card.scss')

package/dist/esm/Card.js

@@ -0,0 +1,68 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "style", "imgUrl", "title", "price", "vipPrice", "shopDesc", "delivery", "shopName", "shopTagTpl", "originTpl", "prolistTpl", "footerTpl"];
+
+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 from 'react';
+import Price from './Price.js';
+import Tag from './Tag.js';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps = {};
+
+var Card = function Card(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      imgUrl = _defaultProps$props.imgUrl,
+      title = _defaultProps$props.title,
+      price = _defaultProps$props.price,
+      vipPrice = _defaultProps$props.vipPrice,
+      shopDesc = _defaultProps$props.shopDesc,
+      delivery = _defaultProps$props.delivery,
+      shopName = _defaultProps$props.shopName,
+      shopTagTpl = _defaultProps$props.shopTagTpl,
+      originTpl = _defaultProps$props.originTpl,
+      prolistTpl = _defaultProps$props.prolistTpl,
+      footerTpl = _defaultProps$props.footerTpl,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('card');
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className),
+    style: style
+  }, rest), React__default.createElement("div", {
+    className: b('left')
+  }, React__default.createElement("img", {
+    src: imgUrl,
+    alt: ""
+  })), React__default.createElement("div", {
+    className: b('right')
+  }, React__default.createElement("div", {
+    className: b('right__title')
+  }, title), prolistTpl, React__default.createElement("div", {
+    className: b('right__price')
+  }, React__default.createElement(Price, {
+    price: price
+  }), originTpl || React__default.createElement(Price, {
+    className: b('right__price__origin'),
+    price: vipPrice
+  })), React__default.createElement("div", {
+    className: b('right__other')
+  }, shopTagTpl || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tag, {
+    type: "danger"
+  }, shopDesc), React__default.createElement(Tag, {
+    plain: true
+  }, delivery))), React__default.createElement("div", {
+    className: b('right__shop')
+  }, React__default.createElement("div", {
+    className: b('right__shop__name')
+  }, shopName), footerTpl)));
+};
+
+Card.defaultProps = defaultProps;
+Card.displayName = 'NutCard';
+export { Card as default };

package/dist/esm/Cell.js

@@ -62,14 +62,14 @@ var Cell = function Cell(props) {
   };
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b({
-      clickable: isLink || to ? true : false
+      clickable: !!(isLink || to)
     }, [className]), " "),
     onClick: function onClick(event) {
       return handleClick(event);
     }
-  }, rest), children ? children : React__default.createElement(React__default.Fragment, null, title || subTitle || icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  }, rest), children || React__default.createElement(React__default.Fragment, null, title || subTitle || icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "".concat(b('title', {
-      icon: icon ? true : false
+      icon: !!icon
     }))
   }, icon ? React__default.createElement(Icon, {
     name: icon,
@@ -81,7 +81,7 @@ var Cell = function Cell(props) {
   }, subTitle)) : React__default.createElement(React__default.Fragment, null, title))) : null, desc ? React__default.createElement("div", {
     className: b('desc'),
     style: styles
-  }, desc) : null), extra ? extra : null, !extra && (isLink || to) ? React__default.createElement(Icon, {
+  }, desc) : null), extra || null, !extra && (isLink || to) ? React__default.createElement(Icon, {
     name: "right",
     className: b('link')
   }) : null);

package/dist/esm/CircleProgress.js

@@ -7,8 +7,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 from 'react';
-import { c as cn } from './bem-893ad28d.js';
 import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
   strokeInnerWidth: 10,
@@ -47,7 +47,7 @@ var CircleProgress = function CircleProgress(props) {
 
     baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
     baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-    baseOption.startPosition = 'rotate(-90,' + baseOption.cx + ',' + baseOption.cy + ')';
+    baseOption.startPosition = "rotate(-90,".concat(baseOption.cx, ",").concat(baseOption.cy, ")");
     return baseOption;
   };
 

package/dist/esm/Col.js

@@ -29,16 +29,17 @@ var Col = function Col(props) {
       colStyle = _useState4[0],
       setColStyle = _useState4[1];
 
-  var gutter = useContext(DataContext).gutter;
+  var _useContext = useContext(DataContext),
+      gutter = _useContext.gutter;
 
   var classs = function classs() {
-    //定义col的class类
+    // 定义col的class类
     var prefixCls = 'nut-col';
     return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-").concat(offset);
   };
 
   var getStyle = function getStyle() {
-    //定义col的style类
+    // 定义col的style类
     var style = {};
     style.paddingLeft = "".concat(gutter / 2, "px");
     style.paddingRight = "".concat(gutter / 2, "px");

package/dist/esm/Collapse.js

@@ -46,7 +46,7 @@ var Collapse = memo(function (props) {
     if (!Array.isArray(activeName)) {
       activeArr.push(activeName.toString());
     } else {
-      //数组
+      // 数组
       if (accordion && activeName.length > 1) {
         console.warn('手风琴模式不支持传递多个打开页签');
       }
@@ -70,13 +70,13 @@ var Collapse = memo(function (props) {
     var newOpenIndex = _toConsumableArray(defaultOpenIndex);
 
     if (isOpen) {
-      //当前状态为true，则变为false,闭合
+      // 当前状态为true，则变为false,闭合
       var removeIndex = newOpenIndex.findIndex(function (value) {
         return value === name;
       });
       newOpenIndex.splice(removeIndex, 1);
     } else {
-      //当前状态为false，变为true，展开
+      // 当前状态为false，变为true，展开
       if (accordion) {
         newOpenIndex = [name];
       } else {

package/dist/esm/CollapseItem.js

@@ -46,13 +46,13 @@ var CollapseItem = function CollapseItem(props) {
   var _useState = useState(-1),
       _useState2 = _slicedToArray(_useState, 2),
       domHeight = _useState2[0],
-      setDomHeight = _useState2[1]; //保存content的高度
+      setDomHeight = _useState2[1]; // 保存content的高度
 
 
   var _useState3 = useState('auto'),
       _useState4 = _slicedToArray(_useState3, 2),
       currHeight = _useState4[0],
-      setCurrHeight = _useState4[1]; //设置content的高度
+      setCurrHeight = _useState4[1]; // 设置content的高度
 
 
   var _useState5 = useState(false),
@@ -79,9 +79,9 @@ var CollapseItem = function CollapseItem(props) {
   }, [children, update]);
   useEffect(function () {
     // setCurrHeight('auto')
-    //一开始content都有高度，在这里根据isOpen，改变其高度
+    // 一开始content都有高度，在这里根据isOpen，改变其高度
     if (domHeight !== -1) {
-      isOpen ? setCurrHeight(domHeight + 'px') : setCurrHeight('0px');
+      isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight('0px');
     }
 
     var newIconStyle = isOpen ? {

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

@@ -0,0 +1 @@
+require('../../../packages/datepicker/datepicker.css')

package/dist/esm/DatePicker/style/index.js

@@ -0,0 +1 @@
+require('../../../packages/datepicker/datepicker.scss')