@nutui/nutui-react-taro 1.5.2 → 1.5.3-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 (232) hide show
  1. package/CHANGELOG.md +0 -1
  2. package/dist/esm/ActionSheet.js +14 -90
  3. package/dist/esm/Address.js +21 -620
  4. package/dist/esm/Animate.js +7 -53
  5. package/dist/esm/AnimatingNumbers.js +7 -125
  6. package/dist/esm/Audio.js +19 -264
  7. package/dist/esm/Avatar.js +11 -130
  8. package/dist/esm/{AvatarContext-15733596.js → AvatarContext-c96afdcc.js} +3 -1
  9. package/dist/esm/AvatarGroup.js +11 -41
  10. package/dist/esm/BackTop.js +10 -138
  11. package/dist/esm/Badge.js +9 -71
  12. package/dist/esm/Barrage.js +8 -97
  13. package/dist/esm/Button.js +9 -108
  14. package/dist/esm/Calendar.js +20 -128
  15. package/dist/esm/CalendarItem.js +12 -674
  16. package/dist/esm/Card.js +11 -61
  17. package/dist/esm/Cascader.js +16 -671
  18. package/dist/esm/Cell.js +9 -101
  19. package/dist/esm/CellGroup.js +5 -2
  20. package/dist/esm/Checkbox.js +7 -5
  21. package/dist/esm/CheckboxGroup.js +8 -111
  22. package/dist/esm/CircleProgress.js +8 -114
  23. package/dist/esm/Col.js +7 -57
  24. package/dist/esm/Collapse.js +7 -97
  25. package/dist/esm/CollapseItem.js +8 -146
  26. package/dist/esm/ConfigProvider.js +8 -187
  27. package/dist/esm/CountDown.js +9 -247
  28. package/dist/esm/DatePicker.js +25 -309
  29. package/dist/esm/Dialog.js +17 -296
  30. package/dist/esm/Divider.js +7 -34
  31. package/dist/esm/Drag.js +7 -118
  32. package/dist/esm/Elevator.js +8 -234
  33. package/dist/esm/Ellipsis.js +10 -176
  34. package/dist/esm/Empty.js +8 -79
  35. package/dist/esm/FixedNav.js +14 -103
  36. package/dist/esm/Form.js +10 -215
  37. package/dist/esm/FormItem.js +10 -3
  38. package/dist/esm/Grid.js +11 -81
  39. package/dist/esm/GridItem.js +13 -123
  40. package/dist/esm/Icon.js +5 -2
  41. package/dist/esm/Image.js +11 -169
  42. package/dist/esm/ImagePreview.js +19 -225
  43. package/dist/esm/Indicator.js +7 -50
  44. package/dist/esm/Infiniteloading.js +14 -215
  45. package/dist/esm/Input.js +12 -362
  46. package/dist/esm/InputNumber.js +9 -275
  47. package/dist/esm/Layout.js +5 -13
  48. package/dist/esm/Menu.js +10 -153
  49. package/dist/esm/MenuItem.js +15 -175
  50. package/dist/esm/NavBar.js +9 -114
  51. package/dist/esm/NoticeBar.js +10 -568
  52. package/dist/esm/Notify.js +8 -234
  53. package/dist/esm/NumberKeyboard.js +17 -247
  54. package/dist/esm/Overlay.js +6 -2
  55. package/dist/esm/Pagination.js +9 -168
  56. package/dist/esm/Picker.js +22 -494
  57. package/dist/esm/Popover.js +12 -223
  58. package/dist/esm/Popup.js +13 -193
  59. package/dist/esm/Price.js +6 -84
  60. package/dist/esm/Progress.js +9 -122
  61. package/dist/esm/PullToRefresh.js +13 -276
  62. package/dist/esm/Radio.js +8 -4
  63. package/dist/esm/RadioGroup.js +7 -120
  64. package/dist/esm/Range.js +15 -406
  65. package/dist/esm/Rate.js +9 -121
  66. package/dist/esm/Row.js +7 -49
  67. package/dist/esm/SearchBar.js +12 -235
  68. package/dist/esm/ShortPassword.js +17 -191
  69. package/dist/esm/SideNavBar.js +19 -57
  70. package/dist/esm/SideNavBarItem.js +5 -24
  71. package/dist/esm/Signature.js +13 -153
  72. package/dist/esm/Skeleton.js +12 -98
  73. package/dist/esm/Step.js +10 -87
  74. package/dist/esm/Steps.js +8 -38
  75. package/dist/esm/Sticky.js +11 -190
  76. package/dist/esm/SubSideNavBar.js +6 -78
  77. package/dist/esm/Swipe.js +10 -230
  78. package/dist/esm/Swiper.js +9 -490
  79. package/dist/esm/SwiperItem.js +8 -36
  80. package/dist/esm/Switch.js +6 -71
  81. package/dist/esm/TabPane.js +5 -2
  82. package/dist/esm/Tabbar.js +6 -68
  83. package/dist/esm/TabbarItem.js +9 -78
  84. package/dist/esm/Table.js +12 -140
  85. package/dist/esm/Tabs.js +8 -5
  86. package/dist/esm/Tag.js +10 -110
  87. package/dist/esm/TextArea.js +9 -148
  88. package/dist/esm/TimeDetail.js +9 -67
  89. package/dist/esm/TimePannel.js +9 -29
  90. package/dist/esm/TimeSelect.js +19 -171
  91. package/dist/esm/Toast.js +7 -268
  92. package/dist/esm/TrendArrow.js +7 -99
  93. package/dist/esm/Uploader.js +17 -566
  94. package/dist/esm/{UserContext-101ad4a4.js → UserContext-0aac9a82.js} +3 -1
  95. package/dist/esm/{UserContext-2629d479.js → UserContext-e402e1a6.js} +3 -1
  96. package/dist/esm/{UserContext-b33bcf21.js → UserContext-e8176108.js} +3 -1
  97. package/dist/esm/Video.js +7 -90
  98. package/dist/esm/VirtualList.js +9 -313
  99. package/dist/esm/WaterMark.js +11 -111
  100. package/dist/esm/actionsheet.taro-e6a51446.js +53 -0
  101. package/dist/esm/address.taro-3a9b6396.js +461 -0
  102. package/dist/esm/animate.taro-fb7986d6.js +40 -0
  103. package/dist/esm/animatingnumbers.taro-03e5d61d.js +104 -0
  104. package/dist/esm/audio.taro-87ec8bf2.js +161 -0
  105. package/dist/esm/avatar.taro-3676f38f.js +103 -0
  106. package/dist/esm/avatargroup-f3574510.js +34 -0
  107. package/dist/esm/backtop.taro-66394a36.js +48 -0
  108. package/dist/esm/badge.taro-a4e59c11.js +52 -0
  109. package/dist/esm/barrage.taro-0495a1b2.js +94 -0
  110. package/dist/esm/{bem-3b438e61.js → bem-350c1702.js} +3 -6
  111. package/dist/esm/button.taro-9244d065.js +100 -0
  112. package/dist/esm/calendar.taro-670842ea.js +65 -0
  113. package/dist/esm/calendaritem.taro-2a603571.js +787 -0
  114. package/dist/esm/can-use-dom-3eeb5af4.js +6 -0
  115. package/dist/esm/card.taro-e4c76dad.js +33 -0
  116. package/dist/esm/cascader.taro-eb1fb011.js +438 -0
  117. package/dist/esm/cell.taro-a10a74d3.js +64 -0
  118. package/dist/esm/cellgroup.taro-abe501bc.js +25 -0
  119. package/dist/esm/checkbox.taro-6120e3e3.js +171 -0
  120. package/dist/esm/circleprogress.taro-79854448.js +109 -0
  121. package/dist/esm/col.taro-53eed3cc.js +41 -0
  122. package/dist/esm/collapse.taro-1a9e4ba2.js +83 -0
  123. package/dist/esm/collapseitem-4d0bc55d.js +83 -0
  124. package/dist/esm/configprovider-67d19d3a.js +19 -0
  125. package/dist/esm/configprovider.taro-8d71eb49.js +42 -0
  126. package/dist/esm/countdown.taro-5b17c607.js +226 -0
  127. package/dist/esm/datepicker.taro-6e9b4b8f.js +275 -0
  128. package/dist/esm/dialog.taro-a3267d29.js +118 -0
  129. package/dist/esm/divider.taro-26d1d8b4.js +35 -0
  130. package/dist/esm/drag.taro-79bb8744.js +110 -0
  131. package/dist/esm/elevator.taro-6019669e.js +178 -0
  132. package/dist/esm/ellipsis.taro-f15f26da.js +241 -0
  133. package/dist/esm/empty.taro-04ae4389.js +62 -0
  134. package/dist/esm/fixednav.taro-1f05acaf.js +53 -0
  135. package/dist/esm/form.taro-0c8e7a39.js +179 -0
  136. package/dist/esm/formitem.taro-190a3326.js +89 -0
  137. package/dist/esm/get-scroll-parent-b4a07e65.js +25 -0
  138. package/dist/esm/grid.taro-3503b82c.js +61 -0
  139. package/dist/esm/{grid.context-2ee27d95.js → grid.taro.context-c2bbfb4f.js} +4 -2
  140. package/dist/esm/griditem.taro-cdb3f119.js +98 -0
  141. package/dist/esm/icon-296a1bec.js +63 -0
  142. package/dist/esm/icon.taro-296a1bec.js +63 -0
  143. package/dist/esm/image.taro-142cf512.js +64 -0
  144. package/dist/esm/imagepreview.taro-c50bb0a3.js +167 -0
  145. package/dist/esm/index-5bcb0ff8.js +7 -0
  146. package/dist/esm/indicator.taro-cba8b010.js +37 -0
  147. package/dist/esm/infiniteloading.taro-183bccbf.js +144 -0
  148. package/dist/esm/input.taro-97af6c96.js +240 -0
  149. package/dist/esm/inputnumber.taro-91f65d17.js +130 -0
  150. package/dist/esm/layout.taro-9046d093.js +11 -0
  151. package/dist/esm/menu.taro-7e4038a1.js +99 -0
  152. package/dist/esm/menuitem.taro-96cc4f15.js +130 -0
  153. package/dist/esm/navbar.taro-777c4705.js +79 -0
  154. package/dist/esm/noticebar.taro-4a23cdee.js +448 -0
  155. package/dist/esm/notify.taro-e17c6f82.js +75 -0
  156. package/dist/esm/numberkeyboard.taro-1bc24744.js +159 -0
  157. package/dist/esm/nutui-react.es.js +119 -94
  158. package/dist/esm/offsetContext-c2a746fa.js +5 -0
  159. package/dist/esm/overlay.taro-21e87fb1.js +69 -0
  160. package/dist/esm/pagination.taro-715a173b.js +124 -0
  161. package/dist/esm/picker.taro-9ad1b7c5.js +473 -0
  162. package/dist/esm/popover.taro-ad5e76ea.js +156 -0
  163. package/dist/esm/popup.taro-01676bff.js +137 -0
  164. package/dist/esm/price.taro-776ed16e.js +83 -0
  165. package/dist/esm/progress.taro-f0ce38e9.js +90 -0
  166. package/dist/esm/pulltorefresh.taro-a294f656.js +181 -0
  167. package/dist/esm/radio.taro-a6eff96c.js +168 -0
  168. package/dist/esm/range.taro-d8fc7656.js +332 -0
  169. package/dist/esm/rate.taro-6cdf03bd.js +75 -0
  170. package/dist/esm/row.taro-f64d4a13.js +46 -0
  171. package/dist/esm/searchbar.taro-0c25927b.js +152 -0
  172. package/dist/esm/shortpassword.taro-9ee034f7.js +111 -0
  173. package/dist/esm/sidenavbar.taro-c307b35e.js +35 -0
  174. package/dist/esm/sidenavbaritem.taro-5a7965d0.js +12 -0
  175. package/dist/esm/signature.taro-ec4e713b.js +143 -0
  176. package/dist/esm/skeleton.taro-76faf63f.js +62 -0
  177. package/dist/esm/step.taro-b7903e8c.js +59 -0
  178. package/dist/esm/steps.taro-c82d2252.js +30 -0
  179. package/dist/esm/sticky.taro-218bda37.js +138 -0
  180. package/dist/esm/subsidenavbar.taro-69cb9752.js +63 -0
  181. package/dist/esm/supports-passive-c85ef996.js +18 -0
  182. package/dist/esm/swipe.taro-ea35f07f.js +177 -0
  183. package/dist/esm/swiper.taro-7a94e211.js +451 -0
  184. package/dist/esm/swiperitem-c9e3d0d5.js +29 -0
  185. package/dist/esm/switch.taro-34ca8228.js +50 -0
  186. package/dist/esm/tabbar.taro-9acfc2fa.js +59 -0
  187. package/dist/esm/tabbaritem.taro-bf517487.js +58 -0
  188. package/dist/esm/table.taro-91fc0c01.js +93 -0
  189. package/dist/esm/tabpane.taro-4ca340ef.js +23 -0
  190. package/dist/esm/tabs.taro-6a7524a4.js +140 -0
  191. package/dist/esm/tag.taro-23ba0834.js +92 -0
  192. package/dist/esm/textarea.taro-442e7350.js +94 -0
  193. package/dist/esm/timedetail.taro-5b2f2269.js +44 -0
  194. package/dist/esm/timepannel.taro-d6e40180.js +22 -0
  195. package/dist/esm/timeselect.taro-a07036f4.js +133 -0
  196. package/dist/esm/toast.taro-d6c14811.js +109 -0
  197. package/dist/esm/trendarrow.taro-b8c5ccd9.js +73 -0
  198. package/dist/esm/typings-b9828dba.js +9 -0
  199. package/dist/esm/uploader.taro-587e6bf3.js +492 -0
  200. package/dist/esm/useClientRect-1f8ed1fe.js +18 -0
  201. package/dist/esm/useTouch-db24bb5c.js +69 -0
  202. package/dist/esm/video-f1be8a91.js +67 -0
  203. package/dist/esm/virtuallist.taro-f0b0270d.js +214 -0
  204. package/dist/esm/watermark.taro-9ce2ae37.js +114 -0
  205. package/dist/esm/zh-CN-c779e6c1.js +131 -0
  206. package/dist/locales/base.js +1 -1
  207. package/dist/locales/en-US.js +1 -1
  208. package/dist/locales/id-ID.js +1 -1
  209. package/dist/locales/zh-CN.js +1 -1
  210. package/dist/locales/zh-TW.js +1 -1
  211. package/dist/locales/zh-UG.js +1 -1
  212. package/dist/nutui.react.mjs +13030 -14863
  213. package/dist/nutui.react.umd.js +13029 -14864
  214. package/dist/style.mjs +1 -1
  215. package/dist/types/index.d.ts +176 -183
  216. package/package.json +1 -1
  217. package/dist/esm/cellgroup-fcc72767.js +0 -34
  218. package/dist/esm/checkbox-44e13cd0.js +0 -137
  219. package/dist/esm/date-c7aad4c0.js +0 -97
  220. package/dist/esm/formitem-8a73a5fb.js +0 -157
  221. package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
  222. package/dist/esm/icon-4ef1581c.js +0 -70
  223. package/dist/esm/index-030b7245.js +0 -11
  224. package/dist/esm/offsetContext-3ab00d40.js +0 -16
  225. package/dist/esm/overlay-de6c79d5.js +0 -83
  226. package/dist/esm/radio-9f141e6b.js +0 -118
  227. package/dist/esm/render-bbebb760.js +0 -79
  228. package/dist/esm/tabpane-01075e6c.js +0 -29
  229. package/dist/esm/tabs-e1b4e4b1.js +0 -181
  230. package/dist/esm/typings-f27b58f4.js +0 -8
  231. package/dist/esm/useClientRect-56bb675b.js +0 -39
  232. package/dist/esm/useTouch-cf73a407.js +0 -99
