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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (234) hide show
  1. package/CHANGELOG.md +1 -35
  2. package/dist/esm/ActionSheet.js +62 -54
  3. package/dist/esm/Address/style/index.js +0 -1
  4. package/dist/esm/Address.js +235 -330
  5. package/dist/esm/Animate.js +43 -32
  6. package/dist/esm/AnimatingNumbers.js +88 -49
  7. package/dist/esm/Audio/style/index.js +0 -1
  8. package/dist/esm/Audio.js +104 -114
  9. package/dist/esm/Avatar.js +65 -78
  10. package/dist/esm/AvatarContext.js +5 -0
  11. package/dist/esm/AvatarGroup.js +46 -27
  12. package/dist/esm/BackTop/style/index.js +1 -1
  13. package/dist/esm/BackTop.js +74 -76
  14. package/dist/esm/Badge.js +57 -54
  15. package/dist/esm/Barrage.js +45 -32
  16. package/dist/esm/Button/style/index.js +1 -1
  17. package/dist/esm/Button.js +66 -87
  18. package/dist/esm/Calendar.js +80 -79
  19. package/dist/esm/CalendarItem.js +199 -231
  20. package/dist/esm/Card.js +44 -37
  21. package/dist/esm/Cascader.js +430 -433
  22. package/dist/esm/Cell/style/index.js +1 -1
  23. package/dist/esm/Cell.js +57 -87
  24. package/dist/esm/CellGroup.js +7 -5
  25. package/dist/esm/Checkbox/style/index.js +0 -1
  26. package/dist/esm/Checkbox.js +11 -8
  27. package/dist/esm/CheckboxGroup.js +78 -71
  28. package/dist/esm/CircleProgress.js +50 -40
  29. package/dist/esm/Col.js +46 -41
  30. package/dist/esm/Collapse.js +44 -44
  31. package/dist/esm/CollapseItem/style/index.js +1 -1
  32. package/dist/esm/CollapseItem.js +64 -104
  33. package/dist/esm/ConfigProvider.js +400 -101
  34. package/dist/esm/CountDown.js +90 -95
  35. package/dist/esm/DatePicker.js +104 -123
  36. package/dist/esm/Dialog.js +98 -104
  37. package/dist/esm/Divider.js +36 -27
  38. package/dist/esm/Drag.js +55 -59
  39. package/dist/esm/Elevator.js +77 -88
  40. package/dist/esm/Ellipsis.js +80 -79
  41. package/dist/esm/Empty.js +50 -44
  42. package/dist/esm/FixedNav/style/index.js +0 -1
  43. package/dist/esm/FixedNav.js +57 -65
  44. package/dist/esm/Form.js +1154 -123
  45. package/dist/esm/FormItem.js +7 -5
  46. package/dist/esm/Grid/style/index.js +1 -1
  47. package/dist/esm/Grid.js +51 -55
  48. package/dist/esm/GridItem.js +7 -124
  49. package/dist/esm/Icon.js +83 -5
  50. package/dist/esm/Image.js +123 -122
  51. package/dist/esm/ImagePreview.js +75 -93
  52. package/dist/esm/Indicator.js +41 -36
  53. package/dist/esm/Infiniteloading/style/index.js +1 -1
  54. package/dist/esm/Infiniteloading.js +77 -93
  55. package/dist/esm/Input/style/index.js +1 -1
  56. package/dist/esm/Input.js +120 -172
  57. package/dist/esm/InputNumber/style/index.js +1 -1
  58. package/dist/esm/InputNumber.js +133 -167
  59. package/dist/esm/Layout.js +27 -6
  60. package/dist/esm/Menu.js +84 -86
  61. package/dist/esm/MenuItem/style/index.js +0 -1
  62. package/dist/esm/MenuItem.js +76 -86
  63. package/dist/esm/NavBar/style/index.js +1 -1
  64. package/dist/esm/NavBar.js +59 -63
  65. package/dist/esm/NoticeBar/style/index.js +1 -1
  66. package/dist/esm/NoticeBar.js +173 -290
  67. package/dist/esm/Notify.js +112 -78
  68. package/dist/esm/NumberKeyboard.js +110 -109
  69. package/dist/esm/Overlay.js +7 -6
  70. package/dist/esm/Pagination.js +94 -135
  71. package/dist/esm/Picker.js +149 -201
  72. package/dist/esm/Popover/style/index.js +0 -1
  73. package/dist/esm/Popover.js +121 -116
  74. package/dist/esm/Popup/style/index.js +0 -1
  75. package/dist/esm/Popup.js +109 -119
  76. package/dist/esm/Price.js +51 -39
  77. package/dist/esm/Progress/style/index.js +1 -1
  78. package/dist/esm/Progress.js +59 -64
  79. package/dist/esm/PullToRefresh.js +173 -149
  80. package/dist/esm/Radio/style/index.js +0 -1
  81. package/dist/esm/Radio.js +8 -6
  82. package/dist/esm/RadioGroup.js +64 -84
  83. package/dist/esm/Range.js +93 -122
  84. package/dist/esm/Rate/style/index.js +1 -1
  85. package/dist/esm/Rate.js +77 -95
  86. package/dist/esm/Row.js +46 -35
  87. package/dist/esm/SearchBar/style/index.js +1 -1
  88. package/dist/esm/SearchBar.js +110 -120
  89. package/dist/esm/ShortPassword/style/index.js +0 -1
  90. package/dist/esm/ShortPassword.js +120 -116
  91. package/dist/esm/SideNavBar.js +39 -27
  92. package/dist/esm/SideNavBarItem.js +31 -14
  93. package/dist/esm/Signature.js +65 -61
  94. package/dist/esm/Skeleton.js +48 -40
  95. package/dist/esm/Step/style/index.js +1 -1
  96. package/dist/esm/Step.js +49 -49
  97. package/dist/esm/Steps.js +37 -23
  98. package/dist/esm/Sticky.js +111 -120
  99. package/dist/esm/SubSideNavBar.js +50 -38
  100. package/dist/esm/Swipe.js +75 -63
  101. package/dist/esm/Swiper.js +171 -206
  102. package/dist/esm/SwiperItem.js +39 -22
  103. package/dist/esm/Switch.js +46 -37
  104. package/dist/esm/TabPane.js +8 -6
  105. package/dist/esm/Tabbar.js +47 -39
  106. package/dist/esm/TabbarItem/style/index.js +1 -1
  107. package/dist/esm/TabbarItem.js +50 -52
  108. package/dist/esm/Table/style/index.js +1 -1
  109. package/dist/esm/Table.js +70 -70
  110. package/dist/esm/Tabs/style/index.js +1 -2
  111. package/dist/esm/Tabs.js +11 -9
  112. package/dist/esm/Tag/style/index.js +1 -1
  113. package/dist/esm/Tag.js +69 -70
  114. package/dist/esm/TextArea.js +70 -64
  115. package/dist/esm/TimeDetail.js +47 -38
  116. package/dist/esm/TimePannel.js +35 -19
  117. package/dist/esm/TimeSelect.js +60 -68
  118. package/dist/esm/Toast/style/index.js +1 -1
  119. package/dist/esm/Toast.js +126 -98
  120. package/dist/esm/TrendArrow/style/index.js +1 -1
  121. package/dist/esm/TrendArrow.js +59 -55
  122. package/dist/esm/Uploader/style/index.js +0 -1
  123. package/dist/esm/Uploader.js +180 -229
  124. package/dist/esm/UserContext.js +5 -0
  125. package/dist/esm/UserContext2.js +5 -0
  126. package/dist/esm/UserContext3.js +5 -0
  127. package/dist/esm/Video.js +49 -39
  128. package/dist/esm/VirtualList.js +111 -146
  129. package/dist/esm/WaterMark.js +57 -60
  130. package/dist/esm/bem.js +10 -0
  131. package/dist/esm/cellgroup2.js +49 -0
  132. package/dist/esm/checkbox2.js +145 -0
  133. package/dist/esm/{date-c7aad4c0.js → date.js} +13 -11
  134. package/dist/esm/{formitem-8a73a5fb.js → formitem2.js} +83 -50
  135. package/dist/esm/get-scroll-parent.js +26 -0
  136. package/dist/esm/griditem2.js +96 -0
  137. package/dist/esm/index.js +14 -0
  138. package/dist/esm/nutui-react.es.js +188 -94
  139. package/dist/esm/offsetContext.js +19 -0
  140. package/dist/esm/overlay2.js +98 -0
  141. package/dist/esm/px-check.js +6 -0
  142. package/dist/esm/radio2.js +129 -0
  143. package/dist/esm/render.js +95 -0
  144. package/dist/esm/tabpane2.js +44 -0
  145. package/dist/esm/tabs2.js +175 -0
  146. package/dist/esm/typings.js +7 -0
  147. package/dist/esm/use-client-rect.js +32 -0
  148. package/dist/esm/use-props-value.js +18 -0
  149. package/dist/esm/use-touch.js +74 -0
  150. package/dist/locales/base.d.ts +2 -2
  151. package/dist/locales/base.js +1 -1
  152. package/dist/locales/en-US.js +3 -3
  153. package/dist/locales/id-ID.js +3 -3
  154. package/dist/locales/zh-CN.js +3 -3
  155. package/dist/locales/zh-TW.js +3 -3
  156. package/dist/locales/zh-UG.js +3 -3
  157. package/dist/nutui.react.mjs +8327 -4829
  158. package/dist/nutui.react.umd.js +8328 -4830
  159. package/dist/packages/actionsheet/actionsheet.scss +10 -2
  160. package/dist/packages/backtop/backtop.scss +0 -8
  161. package/dist/packages/badge/badge.scss +3 -4
  162. package/dist/packages/button/button.scss +80 -93
  163. package/dist/packages/cell/cell.scss +18 -90
  164. package/dist/packages/cellgroup/cellgroup.scss +26 -20
  165. package/dist/packages/collapseitem/collapseitem.scss +0 -1
  166. package/dist/packages/dialog/dialog.scss +1 -1
  167. package/dist/packages/divider/divider.scss +3 -17
  168. package/dist/packages/grid/grid.scss +1 -0
  169. package/dist/packages/griditem/griditem.scss +2 -17
  170. package/dist/packages/icon/icon.scss +0 -132
  171. package/dist/packages/image/image.scss +0 -12
  172. package/dist/packages/indicator/indicator.scss +21 -39
  173. package/dist/packages/infiniteloading/infiniteloading.scss +4 -12
  174. package/dist/packages/input/input.scss +4 -0
  175. package/dist/packages/inputnumber/inputnumber.scss +10 -26
  176. package/dist/packages/menuitem/menuitem.scss +2 -0
  177. package/dist/packages/navbar/navbar.scss +4 -5
  178. package/dist/packages/overlay/overlay.scss +0 -19
  179. package/dist/packages/picker/picker.scss +97 -103
  180. package/dist/packages/progress/progress.scss +0 -1
  181. package/dist/packages/radio/radio.scss +8 -0
  182. package/dist/packages/rate/rate.scss +29 -6
  183. package/dist/packages/searchbar/searchbar.scss +0 -1
  184. package/dist/packages/shortpassword/shortpassword.scss +4 -1
  185. package/dist/packages/step/step.scss +0 -1
  186. package/dist/packages/sticky/sticky.scss +1 -1
  187. package/dist/packages/swiper/swiper.scss +8 -0
  188. package/dist/packages/tabbaritem/tabbaritem.scss +0 -1
  189. package/dist/packages/table/table.scss +0 -1
  190. package/dist/packages/tag/tag.scss +9 -2
  191. package/dist/packages/timedetail/timedetail.scss +9 -3
  192. package/dist/packages/timeselect/timeselect.scss +1 -1
  193. package/dist/packages/toast/toast.scss +0 -1
  194. package/dist/style.css +1 -1
  195. package/dist/style.mjs +1 -1
  196. package/dist/styles/font-jmapp/config.json +175 -0
  197. package/dist/styles/font-jmapp/demo.css +539 -0
  198. package/dist/styles/font-jmapp/demo_index.html +1821 -0
  199. package/dist/styles/font-jmapp/iconfont.css +299 -0
  200. package/dist/styles/font-jmapp/iconfont.eot +0 -0
  201. package/dist/styles/font-jmapp/iconfont.js +68 -0
  202. package/dist/styles/font-jmapp/iconfont.json +506 -0
  203. package/dist/styles/font-jmapp/iconfont.svg +356 -0
  204. package/dist/styles/font-jmapp/iconfont.ttf +0 -0
  205. package/dist/styles/font-jmapp/iconfont.woff +0 -0
  206. package/dist/styles/font-jmapp/iconfont.woff2 +0 -0
  207. package/dist/styles/theme-default.scss +1 -0
  208. package/dist/styles/theme-jmapp.scss +41 -0
  209. package/dist/styles/themes/default.scss +0 -1
  210. package/dist/styles/variables-jmapp.scss +2601 -0
  211. package/dist/styles/variables.scss +49 -73
  212. package/dist/types/index.d.ts +147 -240
  213. package/package.json +23 -154
  214. package/dist/esm/AvatarContext-15733596.js +0 -3
  215. package/dist/esm/Icon/style/index.js +0 -4
  216. package/dist/esm/UserContext-101ad4a4.js +0 -3
  217. package/dist/esm/UserContext-2629d479.js +0 -3
  218. package/dist/esm/UserContext-b33bcf21.js +0 -3
  219. package/dist/esm/bem-3b438e61.js +0 -8
  220. package/dist/esm/cellgroup-fcc72767.js +0 -34
  221. package/dist/esm/checkbox-44e13cd0.js +0 -137
  222. package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
  223. package/dist/esm/grid.context-2ee27d95.js +0 -6
  224. package/dist/esm/icon-4ef1581c.js +0 -70
  225. package/dist/esm/index-030b7245.js +0 -11
  226. package/dist/esm/offsetContext-3ab00d40.js +0 -16
  227. package/dist/esm/overlay-de6c79d5.js +0 -83
  228. package/dist/esm/radio-9f141e6b.js +0 -118
  229. package/dist/esm/render-bbebb760.js +0 -79
  230. package/dist/esm/tabpane-01075e6c.js +0 -29
  231. package/dist/esm/tabs-e1b4e4b1.js +0 -181
  232. package/dist/esm/typings-f27b58f4.js +0 -8
  233. package/dist/esm/useClientRect-56bb675b.js +0 -39
  234. package/dist/esm/useTouch-cf73a407.js +0 -99
