@nutui/nutui-react-taro 1.3.1 → 1.3.2

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 (160) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/esm/ActionSheet.js +5 -5
  3. package/dist/esm/Address.js +11 -7
  4. package/dist/esm/Audio.js +7 -8
  5. package/dist/esm/Avatar.js +3 -3
  6. package/dist/esm/AvatarGroup.js +4 -4
  7. package/dist/esm/BackTop.js +3 -3
  8. package/dist/esm/Badge.js +3 -3
  9. package/dist/esm/Button.js +3 -3
  10. package/dist/esm/Calendar.js +8 -8
  11. package/dist/esm/CalendarItem.js +4 -4
  12. package/dist/esm/Card.js +5 -3
  13. package/dist/esm/Cascader.js +6 -7
  14. package/dist/esm/Cell.js +3 -3
  15. package/dist/esm/Checkbox.js +4 -3
  16. package/dist/esm/ConfigProvider.js +3 -3
  17. package/dist/esm/CountDown.js +4 -4
  18. package/dist/esm/DatePicker.js +9 -8
  19. package/dist/esm/Dialog.js +7 -6
  20. package/dist/esm/Elevator.js +4 -2
  21. package/dist/esm/Empty.js +4 -4
  22. package/dist/esm/FixedNav.js +6 -6
  23. package/dist/esm/Grid.js +4 -4
  24. package/dist/esm/GridItem.js +5 -5
  25. package/dist/esm/ImagePreview.js +7 -6
  26. package/dist/esm/Infiniteloading.js +5 -5
  27. package/dist/esm/Input.js +5 -5
  28. package/dist/esm/InputNumber.js +3 -3
  29. package/dist/esm/MenuItem.js +5 -5
  30. package/dist/esm/NavBar.js +3 -3
  31. package/dist/esm/NoticeBar.js +3 -3
  32. package/dist/esm/NumberKeyboard.js +7 -7
  33. package/dist/esm/Overlay.js +2 -2
  34. package/dist/esm/Pagination.js +4 -4
  35. package/dist/esm/Picker.js +8 -8
  36. package/dist/esm/Popover.js +4 -4
  37. package/dist/esm/Popup.js +4 -4
  38. package/dist/esm/Progress.js +3 -3
  39. package/dist/esm/PullToRefresh/style/index.js +2 -0
  40. package/dist/esm/PullToRefresh.js +7 -0
  41. package/dist/esm/Radio.js +4 -4
  42. package/dist/esm/RadioGroup.js +2 -2
  43. package/dist/esm/Range.js +5 -5
  44. package/dist/esm/Rate.js +3 -3
  45. package/dist/esm/SearchBar.js +5 -5
  46. package/dist/esm/ShortPassword.js +7 -7
  47. package/dist/esm/SideNavBar.js +7 -7
  48. package/dist/esm/Signature.js +6 -6
  49. package/dist/esm/Skeleton.js +4 -3
  50. package/dist/esm/Swiper.js +3 -3
  51. package/dist/esm/TabbarItem.js +3 -3
  52. package/dist/esm/Table.js +5 -5
  53. package/dist/esm/Tabs.js +3 -3
  54. package/dist/esm/Tag.js +3 -3
  55. package/dist/esm/TextArea.js +4 -4
  56. package/dist/esm/TimeDetail.js +4 -4
  57. package/dist/esm/TimePannel.js +4 -4
  58. package/dist/esm/TimeSelect.js +9 -7
  59. package/dist/esm/Toast.js +2 -3
  60. package/dist/esm/Uploader.js +4 -4
  61. package/dist/esm/VirtualList.js +4 -4
  62. package/dist/esm/{actionsheet.taro-f4d407b0.js → actionsheet.taro-1b3e7972.js} +9 -9
  63. package/dist/esm/{address.taro-4765a826.js → address.taro-f045886a.js} +48 -60
  64. package/dist/esm/{audio.taro-cd6cc93b.js → audio.taro-b34a1eb6.js} +3 -3
  65. package/dist/esm/{avatar.taro-0a0472fd.js → avatar.taro-c3a605b9.js} +1 -1
  66. package/dist/esm/{avatargroup-1ca79066.js → avatargroup-5b2584d9.js} +1 -1
  67. package/dist/esm/{backtop.taro-0e2e3946.js → backtop.taro-eb9359e8.js} +1 -1
  68. package/dist/esm/{badge.taro-eeac9de8.js → badge.taro-e6c4fe5f.js} +4 -4
  69. package/dist/esm/{button-521a516b.js → button.taro-bffc9543.js} +1 -1
  70. package/dist/esm/{calendar.taro-1abb1925.js → calendar.taro-1fc76ba0.js} +3 -3
  71. package/dist/esm/{calendaritem.taro-3c06a809.js → calendaritem.taro-11333579.js} +1 -1
  72. package/dist/esm/card.taro-2fbfbf59.js +67 -0
  73. package/dist/esm/{cascader.taro-31dbc60e.js → cascader.taro-d7e71bdf.js} +2 -2
  74. package/dist/esm/{cell.taro-3bb1b0f2.js → cell.taro-263a8927.js} +1 -1
  75. package/dist/esm/checkbox.taro-9d05ae76.js +140 -0
  76. package/dist/esm/{configprovider-9c393a29.js → configprovider-3e87d67a.js} +1 -1
  77. package/dist/esm/{configprovider.taro-1ff7f150.js → configprovider.taro-6c7b3056.js} +1 -1
  78. package/dist/esm/{countdown.taro-b00d0d46.js → countdown.taro-5d5df894.js} +1 -1
  79. package/dist/esm/{datepicker.taro-e385849d.js → datepicker.taro-318e9561.js} +22 -274
  80. package/dist/esm/{dialog.taro-c80b7b5f.js → dialog.taro-0e53ade9.js} +109 -9
  81. package/dist/esm/{elevator.taro-15b0d8c2.js → elevator.taro-8e385785.js} +39 -47
  82. package/dist/esm/{empty.taro-20b8adac.js → empty.taro-ab9c4f03.js} +1 -1
  83. package/dist/esm/{fixednav.taro-75e35339.js → fixednav.taro-6c0279ba.js} +3 -3
  84. package/dist/esm/{grid.taro-7fb43d02.js → grid.taro-5d75c0ad.js} +1 -1
  85. package/dist/esm/{griditem.taro-8020b409.js → griditem.taro-edb212e3.js} +2 -2
  86. package/dist/esm/imagepreview.taro-dae0757b.js +257 -0
  87. package/dist/esm/{infiniteloading.taro-0a86819e.js → infiniteloading.taro-067759de.js} +2 -2
  88. package/dist/esm/{input.taro-1d23861d.js → input.taro-505632ac.js} +2 -2
  89. package/dist/esm/{inputnumber.taro-75662231.js → inputnumber.taro-102203f3.js} +1 -1
  90. package/dist/esm/{menuitem.taro-56bf3205.js → menuitem.taro-0d8f50f9.js} +7 -7
  91. package/dist/esm/{navbar.taro-f2eae6a6.js → navbar.taro-2e969a0f.js} +1 -1
  92. package/dist/esm/{noticebar.taro-1890c693.js → noticebar.taro-f8bb6ae8.js} +1 -1
  93. package/dist/esm/{numberkeyboard.taro-5d685c76.js → numberkeyboard.taro-cf7d06f4.js} +2 -2
  94. package/dist/esm/nutui-react.es.js +66 -70
  95. package/dist/esm/{overlay-ed3eb37d.js → overlay.taro-be45fed5.js} +0 -0
  96. package/dist/esm/{pagination.taro-10449c4a.js → pagination.taro-62bbd23f.js} +1 -1
  97. package/dist/esm/picker.taro-62ce13e0.js +633 -0
  98. package/dist/esm/{popover.taro-9b3da0fa.js → popover.taro-0afa7cfa.js} +2 -2
  99. package/dist/esm/{popup.taro-a89dd3a1.js → popup.taro-8363fbae.js} +2 -2
  100. package/dist/esm/{progress.taro-dd93ac38.js → progress.taro-32ca3a69.js} +1 -1
  101. package/dist/esm/pulltorefresh.taro-8846f019.js +366 -0
  102. package/dist/esm/{radio.taro-32cb0172.js → radio.taro-1c63512f.js} +2 -2
  103. package/dist/esm/{radiogroup-e698d3df.js → radiogroup.taro-b5dad516.js} +0 -0
  104. package/dist/esm/{range.taro-fe08c5f4.js → range.taro-ef3b30f0.js} +2 -119
  105. package/dist/esm/{rate.taro-a0b21714.js → rate.taro-bb2e6c87.js} +1 -1
  106. package/dist/esm/{searchbar.taro-450d2f88.js → searchbar.taro-81867286.js} +2 -2
  107. package/dist/esm/{shortpassword.taro-08a05360.js → shortpassword.taro-2db97cc8.js} +3 -3
  108. package/dist/esm/{sidenavbar.taro-dd471476.js → sidenavbar.taro-e243b626.js} +2 -2
  109. package/dist/esm/{signature.taro-7cb77bab.js → signature.taro-e7369db8.js} +2 -2
  110. package/dist/esm/skeleton.taro-c19acc4e.js +109 -0
  111. package/dist/esm/{swiper.taro-7a2ef124.js → swiper.taro-448cd0ad.js} +56 -41
  112. package/dist/esm/{tabbaritem.taro-a88d3ae7.js → tabbaritem.taro-d0f2cec9.js} +1 -1
  113. package/dist/esm/{table.taro-305e0317.js → table.taro-25aeccba.js} +2 -2
  114. package/dist/esm/{tabs.taro-d1e85ea5.js → tabs.taro-d6006610.js} +1 -1
  115. package/dist/esm/{tag.taro-3bbbb557.js → tag.taro-ce9c52cd.js} +1 -1
  116. package/dist/esm/{textarea.taro-700b04c2.js → textarea.taro-388d1f90.js} +1 -1
  117. package/dist/esm/{timedetail.taro-7cc00243.js → timedetail.taro-519808cf.js} +1 -1
  118. package/dist/esm/{timepannel.taro-e24537e4.js → timepannel.taro-9904f6e6.js} +1 -1
  119. package/dist/esm/{timeselect.taro-210fd548.js → timeselect.taro-eea8d569.js} +16 -111
  120. package/dist/esm/{Notification-422905bd.js → toast.taro-d4ecd6af.js} +115 -1
  121. package/dist/esm/{uploader.taro-f7528535.js → uploader.taro-b232b2d3.js} +1 -1
  122. package/dist/esm/{virtuallist.taro-ce9619f9.js → virtuallist.taro-6858f690.js} +1 -1
  123. package/dist/esm/{zh-CN-91090ae2.js → zh-CN-14165629.js} +6 -0
  124. package/dist/locales/base.d.ts +6 -0
  125. package/dist/locales/base.js +1 -1
  126. package/dist/locales/en-US.js +7 -1
  127. package/dist/locales/id-ID.js +7 -1
  128. package/dist/locales/zh-CN.js +7 -1
  129. package/dist/locales/zh-TW.js +7 -1
  130. package/dist/nutui.react.es.js +14229 -14812
  131. package/dist/nutui.react.umd.js +14236 -14818
  132. package/dist/packages/actionsheet/actionsheet.scss +2 -0
  133. package/dist/packages/elevator/elevator.scss +1 -0
  134. package/dist/packages/pulltorefresh/pulltorefresh.scss +18 -0
  135. package/dist/style.css +1 -1
  136. package/dist/style.es.js +1 -1
  137. package/dist/styles/themes/default.scss +1 -0
  138. package/dist/types/actionsheet/actionsheet.taro.d.ts +2 -2
  139. package/dist/types/checkbox/checkbox.taro.d.ts +1 -1
  140. package/dist/types/elevator/elevator.taro.d.ts +2 -2
  141. package/dist/types/nutui.react.d.ts +3 -1
  142. package/dist/types/picker/pickerSlot.taro.d.ts +16 -0
  143. package/dist/types/popup/popup.taro.d.ts +1 -1
  144. package/dist/types/pulltorefresh/index.taro.d.ts +2 -0
  145. package/dist/types/pulltorefresh/pulltorefresh.taro.d.ts +18 -0
  146. package/dist/types/radio/radio.taro.d.ts +1 -1
  147. package/dist/types/radiogroup/index.taro.d.ts +1 -1
  148. package/dist/types/radiogroup/radiogroup.taro.d.ts +11 -0
  149. package/dist/types/timeselect/timeselect.taro.d.ts +1 -1
  150. package/package.json +2 -3
  151. package/dist/esm/button.taro-d5968f9d.js +0 -109
  152. package/dist/esm/card.taro-0861c7b3.js +0 -265
  153. package/dist/esm/checkbox.taro-6fbc4b3c.js +0 -255
  154. package/dist/esm/imagepreview.taro-a0ddd8a2.js +0 -813
  155. package/dist/esm/overlay.taro-a784329e.js +0 -94
  156. package/dist/esm/picker.taro-216cc3cb.js +0 -264
  157. package/dist/esm/pickerSlot-f8e4e542.js +0 -248
  158. package/dist/esm/popup-67173ec6.js +0 -217
  159. package/dist/esm/skeleton.taro-5934c7d7.js +0 -245
  160. package/dist/esm/toast.taro-bb181833.js +0 -122
