@nutui/nutui-react 2.0.23-beta.0 → 2.1.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (295) hide show
  1. package/CHANGELOG.md +0 -13
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +0 -4
  4. package/dist/esm/Address/style/style.css +1 -1
  5. package/dist/esm/Address.js +3 -7
  6. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  7. package/dist/esm/Audio/style/style.css +1 -1
  8. package/dist/esm/Avatar/style/style.css +1 -1
  9. package/dist/esm/Avatar.js +5 -5
  10. package/dist/esm/BackTop/style/style.css +1 -1
  11. package/dist/esm/Badge/style/style.css +1 -1
  12. package/dist/esm/Barrage/style/style.css +1 -1
  13. package/dist/esm/Button/style/style.css +1 -1
  14. package/dist/esm/Button.js +5 -84
  15. package/dist/esm/Calendar/style/style.css +1 -1
  16. package/dist/esm/Calendar.js +2 -1
  17. package/dist/esm/CalendarItem.js +0 -2
  18. package/dist/esm/Card/style/style.css +1 -1
  19. package/dist/esm/Cascader/style/style.css +1 -1
  20. package/dist/esm/Cascader.js +0 -4
  21. package/dist/esm/Cell/style/style.css +1 -1
  22. package/dist/esm/CellGroup/style/style.css +1 -1
  23. package/dist/esm/Checkbox/style/style.css +1 -1
  24. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  25. package/dist/esm/CheckboxGroup.js +1 -1
  26. package/dist/esm/CircleProgress/style/style.css +1 -1
  27. package/dist/esm/CircleProgress.js +2 -2
  28. package/dist/esm/Col/style/style.css +1 -1
  29. package/dist/esm/Collapse/style/style.css +1 -1
  30. package/dist/esm/CollapseItem/style/style.css +1 -1
  31. package/dist/esm/CountDown/style/style.css +1 -1
  32. package/dist/esm/DatePicker/style/style.css +1 -1
  33. package/dist/esm/DatePicker.js +4 -4
  34. package/dist/esm/Dialog/style/style.css +1 -1
  35. package/dist/esm/Dialog.js +1 -8
  36. package/dist/esm/Divider/style/style.css +1 -1
  37. package/dist/esm/Elevator/style/style.css +1 -1
  38. package/dist/esm/Ellipsis/style/style.css +1 -1
  39. package/dist/esm/Empty/style/style.css +1 -1
  40. package/dist/esm/Empty.js +31 -10
  41. package/dist/esm/FixedNav/style/style.css +1 -1
  42. package/dist/esm/FixedNav.js +2 -2
  43. package/dist/esm/Form/style/style.css +1 -1
  44. package/dist/esm/FormItem/style/style.css +1 -1
  45. package/dist/esm/Grid/style/style.css +1 -1
  46. package/dist/esm/GridItem/style/style.css +1 -1
  47. package/dist/esm/Image/style/style.css +1 -1
  48. package/dist/esm/Image.js +10 -24
  49. package/dist/esm/ImagePreview/style/style.css +1 -1
  50. package/dist/esm/Indicator/style/style.css +1 -1
  51. package/dist/esm/InfiniteLoading/style/style.css +1 -1
  52. package/dist/esm/InfiniteLoading.js +57 -4
  53. package/dist/esm/Input/style/style.css +1 -1
  54. package/dist/esm/InputNumber/style/style.css +1 -1
  55. package/dist/esm/InputNumber.js +5 -5
  56. package/dist/esm/Loading/style/style.css +1 -1
  57. package/dist/esm/Menu/style/style.css +1 -1
  58. package/dist/esm/Menu.js +5 -14
  59. package/dist/esm/MenuItem/style/style.css +1 -1
  60. package/dist/esm/MenuItem.js +2 -4
  61. package/dist/esm/NavBar/style/style.css +1 -1
  62. package/dist/esm/NoticeBar/style/style.css +1 -1
  63. package/dist/esm/NoticeBar.js +3 -6
  64. package/dist/esm/Notify/style/style.css +1 -1
  65. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  66. package/dist/esm/NumberKeyboard.js +7 -7
  67. package/dist/esm/Overlay/style/style.css +1 -1
  68. package/dist/esm/Overlay.js +0 -4
  69. package/dist/esm/Pagination/style/style.css +1 -1
  70. package/dist/esm/Pagination.js +8 -2
  71. package/dist/esm/Picker/style/style.css +1 -1
  72. package/dist/esm/Picker.js +8 -14
  73. package/dist/esm/Popover/style/style.css +1 -1
  74. package/dist/esm/Popover.js +10 -2
  75. package/dist/esm/Popup/style/style.css +1 -1
  76. package/dist/esm/Popup.js +0 -4
  77. package/dist/esm/Price/style/style.css +1 -1
  78. package/dist/esm/Progress/style/style.css +1 -1
  79. package/dist/esm/PullToRefresh/style/style.css +1 -1
  80. package/dist/esm/PullToRefresh.js +37 -2
  81. package/dist/esm/Radio/style/style.css +1 -1
  82. package/dist/esm/RadioGroup/style/style.css +1 -1
  83. package/dist/esm/RadioGroup.js +1 -1
  84. package/dist/esm/Range/style/style.css +1 -1
  85. package/dist/esm/Range.js +2 -2
  86. package/dist/esm/Rate/style/style.css +1 -1
  87. package/dist/esm/Rate.js +3 -3
  88. package/dist/esm/SearchBar/style/style.css +1 -1
  89. package/dist/esm/SearchBar.js +13 -13
  90. package/dist/esm/ShortPassword/style/style.css +1 -1
  91. package/dist/esm/SideNavBar/style/style.css +1 -1
  92. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  93. package/dist/esm/Signature/style/style.css +1 -1
  94. package/dist/esm/Signature.js +1 -1
  95. package/dist/esm/Skeleton/style/style.css +1 -1
  96. package/dist/esm/Step/style/style.css +1 -1
  97. package/dist/esm/Steps/style/style.css +1 -1
  98. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  99. package/dist/esm/Swipe/style/style.css +1 -1
  100. package/dist/esm/Swipe.js +5 -8
  101. package/dist/esm/Swiper/style/style.css +1 -1
  102. package/dist/esm/Switch/style/style.css +1 -1
  103. package/dist/esm/Switch.js +3 -3
  104. package/dist/esm/TabPane/style/style.css +1 -1
  105. package/dist/esm/Tabbar/style/style.css +1 -1
  106. package/dist/esm/TabbarItem/style/style.css +1 -1
  107. package/dist/esm/Table/style/style.css +1 -1
  108. package/dist/esm/Table.js +2 -2
  109. package/dist/esm/Tabs/style/style.css +1 -1
  110. package/dist/esm/Tag/style/style.css +1 -1
  111. package/dist/esm/Tag.js +2 -2
  112. package/dist/esm/TextArea/style/style.css +1 -1
  113. package/dist/esm/TimeDetail/style/style.css +1 -1
  114. package/dist/esm/TimeSelect/style/style.css +1 -1
  115. package/dist/esm/TimeSelect.js +1 -2
  116. package/dist/esm/Toast/style/style.css +1 -1
  117. package/dist/esm/Toast.js +2 -6
  118. package/dist/esm/Tour/style/style.css +1 -1
  119. package/dist/esm/TrendArrow/style/style.css +1 -1
  120. package/dist/esm/TrendArrow.js +3 -3
  121. package/dist/esm/Uploader/style/style.css +1 -1
  122. package/dist/esm/VirtualList/style/style.css +1 -1
  123. package/dist/esm/badge2.js +19 -6
  124. package/dist/esm/button2.js +88 -0
  125. package/dist/esm/checkbox2.js +29 -7
  126. package/dist/esm/configprovider2.js +4 -4
  127. package/dist/esm/menuitem2.js +7 -7
  128. package/dist/esm/nutui-react.es.js +134 -136
  129. package/dist/esm/overlay2.js +18 -79
  130. package/dist/esm/popup2.js +22 -24
  131. package/dist/esm/radio2.js +10 -5
  132. package/dist/esm/types/src/packages/button/button.d.ts +4 -3
  133. package/dist/esm/types/src/packages/button/button.taro.d.ts +4 -3
  134. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  135. package/dist/esm/types/src/packages/datepicker/datepicker.d.ts +1 -2
  136. package/dist/esm/types/src/packages/datepicker/datepicker.taro.d.ts +1 -2
  137. package/dist/esm/types/src/packages/dialog/dialogwrap.taro.d.ts +14 -0
  138. package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
  139. package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
  140. package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
  141. package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
  142. package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
  143. package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
  144. package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
  145. package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
  146. package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
  147. package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
  148. package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
  149. package/dist/esm/types/src/packages/nutui.react.build.d.ts +1 -2
  150. package/dist/esm/types/src/packages/nutui.react.d.ts +1 -3
  151. package/dist/esm/types/src/packages/nutui.react.scss.d.ts +0 -1
  152. package/dist/esm/types/src/packages/nutui.react.taro.d.ts +1 -3
  153. package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +0 -1
  154. package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +1 -2
  155. package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
  156. package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
  157. package/dist/esm/types/src/packages/picker/picker.d.ts +0 -2
  158. package/dist/esm/types/src/packages/picker/picker.taro.d.ts +0 -2
  159. package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
  160. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
  161. package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -2
  162. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
  163. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
  164. package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -6
  165. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
  166. package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
  167. package/dist/esm/types/src/utils/use-touch.d.ts +9 -8
  168. package/dist/esm/use-touch.js +32 -23
  169. package/dist/locales/base.js +1 -1
  170. package/dist/locales/en-US.js +1 -1
  171. package/dist/locales/id-ID.js +1 -1
  172. package/dist/locales/tr-TR.js +1 -1
  173. package/dist/locales/zh-CN.js +5 -5
  174. package/dist/locales/zh-TW.js +1 -1
  175. package/dist/locales/zh-UG.js +1 -1
  176. package/dist/nutui.react.es.js +1293 -1726
  177. package/dist/nutui.react.umd.js +1299 -1732
  178. package/dist/packages/actionsheet/actionsheet.scss +8 -4
  179. package/dist/packages/address/address.scss +6 -6
  180. package/dist/packages/animatingnumbers/countup.scss +15 -2
  181. package/dist/packages/audio/audio.scss +11 -3
  182. package/dist/packages/backtop/backtop.scss +11 -7
  183. package/dist/packages/badge/badge.scss +21 -2
  184. package/dist/packages/barrage/barrage.scss +16 -7
  185. package/dist/packages/button/button.scss +148 -78
  186. package/dist/packages/calendar/calendar.scss +17 -16
  187. package/dist/packages/card/card.scss +17 -3
  188. package/dist/packages/cascader/cascader.scss +2 -2
  189. package/dist/packages/checkbox/checkbox.scss +28 -23
  190. package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -7
  191. package/dist/packages/collapseitem/collapseitem.scss +7 -2
  192. package/dist/packages/dialog/dialog.scss +17 -32
  193. package/dist/packages/divider/divider.scss +6 -6
  194. package/dist/packages/elevator/elevator.scss +39 -25
  195. package/dist/packages/empty/empty.scss +36 -6
  196. package/dist/packages/fixednav/fixednav.scss +21 -8
  197. package/dist/packages/formitem/formitem.scss +1 -1
  198. package/dist/packages/griditem/griditem.scss +3 -2
  199. package/dist/packages/image/image.scss +4 -2
  200. package/dist/packages/imagepreview/imagepreview.scss +1 -11
  201. package/dist/packages/indicator/indicator.scss +3 -3
  202. package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
  203. package/dist/packages/input/input.scss +4 -2
  204. package/dist/packages/inputnumber/inputnumber.scss +21 -18
  205. package/dist/packages/loading/loading.scss +3 -3
  206. package/dist/packages/menu/menu.scss +20 -28
  207. package/dist/packages/menuitem/menuitem.scss +55 -56
  208. package/dist/packages/navbar/navbar.scss +11 -4
  209. package/dist/packages/noticebar/noticebar.scss +10 -11
  210. package/dist/packages/notify/notify.scss +5 -13
  211. package/dist/packages/numberkeyboard/numberkeyboard.scss +11 -9
  212. package/dist/packages/overlay/overlay.scss +0 -5
  213. package/dist/packages/pagination/pagination.scss +23 -0
  214. package/dist/packages/picker/picker.scss +15 -15
  215. package/dist/packages/popover/popover.scss +31 -15
  216. package/dist/packages/popup/popup.scss +220 -214
  217. package/dist/packages/price/price.scss +13 -2
  218. package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
  219. package/dist/packages/radio/radio.scss +45 -40
  220. package/dist/packages/radiogroup/radiogroup.scss +18 -18
  221. package/dist/packages/range/range.scss +15 -4
  222. package/dist/packages/rate/rate.scss +1 -2
  223. package/dist/packages/searchbar/searchbar.scss +60 -35
  224. package/dist/packages/shortpassword/shortpassword.scss +13 -13
  225. package/dist/packages/sidenavbar/sidenavbar.scss +3 -3
  226. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +1 -1
  227. package/dist/packages/signature/signature.scss +3 -0
  228. package/dist/packages/skeleton/skeleton.scss +3 -3
  229. package/dist/packages/step/step.scss +6 -8
  230. package/dist/packages/subsidenavbar/subsidenavbar.scss +1 -1
  231. package/dist/packages/swipe/swipe.scss +3 -0
  232. package/dist/packages/switch/switch.scss +39 -28
  233. package/dist/packages/tabbar/tabbar.scss +1 -1
  234. package/dist/packages/tabbaritem/tabbaritem.scss +7 -0
  235. package/dist/packages/table/table.scss +6 -6
  236. package/dist/packages/tabpane/tabpane.scss +2 -2
  237. package/dist/packages/tabs/tabs.scss +129 -114
  238. package/dist/packages/tag/tag.scss +2 -2
  239. package/dist/packages/textarea/textarea.scss +1 -1
  240. package/dist/packages/timedetail/timedetail.scss +7 -8
  241. package/dist/packages/timeselect/timeselect.scss +10 -19
  242. package/dist/packages/toast/toast.scss +30 -15
  243. package/dist/packages/tour/tour.scss +9 -4
  244. package/dist/packages/trendarrow/trendarrow.scss +5 -0
  245. package/dist/packages/uploader/uploader.scss +28 -24
  246. package/dist/packages/virtuallist/virtuallist.scss +13 -3
  247. package/dist/packages/watermark/watermark.scss +1 -0
  248. package/dist/style.css +1 -1
  249. package/dist/style.mjs +1 -1
  250. package/dist/styles/theme-dark.scss +118 -23
  251. package/dist/styles/theme-default.scss +114 -32
  252. package/dist/styles/theme-jmapp.scss +158 -32
  253. package/dist/styles/themes/default.scss +0 -1
  254. package/dist/styles/variables-jmapp.scss +1048 -1249
  255. package/dist/styles/variables.scss +884 -1174
  256. package/dist/types/index.d.ts +1 -3
  257. package/dist/types/packages/button/button.d.ts +4 -3
  258. package/dist/types/packages/configprovider/types.d.ts +1 -1
  259. package/dist/types/packages/datepicker/datepicker.d.ts +1 -6
  260. package/dist/types/packages/empty/empty.d.ts +5 -1
  261. package/dist/types/packages/empty/index.d.ts +1 -0
  262. package/dist/types/packages/empty/types.d.ts +3 -0
  263. package/dist/types/packages/pagination/pagination.d.ts +1 -1
  264. package/dist/types/packages/picker/picker.d.ts +0 -6
  265. package/dist/types/packages/popover/popover.d.ts +4 -0
  266. package/dist/types/packages/popup/popup.d.ts +10 -2
  267. package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
  268. package/dist/types/packages/swipe/swipe.d.ts +6 -6
  269. package/dist/types/packages/tabs/tabs.d.ts +2 -2
  270. package/dist/types/utils/use-touch.d.ts +9 -8
  271. package/package.json +2 -2
  272. package/dist/esm/CalendarCard/style/css.js +0 -1
  273. package/dist/esm/CalendarCard/style/index.js +0 -2
  274. package/dist/esm/CalendarCard/style/style.css +0 -1
  275. package/dist/esm/CalendarCard.js +0 -513
  276. package/dist/esm/types/src/packages/calendarcard/__tests__/calendarcard.spec.d.ts +0 -1
  277. package/dist/esm/types/src/packages/calendarcard/calendarcard.d.ts +0 -24
  278. package/dist/esm/types/src/packages/calendarcard/calendarcard.taro.d.ts +0 -24
  279. package/dist/esm/types/src/packages/calendarcard/demo.d.ts +0 -3
  280. package/dist/esm/types/src/packages/calendarcard/demo.taro.d.ts +0 -3
  281. package/dist/esm/types/src/packages/calendarcard/icon.d.ts +0 -5
  282. package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts +0 -5
  283. package/dist/esm/types/src/packages/calendarcard/index.d.ts +0 -3
  284. package/dist/esm/types/src/packages/calendarcard/index.taro.d.ts +0 -3
  285. package/dist/esm/types/src/packages/calendarcard/types.d.ts +0 -11
  286. package/dist/esm/types/src/packages/calendarcard/utils.d.ts +0 -19
  287. package/dist/esm/types/src/utils/use-lock-scoll-taro.d.ts +0 -2
  288. package/dist/esm/types/src/utils/use-lock-scroll.d.ts +0 -2
  289. package/dist/packages/calendarcard/calendarcard.scss +0 -104
  290. package/dist/types/packages/calendarcard/calendarcard.d.ts +0 -76
  291. package/dist/types/packages/calendarcard/icon.d.ts +0 -5
  292. package/dist/types/packages/calendarcard/index.d.ts +0 -3
  293. package/dist/types/packages/calendarcard/types.d.ts +0 -11
  294. package/dist/types/packages/calendarcard/utils.d.ts +0 -19
  295. package/dist/types/utils/use-lock-scroll.d.ts +0 -2
