@nutui/nutui-react-taro 1.3.1 → 1.3.2

package/dist/esm/pulltorefresh.taro-8846f019.js

@@ -0,0 +1,366 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useRef, useEffect } from 'react';
+import { useDrag } from '@use-gesture/react';
+import { useSpring, animated } from '@react-spring/web';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
+var defaultRoot = canUseDom ? window : undefined;
+var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
+
+function isElement(node) {
+  var ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+
+function getScrollParent(el) {
+  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
+  var node = el;
+
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+
+    var _window$getComputedSt = window.getComputedStyle(node),
+        overflowY = _window$getComputedSt.overflowY;
+
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return root;
+}
+
+function bound(position, min, max) {
+  var ret = position;
+
+  if (min !== undefined) {
+    ret = Math.max(position, min);
+  }
+
+  if (max !== undefined) {
+    ret = Math.min(ret, max);
+  }
+
+  return ret;
+}
+
+function rubberband(distance, dimension, constant) {
+  return distance * dimension * constant / (dimension + constant * distance);
+}
+
+function rubberbandIfOutOfBounds(position, min, max, dimension) {
+  var constant = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0.15;
+  if (constant === 0) return bound(position, min, max);
+  if (position < min) return -rubberband(min - position, dimension, constant) + min;
+  if (position > max) return +rubberband(position - max, dimension, constant) + max;
+  return position;
+}
+
+var sleep = function sleep(time) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, time);
+  });
+};
+
+var passiveSupported = false;
+
+if (canUseDom) {
+  try {
+    var opts = Object.defineProperty({}, 'passive', {
+      get: function get() {
+        passiveSupported = true;
+      }
+    });
+    window.addEventListener('test-passive-supported', null, opts);
+  } catch (e) {
+    console.log(e);
+  }
+}
+
+var defaultProps = {
+  pullingText: '',
+  canReleaseText: '',
+  refreshingText: '',
+  completeText: '',
+  completeDelay: 500,
+  disabled: false,
+  headHeight: 40,
+  threshold: 60,
+  onRefresh: function onRefresh() {}
+};
+
+var PullToRefresh = function PullToRefresh(p) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var props = _objectSpread(_objectSpread(_objectSpread({}, defaultProps), p), {
+    pullingText: p.pullingText || locale.pullToRefresh.pullingText,
+    canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
+    refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
+    completeText: p.completeText || locale.pullToRefresh.completeText
+  });
+
+  var headHeight = props.headHeight;
+  var threshold = props.threshold;
+
+  var _useState = useState('pulling'),
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var _useSpring = useSpring(function () {
+    return {
+      from: {
+        height: 0
+      },
+      config: {
+        tension: 300,
+        friction: 30,
+        clamp: true
+      }
+    };
+  }),
+      _useSpring2 = _slicedToArray(_useSpring, 2),
+      springStyles = _useSpring2[0],
+      api = _useSpring2[1];
+
+  var elementRef = useRef(null);
+  var pullingRef = useRef(false);
+  useEffect(function () {
+    var _elementRef$current;
+
+    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.addEventListener('touchmove', function () {});
+  }, []);
+
+  function doRefresh() {
+    return _doRefresh.apply(this, arguments);
+  }
+
+  function _doRefresh() {
+    _doRefresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              api.start({
+                height: headHeight
+              });
+              setStatus('refreshing');
+              _context3.prev = 2;
+              _context3.next = 5;
+              return props.onRefresh();
+
+            case 5:
+              setStatus('complete');
+              _context3.next = 12;
+              break;
+
+            case 8:
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](2);
+              api.start({
+                to: function () {
+                  var _to = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(next) {
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) {
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return next({
+                              height: 0
+                            });
+
+                          case 2:
+                            setStatus('pulling');
+
+                          case 3:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  }));
+
+                  function to(_x) {
+                    return _to.apply(this, arguments);
+                  }
+
+                  return to;
+                }()
+              });
+              throw _context3.t0;
+
+            case 12:
+              if (!(props.completeDelay > 0)) {
+                _context3.next = 15;
+                break;
+              }
+
+              _context3.next = 15;
+              return sleep(props.completeDelay);
+
+            case 15:
+              api.start({
+                to: function () {
+                  var _to2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(next) {
+                    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                      while (1) {
+                        switch (_context2.prev = _context2.next) {
+                          case 0:
+                            _context2.next = 2;
+                            return next({
+                              height: 0
+                            });
+
+                          case 2:
+                            setStatus('pulling');
+
+                          case 3:
+                          case "end":
+                            return _context2.stop();
+                        }
+                      }
+                    }, _callee2);
+                  }));
+
+                  function to(_x2) {
+                    return _to2.apply(this, arguments);
+                  }
+
+                  return to;
+                }()
+              });
+
+            case 16:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[2, 8]]);
+    }));
+    return _doRefresh.apply(this, arguments);
+  }
+
+  useDrag(function (state) {
+    if (status === 'refreshing' || status === 'complete') return;
+    var event = state.event; // 最后一个事件，检查是否可以刷新或是否是开始状态（第一个状态也是最后一个状态）
+
+    if (state.last) {
+      pullingRef.current = false;
+
+      if (status === 'canRelease') {
+        doRefresh();
+      } else {
+        api.start({
+          height: 0
+        });
+      }
+
+      return;
+    }
+
+    function getScrollTop(element) {
+      return 'scrollTop' in element ? element.scrollTop : element.scrollY;
+    } // 手指位置
+
+
+    var _state$movement = _slicedToArray(state.movement, 2),
+        y = _state$movement[1]; // 第一个事件，并且手指位置大于0
+
+
+    if (state.first && y > 0) {
+      var target = state.event.target;
+      if (!target || !(target instanceof Element)) return;
+      var scrollParent = getScrollParent(target);
+
+      while (true) {
+        if (!scrollParent) return;
+        var scrollTop = getScrollTop(scrollParent);
+
+        if (scrollTop > 0) {
+          return;
+        } // 查找到 window 说明到顶了
+
+
+        if (scrollParent instanceof Window) {
+          break;
+        } // 递归查找
+
+
+        scrollParent = getScrollParent(scrollParent.parentNode);
+      }
+
+      pullingRef.current = true;
+    }
+
+    if (!pullingRef.current) return;
+
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+
+    event.stopPropagation();
+    var height = Math.max(rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5), 0);
+    api.start({
+      height: height
+    });
+    setStatus(height > threshold ? 'canRelease' : 'pulling');
+  }, {
+    pointer: {
+      touch: true
+    },
+    axis: 'y',
+    target: elementRef,
+    enabled: !props.disabled,
+    eventOptions: passiveSupported ? {
+      passive: false
+    } : false
+  });
+
+  var renderStatusText = function renderStatusText() {
+    console.log(props);
+
+    if (props.renderText) {
+      var _props$renderText;
+
+      return (_props$renderText = props.renderText) === null || _props$renderText === void 0 ? void 0 : _props$renderText.call(props, status);
+    }
+
+    if (status === 'pulling') return props.pullingText;
+    if (status === 'canRelease') return props.canReleaseText;
+    if (status === 'refreshing') return props.refreshingText;
+    if (status === 'complete') return props.completeText;
+    return '';
+  };
+
+  return React__default.createElement(animated.div, {
+    ref: elementRef,
+    className: "nut-pulltorefresh"
+  }, React__default.createElement(animated.div, {
+    style: springStyles,
+    className: "nut-pulltorefresh-head"
+  }, React__default.createElement("div", {
+    className: "nut-pulltorefresh-head-content",
+    style: {
+      height: headHeight
+    }
+  }, renderStatusText())), React__default.createElement("div", {
+    className: "nut-pulltorefresh-content"
+  }, props.children));
+};
+
+PullToRefresh.defaultProps = defaultProps;
+PullToRefresh.displayName = 'NutPullToRefresh';
+export { PullToRefresh as P };

