@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

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 (108) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/esm/ActionSheet.js +15 -25
  3. package/dist/esm/Address.js +151 -221
  4. package/dist/esm/AnimatingNumbers.js +7 -31
  5. package/dist/esm/Audio.js +31 -66
  6. package/dist/esm/Avatar.js +25 -51
  7. package/dist/esm/AvatarGroup.js +2 -9
  8. package/dist/esm/BackTop.js +29 -55
  9. package/dist/esm/Badge.js +9 -20
  10. package/dist/esm/Barrage.js +8 -20
  11. package/dist/esm/Button.js +22 -37
  12. package/dist/esm/Calendar.js +23 -37
  13. package/dist/esm/CalendarItem.js +86 -186
  14. package/dist/esm/Card.js +14 -20
  15. package/dist/esm/Cascader.js +77 -197
  16. package/dist/esm/Cell.js +20 -30
  17. package/dist/esm/CellGroup.js +6 -12
  18. package/dist/esm/Checkbox.js +27 -48
  19. package/dist/esm/CheckboxGroup.js +12 -30
  20. package/dist/esm/CircleProgress.js +11 -28
  21. package/dist/esm/Col.js +11 -22
  22. package/dist/esm/Collapse.js +11 -27
  23. package/dist/esm/CollapseItem.js +33 -47
  24. package/dist/esm/ConfigProvider.js +4 -15
  25. package/dist/esm/CountDown.js +37 -74
  26. package/dist/esm/DatePicker.js +44 -106
  27. package/dist/esm/Dialog.js +31 -89
  28. package/dist/esm/Divider.js +8 -15
  29. package/dist/esm/Drag.js +30 -45
  30. package/dist/esm/Elevator.js +37 -74
  31. package/dist/esm/Empty.js +11 -24
  32. package/dist/esm/FixedNav.js +18 -29
  33. package/dist/esm/Grid.js +13 -28
  34. package/dist/esm/GridItem.js +18 -34
  35. package/dist/esm/ImagePreview.js +36 -71
  36. package/dist/esm/Indicator.js +9 -20
  37. package/dist/esm/Infiniteloading.js +26 -55
  38. package/dist/esm/Input.js +62 -106
  39. package/dist/esm/InputNumber.js +25 -52
  40. package/dist/esm/Layout.js +0 -6
  41. package/dist/esm/Menu.js +24 -46
  42. package/dist/esm/MenuItem.js +29 -52
  43. package/dist/esm/NavBar.js +18 -34
  44. package/dist/esm/NoticeBar.js +54 -102
  45. package/dist/esm/Notify.js +9 -38
  46. package/dist/esm/NumberKeyboard.js +21 -52
  47. package/dist/esm/Pagination.js +38 -71
  48. package/dist/esm/Picker.js +91 -178
  49. package/dist/esm/Popover.js +32 -72
  50. package/dist/esm/Popup.js +40 -72
  51. package/dist/esm/Price.js +7 -24
  52. package/dist/esm/Progress.js +35 -50
  53. package/dist/esm/PullToRefresh.js +28 -83
  54. package/dist/esm/Radio.js +24 -47
  55. package/dist/esm/RadioGroup.js +14 -24
  56. package/dist/esm/Range.js +44 -116
  57. package/dist/esm/Rate.js +21 -39
  58. package/dist/esm/Row.js +7 -16
  59. package/dist/esm/SearchBar.js +47 -68
  60. package/dist/esm/ShortPassword.js +29 -56
  61. package/dist/esm/SideNavBar.js +9 -16
  62. package/dist/esm/SideNavBarItem.js +4 -11
  63. package/dist/esm/Signature.js +13 -43
  64. package/dist/esm/Skeleton.js +13 -23
  65. package/dist/esm/Step.js +12 -28
  66. package/dist/esm/Steps.js +6 -14
  67. package/dist/esm/Sticky.js +24 -52
  68. package/dist/esm/SubSideNavBar.js +7 -22
  69. package/dist/esm/Swipe.js +15 -54
  70. package/dist/esm/Swiper.js +102 -186
  71. package/dist/esm/SwiperItem.js +2 -12
  72. package/dist/esm/Switch.js +13 -27
  73. package/dist/esm/Tabbar.js +13 -25
  74. package/dist/esm/TabbarItem.js +15 -23
  75. package/dist/esm/Table.js +19 -39
  76. package/dist/esm/Tag.js +19 -36
  77. package/dist/esm/TextArea.js +19 -43
  78. package/dist/esm/TimeDetail.js +15 -28
  79. package/dist/esm/TimePannel.js +5 -12
  80. package/dist/esm/TimeSelect.js +35 -59
  81. package/dist/esm/Toast.js +16 -49
  82. package/dist/esm/Uploader.js +57 -152
  83. package/dist/esm/Video.js +8 -19
  84. package/dist/esm/VirtualList.js +84 -118
  85. package/dist/esm/date-710f8c7c.js +9 -33
  86. package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
  87. package/dist/esm/icon-8dc4de10.js +11 -21
  88. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  89. package/dist/esm/overlay-ed3eb37d.js +12 -23
  90. package/dist/esm/render-18227751.js +0 -11
  91. package/dist/esm/tabpane-c957ab14.js +4 -10
  92. package/dist/esm/tabs-0896a61b.js +28 -56
  93. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  94. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  95. package/dist/esm/useClientRect-839d18c5.js +0 -5
  96. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  97. package/dist/locales/base.js +1 -1
  98. package/dist/locales/en-US.js +1 -1
  99. package/dist/locales/id-ID.js +1 -1
  100. package/dist/locales/zh-CN.js +1 -1
  101. package/dist/locales/zh-TW.js +1 -1
  102. package/dist/nutui.react.es.js +424 -406
  103. package/dist/nutui.react.umd.js +416 -398
  104. package/dist/packages/searchbar/searchbar.scss +20 -3
  105. package/dist/style.css +1 -1
  106. package/dist/style.es.js +1 -1
  107. package/dist/types/index.d.ts +2 -0
  108. package/package.json +1 -1
