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

package/dist/esm/Cell.js

@@ -1,18 +1,14 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "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 from 'react';
 import { useHistory } from 'react-router-dom';
 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: null,
   subTitle: null,
@@ -31,43 +27,38 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   linkSlot: null,
   click: function click(event) {}
 });
-
 var Cell = function Cell(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      click = _defaultProps$props.click,
-      title = _defaultProps$props.title,
-      subTitle = _defaultProps$props.subTitle,
-      desc = _defaultProps$props.desc,
-      descTextAlign = _defaultProps$props.descTextAlign,
-      isLink = _defaultProps$props.isLink,
-      icon = _defaultProps$props.icon,
-      roundRadius = _defaultProps$props.roundRadius,
-      url = _defaultProps$props.url,
-      to = _defaultProps$props.to,
-      replace = _defaultProps$props.replace,
-      center = _defaultProps$props.center,
-      size = _defaultProps$props.size,
-      className = _defaultProps$props.className,
-      iconSlot = _defaultProps$props.iconSlot,
-      linkSlot = _defaultProps$props.linkSlot,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    click = _defaultProps$props.click,
+    title = _defaultProps$props.title,
+    subTitle = _defaultProps$props.subTitle,
+    desc = _defaultProps$props.desc,
+    descTextAlign = _defaultProps$props.descTextAlign,
+    isLink = _defaultProps$props.isLink,
+    icon = _defaultProps$props.icon,
+    roundRadius = _defaultProps$props.roundRadius,
+    url = _defaultProps$props.url,
+    to = _defaultProps$props.to,
+    replace = _defaultProps$props.replace,
+    center = _defaultProps$props.center,
+    size = _defaultProps$props.size,
+    className = _defaultProps$props.className,
+    iconSlot = _defaultProps$props.iconSlot,
+    linkSlot = _defaultProps$props.linkSlot,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('cell');
   var history = useHistory();
-
   var handleClick = function handleClick(event) {
     click(event);
-
     if (to && history) {
       history[replace ? 'replace' : 'push'](to);
     } else if (url) {
       replace ? window.location.replace(url) : window.location.href = url;
     }
   };
-
   var baseStyle = {
     borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
   };
@@ -110,7 +101,6 @@ var Cell = function Cell(props) {
     className: b('link')
   }) : linkSlot));
 };
-
 Cell.defaultProps = defaultProps;
 Cell.displayName = 'NutCell';
 export { Cell as default };

package/dist/esm/CellGroup.js

@@ -1,9 +1,6 @@
 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 from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -14,16 +11,14 @@ var defaultProps = {
   descSlot: null,
   classPrefix: 'nutui-cell-group'
 };
-
 var CellGroup = function CellGroup(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      classPrefix = _defaultProps$props.classPrefix,
-      title = _defaultProps$props.title,
-      desc = _defaultProps$props.desc,
-      titleSlot = _defaultProps$props.titleSlot,
-      descSlot = _defaultProps$props.descSlot;
-
+    children = _defaultProps$props.children,
+    classPrefix = _defaultProps$props.classPrefix,
+    title = _defaultProps$props.title,
+    desc = _defaultProps$props.desc,
+    titleSlot = _defaultProps$props.titleSlot,
+    descSlot = _defaultProps$props.descSlot;
   var b = cn('cell-group');
   return React__default.createElement("div", {
     className: b(null, [classPrefix])
@@ -35,7 +30,6 @@ var CellGroup = function CellGroup(props) {
     className: b('wrap')
   }, children));
 };
-
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = 'NutCellGroup';
 export { CellGroup as default };

package/dist/esm/Checkbox.js

@@ -2,18 +2,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "iconIndeterminateName", "getParentVals", "max"];
-
 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 } from 'react';
 import Icon from './Icon.js';
 import CheckboxGroup from './CheckboxGroup.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   checked: false,
   disabled: false,
@@ -26,45 +22,38 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   iconIndeterminateName: 'check-disabled',
   onChange: function onChange(state, label) {}
 });
