@nutui/nutui-react-taro 1.4.4 → 1.4.5

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 (219) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/esm/Address.js +5 -5
  3. package/dist/esm/Audio.js +5 -5
  4. package/dist/esm/AvatarContext-7153ad2b.js +3 -1
  5. package/dist/esm/AvatarGroup.js +4 -4
  6. package/dist/esm/Calendar.js +5 -5
  7. package/dist/esm/CalendarItem.js +4 -4
  8. package/dist/esm/Card.js +4 -3
  9. package/dist/esm/Cell.js +2 -2
  10. package/dist/esm/ConfigProvider.js +3 -3
  11. package/dist/esm/CountDown.js +4 -4
  12. package/dist/esm/DatePicker.js +5 -5
  13. package/dist/esm/Dialog.js +4 -4
  14. package/dist/esm/Ellipsis.js +4 -4
  15. package/dist/esm/Empty.js +4 -4
  16. package/dist/esm/FixedNav.js +4 -4
  17. package/dist/esm/Form.js +4 -4
  18. package/dist/esm/FormItem.js +3 -3
  19. package/dist/esm/Grid.js +4 -4
  20. package/dist/esm/GridItem.js +4 -4
  21. package/dist/esm/Image.js +4 -4
  22. package/dist/esm/Infiniteloading.js +4 -4
  23. package/dist/esm/Input.js +4 -4
  24. package/dist/esm/MenuItem.js +4 -4
  25. package/dist/esm/NoticeBar.js +2 -2
  26. package/dist/esm/NumberKeyboard.js +4 -4
  27. package/dist/esm/Pagination.js +4 -4
  28. package/dist/esm/Picker.js +4 -4
  29. package/dist/esm/PullToRefresh.js +4 -4
  30. package/dist/esm/Range.js +4 -4
  31. package/dist/esm/SearchBar.js +4 -4
  32. package/dist/esm/ShortPassword.js +4 -4
  33. package/dist/esm/SideNavBar.js +4 -4
  34. package/dist/esm/Signature.js +4 -4
  35. package/dist/esm/Sticky.js +4 -4
  36. package/dist/esm/Table.js +4 -4
  37. package/dist/esm/Tag.js +3 -2
  38. package/dist/esm/TextArea.js +4 -4
  39. package/dist/esm/TimeDetail.js +4 -4
  40. package/dist/esm/TimePannel.js +4 -4
  41. package/dist/esm/TimeSelect.js +6 -6
  42. package/dist/esm/Uploader.js +4 -4
  43. package/dist/esm/UserContext-68f62e66.js +3 -1
  44. package/dist/esm/UserContext-b4181162.js +3 -1
  45. package/dist/esm/UserContext-be8097d2.js +3 -1
  46. package/dist/esm/VirtualList.js +6 -4
  47. package/dist/esm/WaterMark.js +4 -4
  48. package/dist/esm/actionsheet.taro-a58d3d12.js +45 -83
  49. package/dist/esm/address.taro-79cc7c96.js +461 -0
  50. package/dist/esm/animate.taro-b0e83dd5.js +32 -46
  51. package/dist/esm/animatingnumbers.taro-6f40a2e9.js +93 -134
  52. package/dist/esm/audio.taro-4fadc583.js +161 -0
  53. package/dist/esm/avatar.taro-85ced995.js +93 -119
  54. package/dist/esm/avatargroup-1d900174.js +34 -0
  55. package/dist/esm/backtop.taro-99107c30.js +39 -62
  56. package/dist/esm/badge.taro-fe9171ec.js +40 -58
  57. package/dist/esm/barrage.taro-0e157b5e.js +61 -91
  58. package/dist/esm/bem-893ad28d.js +3 -6
  59. package/dist/esm/button.taro-4ce133b9.js +87 -98
  60. package/dist/esm/calendar.taro-4ed72058.js +38 -0
  61. package/dist/esm/calendaritem.taro-1ebe428d.js +571 -0
  62. package/dist/esm/card.taro-39055e82.js +32 -0
  63. package/dist/esm/cascader.taro-d8cb1c3e.js +397 -636
  64. package/dist/esm/cell.taro-9a04a92e.js +64 -0
  65. package/dist/esm/cellgroup.taro-e094471c.js +18 -27
  66. package/dist/esm/checkbox.taro-0bda9796.js +160 -232
  67. package/dist/esm/circleprogress.taro-47db537c.js +99 -120
  68. package/dist/esm/col.taro-b61c7cba.js +33 -50
  69. package/dist/esm/collapse.taro-af58206c.js +73 -86
  70. package/dist/esm/collapseitem-ce1849d2.js +75 -139
  71. package/dist/esm/configprovider-5eea4f5d.js +19 -0
  72. package/dist/esm/configprovider.taro-26882dd2.js +42 -0
  73. package/dist/esm/countdown.taro-9e40de9c.js +225 -0
  74. package/dist/esm/datepicker.taro-7220e495.js +270 -0
  75. package/dist/esm/dialog.taro-1c03960e.js +123 -0
  76. package/dist/esm/divider.taro-5236fe6a.js +27 -27
  77. package/dist/esm/drag.taro-82b6b27a.js +99 -138
  78. package/dist/esm/elevator.taro-d7d65470.js +185 -259
  79. package/dist/esm/ellipsis.taro-49b6db0c.js +232 -0
  80. package/dist/esm/empty.taro-7bd813f9.js +62 -0
  81. package/dist/esm/fixednav.taro-5ad15202.js +53 -0
  82. package/dist/esm/form.taro-71d32671.js +179 -0
  83. package/dist/esm/formitem.taro-3089489b.js +89 -0
  84. package/dist/esm/grid.taro-e6decfce.js +58 -0
  85. package/dist/esm/grid.taro.context-39636af9.js +4 -2
  86. package/dist/esm/griditem.taro-4cade72e.js +90 -0
  87. package/dist/esm/icon-8dc4de10.js +43 -51
  88. package/dist/esm/icon.taro-1d0d4fb7.js +43 -51
  89. package/dist/esm/image.taro-e6dc5867.js +64 -0
  90. package/dist/esm/imagepreview.taro-3400ea03.js +158 -205
  91. package/dist/esm/index.taro-a36f96fb.js +149 -210
  92. package/dist/esm/indicator.taro-183ea169.js +29 -43
  93. package/dist/esm/infiniteloading.taro-6c2a2e95.js +142 -0
  94. package/dist/esm/input.taro-fd566407.js +243 -0
  95. package/dist/esm/inputnumber.taro-dc39b853.js +129 -177
  96. package/dist/esm/layout.taro-358f014f.js +6 -9
  97. package/dist/esm/menu.taro-4abed328.js +89 -132
  98. package/dist/esm/menuitem.taro-6e8b27c3.js +130 -0
  99. package/dist/esm/navbar.taro-c931c078.js +69 -105
  100. package/dist/esm/noticebar.taro-69ea7673.js +450 -0
  101. package/dist/esm/notify.taro-308e5892.js +66 -97
  102. package/dist/esm/numberkeyboard.taro-194519e4.js +158 -0
  103. package/dist/esm/nutui-react.es.js +44 -44
  104. package/dist/esm/offsetContext-bfb02c25.js +3 -1
  105. package/dist/esm/overlay.taro-98367bc1.js +59 -74
  106. package/dist/esm/pagination.taro-bb490de9.js +124 -0
  107. package/dist/esm/picker.taro-2a8ded7c.js +420 -0
  108. package/dist/esm/popover.taro-46d813e8.js +132 -222
  109. package/dist/esm/popup.taro-cb777e09.js +125 -178
  110. package/dist/esm/price.taro-8801462e.js +75 -86
  111. package/dist/esm/progress.taro-623bc807.js +84 -118
  112. package/dist/esm/pulltorefresh.taro-cab7b51c.js +221 -0
  113. package/dist/esm/range.taro-5d6ff217.js +332 -0
  114. package/dist/esm/rate.taro-10197384.js +64 -111
  115. package/dist/esm/row.taro-37a895de.js +38 -42
  116. package/dist/esm/searchbar.taro-839dd622.js +148 -0
  117. package/dist/esm/shortpassword.taro-182d46f7.js +111 -0
  118. package/dist/esm/sidenavbar.taro-006cf38b.js +35 -0
  119. package/dist/esm/sidenavbaritem.taro-fee11d26.js +9 -22
  120. package/dist/esm/signature.taro-33632585.js +143 -0
  121. package/dist/esm/skeleton.taro-853ce460.js +51 -88
  122. package/dist/esm/step.taro-1c94e067.js +49 -78
  123. package/dist/esm/steps.taro-acf205a0.js +21 -30
  124. package/dist/esm/sticky.taro-d0553f48.js +13 -0
  125. package/dist/esm/subsidenavbar.taro-f46b4c73.js +58 -75
  126. package/dist/esm/swipe.taro-83bc248f.js +164 -254
  127. package/dist/esm/swiper.taro-852f6615.js +424 -505
  128. package/dist/esm/swiperitem-86a3578a.js +20 -28
  129. package/dist/esm/switch.taro-bae2dca0.js +43 -64
  130. package/dist/esm/tabbar.taro-86cece39.js +47 -57
  131. package/dist/esm/tabbaritem.taro-8dfb8055.js +51 -79
  132. package/dist/esm/table.taro-cb4dd2c3.js +92 -0
  133. package/dist/esm/tabpane.taro-91cd6cf4.js +17 -22
  134. package/dist/esm/tabs.taro-e71875fa.js +121 -165
  135. package/dist/esm/tag.taro-00fe554d.js +89 -0
  136. package/dist/esm/textarea.taro-42600f8c.js +74 -0
  137. package/dist/esm/timedetail.taro-c5f564fd.js +44 -0
  138. package/dist/esm/timepannel.taro-29f9dd86.js +22 -0
  139. package/dist/esm/timeselect.taro-3ecce65d.js +133 -0
  140. package/dist/esm/toast.taro-0804b6b4.js +99 -137
  141. package/dist/esm/trendarrow.taro-5a7153e4.js +63 -90
  142. package/dist/esm/types/src/packages/cell/cell.taro.d.ts +0 -1
  143. package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +5 -4
  144. package/dist/esm/types/src/packages/noticebar/noticebar.taro.d.ts +5 -4
  145. package/dist/esm/types/src/packages/uploader/uploader.d.ts +1 -1
  146. package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -2
  147. package/dist/esm/typings-1c5f2628.js +7 -6
  148. package/dist/esm/uploader.taro-f80d76d9.js +392 -0
  149. package/dist/esm/useClientRect-bf69d7b3.js +5 -25
  150. package/dist/esm/useTouch-a2ea68c6.js +63 -93
  151. package/dist/esm/video-8a3518c5.js +59 -83
  152. package/dist/esm/virtuallist.taro-e3345ced.js +215 -0
  153. package/dist/esm/watermark.taro-cd9db98a.js +114 -0
  154. package/dist/esm/zh-CN-dfc384d0.js +128 -133
  155. package/dist/locales/base.js +1 -1
  156. package/dist/locales/en-US.js +1 -1
  157. package/dist/locales/id-ID.js +1 -1
  158. package/dist/locales/zh-CN.js +1 -1
  159. package/dist/locales/zh-TW.js +1 -1
  160. package/dist/locales/zh-UG.js +1 -1
  161. package/dist/nutui.react.es.js +634 -5664
  162. package/dist/nutui.react.umd.js +634 -5664
  163. package/dist/packages/noticebar/noticebar.scss +17 -0
  164. package/dist/packages/radio/radio.scss +3 -1
  165. package/dist/packages/row/row.scss +2 -0
  166. package/dist/packages/searchbar/searchbar.scss +1 -1
  167. package/dist/packages/tag/tag.scss +13 -5
  168. package/dist/packages/virtuallist/virtuallist.scss +24 -0
  169. package/dist/style.css +1 -1
  170. package/dist/style.es.js +1 -1
  171. package/dist/styles/temp.scss +2340 -0
  172. package/dist/styles/theme-dark.scss +7 -0
  173. package/dist/styles/theme-default.scss +11 -0
  174. package/dist/styles/variables.scss +1945 -710
  175. package/dist/types/index.d.ts +16 -23
  176. package/package.json +9 -4
  177. package/dist/esm/address.taro-1e2aea24.js +0 -615
  178. package/dist/esm/audio.taro-fddcdfc0.js +0 -228
  179. package/dist/esm/avatargroup-f7f600ff.js +0 -42
  180. package/dist/esm/calendar.taro-72974415.js +0 -83
  181. package/dist/esm/calendaritem.taro-84e889eb.js +0 -580
  182. package/dist/esm/card.taro-a530dfb3.js +0 -61
  183. package/dist/esm/cell.taro-cf50c4f2.js +0 -109
  184. package/dist/esm/configprovider-c7d60e20.js +0 -18
  185. package/dist/esm/configprovider.taro-8bdb3a28.js +0 -50
  186. package/dist/esm/countdown.taro-d7dc8681.js +0 -246
  187. package/dist/esm/datepicker.taro-7199f521.js +0 -304
  188. package/dist/esm/dialog.taro-f54cfbf0.js +0 -187
  189. package/dist/esm/ellipsis.taro-c0de6ff4.js +0 -309
  190. package/dist/esm/empty.taro-dbc66496.js +0 -81
  191. package/dist/esm/fixednav.taro-9e759320.js +0 -97
  192. package/dist/esm/form.taro-880014b1.js +0 -181
  193. package/dist/esm/formitem.taro-3695f4a7.js +0 -136
  194. package/dist/esm/grid.taro-c2cc12d6.js +0 -81
  195. package/dist/esm/griditem.taro-892153cd.js +0 -122
  196. package/dist/esm/image.taro-c30973d5.js +0 -105
  197. package/dist/esm/infiniteloading.taro-b5ddf3cc.js +0 -188
  198. package/dist/esm/input.taro-104130c1.js +0 -361
  199. package/dist/esm/menuitem.taro-216e9f7d.js +0 -193
  200. package/dist/esm/noticebar.taro-94002898.js +0 -368
  201. package/dist/esm/numberkeyboard.taro-5e8f0ddf.js +0 -245
  202. package/dist/esm/pagination.taro-9925ffab.js +0 -169
  203. package/dist/esm/picker.taro-3b5cc054.js +0 -540
  204. package/dist/esm/pulltorefresh.taro-f26a20dd.js +0 -302
  205. package/dist/esm/range.taro-c41e9b90.js +0 -469
  206. package/dist/esm/searchbar.taro-01ed4ea4.js +0 -236
  207. package/dist/esm/shortpassword.taro-3a3bf412.js +0 -190
  208. package/dist/esm/sidenavbar.taro-06026f31.js +0 -66
  209. package/dist/esm/signature.taro-17648cac.js +0 -192
  210. package/dist/esm/sticky.taro-36013e97.js +0 -16
  211. package/dist/esm/table.taro-adda6622.js +0 -139
  212. package/dist/esm/tag.taro-bd900990.js +0 -104
  213. package/dist/esm/textarea.taro-83d5fe73.js +0 -102
  214. package/dist/esm/timedetail.taro-105f5380.js +0 -68
  215. package/dist/esm/timepannel.taro-c66c63dd.js +0 -30
  216. package/dist/esm/timeselect.taro-fc7ec6ee.js +0 -172
  217. package/dist/esm/uploader.taro-a1edf38f.js +0 -529
  218. package/dist/esm/virtuallist.taro-4add61c3.js +0 -315
  219. package/dist/esm/watermark.taro-323d1cf3.js +0 -132