@@ -1,14 +1,10 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
4
3
  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; }
5
-
6
4
  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
-
8
5
  import React__default, { useState, useRef, useEffect } from 'react';
9
6
  import Icon from './Icon.js';
10
7
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
11
-
12
8
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
13
9
  bottom: 20,
14
10
  right: 10,
@@ -18,55 +14,47 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
18
14
  isAnimation: true,
19
15
  duration: 1000
20
16
  });
21
-
22
17
  var BackTop = function BackTop(props) {
23
18
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
24
- children = _defaultProps$props.children,
25
- bottom = _defaultProps$props.bottom,
26
- right = _defaultProps$props.right,
27
- elId = _defaultProps$props.elId,
28
- distance = _defaultProps$props.distance,
29
- zIndex = _defaultProps$props.zIndex,
30
- isAnimation = _defaultProps$props.isAnimation,
31
- className = _defaultProps$props.className,
32
- duration = _defaultProps$props.duration,
33
- style = _defaultProps$props.style,
34
- onClick = _defaultProps$props.onClick,
35
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
36
- iconFontClassName = _defaultProps$props.iconFontClassName;
37
-
19
+ children = _defaultProps$props.children,
20
+ bottom = _defaultProps$props.bottom,
21
+ right = _defaultProps$props.right,
22
+ elId = _defaultProps$props.elId,
23
+ distance = _defaultProps$props.distance,
24
+ zIndex = _defaultProps$props.zIndex,
25
+ isAnimation = _defaultProps$props.isAnimation,
26
+ className = _defaultProps$props.className,
27
+ duration = _defaultProps$props.duration,
28
+ style = _defaultProps$props.style,
29
+ onClick = _defaultProps$props.onClick,
30
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
31
+ iconFontClassName = _defaultProps$props.iconFontClassName;
38
32
  var _useState = useState(false),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- backTop = _useState2[0],
41
- SetBackTop = _useState2[1];
42
-
33
+ _useState2 = _slicedToArray(_useState, 2),
34
+ backTop = _useState2[0],
35
+ SetBackTop = _useState2[1];
43
36
  var _useState3 = useState(0),
44
- _useState4 = _slicedToArray(_useState3, 2),
45
- scrollTop = _useState4[0],
46
- SetScrollTop = _useState4[1];
47
-
37
+ _useState4 = _slicedToArray(_useState3, 2),
38
+ scrollTop = _useState4[0],
39
+ SetScrollTop = _useState4[1];
48
40
  var startTime = 0;
49
- var scrollEl = useRef(null); // 初始化
50
-
41
+ var scrollEl = useRef(null);
42
+ // 初始化
51
43
  useEffect(function () {
52
44
  init();
53
45
  return function () {
54
46
  return removeEventListener();
55
47
  };
56
48
  }, []);
57
-
58
49
  var init = function init() {
59
50
  if (elId && document.getElementById(elId)) {
60
51
  scrollEl.current = document.getElementById(elId);
61
52
  }
62
-
63
53
  addEventListener();
64
54
  initCancelAniFrame();
65
55
  };
66
-
67
56
  var scrollListener = function scrollListener() {
68
57
  var top = null;
69
-
70
58
  if (scrollEl.current instanceof Window) {
71
59
  top = scrollEl.current.pageYOffset;
72
60
  SetScrollTop(top);
@@ -74,69 +62,56 @@ var BackTop = function BackTop(props) {
74
62
  top = scrollEl.current.scrollTop;
75
63
  SetScrollTop(top);
76
64
  }
77
-
78
65
  var showBtn = top >= distance;
79
66
  SetBackTop(showBtn);
80
67
  };
81
-
82
68
  var scroll = function scroll() {
83
69
  var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
84
-
85
70
  if (scrollEl.current instanceof Window) {
86
71
  window.scrollTo(0, y);
87
72
  } else {
88
73
  scrollEl.current.scrollTop = y;
89
74
  }
90
75
  };
91
-
92
76
  var scrollAnimation = function scrollAnimation() {
93
77
  var cid = requestAniFrame()(function fn() {
94
78
  var t = duration - Math.max(0, startTime - +new Date() + duration / 2);
95
79
  var y = t * -scrollTop / duration + scrollTop;
96
80
  scroll(y);
97
81
  cid = requestAniFrame()(fn);
98
-
99
82
  if (t === duration || y === 0) {
100
83
  window.cancelAnimationFrame(cid);
101
84
  }
102
85
  });
103
86
  };
104
-
105
87
  var initCancelAniFrame = function initCancelAniFrame() {
106
88
  window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
107
- }; // 防频
108
-
109
-
89
+ };
90
+ // 防频
110
91
  var requestAniFrame = function requestAniFrame() {
111
92
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
112
93
  window.setTimeout(callback, 1000 / 60);
113
94
  };
114
- }; // 监听事件
115
-
116
-
95
+ };
96
+ // 监听事件
117
97
  function addEventListener() {
118
98
  var _scrollEl$current, _scrollEl$current2;
119
-
120
99
  (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 ? void 0 : _scrollEl$current.addEventListener('scroll', scrollListener, false);
121
100
  (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 ? void 0 : _scrollEl$current2.addEventListener('resize', scrollListener, false);
122
- } // 移除监听事件
123
-
124
-
101
+ }
102
+ // 移除监听事件
125
103
  function removeEventListener() {
126
104
  var _scrollEl$current3, _scrollEl$current4;
127
-
128
105
  (_scrollEl$current3 = scrollEl.current) === null || _scrollEl$current3 === void 0 ? void 0 : _scrollEl$current3.removeEventListener('scroll', scrollListener, false);
129
106
  (_scrollEl$current4 = scrollEl.current) === null || _scrollEl$current4 === void 0 ? void 0 : _scrollEl$current4.removeEventListener('resize', scrollListener, false);
130
- } // 返回顶部点击事件
131
-
132
-
107
+ }
108
+ // 返回顶部点击事件
133
109
  var goTop = function goTop(e) {
134
110
  onClick && onClick(e);
135
111
  var otime = +new Date();
136
112
  startTime = otime;
137
113
  isAnimation && duration > 0 ? scrollAnimation() : scroll();
138
114
  };