@@ -1,125 +1,15 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "fontSize", "color", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
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
- import React__default, { useContext } from 'react';
7
- import classNames from 'classnames';
8
- import { useConfig } from './ConfigProvider.js';
9
- import { c as cn } from './bem-3b438e61.js';
10
- import Icon from './Icon.js';
11
- import { G as GridContext } from './grid.context-2ee27d95.js';
12
- import { C as ComponentDefaults } from './typings-f27b58f4.js';
1
+ import { G as GridItem } from './griditem.taro-cdb3f119.js';
2
+ import 'react';
3
+ import 'classnames';
4
+ import './configprovider.taro-8d71eb49.js';
5
+ import 'lodash.kebabcase';
6
+ import './zh-CN-c779e6c1.js';
7
+ import './bem-350c1702.js';
13
8
  import '@bem-react/classname';
14
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
15
- text: '',
16
- fontSize: '',
17
- color: '',
18
- icon: '',
19
- iconSize: '',
20
- iconColor: '',
21
- parentIconSize: '',
22
- parentIconColor: '',
23
- columnNum: 4,
24
- border: true,
25
- gutter: 0,
26
- center: true,
27
- square: false,
28
- reverse: false,
29
- direction: 'vertical'
30
- });
31
- var GridItem = function GridItem(props) {
32
- useConfig();
33
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
34
- children = _defaultProps$props.children,
35
- columnNum = _defaultProps$props.columnNum,
36
- index = _defaultProps$props.index,
37
- gutter = _defaultProps$props.gutter,
38
- square = _defaultProps$props.square,
39
- text = _defaultProps$props.text,
40
- fontSize = _defaultProps$props.fontSize,
41
- color = _defaultProps$props.color,
42
- icon = _defaultProps$props.icon,
43
- iconColor = _defaultProps$props.iconColor,
44
- iconSize = _defaultProps$props.iconSize,
45
- parentIconSize = _defaultProps$props.parentIconSize,
46
- parentIconColor = _defaultProps$props.parentIconColor,
47
- border = _defaultProps$props.border,
48
- center = _defaultProps$props.center,
49
- reverse = _defaultProps$props.reverse,
50
- direction = _defaultProps$props.direction,
51
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
52
- iconFontClassName = _defaultProps$props.iconFontClassName,
53
- onClick = _defaultProps$props.onClick,
54
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
55
- var b = cn('grid-item');
56
- var context = useContext(GridContext);
57
- var pxCheck = function pxCheck(value) {
58
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
59
- };
60
- var rootStyle = function rootStyle() {
61
- var style = {
62
- flexBasis: "".concat(100 / +columnNum, "%")
63
- };
64
- if (square) {
65
- style.paddingTop = "".concat(100 / +columnNum, "%");
66
- } else if (gutter) {
67
- style.paddingRight = pxCheck(gutter);
68
- if (index >= columnNum) {
69
- style.marginTop = pxCheck(gutter);
70
- }
71
- }
72
- return style;
73
- };
74
- var contentClass = function contentClass() {
75
- var _classNames;
76
- return classNames(b('content'), (_classNames = {}, _defineProperty(_classNames, b('content--border'), border), _defineProperty(_classNames, b('content--surround'), border && gutter), _defineProperty(_classNames, b('content--center'), center), _defineProperty(_classNames, b('content--square'), square), _defineProperty(_classNames, b('content--reverse'), reverse), _defineProperty(_classNames, b("content--".concat(direction)), !!direction), _classNames));
77
- };
78
- var isIconName = function isIconName() {
79
- return typeof icon === 'string';
80
- };
81
- var handleClick = function handleClick(e) {
82
- onClick && onClick(e);
83
- context.onClick && context.onClick({
84
- text: text,
85
- icon: icon,
86
- iconSize: iconSize,
87
- iconColor: iconColor,
88
- parentIconSize: parentIconSize,
89
- parentIconColor: parentIconColor,
90
- index: index,
91
- columnNum: columnNum,
92
- border: border,
93
- gutter: gutter,
94
- center: center,
95
- square: square,
96
- reverse: reverse,
97
- direction: direction,
98
- fontSize: fontSize,
99
- color: color
100
- }, index);
101
- };
102
- return React__default.createElement("div", _objectSpread(_objectSpread({
103
- className: b(),
104
- style: rootStyle()
105
- }, rest), {}, {
106
- onClick: handleClick
107
- }), React__default.createElement("div", {
108
- className: contentClass()
109
- }, icon && isIconName() ? React__default.createElement(Icon, {
110
- classPrefix: iconClassPrefix,
111
- fontClassName: iconFontClassName,
112
- name: icon,
113
- size: iconSize || parentIconSize,
114
- color: iconColor || parentIconColor
115
- }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
116
- className: "nut-grid-item__text",
117
- style: {
118
- fontSize: fontSize,
119
- color: color
120
- }
121
- }, text), children && React__default.createElement(React__default.Fragment, null, children)));
122
- };
123
- GridItem.defaultProps = defaultProps;
124
- GridItem.displayName = 'NutGridItem';
9
+ import './icon.taro-296a1bec.js';
10
+ import './typings-b9828dba.js';
11
+ import './grid.taro.context-c2bbfb4f.js';
12
+
13
+
14
+
125
15
  export { GridItem as default };