@@ -0,0 +1,133 @@
1
+ import React__default, { useState, useEffect } from 'react';
2
+ import { P as Popup } from './popup.taro-cb777e09.js';
3
+ import { T as TimePannel } from './timepannel.taro-29f9dd86.js';
4
+ import { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
5
+ import { c as cn } from './bem-893ad28d.js';
6
+ import { u as useConfig } from './configprovider.taro-26882dd2.js';
7
+
8
+ const defaultProps = {
9
+ className: '',
10
+ style: {},
11
+ visible: false,
12
+ height: '20%',
13
+ multiple: false,
14
+ currentKey: 0,
15
+ currentTime: [],
16
+ title: '取件时间',
17
+ dates: [],
18
+ times: [],
19
+ };
20
+ const TimeSelect = (props) => {
21
+ useConfig();
22
+ const { visible, className, height, title, currentKey, currentTime, dates, times, multiple, select, pannelChange, timeChange, onSelect, onPannelChange, onTimeChange, } = {
23
+ ...defaultProps,
24
+ ...props,
25
+ };
26
+ const [activeKey, setActiveKey] = useState(currentKey);
27
+ const [activeTime, setActiveTime] = useState(currentTime.length
28
+ ? currentTime
29
+ : [
30
+ {
31
+ key: currentKey,
32
+ list: [],
33
+ },
34
+ ]);
35
+ const [popVisible, setPopVisible] = useState(visible);
36
+ const popStyle = {
37
+ width: '100%',
38
+ height,
39
+ };
40
+ const b = cn('timeselect');
41
+ // popup 的关闭回调, 执行 select 函数更改外部 visible
42
+ const closeFun = () => {
43
+ if (onSelect) {
44
+ onSelect(activeTime);
45
+ }
46
+ else if (select) {
47
+ select(activeTime);
48
+ }
49
+ };
50
+ // 选择配送时间回调
51
+ const handleSelectTime = (time) => {
52
+ let curTimeData = {};
53
+ let curIndex = -1;
54
+ for (let i = 0; i < activeTime.length; i++) {
55
+ if (String(activeTime[i].key) === String(activeKey)) {
56
+ curTimeData = activeTime[i];
57
+ curIndex = i;
58
+ break;
59
+ }
60
+ }
61
+ const curTimeIndex = curTimeData.list.findIndex((item) => String(item) === String(time));
62
+ if (curTimeIndex === -1) {
63
+ curTimeData.list.push(time);
64
+ }
65
+ else {
66
+ curTimeData.list.splice(curTimeIndex, 1);
67
+ }
68
+ const resultTimeData = [...activeTime];
69
+ resultTimeData.splice(curIndex, 1, curTimeData);
70
+ setActiveTime(resultTimeData);
71
+ if (onTimeChange) {
72
+ onTimeChange(time, resultTimeData);
73
+ }
74
+ else if (timeChange) {
75
+ timeChange(time, resultTimeData);
76
+ }
77
+ };
78
+ // 选择日期的回调
79
+ const handleChange = (pannelKey) => {
80
+ const resultTimeData = [...activeTime];
81
+ if (String(pannelKey) !== String(activeKey)) {
82
+ setActiveKey?.(pannelKey);
83
+ if (multiple) {
84
+ const curTimeDataIndex = activeTime.findIndex((item) => String(item.key) === String(pannelKey));
85
+ if (curTimeDataIndex === -1) {
86
+ resultTimeData.push({
87
+ key: pannelKey,
88
+ list: [],
89
+ });
90
+ setActiveTime(resultTimeData);
91
+ }
92
+ }
93
+ else {
94
+ setActiveTime([
95
+ {
96
+ key: pannelKey,
97
+ list: [],
98
+ },
99
+ ]);
100
+ }
101
+ }
102
+ if (onPannelChange) {
103
+ onPannelChange(pannelKey, resultTimeData);
104
+ }
105
+ else if (pannelChange) {
106
+ pannelChange(pannelKey, resultTimeData);
107
+ }
108
+ };
109
+ // 选中的日期增加 active 类名
110
+ const getTimePannelClass = (dataItem) => {
111
+ if (String(dataItem['pannel-key']) === String(activeKey)) {
112
+ return 'nut-timepannel-active';
113
+ }
114
+ return '';
115
+ };
116
+ // 根据外部传入 visible 进行组件的显隐展示
117
+ useEffect(() => {
118
+ setPopVisible(visible);
119
+ }, [visible]);
120
+ return (React__default.createElement(React__default.Fragment, null,
121
+ React__default.createElement(Popup, { closeable: true, round: true, visible: popVisible, position: "bottom", style: popStyle, onClose: () => {
122
+ closeFun();
123
+ } },
124
+ React__default.createElement("div", { className: `${b()} ${className || ''}` },
125
+ React__default.createElement("div", { className: "nut-timeselect__title" }, title),
126
+ React__default.createElement("div", { className: "nut-timeselect__content" },
127
+ React__default.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React__default.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['pannel-key'] || index), curKey: String(dataItem['pannel-key'] || index), change: handleChange })))),
128
+ React__default.createElement(TimeDetail, { times: times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime }))))));
129
+ };
130
+ TimeSelect.defaultProps = defaultProps;
131
+ TimeSelect.displayName = 'NutTimeSelect';
132
+
133
+ export { TimeSelect as T };
@@ -1,147 +1,109 @@
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", "id", "style", "icon", "iconSize", "msg", "bottom", "duration", "center", "type", "title", "customClass", "size", "textAlignCenter", "bgColor", "cover", "coverColor", "closeOnClickOverlay", "visible", "onClose"];
5
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
1
  import React__default, { useState, useEffect } from 'react';
