@nutui/nutui-react-taro 1.5.2-beta.1 → 1.5.2

package/dist/esm/Cell.js

@@ -1,11 +1,103 @@
-import { C as Cell } from './cell.taro-a10a74d3.js';
-import 'react';
-import '@tarojs/taro';
-import './bem-350c1702.js';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "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 { c as cn } from './bem-3b438e61.js';
+import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
 import '@bem-react/classname';
-import './icon.taro-296a1bec.js';
-import './typings-b9828dba.js';
-
-
-
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  subTitle: null,
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  icon: '',
+  roundRadius: '6px',
+  url: '',
+  to: '',
+  replace: false,
+  center: false,
+  size: '',
+  className: '',
+  iconSlot: null,
+  linkSlot: null,
+  onClick: function onClick(event) {}
+});
+var Cell = function Cell(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    onClick = _defaultProps$props.onClick,
+    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,
+    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 handleClick = function handleClick(event) {
+    onClick(event);
+    if (url) {
+      replace ? window.location.replace(url) : window.location.href = url;
+    }
+  };
+  var baseStyle = {
+    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
+  };
+  var styles = title || subTitle || icon ? {
+    textAlign: descTextAlign
+  } : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: !!isLink,
+      center: center,
+      large: size === 'large'
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    },
+    style: baseStyle
+  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
+    className: b('icon')
+  }, iconSlot || (icon ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: icon,
+    className: "icon"
+  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
+    className: "".concat(b('title'))
+  }, title ? React__default.createElement("div", {
+    className: b('maintitle')
+  }, title) : null, subTitle ? React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
+    className: b('value', {
+      alone: !title && !subTitle
+    }),
+    style: styles
+  }, desc) : null, !linkSlot && isLink ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "right",
+    className: b('link')
+  }) : linkSlot));
+};
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
 export { Cell as default };

package/dist/esm/CellGroup.js

@@ -1,8 +1,5 @@
-import { C as CellGroup } from './cellgroup.taro-abe501bc.js';
+import { C as CellGroup } from './cellgroup-fcc72767.js';
 import 'react';
-import './bem-350c1702.js';
+import './bem-3b438e61.js';
 import '@bem-react/classname';
-
-
-
 export { CellGroup as default };

package/dist/esm/Checkbox.js

@@ -1,10 +1,8 @@
-import { C as Checkbox } from './checkbox.taro-6120e3e3.js';
+import { C as Checkbox } from './checkbox-44e13cd0.js';
 import 'react';
-import './icon.taro-296a1bec.js';
-import './bem-350c1702.js';
+import './Icon.js';
+import './CheckboxGroup.js';
+import './bem-3b438e61.js';
 import '@bem-react/classname';
-import './typings-b9828dba.js';
-
-
-
+import './typings-f27b58f4.js';
 export { Checkbox as default };

package/dist/esm/CheckboxGroup.js

@@ -1,10 +1,113 @@
-import { a as CheckboxGroup } from './checkbox.taro-6120e3e3.js';
-import 'react';
-import './icon.taro-296a1bec.js';
-import './bem-350c1702.js';
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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", "textPosition", "direction", "options"],
+  _excluded2 = ["label", "value", "disabled", "onChange"];
+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, { useImperativeHandle, useState, useEffect, useCallback } from 'react';
+import { c as cn } from './bem-3b438e61.js';
+import { C as Checkbox, a as CheckboxGroupContext } from './checkbox-44e13cd0.js';
 import '@bem-react/classname';
-import './typings-b9828dba.js';
-
-
-
+import './Icon.js';
+import './CheckboxGroup.js';
+import './typings-f27b58f4.js';
+var defaultProps = {
+  disabled: false,
+  checkedValue: [],
+  max: undefined,
+  textPosition: 'right',
+  direction: 'vertical',
+  onChange: function onChange(value) {},
+  options: []
+};
+var CheckboxGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children;
+  var b = cn('checkboxgroup');
+  var className = props.className,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    checkedValue = props.checkedValue,
+    max = props.max,
+    textPosition = props.textPosition,
+    direction = props.direction,
+    options = props.options,
+    rest = _objectWithoutProperties(props, _excluded);
+  useImperativeHandle(ref, function () {
+    return {
+      toggleAll: function toggleAll(state) {
+        if (state === false) {
+          setInnerValue([]);
+        } else {
+          var childrenLabel = [];
+          React__default.Children.map(children, function (child) {
+            var childProps = child.props;
+            childrenLabel.push(childProps.label || child.children);
+          });
+          setInnerValue(childrenLabel);
+        }
+      },
+      toggleReverse: function toggleReverse() {
+        var childrenLabel = [];
+        React__default.Children.map(children, function (child) {
+          var childProps = child.props;
+          childrenLabel.push(childProps.label || child.children);
+        });
+        var reverse = childrenLabel.filter(function (c) {
+          return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.findIndex(function (v) {
+            return v === c;
+          })) === -1;
+        });
+        setInnerValue(reverse);
+      }
+    };
+  });
+  var _useState = useState(checkedValue || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  useEffect(function () {
+    setInnerValue(checkedValue || []);
+  }, [checkedValue]);
+  var renderOptions = useCallback(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
+      var label = _ref.label,
+        value = _ref.value,
+        disabled = _ref.disabled,
+        onChange = _ref.onChange,
+        rest = _objectWithoutProperties(_ref, _excluded2);
+      return React__default.createElement(Checkbox, _objectSpread({
+        key: value === null || value === void 0 ? void 0 : value.toString(),
+        children: label,
+        label: value
+      }, rest));
+    });
+  }, [options, max]);
+  return React__default.createElement(CheckboxGroupContext.Provider, {
+    value: {
+      textPosition: textPosition || 'left',
+      disabled: disabled,
+      max: max,
+      checkedValue: innerValue || [],
+      check: function check(value) {
+        var combined = [].concat(_toConsumableArray(innerValue), [value]);
+        setInnerValue(combined);
+        onChange && onChange(combined);
+      },
+      uncheck: function uncheck(value) {
+        var reduced = innerValue.filter(function (item) {
+          return item !== value;
+        });
+        setInnerValue(reduced);
+        onChange && onChange(reduced);
+      }
+    }
+  }, React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || '')
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
+});
+CheckboxGroup.defaultProps = defaultProps;
+CheckboxGroup.displayName = 'NutCheckboxGroup';
 export { CheckboxGroup as default };