package/dist/esm/{radio.taro-32cb0172.js → radio.taro-1c63512f.js}

@@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useContext, useEffect } from 'react';
-import { I as Icon } from './icon-8dc4de10.js';
-import { a as RadioContext, R as RadioGroup } from './radiogroup-e698d3df.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { a as RadioContext, R as RadioGroup } from './radiogroup.taro-b5dad516.js';
 var defaultProps = {
   disabled: false,
   checked: false,

package/dist/esm/{range.taro-fe08c5f4.js → range.taro-ef3b30f0.js}

@@ -10,125 +10,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
-import { N as Notification } from './Notification-422905bd.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
-var messageInstance = null;
-var options = {
-  msg: '',
-  id: '',
-  style: {},
-  duration: 1.5,
-  center: true,
-  type: 'text',
-  title: '',
-  customClass: '',
-  bottom: '30px',
-  size: 'base',
-  icon: null,
-  iconSize: '20',
-  textAlignCenter: true,
-  loadingRotate: true,
-  bgColor: 'rgba(0, 0, 0, .8)',
-  onClose: function onClose() {},
-  cover: false,
-  coverColor: 'rgba(0, 0, 0, 0)',
-  closeOnClickOverlay: false // 是否点击遮罩可关闭
-
-};
-
-function getInstance(props, callback) {
-  if (messageInstance) {
-    messageInstance.destroy();
-    messageInstance = null;
-  }
-
-  Notification.newInstance(props, function (notification) {
-    return callback && callback(notification);
-  });
-}
-
-function notice(opts) {
-  function close() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-
-  var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
-    onClose: close
-  });
-
-  getInstance(opts2, function (notification) {
-    messageInstance = notification;
-  });
-}
-
-var errorMsg = function errorMsg(msg) {
-  if (!msg) {
-    console.warn('[NutUI Toast]: msg cannot be null');
-  }
-};
-
-var Toast = {
-  text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      type: 'text'
-    }, option));
-  },
-  success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'success',
-      type: 'success'
-    }, option));
-  },
-  fail: function fail(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'failure',
-      type: 'fail'
-    }, option));
-  },
-  loading: function loading(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'loading',
-      type: 'loading'
-    }, option));
-  },
-  warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'tips',
-      type: 'warn'
-    }, option));
-  },
-  customIcon: function customIcon(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg
-    }, option));
-  },
-  hide: function hide() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-};
+import { T as Toast } from './toast.taro-d4ecd6af.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   range: false,
   hiddenRange: false,