@@ -2,46 +2,55 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
5
- 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; }
6
- 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; }
7
- import React__default, { useState } from 'react';
8
- import classNames from 'classnames';
9
- import { c as cn } from './bem-3b438e61.js';
10
- import '@bem-react/classname';
5
+ function ownKeys(object, enumerableOnly) {
6
+ var keys = Object.keys(object);
7
+ if (Object.getOwnPropertySymbols) {
8
+ var symbols = Object.getOwnPropertySymbols(object);
9
+ enumerableOnly && (symbols = symbols.filter(function(sym) {
10
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
11
+ })), keys.push.apply(keys, symbols);
12
+ }
13
+ return keys;
14
+ }
15
+ function _objectSpread(target) {
16
+ for (var i = 1; i < arguments.length; i++) {
17
+ var source = null != arguments[i] ? arguments[i] : {};
18
+ i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
19
+ _defineProperty(target, key, source[key]);
20
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
21
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
22
+ });
23
+ }
24
+ return target;
25
+ }
26
+ import React__default, { useState } from "react";
27
+ import classNames from "classnames";
28
+ import { c as cn } from "./bem.js";
29
+ import "@bem-react/classname";
11
30
  var defaultProps = {
12
- type: 'shake',
13
- action: 'initial',
31
+ type: "shake",
32
+ action: "initial",
14
33
  loop: false,
15
- onClick: function onClick(event) {}
34
+ onClick: function onClick(event) {
35
+ }
16
36
  };