@@ -1,217 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
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; }
5
-
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
-
8
- import React__default, { useState, useEffect } from 'react';
9
- import { createPortal } from 'react-dom';
10
- import { CSSTransition } from 'react-transition-group';
11
- import classNames from 'classnames';
12
- import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
13
- import { I as Icon } from './icon-8dc4de10.js';
14
- import { c as cn } from './bem-893ad28d.js';
15
-
16
- var defaultProps = _objectSpread({
17
- position: 'center',
18
- transition: '',
19
- style: {},
20
- popClass: '',
21
- closeable: false,
22
- closeIconPosition: 'top-right',
23
- closeIcon: 'close',
24
- destroyOnClose: true,
25
- teleport: null,
26
- overlay: true,
27
- round: false,
28
- onOpen: function onOpen() {},
29
- onClose: function onClose() {},
30
- onClick: function onClick(e) {},
31
- onOpened: function onOpened(e) {},
32
- onClosed: function onClosed(e) {},
33
- onClickOverlay: function onClickOverlay(e) {},
34
- onClickCloseIcon: function onClickCloseIcon(e) {}
35
- }, defaultOverlayProps);
36
-
37
- var _zIndex = 2000;
38
-
39
- var Popup = function Popup(props) {
40
- var _classNames;
41
-
42
- var children = props.children,
43
- visible = props.visible,
44
- overlay = props.overlay,
45
- closeOnClickOverlay = props.closeOnClickOverlay,
46
- overlayStyle = props.overlayStyle,
47
- overlayClass = props.overlayClass,
48
- zIndex = props.zIndex,
49
- lockScroll = props.lockScroll,
50
- duration = props.duration,
51
- closeable = props.closeable,
52
- closeIconPosition = props.closeIconPosition,
53
- closeIcon = props.closeIcon,
54
- style = props.style,
55
- transition = props.transition,
56
- round = props.round,
57
- position = props.position,
58
- popClass = props.popClass,
59
- className = props.className,
60
- destroyOnClose = props.destroyOnClose,
61
- teleport = props.teleport,
62
- onOpen = props.onOpen,
63
- onClose = props.onClose,
64
- onClickOverlay = props.onClickOverlay,
65
- onClickCloseIcon = props.onClickCloseIcon,
66
- onOpened = props.onOpened,
67
- onClosed = props.onClosed,
68
- onClick = props.onClick;
69
-
70
- var _useState = useState(zIndex || _zIndex),
71
- _useState2 = _slicedToArray(_useState, 2),
72
- index = _useState2[0],
73
- setIndex = _useState2[1];
74
-
75
- var _useState3 = useState(visible),
76
- _useState4 = _slicedToArray(_useState3, 2),
77
- innerVisible = _useState4[0],
78
- setInnerVisible = _useState4[1];
79
-
80
- var _useState5 = useState(true),
81
- _useState6 = _slicedToArray(_useState5, 2),
82
- showChildren = _useState6[0],
83
- setShowChildren = _useState6[1];
84
-
85
- var _useState7 = useState(''),
86
- _useState8 = _slicedToArray(_useState7, 2),
87
- transitionName = _useState8[0],
88
- setTransitionName = _useState8[1];
89
-
90
- var b = cn('popup');
91
- var baseStyle = {
92
- zIndex: index,
93
- animationDuration: "".concat(duration, "s")
94
- };
95
-
96
- var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), baseStyle);
97
-
98
- var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
99
-
100
- var classes = classNames((_classNames = {
101
- round: round
102
- }, _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
103
- var closeClasses = classNames(_defineProperty({
104
- 'nutui-popup__close-icon': true
105
- }, "nutui-popup__close-icon--".concat(closeIconPosition), true));
106
-
107
- var open = function open() {
108
- if (!innerVisible) {
109
- setInnerVisible(true);
110
- setIndex(++_zIndex);
111
- }
112
-
113
- if (destroyOnClose) {
114
- setShowChildren(true);
115
- }
116
-
117
- onOpen && onOpen();
118
- };
119
-
120
- var close = function close() {
121
- if (innerVisible) {
122
- setInnerVisible(false);
123
-
124
- if (destroyOnClose) {
125
- setTimeout(function () {
126
- setShowChildren(false);
127
- onClose && onClose();
128
- }, Number(duration) * 1000);
129
- }
130
- }
131
- };
132
-
133
- var onHandleClickOverlay = function onHandleClickOverlay(e) {
134
- if (closeOnClickOverlay) {
135
- onClickOverlay && onClickOverlay(e);
136
- close();
137
- }
138
- };
139
-
140
- var onHandleClick = function onHandleClick(e) {
141
- onClick && onClick(e);
142
- };
143
-
144
- var onHandleClickCloseIcon = function onHandleClickCloseIcon(e) {
145
- onClickCloseIcon && onClickCloseIcon(e);
146
- close();
147
- };
148
-
149
- var onHandleOpened = function onHandleOpened(e) {
150
- onOpened && onOpened(e);
151
- };
152
-
153
- var onHandleClosed = function onHandleClosed(e) {
154
- onClosed && onClosed(e);
155
- };
156
-
157
- var resolveContainer = function resolveContainer(getContainer) {
158
- var container = typeof getContainer === 'function' ? getContainer() : getContainer;
159
- return container || document.body;
160
- };
161
-
162
- var renderToContainer = function renderToContainer(getContainer, node) {
163
- if (getContainer) {
164
- var container = resolveContainer(getContainer);
165
- return createPortal(node, container);
166
- }
167
-
168
- return node;
169
- };
170
-
171
- var renderPop = function renderPop() {
172
- return React__default.createElement(CSSTransition, {
173
- classNames: transitionName,
174
- unmountOnExit: true,
175
- timeout: 500,
176
- "in": innerVisible,
177
- onEntered: onHandleOpened,
178
- onExited: onHandleClosed
179
- }, React__default.createElement("div", {
180
- style: popStyles,
181
- className: classes,
182
- onClick: onHandleClick
183
- }, showChildren ? children : '', closeable ? React__default.createElement("div", {
184
- className: closeClasses,
185
- onClick: onHandleClickCloseIcon
186
- }, React__default.createElement(Icon, {
187
- name: closeIcon,
188
- size: "12px"
189
- })) : ''));
190
- };
191
-
192
- var renderNode = function renderNode() {
193
- return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
194
- style: overlayStyles,
195
- overlayClass: overlayClass,
196
- visible: innerVisible,
197
- closeOnClickOverlay: closeOnClickOverlay,
198
- zIndex: zIndex,
199
- lockScroll: lockScroll,
200
- duration: duration,
201
- onClick: onHandleClickOverlay
202
- }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
203
- };
204
-
205
- useEffect(function () {
206
- visible && open();
207
- !visible && close();
208
- }, [visible]);
209
- useEffect(function () {
210
- setTransitionName(transition || "popup-slide-".concat(position));
211
- }, [position]);
212
- return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
213
- };
214
-
215
- Popup.defaultProps = defaultProps;
216
- Popup.displayName = 'NutPopup';
217
- export { Popup as P };
@@ -1,245 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onError"],
5
- _excluded2 = ["className", "width", "height", "animated", "row", "title", "avatar", "avatarSize", "round", "loading", "children", "avatarShape"];
6
-
7
- 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; }
8
-
9
- 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; }
10
-
11
- import React__default, { useState, useRef, useContext, useEffect } from 'react';
12
- import classNames from 'classnames';
13
- import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
14
- import { c as cn } from './bem-893ad28d.js';
15
- import { I as Icon } from './icon-8dc4de10.js';
16
- var defaultProps$1 = {
17
- size: '',
18
- icon: '',
19
- bgColor: '#eee',
20
- color: '#666',
21
- prefixCls: 'nut-avatar',
22
- url: '',
23
- alt: ''
24
- };
25
-
26
- var Avatar = function Avatar(props) {
27
- var _parent$propAvatarGro, _parent$propAvatarGro2, _classNames, _parent$propAvatarGro3, _parent$propAvatarGro4, _parent$propAvatarGro5, _parent$propAvatarGro6, _parent$propAvatarGro7, _parent$propAvatarGro9, _parent$propAvatarGro10, _parent$propAvatarGro11, _parent$propAvatarGro12, _parent$propAvatarGro13, _parent$propAvatarGro14, _parent$propAvatarGro15;
28
-
29
- var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
30
- children = _defaultProps$1$props.children,
31
- prefixCls = _defaultProps$1$props.prefixCls,
32
- size = _defaultProps$1$props.size,
33
- shape = _defaultProps$1$props.shape,
34
- bgColor = _defaultProps$1$props.bgColor,
35
- color = _defaultProps$1$props.color,
36
- url = _defaultProps$1$props.url,
37
- alt = _defaultProps$1$props.alt,
38
- icon = _defaultProps$1$props.icon,
39
- className = _defaultProps$1$props.className,
40
- style = _defaultProps$1$props.style,
41
- activeAvatar = _defaultProps$1$props.activeAvatar,
42
- onError = _defaultProps$1$props.onError,
43
- rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
44
-
45
- var _useState = useState(0),
46
- _useState2 = _slicedToArray(_useState, 2),
47
- maxSum = _useState2[0],
48
- setMaxSum = _useState2[1]; // avatarGroup里的avatar的个数
49
-
50
-
51
- var _useState3 = useState(false),
52
- _useState4 = _slicedToArray(_useState3, 2),
53
- showMax = _useState4[0],
54
- setShowMax = _useState4[1]; // 是否显示的最大头像个数
55
-
56
-
57
- var _useState5 = useState(1),
58
- _useState6 = _slicedToArray(_useState5, 2),
59
- avatarIndex = _useState6[0],
60
- setAvatarIndex = _useState6[1]; // avatar的索引
61
-
62
-
63
- var avatarRef = useRef(null);
64
- var parent = useContext(AvatarContext);
65
- var b = cn('avatar');
66
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat(size || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || 'normal'), true), _defineProperty(_classNames, "nut-avatar-".concat(shape || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || 'round'), true), _classNames));
67
- var cls = classNames(b(''), classes, className);
68
- var sizeValue = ['large', 'normal', 'small'];
69
-
70
- var styles = _objectSpread({
71
- width: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
72
- height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
73
- backgroundColor: "".concat(bgColor),
74
- color: "".concat(color),
75
- marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : '',
76
- zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) === 'right' ? "".concat(Math.abs(maxSum - avatarIndex)) : ''
77
- }, style);
78
-
79
- var maxStyles = {
80
- backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBgColor),
81
- color: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro7 = parent.propAvatarGroup) === null || _parent$propAvatarGro7 === void 0 ? void 0 : _parent$propAvatarGro7.maxColor)
82
- };
83
- var iconStyles = icon || '';
84
- useEffect(function () {
85
- var _parent$avatarGroupRe;
86
-
87
- var avatarChildren = parent === null || parent === void 0 ? void 0 : (_parent$avatarGroupRe = parent.avatarGroupRef) === null || _parent$avatarGroupRe === void 0 ? void 0 : _parent$avatarGroupRe.current.children;
88
-
89
- if (avatarChildren) {
90
- avatarLength(avatarChildren);
91
- }
92
- }, []);
93
-
94
- var avatarLength = function avatarLength(children) {
95
- var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
96
-
97
- for (var i = 0; i < children.length; i++) {
98
- console.log('child', children[i], children[i].classList);
99
-
100
- if (children[i] && children[i].classList && children[i].classList[0] === 'nut-avatar') {
101
- children[i].setAttribute('data-index', i + 1);
102
- }
103
- }
104
-
105
- var index = Number(avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index);
106
- var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
107
- setMaxSum(children.length);
108
- setAvatarIndex(index);
109
-
110
- if (index === children.length && index !== maxCount && children.length > maxCount) {
111
- setShowMax(true);
112
- }
113
- };
114
-
115
- var errorEvent = function errorEvent(e) {
116
- if (props.onError) {
117
- props.onError(e);
118
- }
119
- };
120
-
121
- var clickAvatar = function clickAvatar(e) {
122
- if (props.activeAvatar) {
123
- props.activeAvatar(e);
124
- }
125
- };
126
-
127
- return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
128
- className: cls
129
- }, rest), {}, {
130
- style: !showMax ? styles : maxStyles,
131
- onClick: clickAvatar,
132
- ref: avatarRef
133
- }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
134
- src: url,
135
- alt: alt,
136
- onError: errorEvent
137
- }), icon && React__default.createElement(Icon, {
138
- className: "icon",
139
- name: iconStyles
140
- }), children && React__default.createElement("span", {
141
- className: "text"
142
- }, children)), showMax && React__default.createElement("div", {
143
- className: "text"
144
- }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.maxCount)))));
145
- };
146
-
147
- Avatar.defaultProps = defaultProps$1;
148
- Avatar.displayName = 'NutAvatar';
149
- var defaultProps = {
150
- width: '100px',
151
- height: '100px',
152
- row: 1,
153
- animated: false,
154
- title: false,
155
- avatar: false,
156
- round: false,
157
- avatarSize: '50px',
158
- loading: false,
159
- avatarShape: 'round'
160
- };
161
-
162
- var Skeleton = function Skeleton(props) {
163
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
164
- className = _defaultProps$props.className,
165
- width = _defaultProps$props.width,
166
- height = _defaultProps$props.height,
167
- animated = _defaultProps$props.animated,
168
- row = _defaultProps$props.row,
169
- title = _defaultProps$props.title,
170
- avatar = _defaultProps$props.avatar,
171
- avatarSize = _defaultProps$props.avatarSize,
172
- round = _defaultProps$props.round,
173
- loading = _defaultProps$props.loading,
174
- children = _defaultProps$props.children,
175
- avatarShape = _defaultProps$props.avatarShape,
176
- restProps = _objectWithoutProperties(_defaultProps$props, _excluded2);
177
-
178
- var b = cn('skeleton');
179
- var classes = classNames(className, b());
180
- var blockClass = classNames({
181
- blockClass: true,
182
- 'blockClass--round': round
183
- });
184
- var avatarClass = classNames(_defineProperty({
185
- avatarClass: true
186
- }, "avatarClass--".concat(avatarShape), avatarShape));
187
-
188
- var repeatLines = function repeatLines(num) {
189
- return Array.from({
190
- length: num
191
- }, function (v, i) {
192
- return i;
193
- });
194
- };
195
-
196
- var getStyle = function getStyle() {
197
- if (avatarSize) {
198
- return {
199
- width: avatarSize,
200
- height: avatarSize
201
- };
202
- }
203
-
204
- return {
205
- width: '50px',
206
- height: '50px'
207
- };
208
- };
209
-
210
- return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
211
- className: classes
212
- }, restProps), animated && React__default.createElement("div", {
213
- className: "skeleton-animation"
214
- }), React__default.createElement("div", {
215
- className: "nut-skeleton-content"
216
- }, avatar && React__default.createElement(Avatar, {
217
- className: avatarClass,
218
- bgColor: "rgb(239, 239, 239)",
219
- shape: avatarShape,
220
- style: getStyle()
221
- }), row === 1 && React__default.createElement("div", {
222
- className: blockClass,
223
- style: {
224
- width: width,
225
- height: height
226
- }
227
- }), React__default.createElement("div", {
228
- className: "skeleton-content-line"
229
- }, title && React__default.createElement("div", {
230
- className: "skeleton-title"
231
- }), repeatLines(row).map(function (item, index) {
232
- return React__default.createElement("div", {
233
- className: blockClass,
234
- key: index,
235
- style: {
236
- width: width,
237
- height: height
238
- }
239
- });
240
- })))));
241
- };
242
-
243
- Skeleton.defaultProps = defaultProps;
244
- Skeleton.displayName = 'NutSkeleton';
245
- export { Skeleton as S };
@@ -1,122 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
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; }
4
-
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; }
6
-
7
- import { N as Notification } from './Notification-422905bd.js';
8
- var messageInstance = null;
9
- var options = {
10
- msg: '',
11
- id: '',
12
- duration: 1.5,
13
- center: true,
14
- type: 'text',
15
- customClass: '',
16
- bottom: 30,
17
- size: 'base',
18
- icon: '',
19
- textAlignCenter: true,
20
- loadingRotate: true,
21
- bgColor: 'rgba(0, 0, 0, .8)',
22
- onClose: function onClose() {},
23
- cover: false,
24
- coverColor: 'rgba(0, 0, 0, 0)',
25
- closeOnClickOverlay: false // 是否点击遮罩可关闭
26
-
27
- };
28
-
29
- function getInstance(props, callback) {
30
- if (messageInstance) {
31
- messageInstance.destroy();
32
- messageInstance = null;
33
- }
34
-
35
- Notification.newInstance(props, function (notification) {
36
- return callback && callback(notification);
37
- });
38
- }
39
-
40
- function notice(opts) {
41
- function close() {
42
- if (messageInstance) {
43
- messageInstance.destroy();
44
- messageInstance = null;
45
- }
46
- }
47
-
48
- var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
49
- onClose: close
50
- });
51
-
52
- getInstance(opts2, function (notification) {
53
- messageInstance = notification;
54
- });
55
- }
56
-
57
- var errorMsg = function errorMsg(msg) {
58
- if (!msg) {
59
- console.warn('[NutUI Toast]: msg cannot be null');
60
- }
61
- };
62
-
63
- var Toast = {
64
- text: function text(msg) {
65
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
66
- errorMsg(msg);
67
- return notice(_objectSpread({
68
- msg: msg,
69
- type: 'text'
70
- }, option));
71
- },
72
- success: function success(msg) {
73
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
74
- errorMsg(msg);
75
- return notice(_objectSpread({
76
- msg: msg,
77
- icon: 'success',
78
- type: 'success'
79
- }, option));
80
- },
81
- fail: function fail(msg) {
82
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
83
- errorMsg(msg);
84
- return notice(_objectSpread({
85
- msg: msg,
86
- icon: 'failure',
87
- type: 'fail'
88
- }, option));
89
- },
90
- loading: function loading(msg) {
91
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
92
- errorMsg(msg);
93
- return notice(_objectSpread({
94
- msg: msg,
95
- icon: 'loading',
96
- type: 'loading'
97
- }, option));
98
- },
99
- warn: function warn(msg) {
100
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
101
- errorMsg(msg);
102
- return notice(_objectSpread({
103
- msg: msg,
104
- icon: 'tips',
105
- type: 'warn'
106
- }, option));
107
- },
108
- customIcon: function customIcon(msg) {
109
- var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
110
- errorMsg(msg);
111
- return notice(_objectSpread({
112
- msg: msg
113
- }, option));
114
- },
115
- hide: function hide() {
116
- if (messageInstance) {
117
- messageInstance.destroy();
118
- messageInstance = null;
119
- }
120
- }
121
- };
122
- export { Toast as T };