package/dist/esm/Icon.js CHANGED
@@ -1,5 +1,8 @@
1
- import { I as Icon } from './icon-4ef1581c.js';
1
+ import { I as Icon } from './icon.taro-296a1bec.js';
2
2
  import 'react';
3
- import './bem-3b438e61.js';
3
+ import './bem-350c1702.js';
4
4
  import '@bem-react/classname';
5
+
6
+
7
+
5
8
  export { Icon as default };
package/dist/esm/Image.js CHANGED
@@ -1,170 +1,12 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
- 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; }
5
- import React__default, { useState, useEffect, useRef } from 'react';
6
- import { useConfig } from './ConfigProvider.js';
7
- import Icon from './Icon.js';
8
- var defaultProps = {
9
- fit: 'fill',
10
- position: 'center',
11
- alt: '',
12
- width: 'center',
13
- height: '',
14
- round: false,
15
- showError: true,
16
- showLoading: true,
17
- isLazy: false
18
- };
19
- var Image = function Image(props) {
20
- useConfig();
21
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
22
- children = _defaultProps$props.children,
23
- className = _defaultProps$props.className,
24
- style = _defaultProps$props.style,
25
- src = _defaultProps$props.src,
26
- fit = _defaultProps$props.fit,
27
- position = _defaultProps$props.position,
28
- alt = _defaultProps$props.alt,
29
- width = _defaultProps$props.width,
30
- height = _defaultProps$props.height,
31
- round = _defaultProps$props.round,
32
- radius = _defaultProps$props.radius,
33
- showError = _defaultProps$props.showError,
34
- showLoading = _defaultProps$props.showLoading,
35
- slotError = _defaultProps$props.slotError,
36
- slotLoding = _defaultProps$props.slotLoding,
37
- isLazy = _defaultProps$props.isLazy,
38
- loadingImg = _defaultProps$props.loadingImg,
39
- errorImg = _defaultProps$props.errorImg,
40
- onClick = _defaultProps$props.onClick,
41
- onLoad = _defaultProps$props.onLoad,
42
- onError = _defaultProps$props.onError;
43
- var _useState = useState(true),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- loading = _useState2[0],
46
- setLoading = _useState2[1];
47
- var _useState3 = useState(false),
48
- _useState4 = _slicedToArray(_useState3, 2),
49
- isError = _useState4[0],
50
- setIsError = _useState4[1];
51
- var _useState5 = useState(''),
52
- _useState6 = _slicedToArray(_useState5, 2),
53
- _src = _useState6[0],
54
- setSrc = _useState6[1];
55
- useEffect(function () {
56
- if (src) {
57
- setSrc(src);
58
- setIsError(false);
59
- setLoading(true);
60
- }
61
- }, [src]);
62
- // 图片加载
63
- var load = function load() {
64
- setLoading(false);
65
- onLoad && onLoad();
66
- };
67
- // 图片加载失败
68
- var error = function error() {
69
- setIsError(true);
70
- setLoading(false);
71
- onError && onError();
72
- };
73
- var pxCheck = function pxCheck(value) {
74
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
75
- };
76
- var stylebox = {
77
- height: height ? pxCheck(height) : '',
78
- width: width ? pxCheck(width) : '',
79
- overflow: radius !== undefined && radius !== null ? 'hidden' : '',
80
- borderRadius: radius !== undefined && radius !== null ? pxCheck(radius) : ''
81
- };
82
- var styles = _objectSpread({
83
- objectFit: fit,
84
- objectPosition: position
85
- }, style);
86
- // 图片懒加载
87
- var observer = useRef(null);
88
- var initObserver = function initObserver() {
89
- var imgs = document.querySelectorAll('.nut-img.lazyload');
90
- var options = {
91
- threshold: [0],
92
- rootMargin: '0px' // 对视口进行收缩和扩张
93
- };
94
- // 监听dom是否在视口内
95
- observer.current = new IntersectionObserver(function (entires, self) {
96
- // entires为监听的节点数组对象
97
- entires.forEach(function (item) {
98
- // isIntersecting是当前监听元素交叉区域是否在可视区域指定的阈值内返回的是一个布尔值
99
- if (item.isIntersecting) {
100
- setTimeout(function () {
101
- var img = item.target;
102
- if (img.dataset.src) {
103
- img.src = img.dataset.src;
104
- img.removeAttribute('data-src');
105
- }
106
- // 资源加载后停止监听
107
- observer.current.unobserve(item.target);
108
- }, 300);
109
- }
110
- });
111
- }, options);
112
- imgs.forEach(function (item) {
113
- observer.current.observe(item);
114
- });
115
- };
116
- // 使用disconnect将取消的Observer实例中的所有监听
117
- var resetObserver = function resetObserver() {
118
- observer.current.disconnect && observer.current.disconnect();
119
- };
120
- useEffect(function () {
121
- isLazy && initObserver();
122
- return function () {
123
- isLazy && resetObserver();
124
- };
125
- }, [isLazy]);
126
- var loadingBg = {
127
- backgroundImage: loadingImg ? "url('".concat(loadingImg, "')") : ''
128
- };
129
- var errorBg = {
130
- backgroundImage: errorImg ? "url('".concat(errorImg, "')") : ''
131
- };
132
- var imageClick = function imageClick(event) {
133
- onClick && onClick(event);
134
- };
135
- return React__default.createElement("div", {
136
- className: "nut-image ".concat(round ? 'nut-image-round' : '', " ").concat(className || ''),
137
- style: stylebox,
138
- onClick: function onClick(e) {
139
- imageClick(e);
140
- }
141
- }, isLazy ? React__default.createElement("img", {
142
- className: "nut-img lazyload",
143
- style: styles,
144
- "data-src": _src,
145
- alt: alt,
146
- loading: "lazy",
147
- onLoad: load,
148
- onError: error
149
- }) : React__default.createElement("img", {
150
- className: "nut-img",
151
- style: styles,
152
- src: _src,
153
- alt: alt,
154
- onLoad: load,
155
- onError: error
156
- }), loading && showLoading ? React__default.createElement("div", {
157
- className: "nut-img-loading",
158
- style: loadingBg
159
- }, !loadingImg && (slotLoding || children || React__default.createElement(Icon, {
160
- name: "image"
161
- }))) : null, isError && showError && !loading ? React__default.createElement("div", {
162
- className: "nut-img-error",
163
- style: errorBg
164
- }, !errorImg && (slotError || children || React__default.createElement(Icon, {
165
- name: "image-error"
166
- }))) : null);
167
- };
168
- Image.defaultProps = defaultProps;
169
- Image.displayName = 'NutImage';
1
+ import { I as Image } from './image.taro-142cf512.js';
2
+ import 'react';
3
+ import './configprovider.taro-8d71eb49.js';
4
+ import 'lodash.kebabcase';
5
+ import './zh-CN-c779e6c1.js';
6
+ import './icon.taro-296a1bec.js';
7
+ import './bem-350c1702.js';
8
+ import '@bem-react/classname';
9
+
10
+
11
+
170
12
  export { Image as default };
