@nutui/nutui-react-taro 2.0.4 → 2.0.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 (205) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/ActionSheet.js +3 -3
  3. package/dist/esm/Address.js +8 -8
  4. package/dist/esm/Animate.js +1 -1
  5. package/dist/esm/AnimatingNumbers.js +7 -7
  6. package/dist/esm/Audio.js +5 -5
  7. package/dist/esm/Avatar.js +3 -3
  8. package/dist/esm/AvatarGroup.js +1 -1
  9. package/dist/esm/BackTop.js +1 -1
  10. package/dist/esm/Badge.js +1 -1
  11. package/dist/esm/Barrage.js +1 -1
  12. package/dist/esm/Button.js +1 -1
  13. package/dist/esm/Calendar.js +6 -6
  14. package/dist/esm/CalendarItem.js +3 -3
  15. package/dist/esm/Card.js +3 -3
  16. package/dist/esm/Cascader.js +6 -6
  17. package/dist/esm/Cell.js +2 -2
  18. package/dist/esm/CellGroup.js +1 -1
  19. package/dist/esm/Checkbox.js +2 -2
  20. package/dist/esm/CheckboxGroup.js +2 -2
  21. package/dist/esm/CircleProgress.js +1 -1
  22. package/dist/esm/Col.js +1 -1
  23. package/dist/esm/Collapse.js +3 -3
  24. package/dist/esm/CollapseItem.js +1 -1
  25. package/dist/esm/ConfigProvider.js +2 -3
  26. package/dist/esm/CountDown.js +2 -2
  27. package/dist/esm/DatePicker.js +6 -6
  28. package/dist/esm/Dialog.js +4 -4
  29. package/dist/esm/Divider.js +1 -1
  30. package/dist/esm/Drag.js +1 -1
  31. package/dist/esm/Elevator.js +1 -1
  32. package/dist/esm/Ellipsis.js +1 -1
  33. package/dist/esm/Empty.js +2 -2
  34. package/dist/esm/FixedNav.js +3 -3
  35. package/dist/esm/Form.js +4 -4
  36. package/dist/esm/FormItem.js +3 -3
  37. package/dist/esm/Grid.js +3 -4
  38. package/dist/esm/GridItem.js +2 -3
  39. package/dist/esm/Image.js +1 -1
  40. package/dist/esm/ImagePreview.js +6 -6
  41. package/dist/esm/Indicator.js +1 -1
  42. package/dist/esm/InfiniteLoading.js +2 -2
  43. package/dist/esm/Input.js +3 -3
  44. package/dist/esm/InputNumber.js +2 -2
  45. package/dist/esm/Layout.js +1 -1
  46. package/dist/esm/Menu.js +3 -3
  47. package/dist/esm/MenuItem.js +2 -2
  48. package/dist/esm/NavBar.js +1 -1
  49. package/dist/esm/NoticeBar.js +1 -1
  50. package/dist/esm/Notify.js +1 -1
  51. package/dist/esm/NumberKeyboard.js +4 -4
  52. package/dist/esm/Overlay.js +1 -1
  53. package/dist/esm/Pagination.js +3 -3
  54. package/dist/esm/Picker.js +5 -5
  55. package/dist/esm/Popover.js +3 -3
  56. package/dist/esm/Popup.js +2 -2
  57. package/dist/esm/Price.js +1 -1
  58. package/dist/esm/Progress.js +1 -1
  59. package/dist/esm/PullToRefresh.js +3 -3
  60. package/dist/esm/Radio.js +2 -2
  61. package/dist/esm/RadioGroup.js +2 -2
  62. package/dist/esm/Range.js +2 -2
  63. package/dist/esm/Rate.js +2 -2
  64. package/dist/esm/Row.js +1 -1
  65. package/dist/esm/SearchBar/style/style.css +1 -1
  66. package/dist/esm/SearchBar.js +2 -2
  67. package/dist/esm/ShortPassword.js +5 -5
  68. package/dist/esm/SideNavBar.js +3 -3
  69. package/dist/esm/SideNavBarItem.js +1 -1
  70. package/dist/esm/Signature.js +1 -1
  71. package/dist/esm/Skeleton.js +4 -4
  72. package/dist/esm/Step.js +1 -1
  73. package/dist/esm/Steps.js +1 -1
  74. package/dist/esm/Sticky.js +1 -1
  75. package/dist/esm/SubSideNavBar.js +1 -1
  76. package/dist/esm/Swipe.js +1 -1
  77. package/dist/esm/Swiper.js +10 -10
  78. package/dist/esm/SwiperItem.js +1 -1
  79. package/dist/esm/Switch.js +2 -2
  80. package/dist/esm/TabPane.js +1 -1
  81. package/dist/esm/Tabbar.js +4 -4
  82. package/dist/esm/TabbarItem.js +2 -2
  83. package/dist/esm/Table.js +2 -2
  84. package/dist/esm/Tabs.js +3 -3
  85. package/dist/esm/Tag.js +1 -1
  86. package/dist/esm/TextArea.js +3 -3
  87. package/dist/esm/TimeDetail.js +1 -1
  88. package/dist/esm/TimeSelect.js +5 -5
  89. package/dist/esm/Toast.js +2 -2
  90. package/dist/esm/TrendArrow.js +1 -1
  91. package/dist/esm/Uploader.js +4 -4
  92. package/dist/esm/Video.js +1 -1
  93. package/dist/esm/VirtualList.js +1 -1
  94. package/dist/esm/WaterMark.js +2 -2
  95. package/dist/esm/{actionsheet.taro-8a2b2622.js → actionsheet.taro-b642975d.js} +9 -9
  96. package/dist/esm/{address.taro-dc981f3b.js → address.taro-35c68034.js} +23 -23
  97. package/dist/esm/{animate.taro-c8b29242.js → animate.taro-37bf4eab.js} +3 -3
  98. package/dist/esm/{audio.taro-672e02c2.js → audio.taro-198b2c31.js} +22 -22
  99. package/dist/esm/{avatar.taro-a45e2e71.js → avatar.taro-dd654a49.js} +11 -11
  100. package/dist/esm/{avatargroup.taro-0672aa1e.js → avatargroup.taro-1f8b7174.js} +3 -3
  101. package/dist/esm/{backtop.taro-7de36464.js → backtop.taro-61b1eeaf.js} +3 -3
  102. package/dist/esm/{badge.taro-872605bf.js → badge.taro-289489e5.js} +5 -5
  103. package/dist/esm/{barrage.taro-1de16de1.js → barrage.taro-d77c34b4.js} +5 -5
  104. package/dist/esm/{button.taro-60dfd83e.js → button.taro-25f559e1.js} +6 -6
  105. package/dist/esm/{calendar.taro-4e0f6821.js → calendar.taro-a91e6a63.js} +8 -8
  106. package/dist/esm/{calendaritem.taro-332af5b7.js → calendaritem.taro-a4532b45.js} +27 -27
  107. package/dist/esm/card.taro-c0e9cfba.js +64 -0
  108. package/dist/esm/{cascader.taro-69230aa4.js → cascader.taro-b68a89ca.js} +19 -19
  109. package/dist/esm/{cell.taro-f200bd2b.js → cell.taro-0a9f80bc.js} +9 -9
  110. package/dist/esm/{cellgroup.taro-a790d91b.js → cellgroup.taro-d2fad5e7.js} +5 -5
  111. package/dist/esm/{checkbox.taro-ab8ef36e.js → checkbox.taro-07d5c9d5.js} +13 -13
  112. package/dist/esm/{circleprogress.taro-fd2326fc.js → circleprogress.taro-417e1d3f.js} +4 -4
  113. package/dist/esm/{col.taro-d6a46a7d.js → col.taro-23d5f6bd.js} +2 -2
  114. package/dist/esm/{collapse.taro-5aa2b225.js → collapse.taro-bd6b2bb3.js} +5 -5
  115. package/dist/esm/{collapseitem.taro-eac33538.js → collapseitem.taro-e99fb1a2.js} +9 -9
  116. package/dist/esm/configprovider.taro-974adb9a.js +1136 -0
  117. package/dist/esm/{countdown.taro-77749251.js → countdown.taro-43884964.js} +4 -4
  118. package/dist/esm/{datepicker.taro-45d5235c.js → datepicker.taro-9ca00609.js} +5 -5
  119. package/dist/esm/{dialog.taro-be862b5a.js → dialog.taro-0a2dfa58.js} +21 -21
  120. package/dist/esm/{divider.taro-0cb5f894.js → divider.taro-c61ab869.js} +2 -2
  121. package/dist/esm/{drag.taro-48e1ff38.js → drag.taro-ce333e51.js} +3 -3
  122. package/dist/esm/{elevator.taro-459f7322.js → elevator.taro-fae469b2.js} +19 -19
  123. package/dist/esm/{ellipsis.taro-5653d0b2.js → ellipsis.taro-21b13b31.js} +17 -17
  124. package/dist/esm/{empty.taro-ef1b390a.js → empty.taro-bfe29449.js} +8 -8
  125. package/dist/esm/{fixednav.taro-a8b0d089.js → fixednav.taro-579c4f66.js} +14 -14
  126. package/dist/esm/{form.taro-aa11d488.js → form.taro-16cb71e2.js} +8 -8
  127. package/dist/esm/{formitem.taro-6316e0f9.js → formitem.taro-34af0204.js} +15 -15
  128. package/dist/esm/{grid.taro-0202c062.js → grid.taro-1fdfe6eb.js} +6 -6
  129. package/dist/esm/{griditem.taro-08a3e7dc.js → griditem.taro-751fb091.js} +7 -7
  130. package/dist/esm/{image.taro-c4be8323.js → image.taro-a7ad2272.js} +11 -11
  131. package/dist/esm/{imagepreview.taro-c62cdc3a.js → imagepreview.taro-0daf3f50.js} +11 -11
  132. package/dist/esm/{indicator.taro-edbc71df.js → indicator.taro-4ed0d6da.js} +3 -3
  133. package/dist/esm/{infiniteloading.taro-d4dd2cd9.js → infiniteloading.taro-87006d3e.js} +8 -8
  134. package/dist/esm/{input.taro-9dce4ce2.js → input.taro-fb8e7a49.js} +9 -9
  135. package/dist/esm/{inputnumber.taro-96165704.js → inputnumber.taro-9c74cc1c.js} +8 -8
  136. package/dist/esm/{layout.taro-9659a928.js → layout.taro-7711a89c.js} +2 -2
  137. package/dist/esm/{menu.taro-f412b55d.js → menu.taro-7cab4e8c.js} +13 -13
  138. package/dist/esm/{menuitem.taro-f145c755.js → menuitem.taro-567bf91f.js} +11 -11
  139. package/dist/esm/{navbar.taro-f2d4215d.js → navbar.taro-23394f73.js} +7 -7
  140. package/dist/esm/{noticebar.taro-2720ca1e.js → noticebar.taro-d95c13b6.js} +17 -17
  141. package/dist/esm/{notify.taro-5768403d.js → notify.taro-05bd231c.js} +5 -5
  142. package/dist/esm/{numberkeyboard.taro-eef4087f.js → numberkeyboard.taro-c4fc80ed.js} +21 -21
  143. package/dist/esm/nutui-react.es.js +89 -89
  144. package/dist/esm/{overlay.taro-08f8efbc.js → overlay.taro-8f1e4912.js} +5 -5
  145. package/dist/esm/{pagination.taro-04ed7371.js → pagination.taro-afc104ce.js} +10 -10
  146. package/dist/esm/{picker.taro-53bb8322.js → picker.taro-bfe36c06.js} +31 -31
  147. package/dist/esm/{popover.taro-c8cac618.js → popover.taro-fbf1ba5e.js} +31 -28
  148. package/dist/esm/{popup.taro-938ee260.js → popup.taro-6ecef0f4.js} +14 -14
  149. package/dist/esm/{price.taro-479f1b82.js → price.taro-0bd3f07a.js} +6 -6
  150. package/dist/esm/{progress.taro-437b9f6a.js → progress.taro-421575b9.js} +4 -4
  151. package/dist/esm/{pulltorefresh.taro-1a96ae6f.js → pulltorefresh.taro-efb36521.js} +6 -6
  152. package/dist/esm/{radio.taro-410f7b07.js → radio.taro-802db0e9.js} +18 -18
  153. package/dist/esm/{range.taro-e88b568c.js → range.taro-9f854c57.js} +13 -13
  154. package/dist/esm/{rate.taro-2e2898ec.js → rate.taro-f090e140.js} +8 -8
  155. package/dist/esm/{row.taro-8b7febd4.js → row.taro-a71fbf76.js} +2 -2
  156. package/dist/esm/{searchbar.taro-f5bbc140.js → searchbar.taro-14821587.js} +13 -13
  157. package/dist/esm/{shortpassword.taro-16eaa16b.js → shortpassword.taro-2533954b.js} +20 -20
  158. package/dist/esm/{sidenavbar.taro-25564345.js → sidenavbar.taro-1fb6115f.js} +10 -10
  159. package/dist/esm/{sidenavbaritem.taro-7d805f92.js → sidenavbaritem.taro-69b0784d.js} +2 -2
  160. package/dist/esm/{signature.taro-4f68516a.js → signature.taro-3e0c2694.js} +5 -5
  161. package/dist/esm/{skeleton.taro-9ac4b4b8.js → skeleton.taro-51b91a1a.js} +9 -9
  162. package/dist/esm/{step.taro-2f55e4f2.js → step.taro-dd522794.js} +8 -8
  163. package/dist/esm/{steps.taro-196c1f59.js → steps.taro-0680ae4f.js} +2 -2
  164. package/dist/esm/{sticky.taro-6bc62a96.js → sticky.taro-2d78a04e.js} +3 -3
  165. package/dist/esm/{subsidenavbar.taro-47bb6e74.js → subsidenavbar.taro-797ce379.js} +5 -5
  166. package/dist/esm/{swipe.taro-4eb0cc9a.js → swipe.taro-36f8782e.js} +4 -4
  167. package/dist/esm/{swiperitem.taro-ef7342e8.js → swiperitem.taro-da39a67b.js} +2 -2
  168. package/dist/esm/{switch.taro-81197983.js → switch.taro-bbdada9e.js} +6 -6
  169. package/dist/esm/{tabbar.taro-978c27b0.js → tabbar.taro-3046d794.js} +8 -8
  170. package/dist/esm/{tabbaritem.taro-16a380db.js → tabbaritem.taro-fdaf7d3a.js} +10 -10
  171. package/dist/esm/{table.taro-c8241b30.js → table.taro-0254a4e5.js} +12 -12
  172. package/dist/esm/{tabpane.taro-f8d92ece.js → tabpane.taro-d0eea168.js} +2 -2
  173. package/dist/esm/{tabs.taro-e944cce9.js → tabs.taro-927b95e4.js} +17 -17
  174. package/dist/esm/{tag.taro-614758eb.js → tag.taro-518b9c70.js} +6 -6
  175. package/dist/esm/{textarea.taro-484b08c0.js → textarea.taro-38d284c4.js} +6 -6
  176. package/dist/esm/{timedetail.taro-d7aa4c1b.js → timedetail.taro-958b8c07.js} +2 -2
  177. package/dist/esm/{timeselect.taro-8354e37d.js → timeselect.taro-3f2aa90b.js} +10 -10
  178. package/dist/esm/{toast.taro-56e9d2a1.js → toast.taro-9e5afd6d.js} +12 -12
  179. package/dist/esm/{trendarrow.taro-fa177b5c.js → trendarrow.taro-53d6e250.js} +4 -4
  180. package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +3 -4
  181. package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +3 -4
  182. package/dist/esm/types/src/utils/use-memo.d.ts +1 -0
  183. package/dist/esm/{uploader.taro-3d52a0ed.js → uploader.taro-8964a9b8.js} +32 -32
  184. package/dist/esm/{use-props-value-1f54346f.js → use-props-value-e8331e19.js} +3 -3
  185. package/dist/esm/{video.taro-2a26d7da.js → video.taro-672ca6b8.js} +3 -3
  186. package/dist/esm/{virtuallist.taro-1de01855.js → virtuallist.taro-e552d954.js} +6 -6
  187. package/dist/esm/{watermark.taro-5ff0bd9d.js → watermark.taro-c269110c.js} +3 -3
  188. package/dist/locales/base.js +1 -1
  189. package/dist/locales/en-US.js +1 -1
  190. package/dist/locales/id-ID.js +1 -1
  191. package/dist/locales/tr-TR.js +1 -1
  192. package/dist/locales/zh-CN.js +1 -1
  193. package/dist/locales/zh-TW.js +1 -1
  194. package/dist/locales/zh-UG.js +1 -1
  195. package/dist/nutui.react.es.js +1226 -549
  196. package/dist/nutui.react.umd.js +736 -43
  197. package/dist/packages/searchbar/searchbar.scss +0 -1
  198. package/dist/style.css +1 -1
  199. package/dist/style.mjs +1 -1
  200. package/dist/types/packages/configprovider/configprovider.d.ts +3 -4
  201. package/dist/types/packages/configprovider/configprovider.taro.d.ts +3 -4
  202. package/dist/types/utils/use-memo.d.ts +1 -0
  203. package/package.json +2 -1
  204. package/dist/esm/card.taro-92fe9733.js +0 -64
  205. package/dist/esm/configprovider.taro-510947ea.js +0 -468