8
2
  import classNames from 'classnames';
9
3
  import { c as cn } from './bem-893ad28d.js';
10
4
  import { I as Icon } from './icon-8dc4de10.js';
11
- var defaultProps = {
12
- id: '',
13
- style: {},
14
- icon: null,
15
- iconSize: '20',
16
- msg: '',
17
- bottom: '30px',
18
- duration: 2,
19
- center: true,
20
- type: 'text',
21
- title: '',
22
- customClass: '',
23
- size: 'base',
24
- textAlignCenter: true,
25
- bgColor: 'rgba(0, 0, 0, .8)',
26
- cover: false,
27
- coverColor: 'rgba(0, 0, 0, 0)',
28
- closeOnClickOverlay: false,
29
- visible: false,
30
- onClose: function onClose() {} // 未实现
5
+
6
+ const defaultProps = {
7
+ id: '',
8
+ style: {},
9
+ icon: null,
10
+ iconSize: '20',
11
+ msg: '',
12
+ bottom: '30px',
13
+ duration: 2,
14
+ center: true,
15
+ type: 'text',
16
+ title: '',
17
+ customClass: '',
18
+ size: 'base',
19
+ textAlignCenter: true,
20
+ bgColor: 'rgba(0, 0, 0, .8)',
21
+ cover: false,
22
+ coverColor: 'rgba(0, 0, 0, 0)',
23
+ closeOnClickOverlay: false,
24
+ visible: false,
25
+ onClose: () => { }, // 未实现
31
26
  };
32
27
  // export default class Notification extends React.PureComponent<NotificationProps> {
33
- var Toast = function Toast(props) {
34
- var _classNames;
35
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
36
- children = _defaultProps$props.children,
37
- id = _defaultProps$props.id,
38
- style = _defaultProps$props.style,
39
- icon = _defaultProps$props.icon,
40
- iconSize = _defaultProps$props.iconSize,
41
- msg = _defaultProps$props.msg,
42
- bottom = _defaultProps$props.bottom,
43
- duration = _defaultProps$props.duration,
44
- center = _defaultProps$props.center,
45
- type = _defaultProps$props.type,
46
- title = _defaultProps$props.title,
47
- customClass = _defaultProps$props.customClass,
48
- size = _defaultProps$props.size,
49
- textAlignCenter = _defaultProps$props.textAlignCenter,
50
- bgColor = _defaultProps$props.bgColor,
51
- cover = _defaultProps$props.cover,
52
- coverColor = _defaultProps$props.coverColor,
53
- closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
54
- visible = _defaultProps$props.visible,
55
- onClose = _defaultProps$props.onClose,
56
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
57
- var timer;
58
- var _useState = useState(false),
59
- _useState2 = _slicedToArray(_useState, 2),
60
- openState = _useState2[0],
61
- SetOpenState = _useState2[1];
62
- useEffect(function () {
63
- if (visible) {
64
- SetOpenState(true);
65
- show();
66
- } else {
67
- hide();
68
- }
69
- }, [visible]);
70
- var clearTimer = function clearTimer() {
71
- if (timer) {
72
- clearTimeout(timer);
73
- timer = null;
74
- }
75
- };
76
- var hide = function hide() {
77
- SetOpenState(false);
78
- onClose();
79
- };
80
- var show = function show() {
81
- clearTimer();
82
- if (duration) {
83
- timer = window.setTimeout(function () {
84
- hide();
85
- }, duration * 1000);
86
- }
87
- };
88
- var clickCover = function clickCover() {
89
- if (closeOnClickOverlay) {
90
- hide();
91
- }
92
- };
93
- var toastBem = cn('toast');
94
- var hasIcon = function hasIcon() {
95
- if (type !== 'text') {
96
- return true;
97
- }
98
- return !!icon;
99
- };
100
- var iconName = function iconName() {
101
- if (icon) {
102
- return icon;
103
- }
104
- return {
105
- success: 'success',
106
- fail: 'failure',
107
- warn: 'tips',
108
- loading: 'loading'
109
- }[type];
110
- };
111
- var classes = classNames((_classNames = {
112
- 'nut-toast-center': center,
113
- 'nut-toast-has-icon': icon,
114
- 'nut-toast-cover': cover,
115
- 'nut-toast-loading': type === 'loading'
116
- }, _defineProperty(_classNames, "".concat(customClass), true), _defineProperty(_classNames, "nut-toast-".concat(size), true), _classNames));
117
- return React__default.createElement(React__default.Fragment, null, openState ? React__default.createElement("div", {
118
- className: "".concat(toastBem(), " ").concat(classes),
119
- id: id,
120
- style: _objectSpread({
121
- bottom: center ? 'auto' : "".concat(bottom),
122
- backgroundColor: cover ? coverColor : ''
123
- }, style),
124
- onClick: function onClick() {
125
- clickCover();
126
- }
127
- }, React__default.createElement("div", {
128
- className: toastBem('inner'),
129
- style: {
130
- textAlign: textAlignCenter ? 'center' : 'left',
131
- backgroundColor: bgColor
132
- }
133
- }, hasIcon() ? React__default.createElement("p", {
134
- className: toastBem('icon-wrapper')
135
- }, React__default.createElement(Icon, {
136
- name: iconName(),
137
- color: "#ffffff",
138
- size: iconSize
139
- })) : null, title ? React__default.createElement("div", {
140
- className: "nut-toast-title"
141
- }, title) : null, React__default.createElement("span", {
142
- className: toastBem('text')
143
- }, msg))) : null);
28
+ const Toast = (props) => {
29
+ const { children, id, style, icon, iconSize, msg, bottom, duration, center, type, title, customClass, size, textAlignCenter, bgColor, cover, coverColor, closeOnClickOverlay, visible, onClose, ...rest } = { ...defaultProps, ...props };
30
+ let timer;
31
+ const [openState, SetOpenState] = useState(false);
32
+ useEffect(() => {
33
+ if (visible) {
34
+ SetOpenState(true);
35
+ show();
36
+ }
37
+ else {
38
+ hide();
39
+ }
40
+ }, [visible]);
41
+ const clearTimer = () => {
42
+ if (timer) {
43
+ clearTimeout(timer);
44
+ timer = null;
45
+ }
46
+ };
47
+ const hide = () => {
48
+ SetOpenState(false);
49
+ onClose();
50
+ };
51
+ const show = () => {
52
+ clearTimer();
53
+ if (duration) {
54
+ timer = window.setTimeout(() => {
55
+ hide();
56
+ }, duration * 1000);
57
+ }
58
+ };
59
+ const clickCover = () => {
60
+ if (closeOnClickOverlay) {
61
+ hide();
62
+ }
63
+ };
64
+ const toastBem = cn('toast');
65
+ const hasIcon = () => {
66
+ if (type !== 'text') {
67
+ return true;
68
+ }
69
+ return !!icon;
70
+ };
71
+ const iconName = () => {
72
+ if (icon) {
73
+ return icon;
74
+ }
75
+ return {
76
+ success: 'success',
77
+ fail: 'failure',
78
+ warn: 'tips',
79
+ loading: 'loading',
80
+ }[type];
81
+ };
82
+ const classes = classNames({
83
+ 'nut-toast-center': center,
84
+ 'nut-toast-has-icon': icon,
85
+ 'nut-toast-cover': cover,
86
+ 'nut-toast-loading': type === 'loading',
87
+ [`${customClass}`]: true,
88
+ [`nut-toast-${size}`]: true,
89
+ });
90
+ return (React__default.createElement(React__default.Fragment, null, openState ? (React__default.createElement("div", { className: `${toastBem()} ${classes}`, id: id, style: {
91
+ bottom: center ? 'auto' : `${bottom}`,
92
+ backgroundColor: cover ? coverColor : '',
93
+ ...style,
94
+ }, onClick: () => {
95
+ clickCover();
96
+ } },
97
+ React__default.createElement("div", { className: toastBem('inner'), style: {
98
+ textAlign: textAlignCenter ? 'center' : 'left',
99
+ backgroundColor: bgColor,
100
+ } },
101
+ hasIcon() ? (React__default.createElement("p", { className: toastBem('icon-wrapper') },
102
+ React__default.createElement(Icon, { name: iconName(), color: "#ffffff", size: iconSize }))) : null,
103
+ title ? React__default.createElement("div", { className: "nut-toast-title" }, title) : null,
104
+ React__default.createElement("span", { className: toastBem('text') }, msg)))) : null));
144
105
  };
145
106
  Toast.defaultProps = defaultProps;
146
107
  Toast.displayName = 'NutToast';
108
+
147
109
  export { Toast as T };
@@ -1,100 +1,73 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["rate", "digits", "showSign", "showZero", "arrowLeft", "syncTextColor", "textColor", "riseColor", "dropColor", "iconSize", "upIconName", "downIconName", "className", "children"];
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
- 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
1
  import React__default, { useRef } from 'react';
7
2
  import { c as cn } from './bem-893ad28d.js';
8
3
  import { I as Icon } from './icon.taro-1d0d4fb7.js';
9
- var defaultProps = {
10
- rate: 0,
11
- digits: 2,
12
- showSign: false,
13
- showZero: false,
14
- arrowLeft: false,
15
- syncTextColor: true,
16
- textColor: '#333',
17
- riseColor: '#fa2c19',
18
- dropColor: '#64b578',
19
- iconSize: '12px',
20
- upIconName: 'triangle-up',
21
- downIconName: 'triangle-down',
22
- className: ''
4
+
5
+ const defaultProps = {
6
+ rate: 0,
7
+ digits: 2,
8
+ showSign: false,
9
+ showZero: false,
10
+ arrowLeft: false,
11
+ syncTextColor: true,
12
+ textColor: '#333',
13
+ riseColor: '#fa2c19',
14
+ dropColor: '#64b578',
15
+ iconSize: '12px',
16
+ upIconName: 'triangle-up',
17
+ downIconName: 'triangle-down',
18
+ className: '',
23
19
  };
24
- var TrendArrow = function TrendArrow(props) {
25
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
26
- rate = _defaultProps$props.rate,
27
- digits = _defaultProps$props.digits,
28
- showSign = _defaultProps$props.showSign,
29
- showZero = _defaultProps$props.showZero,
30
- arrowLeft = _defaultProps$props.arrowLeft,
31
- syncTextColor = _defaultProps$props.syncTextColor,
32
- textColor = _defaultProps$props.textColor,
33
- riseColor = _defaultProps$props.riseColor,
34
- dropColor = _defaultProps$props.dropColor,
35
- iconSize = _defaultProps$props.iconSize,
36
- upIconName = _defaultProps$props.upIconName,
37
- downIconName = _defaultProps$props.downIconName,
38
- className = _defaultProps$props.className,
39
- children = _defaultProps$props.children,
40
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
41
- var b = cn('trendarrow');
42
- var handleClick = function handleClick() {};
43
- var rateTrend = useRef(rate > 0);
44
- var myFixed = function myFixed(num) {
45
- var digit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
46
- if (Object.is(parseFloat(num), NaN)) {
47
- return console.log("\u4F20\u5165\u7684\u503C\uFF1A".concat(num, "\u4E0D\u662F\u4E00\u4E2A\u6570\u5B57"));
48
- }
49
- num = parseFloat(num);
50
- // eslint-disable-next-line no-restricted-properties
51
- var numPow = Math.pow(10, digit);
52
- return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
53
- };
54
- var calcStyle = function () {
55
- var arrowColor = rateTrend.current ? riseColor : dropColor;
56
- var textEquArrowColor = syncTextColor ? arrowColor : textColor;
57
- var style = {
58
- color: rate === 0 ? textColor : textEquArrowColor
20
+ const TrendArrow = (props) => {
21
+ const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, iconSize, upIconName, downIconName, className, children, ...rest } = { ...defaultProps, ...props };
22
+ const b = cn('trendarrow');
23
+ const handleClick = () => { };
24
+ const rateTrend = useRef(rate > 0);
25
+ const myFixed = (num, digit = 2) => {
26
+ if (Object.is(parseFloat(num), NaN)) {
27
+ return console.log(`传入的值:${num}不是一个数字`);
28
+ }
29
+ num = parseFloat(num);
30
+ // eslint-disable-next-line no-restricted-properties
31
+ const numPow = Math.pow(10, digit);
32
+ return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
59
33
  };
60
- return style;
61
- }();
62
- var calcRate = function () {
63
- rateTrend.current = rate > 0;
64
- var absRate = Math.abs(rate);
65
- if (!showZero && rate === 0) {
66
- return '--';
67
- }
68
- var resultRate = "".concat(
69
- // eslint-disable-next-line no-nested-ternary
70
- showSign && rate !== 0 ? rateTrend.current ? '+' : '-' : '').concat(myFixed(Number(absRate), digits), "%");
71
- return resultRate;
72
- }();
73
- var calcIconProps = function () {
74
- var iconProps = {
75
- name: rateTrend.current ? upIconName : downIconName,
76
- color: rateTrend.current ? riseColor : dropColor,
77
- size: iconSize
34
+ const calcStyle = (() => {
35
+ const arrowColor = rateTrend.current ? riseColor : dropColor;
36
+ const textEquArrowColor = syncTextColor ? arrowColor : textColor;
37
+ const style = {
38
+ color: rate === 0 ? textColor : textEquArrowColor,
39
+ };
40
+ return style;
41
+ })();
42
+ const calcRate = (() => {
43
+ rateTrend.current = rate > 0;
44
+ const absRate = Math.abs(rate);
45
+ if (!showZero && rate === 0) {
46
+ return '--';
47
+ }
48
+ const resultRate = `${
49
+ // eslint-disable-next-line no-nested-ternary
50
+ showSign && rate !== 0 ? (rateTrend.current ? '+' : '-') : ''}${myFixed(Number(absRate), digits)}%`;
51
+ return resultRate;
52
+ })();
53
+ const calcIconProps = (() => {
54
+ const iconProps = {
55
+ name: rateTrend.current ? upIconName : downIconName,
56
+ color: rateTrend.current ? riseColor : dropColor,
57
+ size: iconSize,
58
+ };
59
+ return iconProps;
60
+ })();
61
+ const renderContent = (arrowLeft) => {
62
+ const classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
63
+ return (React__default.createElement("span", { className: `${b(classNameSuffix)} ${b('rate')}`, style: calcStyle }, calcRate));
78
64
  };
79
- return iconProps;
80
- }();
81
- var renderContent = function renderContent(arrowLeft) {
82
- var classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
83
- return React__default.createElement("span", {
84
- className: "".concat(b(classNameSuffix), " ").concat(b('rate')),
85
- style: calcStyle
86
- }, calcRate);
87
- };
88
- return React__default.createElement("div", _objectSpread(_objectSpread({
89
- className: "".concat(b(), " ").concat(className)
90
- }, rest), {}, {
91
- onClick: handleClick
92
- }), !arrowLeft && renderContent(!arrowLeft), children || React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && React__default.createElement(Icon, {
93
- size: calcIconProps.size,
94
- name: calcIconProps.name,
95
- color: calcIconProps.color
96
- })), arrowLeft && renderContent(!arrowLeft));
65
+ return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick },
66
+ !arrowLeft && renderContent(!arrowLeft),
67
+ children || (React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && (React__default.createElement(Icon, { size: calcIconProps.size, name: calcIconProps.name, color: calcIconProps.color })))),
68
+ arrowLeft && renderContent(!arrowLeft)));
97
69
  };
