@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/Col.js

@@ -1,47 +1,50 @@
 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';
+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), true).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.js";
 var defaultProps = {
-  span: '24',
-  offset: '0',
-  gutter: '0'
+  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 Col = function Col2(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 classs2() {
+    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;
+  var getStyle = function getStyle2() {
+    var style2 = {};
+    style2.paddingLeft = "".concat(gutter / 2, "px");
+    style2.paddingRight = "".concat(gutter / 2, "px");
+    return style2;
   };
-  useEffect(function () {
+  useEffect(function() {
     setColName(classs);
     setColStyle(getStyle);
   }, [span, offset, gutter]);
@@ -49,10 +52,12 @@ var Col = function Col(props) {
     className: classNames(colName, className),
     style: _objectSpread(_objectSpread({}, style), colStyle),
     onClick: function onClick(e) {
-      _onClick && _onClick(e, 'col');
+      _onClick && _onClick(e, "col");
     }
   }, children);
 };
 Col.defaultProps = defaultProps;
-Col.displayName = 'NutCol';
-export { Col as default };
+Col.displayName = "NutCol";
+export {
+  Col as default
+};

package/dist/esm/Collapse.js

@@ -1,73 +1,73 @@
 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';
+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), true).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.js";
+import "@bem-react/classname";
 var defaultProps = {
   style: {},
-  activeName: ['0'],
+  activeName: ["0"],
   accordion: false,
-  icon: '',
-  iconSize: '16px',
-  iconColor: '',
+  expandIcon: null,
   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 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, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, 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 _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), defaultOpenIndex = _useState2[0], setDefaultOpenIndex = _useState2[1];
+  var handleActiveName = function handleActiveName2() {
     var activeArr = [];
     if (!Array.isArray(activeName)) {
       activeArr.push(activeName.toString());
     } else {
-      // 数组
       if (accordion && activeName.length > 1) {
-        console.warn('手风琴模式不支持传递多个打开页签');
+        console.warn("手风琴模式不支持传递多个打开页签");
       }
-      var activeNameStr = activeName.map(function (item) {
+      var activeNameStr = activeName.map(function(item) {
         return item.toString();
       });
       activeArr = _toConsumableArray(activeNameStr);
     }
     return activeArr;
   };
-  var colBem = cn('collapse');
-  useEffect(function () {
+  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) {
+      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 {
@@ -79,21 +79,21 @@ var Collapse = memo(function (props) {
   };
   return React__default.createElement("div", {
     className: classNames(colBem(), className),
-    style: style
-  }, childrenDom.map(function (item) {
+    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,
+      expandIcon: item.props.expandIcon || expandIcon,
+      rotate,
       childnull: !!item.props.children
     });
   }));
 }, areEqual);
 Collapse.defaultProps = defaultProps;
-Collapse.displayName = 'NutCollapse';
-export { Collapse as default };
+Collapse.displayName = "NutCollapse";
+export {
+  Collapse as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/collapseitem/collapseitem.scss'

package/dist/esm/CollapseItem.js

@@ -1,148 +1,108 @@
 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, useCallback, useEffect } 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';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  name: '',
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "expandIcon", "rotate", "subTitle", "childnull"];
+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), true).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, useCallback, useEffect } from "react";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
+var defaultProps = {
+  title: null,
+  name: "",
   isOpen: false,
-  icon: '',
-  iconSize: '',
-  iconColor: '',
+  expandIcon: null,
   disabled: false,
   rotate: 180,
-  subTitle: '',
-  titleIcon: '',
-  titleIconColor: '',
-  titleIconPosition: '',
-  titleIconSize: '',
+  subTitle: null,
   childnull: true
-});
-var CollapseItem = function CollapseItem(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    title = _defaultProps$props.title,
-    isOpen = _defaultProps$props.isOpen,
-    onToggle = _defaultProps$props.onToggle,
-    name = _defaultProps$props.name,
-    disabled = _defaultProps$props.disabled,
-    icon = _defaultProps$props.icon,
-    rotate = _defaultProps$props.rotate,
-    subTitle = _defaultProps$props.subTitle,
-    titleIcon = _defaultProps$props.titleIcon,
-    titleIconColor = _defaultProps$props.titleIconColor,
-    titleIconPosition = _defaultProps$props.titleIconPosition,
-    titleIconSize = _defaultProps$props.titleIconSize,
-    iconSize = _defaultProps$props.iconSize,
-    iconColor = _defaultProps$props.iconColor,
-    childnull = _defaultProps$props.childnull,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(-1),
-    _useState2 = _slicedToArray(_useState, 2),
-    domHeight = _useState2[0],
-    setDomHeight = _useState2[1]; // 保存content的高度
-  var _useState3 = useState('auto'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currHeight = _useState4[0],
-    setCurrHeight = _useState4[1]; // 设置content的高度
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    update = _useState6[0],
-    setUpdate = _useState6[1];
+};
+var CollapseItem = function CollapseItem2(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, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, subTitle = _defaultProps$props.subTitle, childnull = _defaultProps$props.childnull, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(-1), _useState2 = _slicedToArray(_useState, 2), domHeight = _useState2[0], setDomHeight = _useState2[1];
+  var _useState3 = useState("auto"), _useState4 = _slicedToArray(_useState3, 2), currHeight = _useState4[0], setCurrHeight = _useState4[1];
+  var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), update = _useState6[0], setUpdate = _useState6[1];
   var _useState7 = useState({
-      transform: 'translateY(-50%)'
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    iconStyle = _useState8[0],
-    setIconStyle = _useState8[1];
-  var colBem = cn('collapse-item');
-  var measuredRef = useCallback(function (node) {
+    transform: "translateY(-50%)"
+  }), _useState8 = _slicedToArray(_useState7, 2), iconStyle = _useState8[0], setIconStyle = _useState8[1];
+  var colBem = cn("collapse-item");
+  var measuredRef = useCallback(function(node) {
     if (node !== null) {
       setDomHeight(node.getBoundingClientRect().height);
     }
   }, [update]);
-  useEffect(function () {
-    // 一开始content都有高度，在这里根据isOpen，改变其高度
-    setTimeout(function () {
+  useEffect(function() {
+    setTimeout(function() {
       if (domHeight !== -1) {
-        isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight('0px');
+        isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight("0px");
       }
       var newIconStyle = isOpen ? {
         transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
       } : {
-        transform: 'translateY(-50%)'
+        transform: "translateY(-50%)"
       };
       setIconStyle(newIconStyle);
     }, 10);
   }, [isOpen, domHeight, rotate]);
-  useEffect(function () {
+  useEffect(function() {
     if (!isOpen) {
-      setCurrHeight('0px');
+      setCurrHeight("0px");
     } else {
-      setCurrHeight('auto');
+      setCurrHeight("auto");
     }
     setUpdate(!update);
   }, [children, isOpen]);
   return React__default.createElement("div", _objectSpread({
     className: colBem()
   }, rest), React__default.createElement("div", {
-    className: colBem('header', {
-      disabled: disabled
+    className: colBem("header", {
+      disabled
     }),
     onClick: function onClick() {
-      if (disabled) return;
+      if (disabled)
+        return;
       onToggle && onToggle(isOpen, name);
     }
   }, React__default.createElement("div", {
-    className: colBem('title')
-  }, titleIcon && titleIconPosition === 'left' && React__default.createElement("b", {
-    className: colBem('title-icon-left')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: titleIcon,
-    size: titleIconSize,
-    color: disabled ? '#C2C2C2' : titleIconColor
-  })), title, titleIcon && titleIconPosition === 'right' && React__default.createElement("b", {
-    className: colBem('title-icon-right')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: titleIcon,
-    size: titleIconSize,
-    color: disabled ? '#C2C2C2' : titleIconColor
-  }))), React__default.createElement("div", {
-    className: colBem('sub-title')
+    className: colBem("title")
+  }, title), React__default.createElement("div", {
+    className: colBem("sub-title")
   }, subTitle), React__default.createElement("div", {
-    className: colBem('icon-box')
+    className: colBem("icon-box")
   }, React__default.createElement("div", {
-    className: colBem('icon'),
+    className: colBem("icon"),
     style: iconStyle
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon,
-    size: iconSize,
-    color: disabled ? '#C2C2C2' : iconColor
-  })))), childnull && React__default.createElement("div", {
-    className: colBem('content'),
+  }, expandIcon))), childnull && React__default.createElement("div", {
+    className: colBem("content"),
     style: {
       height: currHeight
     },
     ref: measuredRef
   }, React__default.createElement("div", {
-    className: colBem('content-text')
+    className: colBem("content-text")
   }, children)));
 };
 CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = 'NutCollapseItem';
-export { CollapseItem as default };
+CollapseItem.displayName = "NutCollapseItem";
+export {
+  CollapseItem as default
+};