-
 var Checkbox = function Checkbox(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children;
-
+    children = _defaultProps$props.children;
   var b = cn('checkbox');
-
   var iconName = props.iconName,
-      iconSize = props.iconSize,
-      label = props.label,
-      className = props.className,
-      textPosition = props.textPosition,
-      iconActiveName = props.iconActiveName,
-      checked = props.checked,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      indeterminate = props.indeterminate,
-      iconClassPrefix = props.iconClassPrefix,
-      iconFontClassName = props.iconFontClassName,
-      iconIndeterminateName = props.iconIndeterminateName,
-      getParentVals = props.getParentVals,
-      max = props.max,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    iconSize = props.iconSize,
+    label = props.label,
+    className = props.className,
+    textPosition = props.textPosition,
+    iconActiveName = props.iconActiveName,
+    checked = props.checked,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    indeterminate = props.indeterminate,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName,
+    iconIndeterminateName = props.iconIndeterminateName,
+    getParentVals = props.getParentVals,
+    max = props.max,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(checked),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerChecked = _useState2[0],
-      setInnerChecked = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    innerChecked = _useState2[0],
+    setInnerChecked = _useState2[1];
   var _useState3 = useState(disabled),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerDisabled = _useState4[0],
-      setDisabled = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    innerDisabled = _useState4[0],
+    setDisabled = _useState4[1];
   var _useState5 = useState(indeterminate),
-      _useState6 = _slicedToArray(_useState5, 2),
-      _indeterminate = _useState6[0],
-      setIndeterminate = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    _indeterminate = _useState6[0],
+    setIndeterminate = _useState6[1];
   useEffect(function () {
     setInnerChecked(checked);
     setDisabled(disabled);
@@ -72,19 +61,15 @@ var Checkbox = function Checkbox(props) {
   useEffect(function () {
     setIndeterminate(indeterminate);
   }, [indeterminate]);
-
   var getIconName = function getIconName() {
     if (!innerChecked) {
       return iconName;
     }
-
     if (_indeterminate) {
       return iconIndeterminateName;
     }
-
     return iconActiveName;
   };
-
   var renderIcon = function renderIcon() {
     return React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
@@ -94,21 +79,18 @@ var Checkbox = function Checkbox(props) {
       className: color()
     });
   };
-
   var color = function color() {
     if (innerDisabled) {
       return 'nut-checkbox__icon--disable';
     }
-
     if (innerChecked) {
       if (_indeterminate) {
         return 'nut-checkbox__icon--indeterminate';
       }
-
       return 'nut-checkbox__icon';
     }
-
-    return 'nut-checkbox__icon--unchecked'; // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
+    return 'nut-checkbox__icon--unchecked';
+    // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
   };
 
   var renderLabel = function renderLabel() {
@@ -118,7 +100,6 @@ var Checkbox = function Checkbox(props) {
       }), " ")
     }, children || label);
   };