98
70
  TrendArrow.defaultProps = defaultProps;
99
71
  TrendArrow.displayName = 'NutTrendArrow';
72
+
100
73
  export { TrendArrow as T };
@@ -16,7 +16,6 @@ export interface CellProps extends BasicComponent {
16
16
  className: string;
17
17
  iconSlot: ReactNode;
18
18
  linkSlot: ReactNode;
19
- click: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
20
19
  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
21
20
  }
22
21
  export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
@@ -18,9 +18,10 @@ export interface NoticeBarProps extends BasicComponent {
18
18
  scrollable: boolean | null;
19
19
  speed: number;
20
20
  rightIcon?: HTMLElement | any;
21
- close?: (list?: any) => void;
22
- click?: (item?: any) => void;
23
- onClose?: (list?: any) => void;
24
- onClick?: (item?: any) => void;
21
+ close?: (event: any) => void;
22
+ click?: (event: any) => void;
23
+ onClose?: (event: any) => void;
24
+ onClick?: (event: any) => void;
25
+ onClickItem?: (event: any, value: any) => void;
25
26
  }
26
27
  export declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -18,9 +18,10 @@ export interface NoticeBarProps extends BasicComponent {
18
18
  scrollable: boolean | null;
19
19
  speed: number;
20
20
  rightIcon?: HTMLElement | any;
21
- close?: (list?: any) => void;
22
- click?: (item?: any) => void;
23
- onClose?: (list?: any) => void;
24
- onClick?: (item?: any) => void;
21
+ close?: (event: any) => void;
22
+ click?: (event: any) => void;
23
+ onClose?: (event: any) => void;
24
+ onClick?: (event: any) => void;
25
+ onClickItem?: (event: any, value: any) => void;
25
26
  }