package/dist/esm/{rate.taro-a0b21714.js → rate.taro-bb2e6c87.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 var defaultProps = {
   count: 5,
   modelValue: 0,

package/dist/esm/{searchbar.taro-450d2f88.js → searchbar.taro-81867286.js}

@@ -7,8 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 var defaultProps = {
   placeholder: '',
   shape: 'square',

package/dist/esm/{shortpassword.taro-08a05360.js → shortpassword.taro-2db97cc8.js}

@@ -10,9 +10,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup-67173ec6.js';
-import { I as Icon } from './icon-8dc4de10.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { P as Popup } from './popup.taro-8363fbae.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   title: '',
   desc: '',

package/dist/esm/{sidenavbar.taro-dd471476.js → sidenavbar.taro-e243b626.js}

@@ -7,8 +7,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default from 'react';
-import { u as useConfig } from './configprovider-9c393a29.js';
-import { P as Popup } from './popup-67173ec6.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { P as Popup } from './popup.taro-8363fbae.js';
 import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
 var defaultProps = {
   showhead: false,

package/dist/esm/{signature.taro-7cb77bab.js → signature.taro-e7369db8.js}

@@ -8,9 +8,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useRef, useState, useEffect } from 'react';
-import { B as Button } from './button-521a516b.js';
+import { B as Button } from './button.taro-bffc9543.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   type: 'png',
   lineWidth: 2,

package/dist/esm/skeleton.taro-c19acc4e.js

@@ -0,0 +1,109 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "width", "height", "animated", "row", "title", "avatar", "avatarSize", "round", "loading", "children", "avatarShape"];
+
+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 Avatar } from './avatar.taro-c3a605b9.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  width: '100px',
+  height: '100px',
+  row: 1,
+  animated: false,
+  title: false,
+  avatar: false,
+  round: false,
+  avatarSize: '50px',
+  loading: false,
+  avatarShape: 'round'
+};
+
+var Skeleton = function Skeleton(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      width = _defaultProps$props.width,
+      height = _defaultProps$props.height,
+      animated = _defaultProps$props.animated,
+      row = _defaultProps$props.row,
+      title = _defaultProps$props.title,
+      avatar = _defaultProps$props.avatar,
+      avatarSize = _defaultProps$props.avatarSize,
+      round = _defaultProps$props.round,
+      loading = _defaultProps$props.loading,
+      children = _defaultProps$props.children,
+      avatarShape = _defaultProps$props.avatarShape,
+      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('skeleton');
+  var classes = classNames(className, b());
+  var blockClass = classNames({
+    blockClass: true,
+    'blockClass--round': round
+  });
+  var avatarClass = classNames(_defineProperty({
+    avatarClass: true
+  }, "avatarClass--".concat(avatarShape), avatarShape));
+
+  var repeatLines = function repeatLines(num) {
+    return Array.from({
+      length: num
+    }, function (v, i) {
+      return i;
+    });
+  };
+
+  var getStyle = function getStyle() {
+    if (avatarSize) {
+      return {
+        width: avatarSize,
+        height: avatarSize
+      };
+    }
+
+    return {
+      width: '50px',
+      height: '50px'
+    };
+  };
+
+  return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
+    className: classes
+  }, restProps), animated && React__default.createElement("div", {
+    className: "skeleton-animation"
+  }), React__default.createElement("div", {
+    className: "nut-skeleton-content"
+  }, avatar && React__default.createElement(Avatar, {
+    className: avatarClass,
+    bgColor: "rgb(239, 239, 239)",
+    shape: avatarShape,
+    style: getStyle()
+  }), row === 1 && React__default.createElement("div", {
+    className: blockClass,
+    style: {
+      width: width,
+      height: height
+    }
+  }), React__default.createElement("div", {
+    className: "skeleton-content-line"
+  }, title && React__default.createElement("div", {
+    className: "skeleton-title"
+  }), repeatLines(row).map(function (item, index) {
+    return React__default.createElement("div", {
+      className: blockClass,
+      key: index,
+      style: {
+        width: width,
+        height: height
+      }
+    });
+  })))));
+};
+
+Skeleton.defaultProps = defaultProps;
+Skeleton.displayName = 'NutSkeleton';
+export { Skeleton as S };