@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.0-beta.5

package/dist/esm/{popover.taro-3b06163e.js → popover.taro-4c102df6.js}

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,7 +8,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "list", "theme", "location", "visible", "className", "style", "onClick"];
+var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 
@@ -18,8 +20,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React__default, { useRef, useState, useEffect } from 'react';
-import ReactDOM__default from 'react-dom';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
+import { O as Overlay } from './overlay-ed3eb37d.js';
 /**
  * 过滤ref
  */
@@ -53,14 +55,10 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
 
   var _super = _createSuper(Trigger);
 
-  function Trigger(props) {
+  function Trigger() {
     _classCallCheck(this, Trigger);
 
-    return _super.call(this, props); // ALL_HANDLERS.forEach((h) => {
-    //  ( this as any)[`fire${h}`] = (e: any) => {
-    //     this.fireEvents(h, e)
-    //   }
-    // })
+    return _super.apply(this, arguments);
   }
 
   _createClass(Trigger, [{
@@ -88,21 +86,7 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
       var child = React__default.Children.only(children);
       var newChildProps = {
         key: 'trigger'
-      }; // newChildProps.onClick = (e: any) => {
-      //   this.fireEvents('onClick', e)
-      // }
-      // newChildProps.onMouseEnter = (e: any) => {
-      //   this.fireEvents('onMouseEnter', e)
-      // }
-      // newChildProps.onMouseLeave = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
-      // newChildProps.onFocus = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
-      // newChildProps.onKeyPress = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
+      };
 
       if (child && child.props && child.props.className) {
         newChildProps.className = className;
@@ -119,29 +103,50 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   return Trigger;
 }(React__default.Component);
 
-function findDOMNode(node) {
-  if (node instanceof HTMLElement) {
-    return node;
-  }
-
-  return ReactDOM__default.findDOMNode(node);
-}
-
-var getEleAttr = function getEleAttr(ele) {
-  if (ele && ele.getBoundingClientRect) {
-    return ele.getBoundingClientRect();
-  }
+var getEleAttr = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ele) {
+    var res;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(ele && ele.getBoundingClientRect)) {
+              _context.next = 5;
+              break;
+            }
+
+            _context.next = 3;
+            return ele.getBoundingClientRect();
+
+          case 3:
+            res = _context.sent;
+            return _context.abrupt("return", res);
+
+          case 5:
+            return _context.abrupt("return", null);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
 
-  return null;
-};
+  return function getEleAttr(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
 
 var defaultProps = {
   list: [],
   theme: 'light',
   location: 'bottom',
   visible: false,
+  offset: 20,
   className: '',
-  onClick: function onClick(e) {}
+  onClick: function onClick(e) {},
+  onChoose: function onChoose(item, index) {}
 };
 
 var Popover = function Popover(props) {
@@ -151,19 +156,60 @@ var Popover = function Popover(props) {
       theme = _defaultProps$props.theme,
       location = _defaultProps$props.location,
       visible = _defaultProps$props.visible,
+      offset = _defaultProps$props.offset,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
       onClick = _defaultProps$props.onClick,
+      onChoose = _defaultProps$props.onChoose,
       reset = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var goodItem = useRef(null);
-  var aa = goodItem.current && findDOMNode(goodItem.current);
-  setTimeout(function () {
-    if (aa) {
-      setElWidth(getEleAttr(aa).width);
-      setElHeight(getEleAttr(aa).height);
-    }
-  });
+  setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.t0 = goodItem.current;
+
+            if (!_context2.t0) {
+              _context2.next = 5;
+              break;
+            }
+
+            _context2.next = 4;
+            return getEleAttr(goodItem.current);
+
+          case 4:
+            _context2.t0 = _context2.sent;
+
+          case 5:
+            if (!_context2.t0) {
+              _context2.next = 16;
+              break;
+            }
+
+            _context2.t1 = setElWidth;
+            _context2.next = 9;
+            return getEleAttr(goodItem.current);
+
+          case 9:
+            _context2.t2 = _context2.sent.width;
+            (0, _context2.t1)(_context2.t2);
+            _context2.t3 = setElHeight;
+            _context2.next = 14;
+            return getEleAttr(goodItem.current);
+
+          case 14:
+            _context2.t4 = _context2.sent.height;
+            (0, _context2.t3)(_context2.t4);
+
+          case 16:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -191,74 +237,49 @@ var Popover = function Popover(props) {
       setPopoverArrow = _useState10[1];
 
   useEffect(function () {
-    setClasses(classes_self());
-    setPopoverContent(popoverContent_self());
-    setPopoverArrow(popoverArrow_self());
+    setClasses(classesSelf());
+    setPopoverContent(popoverContentSelf());
+    setPopoverArrow(popoverArrowSelf());
   }, [list, theme]);
 
   var getStyle = function getStyle() {
+    var offNumer = Number(offset) ? Number(offset) : 0;
     var style = {};
 
-    if (location == 'top') {
-      style.bottom = elHeight + 20;
-      style.left = 0;
-    } else if (location == 'right') {
-      style.top = 0;
-      style.right = -elWidth - 20;
-    } else if (location == 'left') {
-      style.top = 0;
-      style.left = -elWidth - 20;
+    if (location.includes('top')) {
+      style.bottom = "".concat(elHeight + offNumer, "px");
+    } else if (location.includes('right')) {
+      style.left = "".concat(elWidth + offNumer, "px");
+    } else if (location.includes('left')) {
+      style.right = "".concat(elWidth + offNumer, "px");
     } else {
-      style.top = elHeight + 20;
-      style.left = 0;
+      style.top = "".concat(elHeight + offNumer, "px");
     }
 
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
     return style;
   };
 
-  var getArrowStyle = function getArrowStyle() {
-    var style = {};
-
-    if (location == 'top') {
-      style.bottom = -20;
-      style.left = elWidth / 2;
-    } else if (location == 'right') {
-      style.top = 20;
-      style.left = -20;
-    } else if (location == 'left') {
-      style.top = 20;
-      style.right = -20;
-    } else {
-      style.left = elWidth / 2;
-      style.top = -20;
-    }
-
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
-    return style;
-  };
-
-  var classes_self = function classes_self() {
+  var classesSelf = function classesSelf() {
     var prefixCls = 'nut-popover';
-    return "".concat(prefixCls, "\n    ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
+    return "".concat(prefixCls, " ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
   };
 
-  var popoverContent_self = function popoverContent_self() {
-    var prefixCls = 'popoverContent';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+  var popoverContentSelf = function popoverContentSelf() {
+    var prefixCls = 'popover-content';
+    return "".concat(prefixCls, "-show ").concat(prefixCls, " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
   };
 
-  var popoverArrow_self = function popoverArrow_self() {
-    var prefixCls = 'popoverArrow';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
-  }; // const showPopup = props.visible
+  var filter = function filter() {
+    var ms = ['top', 'bottom', 'left', 'right'];
+    return ms.filter(function (m) {
+      return location.includes(m);
+    })[0];
+  };
 
+  var popoverArrowSelf = function popoverArrowSelf() {
+    var prefixCls = 'popover-arrow';
+    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(filter(), " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+  };
 
   var handleClick = function handleClick(e) {
     if (props.onClick) {
@@ -266,7 +287,13 @@ var Popover = function Popover(props) {
     }
   };
 
-  return React__default.createElement("div", _objectSpread({
+  var handleChoose = function handleChoose(item, index) {
+    if (!item.disabled) {
+      onChoose(item, index);
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className),
     style: _objectSpread({}, style)
   }, reset), React__default.createElement(Trigger, {
@@ -279,19 +306,29 @@ var Popover = function Popover(props) {
     className: "".concat(popoverContent),
     style: getStyle()
   }, React__default.createElement("div", {
-    className: "".concat(popoverArrow),
-    style: getArrowStyle()
-  }, ' '), Array.isArray(children) ? children[1] : '', list.map(function (item) {
+    className: "".concat(popoverArrow)
+  }), Array.isArray(children) ? children[1] : '', list.map(function (item, i) {
     return React__default.createElement("div", {
       key: item.name,
-      className: "title-item ".concat(item.disabled ? 'disabled' : '')
+      className: "popover-menu-item ".concat(item.disabled ? 'disabled' : ''),
+      onClick: function onClick() {
+        handleChoose(item, i);
+      }
     }, item.icon ? React__default.createElement(Icon, {
-      className: "item-img",
+      className: "popover-menu-item-img",
       name: item.icon
     }) : '', React__default.createElement("div", {
-      className: "title-name"
+      className: "popover-menu-item-name"
     }, item.name));
-  })) : null)));
+  })) : null))), visible ? React__default.createElement(Overlay, {
+    visible: visible,
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    style: {
+      background: 'transparent'
+    }
+  }) : '');
 };
 
 Popover.defaultProps = defaultProps;

package/dist/esm/{popup-15922d84.js → popup-67173ec6.js}

@@ -6,10 +6,11 @@ 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, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 
 var defaultProps = _objectSpread({
@@ -21,7 +22,7 @@ var defaultProps = _objectSpread({
   closeIconPosition: 'top-right',
   closeIcon: 'close',
   destroyOnClose: true,
-  // teleport: 'body',
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: function onOpen() {},
@@ -40,8 +41,10 @@ var Popup = function Popup(props) {
 
   var children = props.children,
       visible = props.visible,
+      overlay = props.overlay,
       closeOnClickOverlay = props.closeOnClickOverlay,
       overlayStyle = props.overlayStyle,
+      overlayClass = props.overlayClass,
       zIndex = props.zIndex,
       lockScroll = props.lockScroll,
       duration = props.duration,
@@ -55,6 +58,7 @@ var Popup = function Popup(props) {
       popClass = props.popClass,
       className = props.className,
       destroyOnClose = props.destroyOnClose,
+      teleport = props.teleport,
       onOpen = props.onOpen,
       onClose = props.onClose,
       onClickOverlay = props.onClickOverlay,
@@ -102,9 +106,6 @@ var Popup = function Popup(props) {
 
   var open = function open() {
     if (!innerVisible) {
-      // if(zIndex !== undefined) {
-      //   _zIndex = +zIndex;
-      // }
       setInnerVisible(true);
       setIndex(++_zIndex);
     }
@@ -153,6 +154,54 @@ var Popup = function Popup(props) {
     onClosed && onClosed(e);
   };
 
+  var resolveContainer = function resolveContainer(getContainer) {
+    var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+    return container || document.body;
+  };
+
+  var renderToContainer = function renderToContainer(getContainer, node) {
+    if (getContainer) {
+      var container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+
+    return node;
+  };
+
+  var renderPop = function renderPop() {
+    return React__default.createElement(CSSTransition, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 500,
+      "in": innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, React__default.createElement("div", {
+      style: popStyles,
+      className: classes,
+      onClick: onHandleClick
+    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
+      className: closeClasses,
+      onClick: onHandleClickCloseIcon
+    }, React__default.createElement(Icon, {
+      name: closeIcon,
+      size: "12px"
+    })) : ''));
+  };
+
+  var renderNode = function renderNode() {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+      style: overlayStyles,
+      overlayClass: overlayClass,
+      visible: innerVisible,
+      closeOnClickOverlay: closeOnClickOverlay,
+      zIndex: zIndex,
+      lockScroll: lockScroll,
+      duration: duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
+
   useEffect(function () {
     visible && open();
     !visible && close();
@@ -160,32 +209,7 @@ var Popup = function Popup(props) {
   useEffect(function () {
     setTransitionName(transition || "popup-slide-".concat(position));
   }, [position]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
-    style: overlayStyles,
-    visible: innerVisible,
-    closeOnClickOverlay: closeOnClickOverlay,
-    zIndex: zIndex,
-    lockScroll: lockScroll,
-    duration: duration,
-    onClick: onHandleClickOverlay
-  }), React__default.createElement(CSSTransition, {
-    classNames: transitionName,
-    unmountOnExit: true,
-    timeout: 500,
-    "in": innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, React__default.createElement("div", {
-    style: popStyles,
-    className: classes,
-    onClick: onHandleClick
-  }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-    className: closeClasses,
-    onClick: onHandleClickCloseIcon
-  }, React__default.createElement(Icon, {
-    name: closeIcon,
-    size: "12px"
-  })) : '')));
+  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
 
 Popup.defaultProps = defaultProps;

package/dist/esm/{popup.taro-897e35fd.js → popup.taro-a89dd3a1.js}

@@ -6,10 +6,11 @@ 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, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 
 var defaultProps = _objectSpread({
@@ -21,7 +22,7 @@ var defaultProps = _objectSpread({
   closeIconPosition: 'top-right',
   closeIcon: 'close',
   destroyOnClose: true,
-  // teleport: 'body',
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: function onOpen() {},
@@ -40,8 +41,10 @@ var Popup = function Popup(props) {
 
   var children = props.children,
       visible = props.visible,
+      overlay = props.overlay,
       closeOnClickOverlay = props.closeOnClickOverlay,
       overlayStyle = props.overlayStyle,
+      overlayClass = props.overlayClass,
       zIndex = props.zIndex,
       lockScroll = props.lockScroll,
       duration = props.duration,
@@ -55,6 +58,7 @@ var Popup = function Popup(props) {
       popClass = props.popClass,
       className = props.className,
       destroyOnClose = props.destroyOnClose,
+      teleport = props.teleport,
       onOpen = props.onOpen,
       onClose = props.onClose,
       onClickOverlay = props.onClickOverlay,
@@ -102,9 +106,6 @@ var Popup = function Popup(props) {
 
   var open = function open() {
     if (!innerVisible) {
-      // if(zIndex !== undefined) {
-      //   _zIndex = +zIndex;
-      // }
       setInnerVisible(true);
       setIndex(++_zIndex);
     }
@@ -153,6 +154,54 @@ var Popup = function Popup(props) {
     onClosed && onClosed(e);
   };
 
+  var resolveContainer = function resolveContainer(getContainer) {
+    var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+    return container || document.body;
+  };
+
+  var renderToContainer = function renderToContainer(getContainer, node) {
+    if (getContainer) {
+      var container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+
+    return node;
+  };
+
+  var renderPop = function renderPop() {
+    return React__default.createElement(CSSTransition, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 500,
+      "in": innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, React__default.createElement("div", {
+      style: popStyles,
+      className: classes,
+      onClick: onHandleClick
+    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
+      className: closeClasses,
+      onClick: onHandleClickCloseIcon
+    }, React__default.createElement(Icon, {
+      name: closeIcon,
+      size: "12px"
+    })) : ''));
+  };
+
+  var renderNode = function renderNode() {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+      style: overlayStyles,
+      overlayClass: overlayClass,
+      visible: innerVisible,
+      closeOnClickOverlay: closeOnClickOverlay,
+      zIndex: zIndex,
+      lockScroll: lockScroll,
+      duration: duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
+
   useEffect(function () {
     visible && open();
     !visible && close();
@@ -160,32 +209,7 @@ var Popup = function Popup(props) {
   useEffect(function () {
     setTransitionName(transition || "popup-slide-".concat(position));
   }, [position]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
-    style: overlayStyles,
-    visible: innerVisible,
-    closeOnClickOverlay: closeOnClickOverlay,
-    zIndex: zIndex,
-    lockScroll: lockScroll,
-    duration: duration,
-    onClick: onHandleClickOverlay
-  }), React__default.createElement(CSSTransition, {
-    classNames: transitionName,
-    unmountOnExit: true,
-    timeout: 500,
-    "in": innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, React__default.createElement("div", {
-    style: popStyles,
-    className: classes,
-    onClick: onHandleClick
-  }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-    className: closeClasses,
-    onClick: onHandleClickCloseIcon
-  }, React__default.createElement(Icon, {
-    name: closeIcon,
-    size: "12px"
-  })) : '')));
+  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
 
 Popup.defaultProps = defaultProps;

package/dist/esm/{progress.taro-51bcdd4f.js → progress.taro-dd93ac38.js}

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   className: '',