26
27
  export declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
@@ -52,7 +52,7 @@ export interface UploaderProps extends BasicComponent {
52
52
  fileList: FileItem[];
53
53
  event: React.ChangeEvent<HTMLInputElement>;
54
54
  }) => void;
55
- onBeforeUpload?: (file: File[]) => Promise<File[]>;
55
+ onBeforeUpload?: (file: File[]) => Promise<File[] | boolean>;
56
56
  onBeforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
57
57
  onBeforeDelete?: (file: FileItem, files: FileItem[]) => boolean;
58
58
  onFileItemClick?: (file: FileItem) => void;
@@ -1,4 +1,15 @@
1
1
  import React, { FunctionComponent } from 'react';
2
- import { BasicVirtualListProps } from './type';
3
- export type VirtualListProps = BasicVirtualListProps;
2
+ export type VirtualListProps = {
3
+ className?: string | any;
4
+ style?: React.CSSProperties;
5
+ sourceData: any;
6
+ containerSize?: number;
7
+ ItemRender?: any;
8
+ itemEqualSize?: boolean;
9
+ itemSize?: number;
10
+ overscan?: number;
11
+ onScroll?: (...args: any[]) => any;
12
+ key?: any;
13
+ locale?: any;
14
+ };
4
15
  export declare const VirtualList: FunctionComponent<VirtualListProps & React.HTMLAttributes<HTMLDivElement>>;
@@ -1,8 +1,9 @@
1
- var ComponentDefaults = {
2
- // className: '',
3
- // style: {},
4
- // children: undefined,
5
- iconClassPrefix: 'nut-icon',
6
- iconFontClassName: 'nutui-iconfont'
1
+ const ComponentDefaults = {
2
+ // className: '',
3
+ // style: {},
4
+ // children: undefined,
5
+ iconClassPrefix: 'nut-icon',
6
+ iconFontClassName: 'nutui-iconfont',
7
7
  };
8
+
8
9
  export { ComponentDefaults as C };