@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.
- package/CHANGELOG.md +7 -0
- package/dist/esm/ActionSheet.js +15 -25
- package/dist/esm/Address.js +151 -221
- package/dist/esm/AnimatingNumbers.js +7 -31
- package/dist/esm/Audio.js +31 -66
- package/dist/esm/Avatar.js +25 -51
- package/dist/esm/AvatarGroup.js +2 -9
- package/dist/esm/BackTop.js +29 -55
- package/dist/esm/Badge.js +9 -20
- package/dist/esm/Barrage.js +8 -20
- package/dist/esm/Button.js +22 -37
- package/dist/esm/Calendar.js +23 -37
- package/dist/esm/CalendarItem.js +86 -186
- package/dist/esm/Card.js +14 -20
- package/dist/esm/Cascader.js +77 -197
- package/dist/esm/Cell.js +20 -30
- package/dist/esm/CellGroup.js +6 -12
- package/dist/esm/Checkbox.js +27 -48
- package/dist/esm/CheckboxGroup.js +12 -30
- package/dist/esm/CircleProgress.js +11 -28
- package/dist/esm/Col.js +11 -22
- package/dist/esm/Collapse.js +11 -27
- package/dist/esm/CollapseItem.js +33 -47
- package/dist/esm/ConfigProvider.js +4 -15
- package/dist/esm/CountDown.js +37 -74
- package/dist/esm/DatePicker.js +44 -106
- package/dist/esm/Dialog.js +31 -89
- package/dist/esm/Divider.js +8 -15
- package/dist/esm/Drag.js +30 -45
- package/dist/esm/Elevator.js +37 -74
- package/dist/esm/Empty.js +11 -24
- package/dist/esm/FixedNav.js +18 -29
- package/dist/esm/Grid.js +13 -28
- package/dist/esm/GridItem.js +18 -34
- package/dist/esm/ImagePreview.js +36 -71
- package/dist/esm/Indicator.js +9 -20
- package/dist/esm/Infiniteloading.js +26 -55
- package/dist/esm/Input.js +62 -106
- package/dist/esm/InputNumber.js +25 -52
- package/dist/esm/Layout.js +0 -6
- package/dist/esm/Menu.js +24 -46
- package/dist/esm/MenuItem.js +29 -52
- package/dist/esm/NavBar.js +18 -34
- package/dist/esm/NoticeBar.js +54 -102
- package/dist/esm/Notify.js +9 -38
- package/dist/esm/NumberKeyboard.js +21 -52
- package/dist/esm/Pagination.js +38 -71
- package/dist/esm/Picker.js +91 -178
- package/dist/esm/Popover.js +32 -72
- package/dist/esm/Popup.js +40 -72
- package/dist/esm/Price.js +7 -24
- package/dist/esm/Progress.js +35 -50
- package/dist/esm/PullToRefresh.js +28 -83
- package/dist/esm/Radio.js +24 -47
- package/dist/esm/RadioGroup.js +14 -24
- package/dist/esm/Range.js +44 -116
- package/dist/esm/Rate.js +21 -39
- package/dist/esm/Row.js +7 -16
- package/dist/esm/SearchBar.js +47 -68
- package/dist/esm/ShortPassword.js +29 -56
- package/dist/esm/SideNavBar.js +9 -16
- package/dist/esm/SideNavBarItem.js +4 -11
- package/dist/esm/Signature.js +13 -43
- package/dist/esm/Skeleton.js +13 -23
- package/dist/esm/Step.js +12 -28
- package/dist/esm/Steps.js +6 -14
- package/dist/esm/Sticky.js +24 -52
- package/dist/esm/SubSideNavBar.js +7 -22
- package/dist/esm/Swipe.js +15 -54
- package/dist/esm/Swiper.js +102 -186
- package/dist/esm/SwiperItem.js +2 -12
- package/dist/esm/Switch.js +13 -27
- package/dist/esm/Tabbar.js +13 -25
- package/dist/esm/TabbarItem.js +15 -23
- package/dist/esm/Table.js +19 -39
- package/dist/esm/Tag.js +19 -36
- package/dist/esm/TextArea.js +19 -43
- package/dist/esm/TimeDetail.js +15 -28
- package/dist/esm/TimePannel.js +5 -12
- package/dist/esm/TimeSelect.js +35 -59
- package/dist/esm/Toast.js +16 -49
- package/dist/esm/Uploader.js +57 -152
- package/dist/esm/Video.js +8 -19
- package/dist/esm/VirtualList.js +84 -118
- package/dist/esm/date-710f8c7c.js +9 -33
- package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay-ed3eb37d.js +12 -23
- package/dist/esm/render-18227751.js +0 -11
- package/dist/esm/tabpane-c957ab14.js +4 -10
- package/dist/esm/tabs-0896a61b.js +28 -56
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/useClientRect-839d18c5.js +0 -5
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +424 -406
- package/dist/nutui.react.umd.js +416 -398
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
package/dist/esm/BackTop.js
CHANGED
|
@@ -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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
33
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
34
|
+
backTop = _useState2[0],
|
|
35
|
+
SetBackTop = _useState2[1];
|
|
43
36
|
var _useState3 = useState(0),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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 };
|
package/dist/esm/Barrage.js
CHANGED
|
@@ -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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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';
|
package/dist/esm/Button.js
CHANGED
|
@@ -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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
64
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
+
btnName = _useState2[0],
|
|
66
|
+
setBtnName = _useState2[1];
|
|
78
67
|
var _useState3 = useState(getStyle()),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
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 };
|
package/dist/esm/Calendar.js
CHANGED
|
@@ -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
|
-
|
|
39
|
-
|
|
35
|
+
locale = _useConfig.locale;
|
|
40
36
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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",
|