17
- var Animate = function Animate(props) {
37
+ var Animate = function Animate2(props) {
18
38
  var _classNames;
19
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
20
- className = _defaultProps$props.className,
21
- type = _defaultProps$props.type,
22
- action = _defaultProps$props.action,
23
- loop = _defaultProps$props.loop,
24
- onClick = _defaultProps$props.onClick,
25
- children = _defaultProps$props.children,
26
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
27
- var _useState = useState(false),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- clicked = _useState2[0],
30
- setClicked = _useState2[1];
31
- var b = cn('animate');
39
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
40
+ var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
41
+ var b = cn("animate");
32
42
  var classes = classNames((_classNames = {
33
- 'nut-ani-container': true
34
- }, _defineProperty(_classNames, "".concat(b(''), "-").concat(type), action === 'initial' || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
43
+ "nut-ani-container": true
44
+ }, _defineProperty(_classNames, "".concat(b(""), "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
35
45
  var cls = classNames(classes, className);
36
- var handleClick = function handleClick(event) {
46
+ var handleClick = function handleClick2(event) {
37
47
  setClicked(true);
38
- // 如果不是无限循环,清除类名
39
48
  if (!loop) {
40
- setTimeout(function () {
49
+ setTimeout(function() {
41
50
  setClicked(false);
42
- }, 1000);
51
+ }, 1e3);
43
52
  }
44
- onClick && onClick(event);
53
+ onClick2 && onClick2(event);
45
54
  };
46
55
  return React__default.createElement("div", {
47
56
  className: "nut-animate"
@@ -51,5 +60,7 @@ var Animate = function Animate(props) {
51
60
  }, rest), children));
52
61
  };
53
62
  Animate.defaultProps = defaultProps;
54
- Animate.displayName = 'NutAnimate';
55
- export { Animate as default };
63
+ Animate.displayName = "NutAnimate";
64
+ export {
65
+ Animate as default
66
+ };
@@ -6,56 +6,93 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
7
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
8
8
  var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
9
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
10
- 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; } }
11
- 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; }
12
- 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; }
13
- import React__default, { useRef, useMemo, useEffect, Component } from 'react';
14
- import { c as cn } from './bem-3b438e61.js';
15
- import '@bem-react/classname';
9
+ function _createSuper(Derived) {
10
+ var hasNativeReflectConstruct = _isNativeReflectConstruct();
11
+ return function _createSuperInternal() {
12
+ var Super = _getPrototypeOf(Derived), result;
13
+ if (hasNativeReflectConstruct) {
14
+ var NewTarget = _getPrototypeOf(this).constructor;
15
+ result = Reflect.construct(Super, arguments, NewTarget);
16
+ } else {
17
+ result = Super.apply(this, arguments);
18
+ }
19
+ return _possibleConstructorReturn(this, result);
20
+ };
21
+ }
22
+ function _isNativeReflectConstruct() {
23
+ if (typeof Reflect === "undefined" || !Reflect.construct)
24
+ return false;
25
+ if (Reflect.construct.sham)
26
+ return false;
27
+ if (typeof Proxy === "function")
28
+ return true;
29
+ try {
30
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
31
+ }));
32
+ return true;
33
+ } catch (e) {
34
+ return false;
35
+ }
36
+ }
37
+ function ownKeys(object, enumerableOnly) {
38
+ var keys = Object.keys(object);
39
+ if (Object.getOwnPropertySymbols) {
40
+ var symbols = Object.getOwnPropertySymbols(object);
41
+ enumerableOnly && (symbols = symbols.filter(function(sym) {
42
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
43
+ })), keys.push.apply(keys, symbols);
44
+ }
45
+ return keys;
46
+ }
47
+ function _objectSpread(target) {
48
+ for (var i = 1; i < arguments.length; i++) {
49
+ var source = null != arguments[i] ? arguments[i] : {};
50
+ i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
51
+ _defineProperty(target, key, source[key]);
52
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
53
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
54
+ });
55
+ }
56
+ return target;
57
+ }
58
+ import React__default, { useRef, useMemo, useEffect, Component } from "react";
59
+ import { c as cn } from "./bem.js";
60
+ import "@bem-react/classname";
16
61
  var defaultProps$1 = {
17
62
  maxLen: 0,
18
- endNumber: '',
63
+ endNumber: "",
19
64
  delaySpeed: 300,
20
65
  easeSpeed: 1,
21
66
  thousands: false,
22
- className: ''
67
+ className: ""
23
68
  };