package/dist/esm/CircleProgress.js

@@ -1,10 +1,116 @@
-import { C as CircleProgress } from './circleprogress.taro-79854448.js';
-import 'react';
-import 'classnames';
-import './index-5bcb0ff8.js';
-import './bem-350c1702.js';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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 { a as isObject } from './index-030b7245.js';
+import { c as cn } from './bem-3b438e61.js';
 import '@bem-react/classname';
-
-
-
+var defaultProps = {
+  strokeWidth: 5,
+  radius: 50,
+  strokeLinecap: 'round',
+  circleColor: '',
+  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);
+  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;
+    return {
+      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      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);
+    });
+    var stopArr = [];
+    colorArr.map(function (item) {
+      var obj = {
+        key: '',
+        value: ''
+      };
+      obj.key = item;
+      obj.value = color[item];
+      stopArr.push(obj);
+    });
+    return stopArr;
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    style: styles
+  }, restProps), React__default.createElement("svg", {
+    viewBox: "0 0 100 100"
+  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
+    id: refRandomId,
+    x1: "100%",
+    y1: "0%",
+    x2: "0%",
+    y2: "0%"
+  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
+    return React__default.createElement("stop", {
+      key: index,
+      offset: item.key,
+      stopColor: item.value
+    });
+  }))), React__default.createElement("path", {
+    className: "nut-circleprogress-path",
+    style: pathStyle,
+    d: path(),
+    fill: "none",
+    strokeWidth: strokeWidth
+  }), React__default.createElement("path", {
+    className: "nut-circleprogress-hover",
+    style: hoverStyle(),
+    d: path(),
+    fill: "none",
+    stroke: hoverColor(),
+    strokeLinecap: strokeLinecap,
+    transform: "rotate(90,50,50)",
+    strokeWidth: strokeWidth
+  })), React__default.createElement("div", {
+    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,8 +1,58 @@
-import { C as Col } from './col.taro-53eed3cc.js';
-import 'react';
-import 'classnames';
-import './UserContext-0aac9a82.js';
-
-
-
+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 classNames from 'classnames';
+import { D as DataContext } from './UserContext-101ad4a4.js';
+var defaultProps = {
+  span: '24',
+  offset: '0',
+  gutter: '0'
+};
+var Col = function Col(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    _defaultProps$props$s = _defaultProps$props.style,
+    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
+    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];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    colStyle = _useState4[0],
+    setColStyle = _useState4[1];
+  var _useContext = useContext(DataContext),
+    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, "-offset-").concat(offset);
+  };
+  var getStyle = function getStyle() {
+    // 定义col的style类
+    var style = {};
+    style.paddingLeft = "".concat(gutter / 2, "px");
+    style.paddingRight = "".concat(gutter / 2, "px");
+    return style;
+  };
+  useEffect(function () {
+    setColName(classs);
+    setColStyle(getStyle);
+  }, [span, offset, gutter]);
+  return React__default.createElement("div", {
+    className: classNames(colName, className),
+    style: _objectSpread(_objectSpread({}, style), colStyle),
+    onClick: function onClick(e) {
+      _onClick && _onClick(e, 'col');
+    }
+  }, children);
+};
+Col.defaultProps = defaultProps;
+Col.displayName = 'NutCol';
 export { Col as default };

package/dist/esm/Collapse.js

@@ -1,9 +1,99 @@
-import { C as Collapse } from './collapse.taro-1a9e4ba2.js';
-import 'react';
-import 'classnames';
-import './bem-350c1702.js';
+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 classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
 import '@bem-react/classname';
-
-
-
+var defaultProps = {
+  style: {},
+  activeName: ['0'],
+  accordion: false,
+  icon: '',
+  iconSize: '16px',
+  iconColor: '',
+  rotate: 180
+};
+function areEqual(prevProps, nextProps) {
+  return prevProps.children === nextProps.children && 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: classNames(colBem(), 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,
+      childnull: !!item.props.children
+    });
+  }));
+}, areEqual);
+Collapse.defaultProps = defaultProps;
+Collapse.displayName = 'NutCollapse';
 export { Collapse as default };