139
-
140
115
  var backTopClass = {
141
116
  right: "".concat(right, "px"),
142
117
  bottom: "".concat(bottom, "px"),
@@ -156,7 +131,6 @@ var BackTop = function BackTop(props) {
156
131
  name: "top"
157
132
  }));
158
133
  };
159
-
160
134
  BackTop.defaultProps = defaultProps;
161
135
  BackTop.displayName = 'NutBackTop';
162
136
  export { BackTop as default };
package/dist/esm/Badge.js CHANGED
@@ -1,13 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  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; }
4
-
5
3
  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; }
6
-
7
4
  import React__default from 'react';
8
5
  import Icon from './Icon.js';
9
6
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
10
-
11
7
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
12
8
  value: '',
13
9
  dot: false,
@@ -18,31 +14,26 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
18
14
  color: '',
19
15
  icons: ''
20
16
  });
21
-
22
17
  var Badge = function Badge(props) {
23
18
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
24
- children = _defaultProps$props.children,
25
- dot = _defaultProps$props.dot,
26
- top = _defaultProps$props.top,
27
- right = _defaultProps$props.right,
28
- zIndex = _defaultProps$props.zIndex,
29
- color = _defaultProps$props.color,
30
- icons = _defaultProps$props.icons,
31
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
32
- iconFontClassName = _defaultProps$props.iconFontClassName;
33
-
19
+ children = _defaultProps$props.children,
20
+ dot = _defaultProps$props.dot,
21
+ top = _defaultProps$props.top,
22
+ right = _defaultProps$props.right,
23
+ zIndex = _defaultProps$props.zIndex,
24
+ color = _defaultProps$props.color,
25
+ icons = _defaultProps$props.icons,
26
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
27
+ iconFontClassName = _defaultProps$props.iconFontClassName;
34
28
  function content() {
35
29
  if (dot) return undefined;
36
30
  var value = props.value;
37
31
  var max = props.max;
38
-
39
32
  if (typeof value === 'number' && typeof max === 'number') {
40
33
  return max < value ? "".concat(max, "+") : value;
41
34
  }
42
-
43
35
  return value;
44
36
  }
45
-
46
37
  var getStyle = function getStyle() {
47
38
  var style = {};
48
39
  style.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
@@ -51,7 +42,6 @@ var Badge = function Badge(props) {
51
42
  style.backgroundColor = color;
52
43
  return style;
53
44
  };
54
-
55
45
  return React__default.createElement("div", {
56
46
  className: "nut-badge"
57
47
  }, icons !== '' && React__default.createElement("div", {
@@ -68,7 +58,6 @@ var Badge = function Badge(props) {
68
58
  style: getStyle()
69
59
  }, content()));
70
60
  };
71
-
72
61
  Badge.defaultProps = defaultProps;
73
62
  Badge.displayName = 'NutBadge';
74
63
  export { Badge as default };
@@ -1,11 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
4
-
5
4
  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
-
7
5
  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; }
8
-
9
6
  import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
10
7
  import classNames from 'classnames';
11
8
  import { c as cn } from './bem-893ad28d.js';
@@ -18,18 +15,16 @@ var defaultProps = {
18
15
  rows: 3,
19
16
  top: 10
20
17
  };
21
-
22
18
  var InternalBarrage = function InternalBarrage(props, ref) {
23
19
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
24
- className = _defaultProps$props.className,
25
- frequency = _defaultProps$props.frequency,
26
- loop = _defaultProps$props.loop,
27
- barrageList = _defaultProps$props.barrageList,
28
- speeds = _defaultProps$props.speeds,
29
- rows = _defaultProps$props.rows,
30
- top = _defaultProps$props.top,
31
- restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
32
-
20
+ className = _defaultProps$props.className,
21
+ frequency = _defaultProps$props.frequency,
22
+ loop = _defaultProps$props.loop,
23
+ barrageList = _defaultProps$props.barrageList,
24
+ speeds = _defaultProps$props.speeds,
25
+ rows = _defaultProps$props.rows,
26
+ top = _defaultProps$props.top,
27
+ restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
33
28
  var barrageBody = useRef(null);
34
29
  var barrageContainer = useRef(null);
35
30
  var barrageCWidth = useRef(0);
@@ -41,7 +36,6 @@ var InternalBarrage = function InternalBarrage(props, ref) {
41
36
  return {
42
37
  add: function add(word) {
43
38
  var _index = index.current % barrageList.length;
44
-
45
39
  barrageList.splice(_index, 0, word);
46
40
  }
47
41
  };
@@ -51,12 +45,10 @@ var InternalBarrage = function InternalBarrage(props, ref) {
51
45
  barrageCWidth.current = barrageBody.current.offsetWidth;
52
46
  run();
53
47
  }
54
-
55
48
  return function () {
56
49
  clearInterval(timer.current);
57
50
  };
58
51
  }, [barrageList]);
59
-
60
52
  var run = function run() {
61
53
  clearInterval(timer.current);
62
54
  timer.current = setInterval(function () {
@@ -64,10 +56,8 @@ var InternalBarrage = function InternalBarrage(props, ref) {
64
56
  run();
65
57
  }, frequency);
66
58
  };
67
-
68
59
  var play = function play() {
69
60
  var _index = loop ? index.current % barrageList.length : index.current;
70
-
71
61
  var el = document.createElement("div");
72
62
  el.innerHTML = barrageList[_index];
73
63
  el.classList.add('barrage-item');
@@ -85,7 +75,6 @@ var InternalBarrage = function InternalBarrage(props, ref) {
85
75
  });
86
76
  index.current++;
87
77
  };
88
-
89
78
  return React__default.createElement("div", _objectSpread({
90
79
  className: classes,
91
80
  ref: barrageBody
@@ -94,7 +83,6 @@ var InternalBarrage = function InternalBarrage(props, ref) {
94
83
  className: "bContainer"
95
84
  }));
96
85
  };
97
-
98
86
  var Barrage = React__default.forwardRef(InternalBarrage);
99
87
  Barrage.defaultProps = defaultProps;
100
88
  Barrage.displayName = 'NutBarrage';
@@ -2,15 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"];
5
-
6
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; }
7
-
8
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; }
9
-
10
7
  import React__default, { useCallback, useState, useEffect } from 'react';