@@ -1,226 +1,20 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
- 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; }
5
- import React__default, { useRef, useState, useEffect } from 'react';
6
- import Popup from './Popup.js';
7
- import Video from './Video.js';
8
- import Swiper from './Swiper.js';
9
- import SwiperItem from './SwiperItem.js';
10
- var defaultProps = {
11
- images: [],
12
- videos: [],
13
- show: false,
14
- autoplay: 3000,
15
- initNo: 1,
16
- contentClose: false,
17
- paginationVisible: false,
18
- paginationColor: '#fff',
19
- onClose: function onClose() {}
20
- };
21
- var ImagePreview = function ImagePreview(props) {
22
- var images = props.images,
23
- videos = props.videos,
24
- show = props.show,
25
- initNo = props.initNo,
26
- paginationColor = props.paginationColor,
27
- paginationVisible = props.paginationVisible,
28
- autoplay = props.autoplay,
29
- contentClose = props.contentClose,
30
- onClose = props.onClose;
31
- var nutImagePreview = useRef(null);
32
- var _useState = useState(initNo),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- innerNo = _useState2[0],
35
- setInnerNo = _useState2[1];
36
- var _useState3 = useState(false),
37
- _useState4 = _slicedToArray(_useState3, 2),
38
- showPop = _useState4[0],
39
- setShowPop = _useState4[1];
40
- var _useState5 = useState(1),
41
- _useState6 = _slicedToArray(_useState5, 2),
42
- active = _useState6[0],
43
- setActive = _useState6[1];
44
- var _useState7 = useState(1),
45
- _useState8 = _slicedToArray(_useState7, 2),
46
- maxNo = _useState8[0],
47
- setMaxNo = _useState8[1];
48
- var _useState9 = useState({
49
- scale: 1,
50
- moveable: false
51
- }),
52
- _useState10 = _slicedToArray(_useState9, 2),
53
- store = _useState10[0],
54
- setStore = _useState10[1];
55
- var _useState11 = useState(0),
56
- _useState12 = _slicedToArray(_useState11, 2),
57
- lastTouchEndTime = _useState12[0],
58
- setLastTouchEndTime = _useState12[1]; // 用来辅助监听双击
59
- var onTouchStart = function onTouchStart(event) {
60
- var touches = event.touches;
61
- var events = touches[0];
62
- var events2 = touches[1];
63
- // 如果已经放大,双击应变回原尺寸;如果是原尺寸,双击应放大
64
- var curTouchTime = new Date().getTime();
65
- if (curTouchTime - lastTouchEndTime < 300) {
66
- var _store = store;
67
- if (_store.scale > 1) {
68
- _store.scale = 1;
69
- } else if (_store.scale === 1) {
70
- _store.scale = 2;
71
- }
72
- scaleNow();
73
- }
74
- var store1 = store;
75
- store1.moveable = true;
76
- if (events2) {
77
- // 如果开始两指操作,记录初始时刻两指间的距离
78
- store1.oriDistance = getDistance({
79
- x: events.pageX,
80
- y: events.pageY
81
- }, {
82
- x: events2.pageX,
83
- y: events2.pageY
84
- });
85
- }
86
- // 取到开始两指操作时的放大(缩小比例),store.scale 存储的是当前的放缩比(相对于标准大小 scale 为 1 的情况的放大缩小比)
87
- store1.originScale = store1.scale || 1;
88
- };
89
- var onTouchMove = function onTouchMove(event) {
90
- var touches = event.touches;
91
- var events = touches[0];
92
- var events2 = touches[1];
93
- if (!store.moveable) {
94
- return;
95
- }
96
- var store1 = store;
97
- // 双指移动
98
- if (events2) {
99
- // 获得当前两点间的距离
100
- var curDistance = getDistance({
101
- x: events.pageX,
102
- y: events.pageY
103
- }, {
104
- x: events2.pageX,
105
- y: events2.pageY
106
- });
107
- /** 此处计算倍数,距离放大(缩小) k 倍则 scale 也 扩大(缩小) k 倍。距离放大(缩小)倍数 = 结束时两点距离 除以 开始时两点距离
108
- * 注意此处的 scale 变化是基于 store.scale 的。
109
- * store.scale 是一个暂存值,比如第一次放大 2 倍,则 store.scale 为 2。
110
- * 再次两指触碰的时候,store.originScale 就为 store.scale 的值,基于此时的 store.scale 继续放大缩小。 * */
111
- var curScale = curDistance / store1.oriDistance;
112
- store1.scale = store1.originScale * curScale;
113
- // 最大放大 3 倍,缩小后松手要弹回原比例
114
- if (store1.scale > 3) {
115
- store1.scale = 3;
116
- }
117
- scaleNow();
118
- }
119
- };
120
- var onTouchEnd = function onTouchEnd() {
121
- setLastTouchEndTime(new Date().getTime());
122
- var store1 = store;
123
- store1.moveable = false;
124
- if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
125
- store1.scale = 1;
126
- scaleNow();
127
- }
128
- };
129
- var init = function init() {
130
- document.addEventListener('touchmove', onTouchMove);
131
- document.addEventListener('touchend', onTouchEnd);
132
- document.addEventListener('touchcancel', onTouchEnd);
133
- };
134
- useEffect(function () {
135
- setShowPop(show);
136
- setInnerNo(initNo);
137
- setActive(initNo);
138
- init();
139
- }, [show, initNo]);
140
- useEffect(function () {
141
- if (innerNo !== undefined) {
142
- setActive(innerNo);
143
- }
144
- if (show !== undefined) {
145
- setShowPop(show);
146
- }
147
- if (images && videos) {
148
- setMaxNo(images.length + videos.length);
149
- }
150
- }, []);
151
- var scaleNow = function scaleNow() {
152
- if (nutImagePreview.current) {
153
- nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
154
- }
155
- };
156
- var onCloseInner = function onCloseInner() {
157
- setShowPop(false);
158
- setActive(1);
159
- scaleNow();
160
- onClose && onClose();
161
- setStore(_objectSpread(_objectSpread({}, store), {}, {
162
- scale: 1
163
- }));
164
- };
165
- // 计算两个点的距离
166
- var getDistance = function getDistance(first, second) {
167
- // 计算两个点起始时刻的距离和终止时刻的距离,终止时刻距离变大了则放大,变小了则缩小
168
- // 放大 k 倍则 scale 也 扩大 k 倍
169
- return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
170
- };
171
- var slideChangeEnd = function slideChangeEnd(page) {
172
- setActive(page + 1);
173
- };
174
- var closeOnImg = function closeOnImg() {
175
- // 点击内容区域的图片是否可以关闭弹层(视频区域由于nut-video做了限制,无法关闭弹层)
176
- if (contentClose) {
177
- onCloseInner();
178
- }
179
- };
180
- return React__default.createElement(Popup, {
181
- visible: showPop,
182
- popClass: "custom-pop",
183
- style: {
184
- width: '100%'
185
- },
186
- onClick: onCloseInner
187
- }, React__default.createElement("div", {
188
- className: "nut-imagepreview",
189
- ref: nutImagePreview,
190
- onClick: closeOnImg,
191
- onTouchStart: onTouchStart
192
- }, React__default.createElement(Swiper, {
193
- autoPlay: autoplay,
194
- className: "nut-imagepreview-swiper",
195
- loop: true,
196
- isPreventDefault: false,
197
- style: {
198
- display: showPop ? 'block' : 'none'
199
- },
200
- direction: "horizontal",
201
- onChange: slideChangeEnd,
202
- initPage: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
203
- paginationColor: paginationColor,
204
- paginationVisible: paginationVisible
205
- }, (videos && videos.length > 0 ? videos.map(function (item, index) {
206
- return React__default.createElement(SwiperItem, {
207
- key: index
208
- }, React__default.createElement(Video, {
209
- source: item.source,
210
- options: item.options
211
- }));
212
- }) : []).concat(images && images.length > 0 ? images.map(function (item, index) {
213
- return React__default.createElement(SwiperItem, {
214
- key: index
215
- }, React__default.createElement("img", {
216
- src: item.src,
217
- alt: "",
218
- className: "nut-imagepreview-img"
219
- }));
220
- }) : []))), React__default.createElement("div", {
221
- className: "nut-imagepreview-index"
222
- }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
223
- };
224
- ImagePreview.defaultProps = defaultProps;
225
- ImagePreview.displayName = 'NutImagePreview';
1
+ import { I as ImagePreview } from './imagepreview.taro-c50bb0a3.js';
2
+ import 'react';
3
+ import './popup.taro-01676bff.js';
4
+ import 'react-dom';
5
+ import 'react-transition-group';
6
+ import 'classnames';
7
+ import './overlay.taro-21e87fb1.js';
8
+ import './bem-350c1702.js';
9
+ import '@bem-react/classname';
10
+ import '@tarojs/components';
11
+ import './icon.taro-296a1bec.js';
12
+ import './typings-b9828dba.js';
13
+ import './swiper.taro-7a94e211.js';
14
+ import '@tarojs/taro';
15
+ import './UserContext-e8176108.js';
16
+ import './swiperitem-c9e3d0d5.js';
17
+
18
+
19
+
226
20
  export { ImagePreview as default };
@@ -1,52 +1,9 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
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
- import React__default, { useEffect } from 'react';
7
- import classNames from 'classnames';
8
- import { c as cn } from './bem-3b438e61.js';
1
+ import { I as Indicator } from './indicator.taro-cba8b010.js';
2
+ import 'react';
3
+ import 'classnames';
4
+ import './bem-350c1702.js';
9
5
  import '@bem-react/classname';
10
- var defaultProps = {
11
- size: 3,
12
- current: 1,
13
- block: false,
14
- align: 'center',
15
- fillZero: true,
16
- vertical: false
17
- };
18
- var Indicator = function Indicator(props) {
19
- var _classNames;
20
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
21
- size = _defaultProps$props.size,
22
- current = _defaultProps$props.current,
23
- block = _defaultProps$props.block,
24
- align = _defaultProps$props.align,
25
- fillZero = _defaultProps$props.fillZero,
26
- children = _defaultProps$props.children,
27
- className = _defaultProps$props.className,
28
- vertical = _defaultProps$props.vertical,
29
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
30
- var b = cn('indicator');
31
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
32
- var renderEles = function renderEles() {
33
- var childs = [];
34
- for (var item = 1; item <= size; item++) {
35
- childs.push(item === current ? React__default.createElement("div", {
36
- key: item,
37
- className: b('number')
38
- }, fillZero && item < 10 ? "0".concat(item) : item) : React__default.createElement("div", {
39
- key: item,
40
- className: b('dot')
41
- }));
42
- }
43
- return childs;
44
- };
45
- useEffect(function () {}, []);
46
- return React__default.createElement("div", _objectSpread({
47
- className: classNames(classes, className)
48
- }, rest), renderEles());
49
- };
50
- Indicator.defaultProps = defaultProps;
51
- Indicator.displayName = 'NutIndicator';
6
+
7
+
8
+
52
9
  export { Indicator as default };