24
- var CountUp = function CountUp(props) {
25
- var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
26
- maxLen = _defaultProps$1$props.maxLen,
27
- endNumber = _defaultProps$1$props.endNumber,
28
- delaySpeed = _defaultProps$1$props.delaySpeed,
29
- easeSpeed = _defaultProps$1$props.easeSpeed,
30
- className = _defaultProps$1$props.className,
31
- thousands = _defaultProps$1$props.thousands,
32
- reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
33
- var b = cn('countup');
69
+ var CountUp = function CountUp2(props) {
70
+ var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), maxLen = _defaultProps$1$props.maxLen, endNumber = _defaultProps$1$props.endNumber, delaySpeed = _defaultProps$1$props.delaySpeed, easeSpeed = _defaultProps$1$props.easeSpeed, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
71
+ var b = cn("countup");
34
72
  var countupRef = useRef(null);
35
73
  var timerRef = useRef(0);
36
74
  var numbers = Array.from({
37
75
  length: 10
38
- }, function (v, i) {
76
+ }, function(v, i) {
39
77
  return i;
40
78
  });
41
- var getShowNumber = function getShowNumber() {
42
- var splitArr = endNumber.split('.');
43
- var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen) : splitArr[0];
44
- var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber).concat(splitArr[1] ? '.' : '').concat(splitArr[1] || '');
45
- return currNumber.split('');
79
+ var getShowNumber = function getShowNumber2() {
80
+ var splitArr = endNumber.split(".");
81
+ var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
82
+ var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
83
+ return currNumber.split("");
46
84
  };