@@ -1,4 +1,4 @@
1
- import React, { useState, useCallback } from "react";
1
+ import React__default, { useState, useCallback } from "react";
2
2
  import { Image as Image$2 } from "@tarojs/components";
3
3
  import { ImageError, Image as Image$1 } from "@nutui/icons-react-taro";
4
4
  import classNames from "classnames";
@@ -40,14 +40,14 @@ const Image = (props) => {
40
40
  if (!isError)
41
41
  return null;
42
42
  if (typeof error === "boolean" && error === true && !innerLoading) {
43
- return React.createElement(
43
+ return React__default.createElement(
44
44
  "div",
45
45
  { className: "nut-img-error" },
46
- React.createElement(ImageError, null)
46
+ React__default.createElement(ImageError, null)
47
47
  );
48
48
  }
49
- if (React.isValidElement(error) && !innerLoading) {
50
- return React.createElement("div", { className: "nut-img-error" }, error);
49
+ if (React__default.isValidElement(error) && !innerLoading) {
50
+ return React__default.createElement("div", { className: "nut-img-error" }, error);
51
51
  }
52
52
  return null;
53
53
  }, [error, isError]);
@@ -55,21 +55,21 @@ const Image = (props) => {
55
55
  if (!loading)
56
56
  return null;
57
57
  if (typeof loading === "boolean" && loading === true && innerLoading) {
58
- return React.createElement(
58
+ return React__default.createElement(
59
59
  "div",
60
60
  { className: "nut-img-loading" },
61
- React.createElement(Image$1, null)
61
+ React__default.createElement(Image$1, null)
62
62
  );
63
63
  }
64
- if (React.isValidElement(loading) && innerLoading) {
65
- return React.createElement("div", { className: "nut-img-loading" }, loading);
64
+ if (React__default.isValidElement(loading) && innerLoading) {
65
+ return React__default.createElement("div", { className: "nut-img-loading" }, loading);
66
66
  }
67
67
  return null;
68
68
  }, [loading, innerLoading]);
69
- return React.createElement(
69
+ return React__default.createElement(
70
70
  "div",
71
71
  { className: classNames(classPrefix, className), style: containerStyle },
72
- React.createElement(Image$2, { ...rest, className: "nut-img", style: imgStyle, src, onLoad: (e) => handleLoad(e), onError: (e) => handleError(e) }),
72
+ React__default.createElement(Image$2, { ...rest, className: "nut-img", style: imgStyle, src, onLoad: (e) => handleLoad(e), onError: (e) => handleError(e) }),
73
73
  renderLoading(),
74
74
  renderErrorImg()
75
75
  );
@@ -1,11 +1,11 @@
1
- import React, { useRef, useState, useEffect } from "react";
1
+ import React__default, { useRef, useState, useEffect } from "react";
2
2
  import Taro from "@tarojs/taro";
3
3
  import { Video, Image } from "@tarojs/components";
4
- import { P as Popup } from "./popup.taro-938ee260.js";
4
+ import { P as Popup } from "./popup.taro-6ecef0f4.js";
5
5
  import InnerSwiper from "./Swiper.js";
6
- import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
6
+ import { S as SwiperItem } from "./swiperitem.taro-da39a67b.js";
7
7
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
8
- import { u as usePropsValue } from "./use-props-value-1f54346f.js";
8
+ import { u as usePropsValue } from "./use-props-value-e8331e19.js";
9
9
  const defaultProps = {
10
10
  ...ComponentDefaults,
11
11
  images: [],
@@ -146,26 +146,26 @@ const ImagePreview = (props) => {
146
146
  onCloseInner();
147
147
  }
148
148
  };
149
- return React.createElement(
149
+ return React__default.createElement(
150
150
  Popup,
151
151
  { visible: showPop, className: `${classPrefix}-pop`, style: { width: "100%" }, onClick: onCloseInner },
152
- React.createElement(
152
+ React__default.createElement(
153
153
  "div",
154
154
  { className: classPrefix, ref, onClick: closeOnImg, onTouchStart },
155
- React.createElement(InnerSwiper, { autoPlay, className: `${classPrefix}-swiper`, loop: true, height: "100%", style: {
155
+ React__default.createElement(InnerSwiper, { autoPlay, className: `${classPrefix}-swiper`, loop: true, height: "100%", style: {
156
156
  display: showPop ? "block" : "none",
157
157
  "--nutui-indicator-color": indicatorColor
158
158
  }, direction: "horizontal", onChange: (e) => slideChangeEnd(e.detail.current), defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1), indicator }, (videos && videos.length > 0 ? videos.map((item, index) => {
159
- return React.createElement(
159
+ return React__default.createElement(
160
160
  SwiperItem,
161
161
  { key: index },
162
- React.createElement(Video, { src: item.source.src, controls: item.options.controls, autoplay: false, loop: false, muted: item.options.muted })
162
+ React__default.createElement(Video, { src: item.source.src, controls: item.options.controls, autoplay: false, loop: false, muted: item.options.muted })
163
163
  );
164
164
  }) : []).concat(images && images.length > 0 ? images.map((item, index) => {
165
- return React.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React.createElement("img", { src: item.src, alt: "" }) : React.createElement(Image, { src: item.src, mode: "aspectFit", showMenuByLongpress: true, style: { width: "100%", height: "100%" } }));
165
+ return React__default.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React__default.createElement("img", { src: item.src, alt: "" }) : React__default.createElement(Image, { src: item.src, mode: "aspectFit", showMenuByLongpress: true, style: { width: "100%", height: "100%" } }));
166
166
  }) : []))
167
167
  ),
168
- React.createElement(
168
+ React__default.createElement(
169
169
  "div",
170
170
  { className: `${classPrefix}-index` },
171
171
  active,
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import React__default from "react";
2
2
  import classNames from "classnames";
3
3
  const defaultProps = {
4
4
  total: 3,
@@ -17,11 +17,11 @@ const Indicator = (props) => {
17
17
  const renderElement = () => {
18
18
  const childs = [];
19
19
  for (let item = 0; item < total; item++) {
20
- childs.push(item === current ? children || React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` }) : React.createElement("div", { key: item, className: `${classPrefix}__dot` }));
20
+ childs.push(item === current ? children || React__default.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` }) : React__default.createElement("div", { key: item, className: `${classPrefix}__dot` }));
21
21
  }
22
22
  return childs;
23
23
  };
24
- return React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
24
+ return React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
25
25
  };
26
26
  Indicator.defaultProps = defaultProps;
27
27
  Indicator.displayName = "NutIndicator";
@@ -1,8 +1,8 @@
1
- import React, { useState, useRef, useEffect } from "react";
1
+ import React__default, { useState, useRef, useEffect } from "react";
2
2
  import classNames from "classnames";
3
3
  import { ScrollView } from "@tarojs/components";
4
4
  import { createSelectorQuery } from "@tarojs/taro";
5
- import { u as useConfig } from "./configprovider.taro-510947ea.js";
5
+ import { u as useConfig } from "./configprovider.taro-974adb9a.js";
6
6
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
7
7
  const defaultProps = {
8
8
  ...ComponentDefaults,
@@ -38,7 +38,7 @@ const InfiniteLoading = (props) => {
38
38
  const getScrollHeight = () => {
39
39
  const parentElement = getParentElement("scroller");
40
40
  parentElement.boundingClientRect((rect) => {
41
- scrollHeight.current = rect.height;
41
+ scrollHeight.current = (rect == null ? void 0 : rect.height) ?? 0;
42
42
  }).exec();
43
43
  };
44
44
  const getStyle = () => {
@@ -108,16 +108,16 @@ const InfiniteLoading = (props) => {
108
108
  onRefresh && onRefresh(refreshDone);
109
109
  }
110
110
  };
111
- return React.createElement(
111
+ return React__default.createElement(
112
112
  ScrollView,
113
113
  { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: "100%" }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
114
- React.createElement(
114
+ React__default.createElement(
115
115
  "div",
116
116
  { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
117
- React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)
117
+ React__default.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)
118
118
  ),
119
- React.createElement("div", { className: "nut-infinite-container" }, children),
120
- React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
119
+ React__default.createElement("div", { className: "nut-infinite-container" }, children),
120
+ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
121
121
  );
122
122
  };
123
123
  InfiniteLoading.defaultProps = defaultProps;
@@ -1,10 +1,10 @@
1
- import React, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from "react";
1
+ import React__default, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from "react";
2
2
  import { View, Input as Input$1 } from "@tarojs/components";
3
3
  import { MaskClose } from "@nutui/icons-react-taro";
4
4
  import { getEnv, ENV_TYPE } from "@tarojs/taro";
5
- import { u as useConfig } from "./configprovider.taro-510947ea.js";
5
+ import { u as useConfig } from "./configprovider.taro-974adb9a.js";
6
6
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
7
- import { u as usePropsValue } from "./use-props-value-1f54346f.js";
7
+ import { u as usePropsValue } from "./use-props-value-e8331e19.js";
8
8
  function trimExtraChar(value, char, regExp) {
9
9
  const index = value.indexOf(char);
10
10
  if (index === -1) {
@@ -81,8 +81,8 @@ const Input = forwardRef((props, ref) => {
81
81
  const classPrefix = "nut-input";
82
82
  return [classPrefix, `${disabled ? `${classPrefix}-disabled` : ""}`].filter(Boolean).join(" ");
83
83
  }, [disabled]);
84
- const [, updateState] = React.useState();
85
- const forceUpdate = React.useCallback(() => updateState({}), []);
84
+ const [, updateState] = React__default.useState();
85
+ const forceUpdate = React__default.useCallback(() => updateState({}), []);
86
86
  const updateValue = (value2, trigger = "onChange") => {
87
87
  let val = value2;
88
88
  if (getEnv() === ENV_TYPE.WEB) {
@@ -131,19 +131,19 @@ const Input = forwardRef((props, ref) => {
131
131
  }
132
132
  return type2;
133
133
  };
134
- return React.createElement(
134
+ return React__default.createElement(
135
135
  View,
136
136
  { className: `${inputClass()} ${className || ""}`, style, onClick: (e) => {
137
137
  onClick && onClick(e);
138
138
  } },
139
- React.createElement(Input$1, { ...rest, name, className: "nut-input-native", ref: inputRef, style: { textAlign: align }, type: inputType(type), password: type === "password", maxlength: maxLength, placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, value, focus: autoFocus, confirmType, onBlur: (e) => {
139
+ React__default.createElement(Input$1, { ...rest, name, className: "nut-input-native", ref: inputRef, style: { textAlign: align }, type: inputType(type), password: type === "password", maxlength: maxLength, placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, value, focus: autoFocus, confirmType, onBlur: (e) => {
140
140
  handleBlur(e);
141
141
  }, onFocus: (e) => {
142
142
  handleFocus(e);
143
143
  }, onInput: (e) => {
144
144
  handleInput(e.currentTarget.value);
145
145
  } }),
146
- React.createElement(View, { style: {
146
+ React__default.createElement(View, { style: {
147
147
  display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
148
148
  alignItems: "center"
149
149
  }, onClick: (e) => {
@@ -154,7 +154,7 @@ const Input = forwardRef((props, ref) => {
154
154
  onClear && onClear("");
155
155
  }, 50);
156
156
  }
157
- } }, clearIcon || React.createElement(MaskClose, { className: "nut-input-clear" }))
157
+ } }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" }))
158
158
  );
159
159
  });
160
160
  Input.defaultProps = defaultProps;
@@ -1,7 +1,7 @@
1
- import React, { useRef, useEffect } from "react";
1
+ import React__default, { useRef, useEffect } from "react";
2
2
  import { Minus, Plus } from "@nutui/icons-react-taro";
3
3
  import classNames from "classnames";
4
- import { u as usePropsValue } from "./use-props-value-1f54346f.js";
4
+ import { u as usePropsValue } from "./use-props-value-e8331e19.js";
5
5
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
6
6
  const defaultProps = {
7
7
  ...ComponentDefaults,
@@ -174,19 +174,19 @@ const InputNumber = (props) => {
174
174
  emitChange(value2, e);
175
175
  onBlur && onBlur(e);
176
176
  };
177
- return React.createElement(
177
+ return React__default.createElement(
178
178
  "div",
179
179
  { className: classes, style: styles, ...restProps },
180
- React.createElement(
180
+ React__default.createElement(
181
181
  "div",
182
182
  { className: "nut-input-minus" },
183
- React.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })
183
+ React__default.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })
184
184
  ),
185
- React.createElement(React.Fragment, null, formatter ? React.createElement("input", { className: "nut-number-input", type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React.createElement("input", { className: "nut-number-input", type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
186
- React.createElement(
185
+ React__default.createElement(React__default.Fragment, null, formatter ? React__default.createElement("input", { className: "nut-number-input", type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React__default.createElement("input", { className: "nut-number-input", type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
186
+ React__default.createElement(
187
187
  "div",
188
188
  { className: "nut-input-add" },
189
- React.createElement(Plus, { className: iconAddClasses, onClick: addNumber })
189
+ React__default.createElement(Plus, { className: iconAddClasses, onClick: addNumber })
190
190
  )
191
191
  );
192
192
  };
@@ -1,8 +1,8 @@
1
- import React from "react";
1
+ import React__default from "react";
2
2
  const defaultProps = {};
3
3
  const Layout = (props) => {
4
4
  ({ ...defaultProps, ...props });
5
- return React.createElement("div", { className: "nut-layout" }, "Layout");
5
+ return React__default.createElement("div", { className: "nut-layout" }, "Layout");
6
6
  };
7
7
  Layout.defaultProps = defaultProps;
8
8
  Layout.displayName = "NutLayout";
@@ -1,7 +1,7 @@
1
- import React, { useRef, useState, useEffect } from "react";
1
+ import React__default, { useRef, useState, useEffect } from "react";
2
2
  import classNames from "classnames";
3
3
  import { ArrowUp2, ArrowDown2 } from "@nutui/icons-react-taro";
4
- import { M as MenuItem } from "./menuitem.taro-f145c755.js";
4
+ import { M as MenuItem } from "./menuitem.taro-567bf91f.js";
5
5
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
6
6
  const defaultProps = {
7
7
  ...ComponentDefaults,
@@ -59,8 +59,8 @@ const Menu = (props) => {
59
59
  setMenuItemTitle([...menuItemTitle]);
60
60
  };
61
61
  const cloneChildren = () => {
62
- return React.Children.map(children, (child, index) => {
63
- return React.cloneElement(child, {
62
+ return React__default.Children.map(children, (child, index) => {
63
+ return React__default.cloneElement(child, {
64
64
  ...child.props,
65
65
  show: showMenuItem[index],
66
66
  index,
@@ -77,8 +77,8 @@ const Menu = (props) => {
77
77
  });
78
78
  };
79
79
  const menuTitle = () => {
80
- return React.Children.map(children, (child, index) => {
81
- if (React.isValidElement(child)) {
80
+ return React__default.Children.map(children, (child, index) => {
81
+ if (React__default.isValidElement(child)) {
82
82
  const { title, options, value, disabled, direction } = child.props;
83
83
  const selected = options == null ? void 0 : options.filter((option) => option.value === value);
84
84
  const finallyTitle = () => {
@@ -90,7 +90,7 @@ const Menu = (props) => {
90
90
  return selected[0].text;
91
91
  return "";
92
92
  };
93
- return React.createElement(
93
+ return React__default.createElement(
94
94
  "div",
95
95
  { className: classNames("nut-menu__item ", className, {
96
96
  active: showMenuItem[index],
@@ -98,29 +98,29 @@ const Menu = (props) => {
98
98
  }), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: () => {
99
99
  !disabled && toggleMenuItem(index);
100
100
  } },
101
- React.createElement(
101
+ React__default.createElement(
102
102
  "div",
103
103
  { className: classNames("nut-menu__title ", {
104
104
  active: showMenuItem[index],
105
105
  disabled
106
106
  }) },
107
- React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
108
- icon || (direction === "up" ? React.createElement(ArrowUp2, { className: "nut-menu__title-icon", size: 10 }) : React.createElement(ArrowDown2, { className: "nut-menu__title-icon", size: 10 }))
107
+ React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
108
+ icon || (direction === "up" ? React__default.createElement(ArrowUp2, { className: "nut-menu__title-icon", size: 10 }) : React__default.createElement(ArrowDown2, { className: "nut-menu__title-icon", size: 10 }))
109
109
  )
110
110
  );
111
111
  }
112
112
  return null;
113
113
  });
114
114
  };
115
- return React.createElement(
115
+ return React__default.createElement(
116
116
  "div",
117
117
  { ...rest, className: classNames(`nut-menu`, className, {
118
118
  "scroll-fixed": isScrollFixed
119
119
  }), ref: menuRef },
120
- React.createElement(
120
+ React__default.createElement(
121
121
  "div",
122
122
  { className: "nut-menu-relative" },
123
- React.createElement("div", { className: classNames("nut-menu__bar", {
123
+ React__default.createElement("div", { className: classNames("nut-menu__bar", {
124
124
  opened: showMenuItem.includes(true)
125
125
  }) }, menuTitle()),
126
126
  cloneChildren()
@@ -1,10 +1,10 @@
1
- import React, { forwardRef, useState, useEffect, useMemo, useCallback, useImperativeHandle } from "react";
1
+ import React__default, { forwardRef, useState, useEffect, useMemo, useCallback, useImperativeHandle } from "react";
2
2
  import classNames from "classnames";
3
3
  import { getSystemInfoSync, usePageScroll } from "@tarojs/taro";
4
4
  import { View } from "@tarojs/components";
5
5
  import { CSSTransition } from "react-transition-group";
6
6
  import { Check } from "@nutui/icons-react-taro";
7
- import { O as Overlay } from "./overlay.taro-08f8efbc.js";
7
+ import { O as Overlay } from "./overlay.taro-8f1e4912.js";
8
8
  import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
9
9
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
10
10
  const defaultProps = {
@@ -106,16 +106,16 @@ const MenuItem = forwardRef((props, ref) => {
106
106
  ...isShow()
107
107
  };
108
108
  };
109
- return React.createElement(
109
+ return React__default.createElement(
110
110
  View,
111
111
  { className: "nut-menu-item-container" },
112
- closeOnClickAway ? React.createElement(View, { className: `placeholder-element ${classNames({
112
+ closeOnClickAway ? React__default.createElement(View, { className: `placeholder-element ${classNames({
113
113
  up: direction === "up"
114
114
  })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) }) : null,
115
- React.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
115
+ React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
116
116
  parent.closeOnOverlayClick && parent.toggleMenuItem(index);
117
117
  } }),
118
- React.createElement(
118
+ React__default.createElement(
119
119
  View,
120
120
  { className: classNames(className, {
121
121
  "nut-menu-item__wrap": direction === "down",
@@ -124,14 +124,14 @@ const MenuItem = forwardRef((props, ref) => {
124
124
  ...style,
125
125
  ...isShow()
126
126
  } },
127
- React.createElement(
127
+ React__default.createElement(
128
128
  CSSTransition,
129
129
  { in: showPopup, timeout: 100, classNames: direction === "down" ? "menu-item" : "menu-item-up" },
130
- React.createElement(
130
+ React__default.createElement(
131
131
  View,
132
132
  { className: "nut-menu-item__content" },
133
133
  options == null ? void 0 : options.map((item, index2) => {
134
- return React.createElement(
134
+ return React__default.createElement(
135
135
  View,
136
136
  { className: `nut-menu-item__option ${classNames({
137
137
  active: item.value === innerValue
@@ -140,8 +140,8 @@ const MenuItem = forwardRef((props, ref) => {
140
140
  }, onClick: () => {
141
141
  handleClick(item);
142
142
  } },
143
- item.value === innerValue ? React.createElement(React.Fragment, null, icon || React.createElement(Check, { color: activeColor, size: 10, className: getIconCName(item.value, value) })) : null,
144
- React.createElement(View, { className: getIconCName(item.value, value), style: {
143
+ item.value === innerValue ? React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Check, { color: activeColor, size: 10, className: getIconCName(item.value, value) })) : null,
144
+ React__default.createElement(View, { className: getIconCName(item.value, value), style: {
145
145
  color: `${item.value === innerValue ? activeColor : ""}`
146
146
  } }, item.text)
147
147
  );
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import React__default from "react";
2
2
  import classNames from "classnames";
3
3
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
4
4
  const defaultProps = {
@@ -25,21 +25,21 @@ const NavBar = (props) => {
25
25
  };
26
26
  };
27
27
  const renderLeft = () => {
28
- return React.createElement(
28
+ return React__default.createElement(
29
29
  "div",
30
30
  { className: `${classPrefix}__left` },
31
- back && React.createElement("div", { className: `${classPrefix}__left__back`, onClick: (e) => onBackClick(e) }, back),
31
+ back && React__default.createElement("div", { className: `${classPrefix}__left__back`, onClick: (e) => onBackClick(e) }, back),
32
32
  left
33
33
  );
34
34
  };
35
35
  const renderContent = () => {
36
- return React.createElement("div", { className: `${classPrefix}__title` }, children);
36
+ return React__default.createElement("div", { className: `${classPrefix}__title` }, children);
37
37
  };
38
38
  const renderRight = () => {
39
- return React.createElement("div", { className: `${classPrefix}__right` }, right);
39
+ return React__default.createElement("div", { className: `${classPrefix}__right` }, right);
40
40
  };
41
41
  const renderWrapper = () => {
42
- return React.createElement(
42
+ return React__default.createElement(
43
43
  "div",
44
44
  { className: cls, style: styles() },
45
45
  renderLeft(),
@@ -52,7 +52,7 @@ const NavBar = (props) => {
52
52
  [`${classPrefix}--safe-area-inset-top`]: safeAreaInsetTop
53
53
  });
54
54
  const cls = classNames(classPrefix, classes, className);
55
- return React.createElement(React.Fragment, null, fixed && placeholder ? React.createElement("div", { className: `${classPrefix}--placeholder` }, renderWrapper()) : renderWrapper());
55
+ return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}--placeholder` }, renderWrapper()) : renderWrapper());
56
56
  };
57
57
  NavBar.defaultProps = defaultProps;
58
58
  NavBar.displayName = "NutNavBar";
@@ -1,4 +1,4 @@
1
- import React, { useRef, useState, useMemo, useEffect } from "react";
1
+ import React__default, { useRef, useState, useMemo, useEffect } from "react";
2
2
  import { Notice, Close } from "@nutui/icons-react-taro";
3
3
  import classNames from "classnames";
4
4
  import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
@@ -54,8 +54,8 @@ const NoticeBar = (props) => {
54
54
  const [offset, setOffset] = useState(0);
55
55
  const { childs, childCount } = useMemo(() => {
56
56
  let childCount2 = 0;
57
- const childs2 = React.Children.map(children, (child) => {
58
- if (!React.isValidElement(child))
57
+ const childs2 = React__default.Children.map(children, (child) => {
58
+ if (!React__default.isValidElement(child))
59
59
  return null;
60
60
  childCount2++;
61
61
  return child;
@@ -321,44 +321,44 @@ const NoticeBar = (props) => {
321
321
  stopAutoPlay();
322
322
  };
323
323
  }, []);
324
- return React.createElement(
324
+ return React__default.createElement(
325
325
  "div",
326
326
  { className: `${classPrefix} ${className || ""}`, style },
327
- showNoticeBar && direction === "horizontal" ? React.createElement(
327
+ showNoticeBar && direction === "horizontal" ? React__default.createElement(
328
328
  "div",
329
329
  { className: noticebarClass, style: barStyle, onClick: handleClick },
330
- React.createElement("div", { className: "left-icon" }, leftIcon || React.createElement(Notice, { size: 16 })),
331
- React.createElement(
330
+ React__default.createElement("div", { className: "left-icon" }, leftIcon || React__default.createElement(Notice, { size: 16 })),
331
+ React__default.createElement(
332
332
  "div",
333
333
  { ref: wrapRef, className: "wrap" },
334
- React.createElement(
334
+ React__default.createElement(
335
335
  "div",
336
336
  { ref: contentRef, className: `content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`, style: contentStyle, onAnimationEnd },
337
337
  children,
338
338
  content
339
339
  )
340
340
  ),
341
- closeable || rightIcon ? React.createElement("div", { className: "right-icon", onClick: onClickIcon }, rightIcon || React.createElement(Close, { size: 12 })) : null
341
+ closeable || rightIcon ? React__default.createElement("div", { className: "right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
342
342
  ) : null,
343
- showNoticeBar && scrollList.current.length > 0 && isVertical ? React.createElement(
343
+ showNoticeBar && scrollList.current.length > 0 && isVertical ? React__default.createElement(
344
344
  "div",
345
345
  { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
346
- leftIcon ? React.createElement("div", { className: "left-icon" }, leftIcon) : null,
347
- children ? React.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
348
- return React.createElement("div", { className: "scroll-inner ", style: itemStyle(index), key: index, onClick: (e) => {
346
+ leftIcon ? React__default.createElement("div", { className: "left-icon" }, leftIcon) : null,
347
+ children ? React__default.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
348
+ return React__default.createElement("div", { className: "scroll-inner ", style: itemStyle(index), key: index, onClick: (e) => {
349
349
  handleItemClick(e, item);
350
350
  } }, item);
351
- })) : React.createElement("div", { className: "horseLamp_list", style: horseLampStyle }, scrollList.current.map((item, index) => {
351
+ })) : React__default.createElement("div", { className: "horseLamp_list", style: horseLampStyle }, scrollList.current.map((item, index) => {
352
352
  return (
353
353
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
354
- React.createElement("div", { className: "horseLamp_list_item", style: { height }, key: index, onClick: (e) => {
354
+ React__default.createElement("div", { className: "horseLamp_list_item", style: { height }, key: index, onClick: (e) => {
355
355
  handleItemClick(e, item);
356
356
  } }, item)
357
357
  );
358
358
  })),
359
- React.createElement("div", { className: "go", onClick: (e) => {
359
+ React__default.createElement("div", { className: "go", onClick: (e) => {
360
360
  handleClickIcon(e);
361
- } }, rightIcon || (closeable ? React.createElement(Close, { size: 12 }) : null))
361
+ } }, rightIcon || (closeable ? React__default.createElement(Close, { size: 12 }) : null))
362
362
  ) : null
363
363
  );
364
364
  };
@@ -1,4 +1,4 @@
1
- import React, { useState, useEffect } from "react";
1
+ import React__default, { useState, useEffect } from "react";
2
2
  import classNames from "classnames";
3
3
  import { CSSTransition } from "react-transition-group";
4
4
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
@@ -58,13 +58,13 @@ const Notify = (props) => {
58
58
  [`${classPrefix}`]: true,
59
59
  [`${classPrefix}--${type}`]: true
60
60
  });
61
- return React.createElement(
62
- React.Fragment,
61
+ return React__default.createElement(
62
+ React__default.Fragment,
63
63
  null,
64
- React.createElement(
64
+ React__default.createElement(
65
65
  CSSTransition,
66
66
  { in: showNotify, timeout: 300, classNames: "fade", unmountOnExit: true, appear: true, position, id },
67
- React.createElement("div", { className: `${classes} ${className}`, style, onClick: clickHandle }, children)
67
+ React__default.createElement("div", { className: `${classes} ${className}`, style, onClick: clickHandle }, children)
68
68
  )
69
69
  );
70
70
  };