11
8
  import Icon from './Icon.js';
12
9
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
13
-
14
10
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
15
11
  className: '',
16
12
  color: '',
@@ -26,34 +22,30 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
26
22
  children: undefined,
27
23
  onClick: function onClick(e) {}
28
24
  });
29
-
30
25
  var Button = function Button(props) {
31
26
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
32
- color = _defaultProps$props.color,
33
- shape = _defaultProps$props.shape,
34
- plain = _defaultProps$props.plain,
35
- loading = _defaultProps$props.loading,
36
- disabled = _defaultProps$props.disabled,
37
- type = _defaultProps$props.type,
38
- size = _defaultProps$props.size,
39
- block = _defaultProps$props.block,
40
- icon = _defaultProps$props.icon,
41
- children = _defaultProps$props.children,
42
- onClick = _defaultProps$props.onClick,
43
- className = _defaultProps$props.className,
44
- style = _defaultProps$props.style,
45
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
46
- iconFontClassName = _defaultProps$props.iconFontClassName,
47
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
48
-
27
+ color = _defaultProps$props.color,
28
+ shape = _defaultProps$props.shape,
29
+ plain = _defaultProps$props.plain,
30
+ loading = _defaultProps$props.loading,
31
+ disabled = _defaultProps$props.disabled,
32
+ type = _defaultProps$props.type,
33
+ size = _defaultProps$props.size,
34
+ block = _defaultProps$props.block,
35
+ icon = _defaultProps$props.icon,
36
+ children = _defaultProps$props.children,
37
+ onClick = _defaultProps$props.onClick,
38
+ className = _defaultProps$props.className,
39
+ style = _defaultProps$props.style,
40
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
41
+ iconFontClassName = _defaultProps$props.iconFontClassName,
42
+ rest = _objectWithoutProperties(_defaultProps$props, _excluded);
49
43
  var getStyle = useCallback(function () {
50
44
  var style = {};
51
-
52
45
  if (color) {
53
46
  if (plain) {
54
47
  style.color = color;
55
48
  style.background = '#fff';
56
-
57
49
  if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
58
50
  style.borderColor = color;
59
51
  }
@@ -62,35 +54,29 @@ var Button = function Button(props) {
62
54
  style.background = color;
63
55
  }
64
56
  }
65
-
66
57
  return style;
67
58
  }, [color, plain]);
68
59
  var classes = useCallback(function () {
69
60
  var prefixCls = 'nut-button';
70
61
  return [prefixCls, "".concat(type ? "".concat(prefixCls, "--").concat(type) : ''), "".concat(size ? "".concat(prefixCls, "--").concat(size) : ''), "".concat(shape ? "".concat(prefixCls, "--").concat(shape) : ''), "".concat(plain ? "".concat(prefixCls, "--plain") : ''), "".concat(block ? "".concat(prefixCls, "--block") : ''), "".concat(disabled ? "".concat(prefixCls, "--disabled") : ''), "".concat(loading ? "".concat(prefixCls, "--loading") : '')].filter(Boolean).join(' ');
71
62
  }, [block, disabled, loading, plain, shape, size, type]);
72
-
73
63
  var _useState = useState(classes()),
74
- _useState2 = _slicedToArray(_useState, 2),
75
- btnName = _useState2[0],
76
- setBtnName = _useState2[1];
77
-
64
+ _useState2 = _slicedToArray(_useState, 2),
65
+ btnName = _useState2[0],
66
+ setBtnName = _useState2[1];
78
67
  var _useState3 = useState(getStyle()),
79
- _useState4 = _slicedToArray(_useState3, 2),
80
- btnStyle = _useState4[0],
81
- setBtnStyle = _useState4[1];
82
-
68
+ _useState4 = _slicedToArray(_useState3, 2),
69
+ btnStyle = _useState4[0],
70
+ setBtnStyle = _useState4[1];
83
71
  useEffect(function () {
84
72
  setBtnName(classes());
85
73
  setBtnStyle(getStyle());
86
74
  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, children, onClick, classes, getStyle]);
87
-
88
75
  var handleClick = function handleClick(e) {
89
76
  if (!loading && !disabled && onClick) {
90
77
  onClick(e);
91
78
  }
92
79
  };
93
-
94
80
  return React__default.createElement("div", _objectSpread(_objectSpread({
95
81
  className: "".concat(btnName, " ").concat(className),
96
82
  style: _objectSpread(_objectSpread({}, btnStyle), style)
@@ -111,7 +97,6 @@ var Button = function Button(props) {
111
97
  name: icon
112
98
  }) : '', children));
113
99
  };
114
-
115
100
  Button.defaultProps = defaultProps;
116
101
  Button.displayName = 'NutButton';
117
102
  export { Button as default };
@@ -1,9 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  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; }
4
-
5
3
  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; }