@@ -1,513 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- function _createForOfIteratorHelper(o, allowArrayLike) {
5
- var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
6
- if (!it) {
7
- if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
8
- if (it)
9
- o = it;
10
- var i = 0;
11
- var F = function F2() {
12
- };
13
- return { s: F, n: function n() {
14
- if (i >= o.length)
15
- return { done: true };
16
- return { done: false, value: o[i++] };
17
- }, e: function e(_e) {
18
- throw _e;
19
- }, f: F };
20
- }
21
- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
22
- }
23
- var normalCompletion = true, didErr = false, err;
24
- return { s: function s() {
25
- it = it.call(o);
26
- }, n: function n() {
27
- var step = it.next();
28
- normalCompletion = step.done;
29
- return step;
30
- }, e: function e(_e2) {
31
- didErr = true;
32
- err = _e2;
33
- }, f: function f() {
34
- try {
35
- if (!normalCompletion && it["return"] != null)
36
- it["return"]();
37
- } finally {
38
- if (didErr)
39
- throw err;
40
- }
41
- } };
42
- }
43
- function _unsupportedIterableToArray(o, minLen) {
44
- if (!o)
45
- return;
46
- if (typeof o === "string")
47
- return _arrayLikeToArray(o, minLen);
48
- var n = Object.prototype.toString.call(o).slice(8, -1);
49
- if (n === "Object" && o.constructor)
50
- n = o.constructor.name;
51
- if (n === "Map" || n === "Set")
52
- return Array.from(o);
53
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
54
- return _arrayLikeToArray(o, minLen);
55
- }
56
- function _arrayLikeToArray(arr, len) {
57
- if (len == null || len > arr.length)
58
- len = arr.length;
59
- for (var i = 0, arr2 = new Array(len); i < len; i++)
60
- arr2[i] = arr[i];
61
- return arr2;
62
- }
63
- function ownKeys(object, enumerableOnly) {
64
- var keys = Object.keys(object);
65
- if (Object.getOwnPropertySymbols) {
66
- var symbols = Object.getOwnPropertySymbols(object);
67
- enumerableOnly && (symbols = symbols.filter(function(sym) {
68
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
69
- })), keys.push.apply(keys, symbols);
70
- }
71
- return keys;
72
- }
73
- function _objectSpread(target) {
74
- for (var i = 1; i < arguments.length; i++) {
75
- var source = null != arguments[i] ? arguments[i] : {};
76
- i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
77
- _defineProperty(target, key, source[key]);
78
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
79
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
80
- });
81
- }
82
- return target;
83
- }
84
- import React__default, { useState, useEffect } from "react";
85
- import classNames from "classnames";
86
- import { C as ComponentDefaults } from "./typings.js";
87
- import { U as Utils } from "./date.js";
88
- import { u as useConfig } from "./configprovider2.js";
89
- var Left = function Left2() {
90
- return React__default.createElement("svg", {
91
- xmlns: "http://www.w3.org/2000/svg",
92
- width: "18",
93
- height: "18",
94
- viewBox: "0 0 18 18"
95
- }, React__default.createElement("path", {
96
- d: "M6.605 9.49a.771.771 0 0 1 0-.98l3.6-4.372a.771.771 0 0 1 1.19.981L8.2 9l3.197 3.881a.771.771 0 1 1-1.191.98l-3.6-4.37Z"
97
- }));
98
- };
99
- var Right = function Right2() {
100
- return React__default.createElement("svg", {
101
- xmlns: "http://www.w3.org/2000/svg",
102
- width: "18",
103
- height: "18",
104
- viewBox: "0 0 18 18"
105
- }, React__default.createElement("path", {
106
- d: "M11.396 9.49a.771.771 0 0 0 0-.98l-3.6-4.372a.771.771 0 0 0-1.191.981L9.8 9l-3.196 3.881a.771.771 0 0 0 1.19.98l3.6-4.37Z"
107
- }));
108
- };
109
- var DoubleLeft = function DoubleLeft2() {
110
- return React__default.createElement("svg", {
111
- xmlns: "http://www.w3.org/2000/svg",
112
- width: "18",
113
- height: "18",
114
- viewBox: "0 0 18 18"
115
- }, React__default.createElement("path", {
116
- d: "M13.853 4.026a.771.771 0 0 1 .12 1.085L10.864 9l3.11 3.889a.771.771 0 1 1-1.204.963L9.272 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.084-.12Zm-5.245 0a.771.771 0 0 1 .12 1.085L5.617 9l3.111 3.889a.771.771 0 0 1-1.205.963L4.026 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.085-.12Z"
117
- }));
118
- };
119
- var DoubleRight = function DoubleRight2() {
120
- return React__default.createElement("svg", {
121
- xmlns: "http://www.w3.org/2000/svg",
122
- width: "18",
123
- height: "18",
124
- viewBox: "0 0 18 18"
125
- }, React__default.createElement("path", {
126
- d: "M4.147 13.974a.771.771 0 0 1-.12-1.085L7.136 9 4.028 5.11a.771.771 0 1 1 1.204-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.084.12Zm5.245 0a.771.771 0 0 1-.12-1.085L12.383 9 9.272 5.11a.771.771 0 1 1 1.205-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.085.12Z"
127
- }));
128
- };
129
- var convertDateToDay = function convertDateToDay2(date) {
130
- return date ? {
131
- year: date.getFullYear(),
132
- month: date.getMonth() + 1,
133
- date: date.getDate()
134
- } : null;
135
- };
136
- var convertDayToDate = function convertDayToDate2(day) {
137
- return day ? new Date(day.year, day.month - 1, day.date) : null;
138
- };
139
- var getPrevMonthDays = function getPrevMonthDays2(year, month, firstDayOfWeek) {
140
- var prevMonth = month - 1;
141
- var prevYear = year;
142
- if (prevMonth <= 0) {
143
- prevMonth = 12;
144
- prevYear -= 1;
145
- }
146
- var days = Utils.getMonthPreDay(year, month);
147
- days -= firstDayOfWeek;
148
- if (days >= 7) {
149
- days -= 7;
150
- }
151
- var preDates = Utils.getMonthDays("".concat(prevYear), "".concat(prevMonth));
152
- var months = Array.from(Array(preDates), function(_, k) {
153
- return {
154
- type: "prev",
155
- year: prevYear,
156
- month: prevMonth,
157
- date: k + 1
158
- };
159
- });
160
- return months.slice(preDates - days);
161
- };
162
- var getCurrentMonthDays = function getCurrentMonthDays2(year, month) {
163
- var days = Utils.getMonthDays("".concat(year), "".concat(month));
164
- return Array.from(Array(days), function(_, k) {
165
- return {
166
- type: "current",
167
- year,
168
- month,
169
- date: k + 1
170
- };
171
- });
172
- };
173
- var getCurrentWeekDays = function getCurrentWeekDays2(day, firstDayOfWeek) {
174
- var current = new Date(day.year, day.month - 1, day.date);
175
- var count = (current.getDay() + 7 - firstDayOfWeek) % 7;
176
- return [convertDateToDay(new Date(current.getTime() - 24 * 60 * 60 * 1e3 * count)), convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))];
177
- };
178
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
179
- type: "single",
180
- firstDayOfWeek: 0
181
- });
182
- var CalendarCard = React__default.forwardRef(function(props, ref) {
183
- var _useConfig = useConfig(), locale = _useConfig.locale;
184
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, type = _defaultProps$props.type, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, disableDay = _defaultProps$props.disableDay, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onDayClick = _defaultProps$props.onDayClick, onPageChange = _defaultProps$props.onPageChange, onChange = _defaultProps$props.onChange;
185
- var _useState = useState(function() {
186
- var date = new Date(Date.now());
187
- var val = value || defaultValue;
188
- if (Array.isArray(val)) {
189
- if (val.length) {
190
- date = val[0];
191
- }
192
- } else if (val) {
193
- date = val;
194
- }
195
- return {
196
- year: date.getFullYear(),
197
- month: date.getMonth() + 1
198
- };
199
- }), _useState2 = _slicedToArray(_useState, 2), month = _useState2[0], setMonth = _useState2[1];
200
- var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), days = _useState4[0], setDays = _useState4[1];
201
- var valueToRange = function valueToRange2(val) {
202
- if (Array.isArray(val)) {
203
- return val.map(function(date) {
204
- return convertDateToDay(date);
205
- });
206
- }
207
- return val ? [convertDateToDay(val)] : [];
208
- };
209
- var rangeTovalue = function rangeTovalue2(range) {
210
- if (Array.isArray(range)) {
211
- return range.map(function(day) {
212
- return convertDayToDate(day);
213
- });
214
- }
215
- return range ? [convertDayToDate(range)] : [];
216
- };
217
- var _useState5 = useState(function() {
218
- var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
219
- return val;
220
- }), _useState6 = _slicedToArray(_useState5, 2), innerValue = _useState6[0], setInnerValue = _useState6[1];
221
- useEffect(function() {
222
- var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
223
- setInnerValue(val);
224
- }, [value]);
225
- var change = function change2(v) {
226
- setInnerValue(v);
227
- if (type === "single") {
228
- var date = convertDayToDate(v[0]);
229
- onChange === null || onChange === void 0 ? void 0 : onChange(date);
230
- } else if (type === "multiple" || type === "range" || type === "week") {
231
- var val = rangeTovalue(v);
232
- onChange === null || onChange === void 0 ? void 0 : onChange(val);
233
- }
234
- };
235
- var getDays = function getDays2(month2) {
236
- var y = month2.year;
237
- var m = month2.month;
238
- var days2 = [].concat(_toConsumableArray(getPrevMonthDays(y, m, firstDayOfWeek)), _toConsumableArray(getCurrentMonthDays(y, m)));
239
- var size = days2.length;
240
- var yearOfNextMonth = month2.month === 12 ? month2.year + 1 : month2.year;
241
- var monthOfNextMonth = month2.month === 12 ? 1 : month2.month + 1;
242
- for (var i = 1; i <= 42 - size; i++) {
243
- days2.push({
244
- type: "next",
245
- year: yearOfNextMonth,
246
- month: monthOfNextMonth,
247
- date: i
248
- });
249
- }
250
- return days2;
251
- };
252
- useEffect(function() {
253
- var newDays = getDays(month);
254
- setDays(newDays);
255
- onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(month);
256
- }, [month]);
257
- var isSameDay = function isSameDay2(day1, day2) {
258
- return (day1 === null || day1 === void 0 ? void 0 : day1.year) === (day2 === null || day2 === void 0 ? void 0 : day2.year) && (day1 === null || day1 === void 0 ? void 0 : day1.month) === (day2 === null || day2 === void 0 ? void 0 : day2.month) && (day1 === null || day1 === void 0 ? void 0 : day1.date) === (day2 === null || day2 === void 0 ? void 0 : day2.date);
259
- };
260
- var compareDay = function compareDay2(day1, day2) {
261
- if (day1 && day2) {
262
- if (day1.year === day2.year) {
263
- if (day1.month === day2.month) {
264
- return day1.date - day2.date;
265
- }
266
- return day1.month - day2.month;
267
- }
268
- return day1.year - day2.year;
269
- }
270
- };
271
- var isDisable = function isDisable2(day) {
272
- if (disableDay && disableDay(day)) {
273
- return true;
274
- }
275
- if (startDate && Number(compareDay(day, convertDateToDay(startDate))) < 0) {
276
- return true;
277
- }
278
- if (endDate && Number(compareDay(day, convertDateToDay(endDate))) > 0) {
279
- return true;
280
- }
281
- return false;
282
- };
283
- var isActive = function isActive2(day) {
284
- if (type === "single" || type === "multiple") {
285
- var _iterator = _createForOfIteratorHelper(innerValue), _step;
286
- try {
287
- for (_iterator.s(); !(_step = _iterator.n()).done; ) {
288
- var val = _step.value;
289
- if (isSameDay(day, val)) {
290
- return true;
291
- }
292
- }
293
- } catch (err) {
294
- _iterator.e(err);
295
- } finally {
296
- _iterator.f();
297
- }
298
- } else if (type === "range" && innerValue.length === 1 && isSameDay(innerValue[0], day)) {
299
- return true;
300
- }
301
- return false;
302
- };
303
- var isStart = function isStart2(day) {
304
- return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[0]);
305
- };
306
- var isEnd = function isEnd2(day) {
307
- return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[1]);
308
- };
309
- var isMid = function isMid2(day) {
310
- if (type === "range" || type === "week") {
311
- if (innerValue.length === 2) {
312
- var c1 = compareDay(innerValue[0], day);
313
- var c2 = compareDay(day, innerValue[1]);
314
- if (c1 && c1 < 0 && c2 && c2 < 0) {
315
- return true;
316
- }
317
- }
318
- }
319
- return false;
320
- };
321
- var isWeekend = function isWeekend2(day) {
322
- var d = new Date(day.year, day.month - 1, day.date).getDay();
323
- return d === 0 || d === 6;
324
- };
325
- var getClasses = function getClasses2(day) {
326
- if (isDisable(day)) {
327
- return ["disabled"];
328
- }
329
- var res = [];
330
- if (day.type === "current") {
331
- if (isActive(day)) {
332
- res.push("active");
333
- }
334
- if (isStart(day)) {
335
- res.push("start");
336
- }
337
- if (isEnd(day)) {
338
- res.push("end");
339
- }
340
- if (isMid(day)) {
341
- res.push("mid");
342
- }
343
- if (isWeekend(day)) {
344
- res.push("weekend");
345
- }
346
- }
347
- return res;
348
- };
349
- var jumpTo = function jumpTo2(year, month2) {
350
- setMonth({
351
- year,
352
- month: month2
353
- });
354
- };
355
- var jump = function jump2() {
356
- var step = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
357
- var current = month.year * 12 + month.month;
358
- var newMonth = (current + step) % 12;
359
- if (newMonth === 0) {
360
- newMonth = 12;
361
- }
362
- var newYear = Math.floor((current + step - newMonth) / 12);
363
- setMonth({
364
- year: newYear,
365
- month: newMonth
366
- });
367
- };
368
- React__default.useImperativeHandle(ref, function() {
369
- return {
370
- jump,
371
- jumpTo
372
- };
373
- });
374
- var handleDayClick = function handleDayClick2(day) {
375
- if (day.type === "prev" || day.type === "next" || isDisable(day)) {
376
- return;
377
- }
378
- onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(day);
379
- switch (type) {
380
- case "single": {
381
- if (innerValue[0] && isSameDay(innerValue[0], day)) {
382
- change([]);
383
- } else {
384
- change([day]);
385
- }
386
- break;
387
- }
388
- case "multiple": {
389
- var t = innerValue.find(function(i) {
390
- return isSameDay(i, day);
391
- });
392
- if (t) {
393
- change(innerValue.filter(function(i) {
394
- return i !== t;
395
- }));
396
- } else {
397
- change([].concat(_toConsumableArray(innerValue), [day]));
398
- }
399
- break;
400
- }
401
- case "range": {
402
- var len = innerValue.length;
403
- if (len === 0 || len === 2) {
404
- change([day]);
405
- } else if (len === 1) {
406
- var _t = compareDay(innerValue[0], day);
407
- if (_t === 0 || _t === null || _t === void 0) {
408
- change([]);
409
- } else if (_t < 0) {
410
- change([innerValue[0], day]);
411
- } else {
412
- change([day, innerValue[0]]);
413
- }
414
- } else {
415
- console.warn("[NutUI] Calendar range error");
416
- }
417
- break;
418
- }
419
- case "week": {
420
- if (innerValue.length === 2 || innerValue.length === 0) {
421
- var _getCurrentWeekDays = getCurrentWeekDays(day, firstDayOfWeek), _getCurrentWeekDays2 = _slicedToArray(_getCurrentWeekDays, 2), left = _getCurrentWeekDays2[0], right = _getCurrentWeekDays2[1];
422
- change([left, right]);
423
- } else {
424
- console.warn("[NutUI] Calendar week error");
425
- }
426
- break;
427
- }
428
- default: {
429
- console.warn("[NutUI] Calendar type error");
430
- }
431
- }
432
- };
433
- var monthTitle = locale.calendaritem.monthTitle;
434
- var renderHeader = function renderHeader2() {
435
- return React__default.createElement("div", {
436
- className: "nut-calendarcard-header"
437
- }, React__default.createElement("div", {
438
- className: "nut-calendarcard-header-left"
439
- }, React__default.createElement("div", {
440
- className: "double-left",
441
- onClick: function onClick() {
442
- return jump(-12);
443
- }
444
- }, React__default.createElement(DoubleLeft, null)), React__default.createElement("div", {
445
- className: "left",
446
- onClick: function onClick() {
447
- return jump(-1);
448
- }
449
- }, React__default.createElement(Left, null))), React__default.createElement("div", {
450
- className: "nut-calendarcard-header-title"
451
- }, monthTitle(month.year, month.month)), React__default.createElement("div", {
452
- className: "nut-calendarcard-header-right"
453
- }, React__default.createElement("div", {
454
- className: "right",
455
- onClick: function onClick() {
456
- return jump(1);
457
- }
458
- }, React__default.createElement(Right, null)), React__default.createElement("div", {
459
- className: "double-right",
460
- onClick: function onClick() {
461
- return jump(12);
462
- }
463
- }, React__default.createElement(DoubleRight, null))));
464
- };
465
- var _useState7 = useState(function() {
466
- var weekdays = locale.calendaritem.weekdays.map(function(day, index) {
467
- return {
468
- name: day,
469
- key: index
470
- };
471
- });
472
- return [].concat(_toConsumableArray(weekdays.slice(firstDayOfWeek, 7)), _toConsumableArray(weekdays.slice(0, firstDayOfWeek)));
473
- }), _useState8 = _slicedToArray(_useState7, 1), weekHeader = _useState8[0];
474
- var renderContent = function renderContent2() {
475
- return React__default.createElement("div", {
476
- className: "nut-calendarcard-content"
477
- }, React__default.createElement("div", {
478
- className: "nut-calendarcard-days"
479
- }, weekHeader.map(function(day) {
480
- return React__default.createElement("div", {
481
- className: classNames("nut-calendarcard-day", "header", {
482
- weekend: day.key === 0 || day.key === 6
483
- }),
484
- key: day.key
485
- }, day.name);
486
- })), React__default.createElement("div", {
487
- className: "nut-calendarcard-days"
488
- }, days.map(function(day) {
489
- return React__default.createElement("div", {
490
- className: classNames("nut-calendarcard-day", day.type, getClasses(day)),
491
- key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
492
- onClick: function onClick() {
493
- return handleDayClick(day);
494
- }
495
- }, React__default.createElement("div", {
496
- className: "nut-calendarcard-day-top"
497
- }, renderDayTop ? renderDayTop(day) : ""), React__default.createElement("div", {
498
- className: "nut-calendarcard-day-inner"
499
- }, renderDay ? renderDay(day) : day.date), React__default.createElement("div", {
500
- className: "nut-calendarcard-day-bottom"
501
- }, renderDayBottom ? renderDayBottom(day) : ""));
502
- })));
503
- };
504
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
505
- className: "nut-calendarcard",
506
- style
507
- }, renderHeader(), renderContent()));
508
- });
509
- CalendarCard.defaultProps = defaultProps;
510
- CalendarCard.displayName = "NutCalendarCard";
511
- export {
512
- CalendarCard as default
513
- };
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,24 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { BasicComponent } from '@/utils/typings';
3
- import { CalendarCardDay, CalendarCardMonth, CalendarCardValue } from './types';
4
- export interface CalendarCardProps extends BasicComponent {
5
- type: 'single' | 'multiple' | 'range' | 'week';
6
- value?: CalendarCardValue;
7
- defaultValue?: CalendarCardValue;
8
- firstDayOfWeek?: number;
9
- startDate?: Date;
10
- endDate?: Date;
11
- disableDay?: (day: CalendarCardDay) => boolean;
12
- renderDay?: (day: CalendarCardDay) => ReactNode;
13
- renderDayTop?: (day: CalendarCardDay) => ReactNode;
14
- renderDayBottom?: (day: CalendarCardDay) => ReactNode;
15
- onDayClick?: (day: CalendarCardDay) => void;
16
- onPageChange: (data: CalendarCardMonth) => void;
17
- onChange: (value: CalendarCardValue) => void;
18
- }
19
- type CalendarCardRef = {
20
- jump: (step: number) => void;
21
- jumpTo: (year: number, month: number) => void;
22
- };
23
- export declare const CalendarCard: React.ForwardRefExoticComponent<Partial<CalendarCardProps> & React.RefAttributes<CalendarCardRef>>;
24
- export {};
@@ -1,24 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { BasicComponent } from '@/utils/typings';
3
- import { CalendarCardDay, CalendarCardMonth, CalendarCardValue } from './types';
4
- export interface CalendarCardProps extends BasicComponent {
5
- type: 'single' | 'multiple' | 'range' | 'week';
6
- value?: CalendarCardValue;
7
- defaultValue?: CalendarCardValue;
8
- firstDayOfWeek?: number;
9
- startDate?: Date;
10
- endDate?: Date;
11
- disableDay?: (day: CalendarCardDay) => boolean;
12
- renderDay?: (day: CalendarCardDay) => ReactNode;
13
- renderDayTop?: (day: CalendarCardDay) => ReactNode;
14
- renderDayBottom?: (day: CalendarCardDay) => ReactNode;
15
- onDayClick?: (day: CalendarCardDay) => void;
16
- onPageChange: (data: CalendarCardMonth) => void;
17
- onChange: (value: CalendarCardValue) => void;
18
- }
19
- type CalendarCardRef = {
20
- jump: (step: number) => void;
21
- jumpTo: (year: number, month: number) => void;
22
- };
23
- export declare const CalendarCard: React.ForwardRefExoticComponent<Partial<CalendarCardProps> & React.RefAttributes<CalendarCardRef>>;
24
- export {};
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const CalendarDemo: () => JSX.Element;
3
- export default CalendarDemo;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const CalendarDemo: () => JSX.Element;
3
- export default CalendarDemo;
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const Left: FC;
3
- export declare const Right: FC;
4
- export declare const DoubleLeft: FC;
5
- export declare const DoubleRight: FC;
@@ -1,5 +0,0 @@
1
- import { FC } from 'react';
2
- export declare const Left: FC;
3
- export declare const Right: FC;
4
- export declare const DoubleLeft: FC;
5
- export declare const DoubleRight: FC;
@@ -1,3 +0,0 @@
1
- import { CalendarCard } from './calendarcard';
2
- export type { CalendarCardDay, CalendarCardMonth, CalendarCardValue, } from './types';
3
- export default CalendarCard;
@@ -1,3 +0,0 @@
1
- import { CalendarCard } from './calendarcard.taro';
2
- export type { CalendarCardDay, CalendarCardMonth, CalendarCardValue, } from './types';
3
- export default CalendarCard;
@@ -1,11 +0,0 @@
1
- export interface CalendarCardDay {
2
- type?: 'prev' | 'current' | 'next';
3
- year: number;
4
- month: number;
5
- date: number;
6
- }
7
- export interface CalendarCardMonth {
8
- year: number;
9
- month: number;
10
- }
11
- export type CalendarCardValue = Date | Date[] | null;
@@ -1,19 +0,0 @@
1
- import { CalendarCardDay } from './types';
2
- export declare const convertDateToDay: (date: Date) => {
3
- year: number;
4
- month: number;
5
- date: number;
6
- } | null;
7
- export declare const convertDayToDate: (day: CalendarCardDay) => Date | null;
8
- /**
9
- * 获取当月面板中前一个月的日期数据
10
- */
11
- export declare const getPrevMonthDays: (year: number, month: number, firstDayOfWeek: number) => CalendarCardDay[];
12
- /**
13
- * 获取当前月的日期数据
14
- */
15
- export declare const getCurrentMonthDays: (year: number, month: number) => CalendarCardDay[];
16
- /**
17
- * 根据日期获取当前周的起始日期
18
- */
19
- export declare const getCurrentWeekDays: (day: CalendarCardDay, firstDayOfWeek: number) => CalendarCardDay[];
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const useLockScrollTaro: (shouldLock: boolean) => import("react").MutableRefObject<null>;
@@ -1,2 +0,0 @@
1
- import { RefObject } from 'react';
2
- export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;