47
85
  var numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
48
- var setNumberTransform = function setNumberTransform() {
86
+ var setNumberTransform = function setNumberTransform2() {
49
87
  if (countupRef.current) {
50
- var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
51
- var numberFilterArr = numerArr.filter(function (item) {
88
+ var numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
89
+ var numberFilterArr = numerArr.filter(function(item) {
52
90
  return !Number.isNaN(Number(item));
53
91
  });
54
- Object.keys(numberItems).forEach(function (key) {
92
+ Object.keys(numberItems).forEach(function(key) {
55
93
  var elem = numberItems[Number(key)];
56
94
  var idx = Number(numberFilterArr[Number(key)]);
57
95
  if ((idx || idx === 0) && elem) {
58
- // 计算规则:父元素和实际列表高度的百分比,分割成20等份
59
96
  var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
60
97
  elem.style.transform = transform;
61
98
  elem.style.webkitTransform = transform;
@@ -66,11 +103,11 @@ var CountUp = function CountUp(props) {
66
103
  var numberEaseStyle = {
67
104
  transition: "transform ".concat(easeSpeed, "s ease-in-out")
68
105
  };
69
- useEffect(function () {
70
- timerRef.current = window.setTimeout(function () {
106
+ useEffect(function() {
107
+ timerRef.current = window.setTimeout(function() {
71
108
  setNumberTransform();
72
109
  }, delaySpeed);
73
- return function () {
110
+ return function() {
74
111
  window.clearTimeout(timerRef.current);
75
112
  };
76
113
  }, [numerArr]);
@@ -78,39 +115,39 @@ var CountUp = function CountUp(props) {
78
115
  className: "".concat(b(), " ").concat(className),
79
116
  ref: countupRef
80
117
  }, React__default.createElement("ul", {
81
- className: b('list')
82
- }, numerArr.map(function (item, idx) {
118
+ className: b("list")
119
+ }, numerArr.map(function(item, idx) {
83
120
  return React__default.createElement("li", {
84
- className: "".concat(b('listitem', {
121
+ className: "".concat(b("listitem", {
85
122
  number: !Number.isNaN(Number(item))
86
123
  })),
87
124
  key: idx
88
125
  }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
89
- className: b('number'),
126
+ className: b("number"),
90
127
  style: numberEaseStyle
91
- }, [].concat(numbers, numbers).map(function (number, subidx) {
128
+ }, [].concat(numbers, numbers).map(function(number, subidx) {
92
129
  return React__default.createElement("span", {
93
130
  key: subidx
94
131
  }, number);
95
132
  })) : React__default.createElement("span", {
96
- className: b('separator')
133
+ className: b("separator")
97
134
  }, item));
98
135
  })));
99
136
  };
100
137
  CountUp.defaultProps = defaultProps$1;
101
- CountUp.displayName = 'NutCountUp';
138
+ CountUp.displayName = "NutCountUp";
102
139
  var defaultProps = {};
103
- var AnimatingNumbers = /*#__PURE__*/function (_Component) {
104
- _inherits(AnimatingNumbers, _Component);
105
- var _super = _createSuper(AnimatingNumbers);
106
- function AnimatingNumbers(props) {
140
+ var AnimatingNumbers = /* @__PURE__ */ function(_Component) {
141
+ _inherits(AnimatingNumbers2, _Component);
142
+ var _super = _createSuper(AnimatingNumbers2);
143
+ function AnimatingNumbers2(props) {
107
144
  var _this;
108
- _classCallCheck(this, AnimatingNumbers);
145
+ _classCallCheck(this, AnimatingNumbers2);
109
146
  _this = _super.call(this, props);
110
147
  _this.state = {};
111
148
  return _this;
112
149
  }
113
- _createClass(AnimatingNumbers, [{
150
+ _createClass(AnimatingNumbers2, [{
114
151
  key: "render",
115
152
  value: function render() {
116
153
  return React__default.createElement("div", {
@@ -118,10 +155,12 @@ var AnimatingNumbers = /*#__PURE__*/function (_Component) {
118
155
  });
119
156
  }
120
157
  }]);
121
- return AnimatingNumbers;
158
+ return AnimatingNumbers2;
122
159
  }(Component);
123
160
  _defineProperty(AnimatingNumbers, "defaultProps", defaultProps);
124
- _defineProperty(AnimatingNumbers, "displayName", 'NutAnimatingNumbers');
161
+ _defineProperty(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
125
162
  _defineProperty(AnimatingNumbers, "CountUp", CountUp);
126
163
  AnimatingNumbers.CountUp = CountUp;
127
- export { AnimatingNumbers as default };
164
+ export {
165
+ AnimatingNumbers as default
166
+ };
@@ -1,4 +1,3 @@
1
- import '../../Icon/style'
2
1
  import '../../Button/style'
3
2
  import '../../Range/style'
4
3
  import '../../../packages/audio/audio.scss'