6
-
7
4
  import React__default, { useRef } from 'react';
8
5
  import Popup from './Popup.js';
9
6
  import CalendarItem from './CalendarItem.js';
@@ -35,63 +32,53 @@ var defaultProps = {
35
32
  };
36
33
  var Calendar = React__default.forwardRef(function (props, ref) {
37
34
  var _useConfig = useConfig(),
38
- locale = _useConfig.locale;
39
-
35
+ locale = _useConfig.locale;
40
36
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
41
- poppable = _defaultProps$props.poppable,
42
- visible = _defaultProps$props.visible,
43
- type = _defaultProps$props.type,
44
- isAutoBackFill = _defaultProps$props.isAutoBackFill,
45
- title = _defaultProps$props.title,
46
- defaultValue = _defaultProps$props.defaultValue,
47
- startDate = _defaultProps$props.startDate,
48
- endDate = _defaultProps$props.endDate,
49
- showToday = _defaultProps$props.showToday,
50
- startText = _defaultProps$props.startText,
51
- endText = _defaultProps$props.endText,
52
- confirmText = _defaultProps$props.confirmText,
53
- showTitle = _defaultProps$props.showTitle,
54
- showSubTitle = _defaultProps$props.showSubTitle,
55
- toDateAnimation = _defaultProps$props.toDateAnimation,
56
- onBtn = _defaultProps$props.onBtn,
57
- onDay = _defaultProps$props.onDay,
58
- onTopInfo = _defaultProps$props.onTopInfo,
59
- onBottomInfo = _defaultProps$props.onBottomInfo,
60
- onClose = _defaultProps$props.onClose,
61
- onChoose = _defaultProps$props.onChoose,
62
- onSelected = _defaultProps$props.onSelected;
63
-
37
+ poppable = _defaultProps$props.poppable,
38
+ visible = _defaultProps$props.visible,
39
+ type = _defaultProps$props.type,
40
+ isAutoBackFill = _defaultProps$props.isAutoBackFill,
41
+ title = _defaultProps$props.title,
42
+ defaultValue = _defaultProps$props.defaultValue,
43
+ startDate = _defaultProps$props.startDate,
44
+ endDate = _defaultProps$props.endDate,
45
+ showToday = _defaultProps$props.showToday,
46
+ startText = _defaultProps$props.startText,
47
+ endText = _defaultProps$props.endText,
48
+ confirmText = _defaultProps$props.confirmText,
49
+ showTitle = _defaultProps$props.showTitle,
50
+ showSubTitle = _defaultProps$props.showSubTitle,
51
+ toDateAnimation = _defaultProps$props.toDateAnimation,
52
+ onBtn = _defaultProps$props.onBtn,
53
+ onDay = _defaultProps$props.onDay,
54
+ onTopInfo = _defaultProps$props.onTopInfo,
55
+ onBottomInfo = _defaultProps$props.onBottomInfo,
56
+ onClose = _defaultProps$props.onClose,
57
+ onChoose = _defaultProps$props.onChoose,
58
+ onSelected = _defaultProps$props.onSelected;
64
59
  var calendarRef = useRef(null);
65
-
66
60
  var close = function close() {
67
61
  onClose && onClose();
68
62
  };
69
-
70
63
  var choose = function choose(param) {
71
64
  close();
72
65
  onChoose && onChoose(param);
73
66
  };
74
-
75
67
  var closePopup = function closePopup() {
76
68
  close();
77
69
  };
78
-
79
70
  var select = function select(param) {
80
71
  onSelected && onSelected(param);
81
72
  };
82
-
83
73
  var scrollToDate = function scrollToDate(date) {
84
74
  var _calendarRef$current;
85
-
86
75
  (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : _calendarRef$current.scrollToDate(date);
87
76
  };
88
-
89
77
  React__default.useImperativeHandle(ref, function () {
90
78
  return {
91
79
  scrollToDate: scrollToDate
92
80
  };
93
81
  });
94
-
95
82
  var renderItem = function renderItem() {
96
83
  return React__default.createElement(CalendarItem, {
97
84
  ref: calendarRef,
@@ -117,7 +104,6 @@ var Calendar = React__default.forwardRef(function (props, ref) {
117
104
  onSelected: select
118
105
  });
119
106
  };
120
-
121
107
  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
122
108
  visible: visible,
123
109
  position: "bottom",