-
   var handleClick = function handleClick() {
     if (!disabled) {
       var latest = !innerChecked;
@@ -127,7 +108,6 @@ var Checkbox = function Checkbox(props) {
       setInnerChecked(latest);
     }
   };
-
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: "".concat(b({
       reverse: textPosition === 'left'
@@ -136,7 +116,6 @@ var Checkbox = function Checkbox(props) {
     onClick: handleClick
   }), renderIcon(), renderLabel());
 };
-
 Checkbox.defaultProps = defaultProps;
 Checkbox.displayName = 'NutCheckBox';
 Checkbox.Group = CheckboxGroup;

package/dist/esm/CheckboxGroup.js

@@ -3,11 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "disabled", "onChange", "checkedValue", "max"];
-
 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, useImperativeHandle, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -19,27 +16,22 @@ var defaultProps = {
 };
 var CheckboxGroup = React__default.forwardRef(function (props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children;
-
+    children = _defaultProps$props.children;
   var b = cn('checkboxgroup');
-
   var className = props.className,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      checkedValue = props.checkedValue,
-      max = props.max,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    disabled = props.disabled,
+    onChange = props.onChange,
+    checkedValue = props.checkedValue,
+    max = props.max,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(disabled),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerDisabled = _useState2[0],
-      setInnerDisabled = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    innerDisabled = _useState2[0],
+    setInnerDisabled = _useState2[1];
   var _useState3 = useState(checkedValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerValue = _useState4[0],
-      setInnerValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    innerValue = _useState4[0],
+    setInnerValue = _useState4[1];
   useImperativeHandle(ref, function () {
     return {
       toggleAll: function toggleAll(state) {
@@ -73,42 +65,33 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     setInnerDisabled(disabled);
     setInnerValue(checkedValue);
   }, [disabled, checkedValue]);
-
   function handleChildChange(state, label) {
     if (max !== undefined && innerValue && innerValue.length > max) return;
-
     if (innerValue) {
       var clippedValue = [];
-
       if (state) {
         clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
       } else {
         innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
         clippedValue = _toConsumableArray(innerValue);
       }
-
       setInnerValue(clippedValue);
       onChange && onChange(clippedValue);
     }
   }
-
   function validateChildChecked(child) {
     if (!innerValue) return false;
     return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
   }
-
   function getParentVals() {
     return innerValue;
   }
-
   function cloneChildren() {
     return React__default.Children.map(children, function (child) {
       var childChecked = validateChildChecked(child);
-
       if (child.type.displayName !== 'NutCheckBox') {
         return React__default.cloneElement(child);
       }
-
       return React__default.cloneElement(child, {
         disabled: innerDisabled,
         checked: childChecked,
@@ -118,7 +101,6 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
       });
     });
   }
-
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || '')
   }, rest), cloneChildren());

package/dist/esm/CircleProgress.js

@@ -2,20 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
-
 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 classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
-
 var isObject = function isObject(val) {
   return val !== null && _typeof(val) === 'object';
 };
-
 var defaultProps = {
   strokeWidth: 5,
   radius: 50,
@@ -24,36 +19,30 @@ var defaultProps = {
   pathColor: '',
   clockwise: true
 };
-
 var CircleProgress = function CircleProgress(props) {
   var _stop;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      progress = _defaultProps$props.progress,
-      className = _defaultProps$props.className,
-      radius = _defaultProps$props.radius,
-      pathColor = _defaultProps$props.pathColor,
-      clockwise = _defaultProps$props.clockwise,
-      circleColor = _defaultProps$props.circleColor,
-      strokeWidth = _defaultProps$props.strokeWidth,
-      style = _defaultProps$props.style,
-      strokeLinecap = _defaultProps$props.strokeLinecap,
-      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    progress = _defaultProps$props.progress,
+    className = _defaultProps$props.className,
+    radius = _defaultProps$props.radius,
+    pathColor = _defaultProps$props.pathColor,
+    clockwise = _defaultProps$props.clockwise,
+    circleColor = _defaultProps$props.circleColor,
+    strokeWidth = _defaultProps$props.strokeWidth,
+    style = _defaultProps$props.style,
+    strokeLinecap = _defaultProps$props.strokeLinecap,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('circleprogress');
   var classes = classNames(className, b(''));
   var refRandomId = Math.random().toString(36).slice(-8);
-
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
     width: "".concat(Number(radius) * 2, "px")
   }, style);
-
   var pathStyle = {
     stroke: pathColor
   };
-
   var hoverStyle = function hoverStyle() {
     var perimeter = 283;
     var offset = perimeter * Number(progress) / 100;
@@ -62,21 +51,17 @@ var CircleProgress = function CircleProgress(props) {
       strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
   };
-
   var path = function path() {
     var isWise = clockwise ? 1 : 0;
     return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
-
   var hoverColor = function hoverColor() {
     return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
   };
-
   var stop = function stop() {
     if (!isObject(circleColor)) {
       return;
     }
-
     var color = circleColor;
     var colorArr = Object.keys(color).sort(function (a, b) {
       return parseFloat(a) - parseFloat(b);
@@ -93,7 +78,6 @@ var CircleProgress = function CircleProgress(props) {
     });
     return stopArr;
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
@@ -130,7 +114,6 @@ var CircleProgress = function CircleProgress(props) {
     className: "nut-circleprogress-text"
   }, children || React__default.createElement("div", null, progress, "%")));
 };
-
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = 'NutCircleProgress';
 export { CircleProgress as default };

package/dist/esm/Col.js

@@ -1,10 +1,7 @@
 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, { useState, useContext, useEffect } from 'react';
 import { D as DataContext } from './UserContext-be8097d2.js';
 var defaultProps = {
@@ -12,33 +9,27 @@ var defaultProps = {
   offset: '0',
   gutter: '0'
 };
-
 var Col = function Col(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      span = _defaultProps$props.span,
-      offset = _defaultProps$props.offset,
-      children = _defaultProps$props.children,
-      _onClick = _defaultProps$props.onClick;
-
+    span = _defaultProps$props.span,
+    offset = _defaultProps$props.offset,
+    children = _defaultProps$props.children,
+    _onClick = _defaultProps$props.onClick;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      colName = _useState2[0],
-      setColName = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    colName = _useState2[0],
+    setColName = _useState2[1];
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      colStyle = _useState4[0],
-      setColStyle = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    colStyle = _useState4[0],
+    setColStyle = _useState4[1];
   var _useContext = useContext(DataContext),
-      gutter = _useContext.gutter;
-
+    gutter = _useContext.gutter;
   var classs = function classs() {
     // 定义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类
     var style = {};
@@ -46,7 +37,6 @@ var Col = function Col(props) {
     style.paddingRight = "".concat(gutter / 2, "px");
     return style;
   };
-
   useEffect(function () {
     setColName(classs);
     setColStyle(getStyle);
@@ -59,7 +49,6 @@ var Col = function Col(props) {
     }
   }, children);
 };
-
 Col.defaultProps = defaultProps;
 Col.displayName = 'NutCol';
 export { Col as default };

package/dist/esm/Collapse.js

@@ -1,11 +1,8 @@
 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';
 import '@bem-react/classname';
@@ -17,32 +14,26 @@ var defaultProps = {
   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),
-      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,
-      change = _defaultProps$props.change;
-
+    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,
+    change = _defaultProps$props.change;
   var childrenDom = React__default.Children.toArray(children);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      defaultOpenIndex = _useState2[0],
-      setDefaultOpenIndex = _useState2[1];
-
+    _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 {
@@ -50,25 +41,20 @@ var Collapse = memo(function (props) {
       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) {
@@ -84,11 +70,9 @@ var Collapse = memo(function (props) {
         newOpenIndex.push(name);
       }
     }
-
     setDefaultOpenIndex(newOpenIndex);
     change && change(!isOpen, name);
   };
-
   return React__default.createElement("div", {
     className: colBem()
   }, childrenDom.map(function (item) {