@nutui/nutui-react-taro 1.4.4 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/esm/Address.js +5 -5
  3. package/dist/esm/Audio.js +5 -5
  4. package/dist/esm/AvatarContext-7153ad2b.js +3 -1
  5. package/dist/esm/AvatarGroup.js +4 -4
  6. package/dist/esm/Calendar.js +5 -5
  7. package/dist/esm/CalendarItem.js +4 -4
  8. package/dist/esm/Card.js +4 -3
  9. package/dist/esm/Cell.js +2 -2
  10. package/dist/esm/ConfigProvider.js +3 -3
  11. package/dist/esm/CountDown.js +4 -4
  12. package/dist/esm/DatePicker.js +5 -5
  13. package/dist/esm/Dialog.js +4 -4
  14. package/dist/esm/Ellipsis.js +4 -4
  15. package/dist/esm/Empty.js +4 -4
  16. package/dist/esm/FixedNav.js +4 -4
  17. package/dist/esm/Form.js +4 -4
  18. package/dist/esm/FormItem.js +3 -3
  19. package/dist/esm/Grid.js +4 -4
  20. package/dist/esm/GridItem.js +4 -4
  21. package/dist/esm/Image.js +4 -4
  22. package/dist/esm/Infiniteloading.js +4 -4
  23. package/dist/esm/Input.js +4 -4
  24. package/dist/esm/MenuItem.js +4 -4
  25. package/dist/esm/NoticeBar.js +2 -2
  26. package/dist/esm/NumberKeyboard.js +4 -4
  27. package/dist/esm/Pagination.js +4 -4
  28. package/dist/esm/Picker.js +4 -4
  29. package/dist/esm/PullToRefresh.js +4 -4
  30. package/dist/esm/Range.js +4 -4
  31. package/dist/esm/SearchBar.js +4 -4
  32. package/dist/esm/ShortPassword.js +4 -4
  33. package/dist/esm/SideNavBar.js +4 -4
  34. package/dist/esm/Signature.js +4 -4
  35. package/dist/esm/Sticky.js +4 -4
  36. package/dist/esm/Table.js +4 -4
  37. package/dist/esm/Tag.js +3 -2
  38. package/dist/esm/TextArea.js +4 -4
  39. package/dist/esm/TimeDetail.js +4 -4
  40. package/dist/esm/TimePannel.js +4 -4
  41. package/dist/esm/TimeSelect.js +6 -6
  42. package/dist/esm/Uploader.js +4 -4
  43. package/dist/esm/UserContext-68f62e66.js +3 -1
  44. package/dist/esm/UserContext-b4181162.js +3 -1
  45. package/dist/esm/UserContext-be8097d2.js +3 -1
  46. package/dist/esm/VirtualList.js +6 -4
  47. package/dist/esm/WaterMark.js +4 -4
  48. package/dist/esm/actionsheet.taro-a58d3d12.js +45 -83
  49. package/dist/esm/address.taro-79cc7c96.js +461 -0
  50. package/dist/esm/animate.taro-b0e83dd5.js +32 -46
  51. package/dist/esm/animatingnumbers.taro-6f40a2e9.js +93 -134
  52. package/dist/esm/audio.taro-4fadc583.js +161 -0
  53. package/dist/esm/avatar.taro-85ced995.js +93 -119
  54. package/dist/esm/avatargroup-1d900174.js +34 -0
  55. package/dist/esm/backtop.taro-99107c30.js +39 -62
  56. package/dist/esm/badge.taro-fe9171ec.js +40 -58
  57. package/dist/esm/barrage.taro-0e157b5e.js +61 -91
  58. package/dist/esm/bem-893ad28d.js +3 -6
  59. package/dist/esm/button.taro-4ce133b9.js +87 -98
  60. package/dist/esm/calendar.taro-4ed72058.js +38 -0
  61. package/dist/esm/calendaritem.taro-1ebe428d.js +571 -0
  62. package/dist/esm/card.taro-39055e82.js +32 -0
  63. package/dist/esm/cascader.taro-d8cb1c3e.js +397 -636
  64. package/dist/esm/cell.taro-9a04a92e.js +64 -0
  65. package/dist/esm/cellgroup.taro-e094471c.js +18 -27
  66. package/dist/esm/checkbox.taro-0bda9796.js +160 -232
  67. package/dist/esm/circleprogress.taro-47db537c.js +99 -120
  68. package/dist/esm/col.taro-b61c7cba.js +33 -50
  69. package/dist/esm/collapse.taro-af58206c.js +73 -86
  70. package/dist/esm/collapseitem-ce1849d2.js +75 -139
  71. package/dist/esm/configprovider-5eea4f5d.js +19 -0
  72. package/dist/esm/configprovider.taro-26882dd2.js +42 -0
  73. package/dist/esm/countdown.taro-9e40de9c.js +225 -0
  74. package/dist/esm/datepicker.taro-7220e495.js +270 -0
  75. package/dist/esm/dialog.taro-1c03960e.js +123 -0
  76. package/dist/esm/divider.taro-5236fe6a.js +27 -27
  77. package/dist/esm/drag.taro-82b6b27a.js +99 -138
  78. package/dist/esm/elevator.taro-d7d65470.js +185 -259
  79. package/dist/esm/ellipsis.taro-49b6db0c.js +232 -0
  80. package/dist/esm/empty.taro-7bd813f9.js +62 -0
  81. package/dist/esm/fixednav.taro-5ad15202.js +53 -0
  82. package/dist/esm/form.taro-71d32671.js +179 -0
  83. package/dist/esm/formitem.taro-3089489b.js +89 -0
  84. package/dist/esm/grid.taro-e6decfce.js +58 -0
  85. package/dist/esm/grid.taro.context-39636af9.js +4 -2
  86. package/dist/esm/griditem.taro-4cade72e.js +90 -0
  87. package/dist/esm/icon-8dc4de10.js +43 -51
  88. package/dist/esm/icon.taro-1d0d4fb7.js +43 -51
  89. package/dist/esm/image.taro-e6dc5867.js +64 -0
  90. package/dist/esm/imagepreview.taro-3400ea03.js +158 -205
  91. package/dist/esm/index.taro-a36f96fb.js +149 -210
  92. package/dist/esm/indicator.taro-183ea169.js +29 -43
  93. package/dist/esm/infiniteloading.taro-6c2a2e95.js +142 -0
  94. package/dist/esm/input.taro-fd566407.js +243 -0
  95. package/dist/esm/inputnumber.taro-dc39b853.js +129 -177
  96. package/dist/esm/layout.taro-358f014f.js +6 -9
  97. package/dist/esm/menu.taro-4abed328.js +89 -132
  98. package/dist/esm/menuitem.taro-6e8b27c3.js +130 -0
  99. package/dist/esm/navbar.taro-c931c078.js +69 -105
  100. package/dist/esm/noticebar.taro-69ea7673.js +450 -0
  101. package/dist/esm/notify.taro-308e5892.js +66 -97
  102. package/dist/esm/numberkeyboard.taro-194519e4.js +158 -0
  103. package/dist/esm/nutui-react.es.js +44 -44
  104. package/dist/esm/offsetContext-bfb02c25.js +3 -1
  105. package/dist/esm/overlay.taro-98367bc1.js +59 -74
  106. package/dist/esm/pagination.taro-bb490de9.js +124 -0
  107. package/dist/esm/picker.taro-2a8ded7c.js +420 -0
  108. package/dist/esm/popover.taro-46d813e8.js +132 -222
  109. package/dist/esm/popup.taro-cb777e09.js +125 -178
  110. package/dist/esm/price.taro-8801462e.js +75 -86
  111. package/dist/esm/progress.taro-623bc807.js +84 -118
  112. package/dist/esm/pulltorefresh.taro-cab7b51c.js +221 -0
  113. package/dist/esm/range.taro-5d6ff217.js +332 -0
  114. package/dist/esm/rate.taro-10197384.js +64 -111
  115. package/dist/esm/row.taro-37a895de.js +38 -42
  116. package/dist/esm/searchbar.taro-839dd622.js +148 -0
  117. package/dist/esm/shortpassword.taro-182d46f7.js +111 -0
  118. package/dist/esm/sidenavbar.taro-006cf38b.js +35 -0
  119. package/dist/esm/sidenavbaritem.taro-fee11d26.js +9 -22
  120. package/dist/esm/signature.taro-33632585.js +143 -0
  121. package/dist/esm/skeleton.taro-853ce460.js +51 -88
  122. package/dist/esm/step.taro-1c94e067.js +49 -78
  123. package/dist/esm/steps.taro-acf205a0.js +21 -30
  124. package/dist/esm/sticky.taro-d0553f48.js +13 -0
  125. package/dist/esm/subsidenavbar.taro-f46b4c73.js +58 -75
  126. package/dist/esm/swipe.taro-83bc248f.js +164 -254
  127. package/dist/esm/swiper.taro-852f6615.js +424 -505
  128. package/dist/esm/swiperitem-86a3578a.js +20 -28
  129. package/dist/esm/switch.taro-bae2dca0.js +43 -64
  130. package/dist/esm/tabbar.taro-86cece39.js +47 -57
  131. package/dist/esm/tabbaritem.taro-8dfb8055.js +51 -79
  132. package/dist/esm/table.taro-cb4dd2c3.js +92 -0
  133. package/dist/esm/tabpane.taro-91cd6cf4.js +17 -22
  134. package/dist/esm/tabs.taro-e71875fa.js +121 -165
  135. package/dist/esm/tag.taro-00fe554d.js +89 -0
  136. package/dist/esm/textarea.taro-42600f8c.js +74 -0
  137. package/dist/esm/timedetail.taro-c5f564fd.js +44 -0
  138. package/dist/esm/timepannel.taro-29f9dd86.js +22 -0
  139. package/dist/esm/timeselect.taro-3ecce65d.js +133 -0
  140. package/dist/esm/toast.taro-0804b6b4.js +99 -137
  141. package/dist/esm/trendarrow.taro-5a7153e4.js +63 -90
  142. package/dist/esm/types/src/packages/cell/cell.taro.d.ts +0 -1
  143. package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +5 -4
  144. package/dist/esm/types/src/packages/noticebar/noticebar.taro.d.ts +5 -4
  145. package/dist/esm/types/src/packages/uploader/uploader.d.ts +1 -1
  146. package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -2
  147. package/dist/esm/typings-1c5f2628.js +7 -6
  148. package/dist/esm/uploader.taro-f80d76d9.js +392 -0
  149. package/dist/esm/useClientRect-bf69d7b3.js +5 -25
  150. package/dist/esm/useTouch-a2ea68c6.js +63 -93
  151. package/dist/esm/video-8a3518c5.js +59 -83
  152. package/dist/esm/virtuallist.taro-e3345ced.js +215 -0
  153. package/dist/esm/watermark.taro-cd9db98a.js +114 -0
  154. package/dist/esm/zh-CN-dfc384d0.js +128 -133
  155. package/dist/locales/base.js +1 -1
  156. package/dist/locales/en-US.js +1 -1
  157. package/dist/locales/id-ID.js +1 -1
  158. package/dist/locales/zh-CN.js +1 -1
  159. package/dist/locales/zh-TW.js +1 -1
  160. package/dist/locales/zh-UG.js +1 -1
  161. package/dist/nutui.react.es.js +634 -5664
  162. package/dist/nutui.react.umd.js +634 -5664
  163. package/dist/packages/noticebar/noticebar.scss +17 -0
  164. package/dist/packages/radio/radio.scss +3 -1
  165. package/dist/packages/row/row.scss +2 -0
  166. package/dist/packages/searchbar/searchbar.scss +1 -1
  167. package/dist/packages/tag/tag.scss +13 -5
  168. package/dist/packages/virtuallist/virtuallist.scss +24 -0
  169. package/dist/style.css +1 -1
  170. package/dist/style.es.js +1 -1
  171. package/dist/styles/temp.scss +2340 -0
  172. package/dist/styles/theme-dark.scss +7 -0
  173. package/dist/styles/theme-default.scss +11 -0
  174. package/dist/styles/variables.scss +1945 -710
  175. package/dist/types/index.d.ts +16 -23
  176. package/package.json +9 -4
  177. package/dist/esm/address.taro-1e2aea24.js +0 -615
  178. package/dist/esm/audio.taro-fddcdfc0.js +0 -228
  179. package/dist/esm/avatargroup-f7f600ff.js +0 -42
  180. package/dist/esm/calendar.taro-72974415.js +0 -83
  181. package/dist/esm/calendaritem.taro-84e889eb.js +0 -580
  182. package/dist/esm/card.taro-a530dfb3.js +0 -61
  183. package/dist/esm/cell.taro-cf50c4f2.js +0 -109
  184. package/dist/esm/configprovider-c7d60e20.js +0 -18
  185. package/dist/esm/configprovider.taro-8bdb3a28.js +0 -50
  186. package/dist/esm/countdown.taro-d7dc8681.js +0 -246
  187. package/dist/esm/datepicker.taro-7199f521.js +0 -304
  188. package/dist/esm/dialog.taro-f54cfbf0.js +0 -187
  189. package/dist/esm/ellipsis.taro-c0de6ff4.js +0 -309
  190. package/dist/esm/empty.taro-dbc66496.js +0 -81
  191. package/dist/esm/fixednav.taro-9e759320.js +0 -97
  192. package/dist/esm/form.taro-880014b1.js +0 -181
  193. package/dist/esm/formitem.taro-3695f4a7.js +0 -136
  194. package/dist/esm/grid.taro-c2cc12d6.js +0 -81
  195. package/dist/esm/griditem.taro-892153cd.js +0 -122
  196. package/dist/esm/image.taro-c30973d5.js +0 -105
  197. package/dist/esm/infiniteloading.taro-b5ddf3cc.js +0 -188
  198. package/dist/esm/input.taro-104130c1.js +0 -361
  199. package/dist/esm/menuitem.taro-216e9f7d.js +0 -193
  200. package/dist/esm/noticebar.taro-94002898.js +0 -368
  201. package/dist/esm/numberkeyboard.taro-5e8f0ddf.js +0 -245
  202. package/dist/esm/pagination.taro-9925ffab.js +0 -169
  203. package/dist/esm/picker.taro-3b5cc054.js +0 -540
  204. package/dist/esm/pulltorefresh.taro-f26a20dd.js +0 -302
  205. package/dist/esm/range.taro-c41e9b90.js +0 -469
  206. package/dist/esm/searchbar.taro-01ed4ea4.js +0 -236
  207. package/dist/esm/shortpassword.taro-3a3bf412.js +0 -190
  208. package/dist/esm/sidenavbar.taro-06026f31.js +0 -66
  209. package/dist/esm/signature.taro-17648cac.js +0 -192
  210. package/dist/esm/sticky.taro-36013e97.js +0 -16
  211. package/dist/esm/table.taro-adda6622.js +0 -139
  212. package/dist/esm/tag.taro-bd900990.js +0 -104
  213. package/dist/esm/textarea.taro-83d5fe73.js +0 -102
  214. package/dist/esm/timedetail.taro-105f5380.js +0 -68
  215. package/dist/esm/timepannel.taro-c66c63dd.js +0 -30
  216. package/dist/esm/timeselect.taro-fc7ec6ee.js +0 -172
  217. package/dist/esm/uploader.taro-a1edf38f.js +0 -529
  218. package/dist/esm/virtuallist.taro-4add61c3.js +0 -315
  219. package/dist/esm/watermark.taro-323d1cf3.js +0 -132
@@ -1,136 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
10
- 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; }
11
- 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; }
12
- import React__default, { createContext } from 'react';
13
- import { C as Cell } from './cell.taro-cf50c4f2.js';
14
- import { C as ComponentDefaults } from './typings-1c5f2628.js';
15
- var FormItemContext = createContext({});
16
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
17
- name: '',
18
- label: '',
19
- className: '',
20
- rules: [{
21
- required: false,
22
- message: ''
23
- }],
24
- disabled: false,
25
- labelWidth: 90,
26
- errorMessageAlign: 'left',
27
- showErrorLine: true,
28
- showErrorMessage: true
29
- });
30
- var FormItem = /*#__PURE__*/function (_React__default$Compo) {
31
- _inherits(FormItem, _React__default$Compo);
32
- var _super = _createSuper(FormItem);
33
- function FormItem() {
34
- var _this;
35
- _classCallCheck(this, FormItem);
36
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
37
- args[_key] = arguments[_key];
38
- }
39
- _this = _super.call.apply(_super, [this].concat(args));
40
- _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
41
- _defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
42
- var _this$context = _this.context,
43
- getFieldValue = _this$context.getFieldValue,
44
- setFieldsValue = _this$context.setFieldsValue;
45
- var name = _this.props.name;
46
- var type = children.type.NAME;
47
- return {
48
- value: getFieldValue(name),
49
- onChange: function onChange(event) {
50
- var newValue = event;
51
- switch (type) {
52
- case 'checkbox':
53
- newValue = event.target.value;
54
- break;
55
- }
56
- setFieldsValue(_defineProperty({}, name, newValue));
57
- }
58
- };
59
- });
60
- _defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
61
- _this.forceUpdate();
62
- });
63
- _defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
64
- var _this$context$errList, _this$context$errList2;
65
- var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props),
66
- label = _defaultProps$_this$p.label,
67
- name = _defaultProps$_this$p.name,
68
- _defaultProps$_this$p2 = _defaultProps$_this$p.rules,
69
- rules = _defaultProps$_this$p2 === void 0 ? [{
70
- required: false,
71
- message: ''
72
- }] : _defaultProps$_this$p2,
73
- className = _defaultProps$_this$p.className,
74
- labelWidth = _defaultProps$_this$p.labelWidth,
75
- errorMessageAlign = _defaultProps$_this$p.errorMessageAlign,
76
- showErrorLine = _defaultProps$_this$p.showErrorLine,
77
- showErrorMessage = _defaultProps$_this$p.showErrorMessage;
78
- var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function (item) {
79
- return item.field === name;
80
- }));
81
- var starPositon = _this.context.starPositon;
82
- var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
83
- className: "required"
84
- });
85
- var renderLabel = starPositon === 'Right' ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
86
- return React__default.createElement(Cell, {
87
- className: "nut-form-item ".concat(className)
88
- }, label ? React__default.createElement("div", {
89
- className: "nut-cell__title nut-form-item__label",
90
- style: {
91
- width: _this.pxCheck(labelWidth)
92
- }
93
- }, renderLabel) : null, React__default.createElement("div", {
94
- className: "nut-cell__value nut-form-item__body"
95
- }, React__default.createElement("div", {
96
- className: "nut-form-item__body__slots"
97
- }, childNode), item.length > 0 && React__default.createElement("div", {
98
- className: "nut-form-item__body__tips",
99
- style: {
100
- textAlign: errorMessageAlign
101
- }
102
- }, item[0].message)));
103
- });
104
- _defineProperty(_assertThisInitialized(_this), "pxCheck", function (value) {
105
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
106
- });
107
- return _this;
108
- }
109
- _createClass(FormItem, [{
110
- key: "componentDidMount",
111
- value: function componentDidMount() {
112
- // 注册组件实例到FormStore
113
- this.cancelRegister = this.context.registerField(this);
114
- }
115
- }, {
116
- key: "componentWillUnmount",
117
- value: function componentWillUnmount() {
118
- if (this.cancelRegister) {
119
- this.cancelRegister();
120
- }
121
- }
122
- // children添加value属性和onChange事件
123
- }, {
124
- key: "render",
125
- value: function render() {
126
- var children = this.props.children;
127
- var c = Array.isArray(children) ? children[0] : children;
128
- var returnChildNode = React__default.cloneElement(c, this.getControlled(c));
129
- return this.renderLayout(returnChildNode);
130
- }
131
- }]);
132
- return FormItem;
133
- }(React__default.Component);
134
- _defineProperty(FormItem, "defaultProps", defaultProps);
135
- _defineProperty(FormItem, "contextType", FormItemContext);
136
- export { FormItem as F, FormItemContext as a };
@@ -1,81 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className", "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 from 'react';
7
- import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
8
- import { c as cn } from './bem-893ad28d.js';
9
- import { G as GridContext } from './grid.taro.context-39636af9.js';
10
- var defaultProps = {
11
- columnNum: 4,
12
- border: true,
13
- gutter: 0,
14
- center: true,
15
- square: false,
16
- reverse: false,
17
- direction: 'vertical',
18
- iconSize: 28,
19
- iconColor: ''
20
- };
21
- var Grid = function Grid(props) {
22
- useConfig();
23
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
24
- children = _defaultProps$props.children,
25
- columnNum = _defaultProps$props.columnNum,
26
- border = _defaultProps$props.border,
27
- gutter = _defaultProps$props.gutter,
28
- center = _defaultProps$props.center,
29
- square = _defaultProps$props.square,
30
- reverse = _defaultProps$props.reverse,
31
- direction = _defaultProps$props.direction,
32
- style = _defaultProps$props.style,
33
- iconSize = _defaultProps$props.iconSize,
34
- iconColor = _defaultProps$props.iconColor,
35
- className = _defaultProps$props.className,
36
- onClick = _defaultProps$props.onClick,
37
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
38
- var childrenDom = React__default.Children.toArray(children);
39
- var pxCheck = function pxCheck(value) {
40
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
41
- };
42
- var b = cn('grid');
43
- var rootClass = function rootClass() {
44
- var prefixCls = b();
45
- return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
46
- };
47
- var rootStyle = function rootStyle() {
48
- var styleSelf = {};
49
- if (style) {
50
- styleSelf = style;
51
- }
52
- if (gutter) {
53
- styleSelf.paddingLeft = pxCheck(gutter);
54
- }
55
- return styleSelf;
56
- };
57
- return React__default.createElement("div", _objectSpread({
58
- className: rootClass(),
59
- style: rootStyle()
60
- }, rest), React__default.createElement(GridContext.Provider, {
61
- value: {
62
- onClick: onClick
63
- }
64
- }, childrenDom.map(function (item, idex) {
65
- return React__default.cloneElement(item, {
66
- index: idex,
67
- columnNum: columnNum,
68
- center: center,
69
- border: border,
70
- gutter: gutter,
71
- square: square,
72
- reverse: reverse,
73
- direction: direction,
74
- parentIconSize: iconSize,
75
- parentIconColor: iconColor
76
- });
77
- })));
78
- };
79
- Grid.defaultProps = defaultProps;
80
- Grid.displayName = 'NutGrid';
81
- export { Grid as G };
@@ -1,122 +0,0 @@
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 { u as useConfig } from './configprovider.taro-8bdb3a28.js';
8
- import { c as cn } from './bem-893ad28d.js';
9
- import { I as Icon } from './icon.taro-1d0d4fb7.js';
10
- import { C as ComponentDefaults } from './typings-1c5f2628.js';
11
- import { G as GridContext } from './grid.taro.context-39636af9.js';
12
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
13
- text: '',
14
- fontSize: '',
15
- color: '',
16
- icon: '',
17
- iconSize: '',
18
- iconColor: '',
19
- parentIconSize: '',
20
- parentIconColor: '',
21
- columnNum: 4,
22
- border: true,
23
- gutter: 0,
24
- center: true,
25
- square: false,
26
- reverse: false,
27
- direction: 'vertical'
28
- });
29
- var GridItem = function GridItem(props) {
30
- useConfig();
31
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
32
- children = _defaultProps$props.children,
33
- columnNum = _defaultProps$props.columnNum,
34
- index = _defaultProps$props.index,
35
- gutter = _defaultProps$props.gutter,
36
- square = _defaultProps$props.square,
37
- text = _defaultProps$props.text,
38
- fontSize = _defaultProps$props.fontSize,
39
- color = _defaultProps$props.color,
40
- icon = _defaultProps$props.icon,
41
- iconColor = _defaultProps$props.iconColor,
42
- iconSize = _defaultProps$props.iconSize,
43
- parentIconSize = _defaultProps$props.parentIconSize,
44
- parentIconColor = _defaultProps$props.parentIconColor,
45
- border = _defaultProps$props.border,
46
- center = _defaultProps$props.center,
47
- reverse = _defaultProps$props.reverse,
48
- direction = _defaultProps$props.direction,
49
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
50
- iconFontClassName = _defaultProps$props.iconFontClassName,
51
- onClick = _defaultProps$props.onClick,
52
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
53
- var b = cn('grid-item');
54
- var context = useContext(GridContext);
55
- var pxCheck = function pxCheck(value) {
56
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
57
- };
58
- var rootStyle = function rootStyle() {
59
- var style = {
60
- flexBasis: "".concat(100 / +columnNum, "%")
61
- };
62
- if (square) {
63
- style.paddingTop = "".concat(100 / +columnNum, "%");
64
- } else if (gutter) {
65
- style.paddingRight = pxCheck(gutter);
66
- if (index >= columnNum) {
67
- style.marginTop = pxCheck(gutter);
68
- }
69
- }
70
- return style;
71
- };
72
- var contentClass = function contentClass() {
73
- return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), " ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n ");
74
- };
75
- var isIconName = function isIconName() {
76
- return typeof icon === 'string';
77
- };
78
- var handleClick = function handleClick(e) {
79
- onClick && onClick(e);
80
- context.onClick && context.onClick({
81
- text: text,
82
- icon: icon,
83
- iconSize: iconSize,
84
- iconColor: iconColor,
85
- parentIconSize: parentIconSize,
86
- parentIconColor: parentIconColor,
87
- index: index,
88
- columnNum: columnNum,
89
- border: border,
90
- gutter: gutter,
91
- center: center,
92
- square: square,
93
- reverse: reverse,
94
- direction: direction,
95
- fontSize: fontSize,
96
- color: color
97
- }, index);
98
- };
99
- return React__default.createElement("div", _objectSpread(_objectSpread({
100
- className: b(),
101
- style: rootStyle()
102
- }, rest), {}, {
103
- onClick: handleClick
104
- }), React__default.createElement("div", {
105
- className: contentClass()
106
- }, icon && isIconName() ? React__default.createElement(Icon, {
107
- classPrefix: iconClassPrefix,
108
- fontClassName: iconFontClassName,
109
- name: icon,
110
- size: iconSize || parentIconSize,
111
- color: iconColor || parentIconColor
112
- }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
113
- className: "nut-grid-item__text",
114
- style: {
115
- fontSize: fontSize,
116
- color: color
117
- }
118
- }, text), children && React__default.createElement(React__default.Fragment, null, children)));
119
- };
120
- GridItem.defaultProps = defaultProps;
121
- GridItem.displayName = 'NutGridItem';
122
- export { GridItem as G };
@@ -1,105 +0,0 @@
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 } from 'react';
6
- import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
7
- import { I as Icon } from './icon.taro-1d0d4fb7.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
- };
18
- var Image = function Image(props) {
19
- useConfig();
20
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
21
- children = _defaultProps$props.children,
22
- className = _defaultProps$props.className,
23
- style = _defaultProps$props.style,
24
- src = _defaultProps$props.src,
25
- fit = _defaultProps$props.fit,
26
- position = _defaultProps$props.position,
27
- alt = _defaultProps$props.alt,
28
- width = _defaultProps$props.width,
29
- height = _defaultProps$props.height,
30
- round = _defaultProps$props.round,
31
- radius = _defaultProps$props.radius,
32
- showError = _defaultProps$props.showError,
33
- showLoading = _defaultProps$props.showLoading,
34
- slotError = _defaultProps$props.slotError,
35
- slotLoding = _defaultProps$props.slotLoding,
36
- onClick = _defaultProps$props.onClick,
37
- onLoad = _defaultProps$props.onLoad,
38
- onError = _defaultProps$props.onError;
39
- var _useState = useState(true),
40
- _useState2 = _slicedToArray(_useState, 2),
41
- loading = _useState2[0],
42
- setLoading = _useState2[1];
43
- var _useState3 = useState(false),
44
- _useState4 = _slicedToArray(_useState3, 2),
45
- isError = _useState4[0],
46
- setIsError = _useState4[1];
47
- useEffect(function () {
48
- if (src) {
49
- setIsError(false);
50
- setLoading(true);
51
- }
52
- }, [src]);
53
- // 图片加载
54
- var load = function load() {
55
- setLoading(false);
56
- onLoad && onLoad();
57
- };
58
- // 图片加载失败
59
- var error = function error() {
60
- setIsError(true);
61
- setLoading(false);
62
- onError && onError();
63
- };
64
- var pxCheck = function pxCheck(value) {
65
- return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
66
- };
67
- var stylebox = {
68
- height: height ? pxCheck(height) : '',
69
- width: width ? pxCheck(width) : '',
70
- overflow: radius !== undefined && radius !== null ? 'hidden' : '',
71
- borderRadius: radius !== undefined && radius !== null ? pxCheck(radius) : ''
72
- };
73
- var styles = _objectSpread({
74
- objectFit: fit,
75
- objectPosition: position
76
- }, style);
77
- var imageClick = function imageClick(event) {
78
- onClick && onClick(event);
79
- };
80
- return React__default.createElement("div", {
81
- className: "nut-image ".concat(round ? 'nut-image-round' : ''),
82
- style: stylebox,
83
- onClick: function onClick(e) {
84
- imageClick(e);
85
- }
86
- }, React__default.createElement("img", {
87
- className: "nut-img",
88
- style: styles,
89
- src: src,
90
- alt: alt,
91
- onLoad: load,
92
- onError: error
93
- }), showLoading && loading ? React__default.createElement("div", {
94
- className: "nut-img-loading"
95
- }, slotLoding || children || React__default.createElement(Icon, {
96
- name: "image"
97
- })) : null, showError && isError && !loading ? React__default.createElement("div", {
98
- className: "nut-img-error"
99
- }, slotError || children || React__default.createElement(Icon, {
100
- name: "image-error"
101
- })) : null);
102
- };
103
- Image.defaultProps = defaultProps;
104
- Image.displayName = 'NutImage';
105
- export { Image as I };
@@ -1,188 +0,0 @@
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, useRef, useEffect } from 'react';
6
- import classNames from 'classnames';
7
- import { ScrollView } from '@tarojs/components';
8
- import Taro from '@tarojs/taro';
9
- import { c as cn } from './bem-893ad28d.js';
10
- import { I as Icon } from './icon.taro-1d0d4fb7.js';
11
- import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
12
- import { C as ComponentDefaults } from './typings-1c5f2628.js';
13
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
14
- hasMore: true,
15
- upperThreshold: 40,
16
- containerId: '',
17
- isOpenRefresh: false,
18
- pullIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
19
- pullTxt: '松开刷新',
20
- loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
21
- loadTxt: '加载中···',
22
- loadMoreTxt: '哎呀,这里是底部了啦'
23
- });
24
- var Infiniteloading = function Infiniteloading(props) {
25
- var _useConfig = useConfig(),
26
- locale = _useConfig.locale;
27
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
28
- children = _defaultProps$props.children,
29
- hasMore = _defaultProps$props.hasMore,
30
- upperThreshold = _defaultProps$props.upperThreshold,
31
- containerId = _defaultProps$props.containerId,
32
- isOpenRefresh = _defaultProps$props.isOpenRefresh,
33
- pullIcon = _defaultProps$props.pullIcon,
34
- pullTxt = _defaultProps$props.pullTxt,
35
- loadIcon = _defaultProps$props.loadIcon,
36
- loadTxt = _defaultProps$props.loadTxt,
37
- loadMoreTxt = _defaultProps$props.loadMoreTxt,
38
- className = _defaultProps$props.className,
39
- onRefresh = _defaultProps$props.onRefresh,
40
- onLoadMore = _defaultProps$props.onLoadMore,
41
- onScrollChange = _defaultProps$props.onScrollChange,
42
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
43
- iconFontClassName = _defaultProps$props.iconFontClassName;
44
- var _useState = useState(false),
45
- _useState2 = _slicedToArray(_useState, 2),
46
- isInfiniting = _useState2[0],
47
- setIsInfiniting = _useState2[1];
48
- var _useState3 = useState(0),
49
- _useState4 = _slicedToArray(_useState3, 2),
50
- topDisScoll = _useState4[0],
51
- setTopDisScoll = _useState4[1];
52
- var refreshTop = useRef(null);
53
- var scrollHeight = useRef(0);
54
- var scrollTop = useRef(0);
55
- var direction = useRef('down');
56
- var isTouching = useRef(false);
57
- var y = useRef(0);
58
- var refreshMaxH = useRef(0);
59
- var distance = useRef(0);
60
- var b = cn('infiniteloading');
61
- var classes = classNames(className, b());
62
- useEffect(function () {
63
- refreshMaxH.current = upperThreshold;
64
- setTimeout(function () {
65
- getScrollHeight();
66
- }, 200);
67
- }, [hasMore, isInfiniting]);
68
- /** 获取需要滚动的距离 */
69
- var getScrollHeight = function getScrollHeight() {
70
- var parentElement = getParentElement('scroller');
71
- parentElement.boundingClientRect(function (rect) {
72
- scrollHeight.current = rect.height;
73
- }).exec();
74
- };
75
- var getStyle = function getStyle() {
76
- return {
77
- height: topDisScoll < 0 ? "0px" : "".concat(topDisScoll, "px"),
78
- transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
79
- };
80
- };
81
- var getParentElement = function getParentElement(el) {
82
- return Taro.createSelectorQuery().select(containerId ? "#".concat(containerId, " #").concat(el) : "#".concat(el));
83
- };
84
- var infiniteDone = function infiniteDone() {
85
- setIsInfiniting(false);
86
- };
87
- var refreshDone = function refreshDone() {
88
- distance.current = 0;
89
- setTopDisScoll(0);
90
- isTouching.current = false;
91
- };
92
- var scrollAction = function scrollAction(e) {
93
- if (e.detail.scrollTop <= 0) {
94
- // 滚动到最顶部
95
- e.detail.scrollTop = 0;
96
- } else if (e.detail.scrollTop >= scrollHeight.current) {
97
- // 滚动到最底部
98
- e.detail.scrollTop = scrollHeight.current;
99
- }
100
- if (e.detail.scrollTop > scrollTop.current || e.detail.scrollTop >= scrollHeight.current) {
101
- direction.current = 'down';
102
- } else {
103
- direction.current = 'up';
104
- }
105
- scrollTop.current = e.detail.scrollTop;
106
- onScrollChange && onScrollChange(e.detail.scrollTop);
107
- };
108
- var lower = function lower() {
109
- if (direction.current == 'up' || !hasMore || isInfiniting) {
110
- return false;
111
- }
112
- setIsInfiniting(true);
113
- onLoadMore && onLoadMore(infiniteDone);
114
- };
115
- var touchStart = function touchStart(event) {
116
- if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
117
- y.current = event.touches[0].pageY;
118
- isTouching.current = true;
119
- }
120
- };
121
- var touchMove = function touchMove(event) {
122
- distance.current = event.touches[0].pageY - y.current;
123
- if (distance.current > 0 && isTouching.current) {
124
- event.preventDefault();
125
- setTopDisScoll(distance.current);
126
- if (distance.current >= refreshMaxH.current) {
127
- distance.current = refreshMaxH.current;
128
- setTopDisScoll(refreshMaxH.current);
129
- }
130
- } else {
131
- distance.current = 0;
132
- setTopDisScoll(0);
133
- isTouching.current = false;
134
- }
135
- };
136
- var touchEnd = function touchEnd() {
137
- if (distance.current < refreshMaxH.current) {
138
- distance.current = 0;
139
- setTopDisScoll(0);
140
- } else {
141
- onRefresh && onRefresh(refreshDone);
142
- }
143
- };
144
- return React__default.createElement(ScrollView, {
145
- className: classes,
146
- scrollY: true,
147
- id: "scroller",
148
- style: {
149
- height: '100%'
150
- },
151
- onScroll: scrollAction,
152
- onScrollToLower: lower,
153
- onTouchStart: touchStart,
154
- onTouchMove: touchMove,
155
- onTouchEnd: touchEnd
156
- }, React__default.createElement("div", {
157
- className: "nut-infinite-top",
158
- ref: refreshTop,
159
- style: getStyle()
160
- }, React__default.createElement("div", {
161
- className: "top-box"
162
- }, React__default.createElement(Icon, {
163
- classPrefix: iconClassPrefix,
164
- fontClassName: iconFontClassName,
165
- className: "top-img",
166
- name: pullIcon
167
- }), React__default.createElement("span", {
168
- className: "top-text"
169
- }, pullTxt || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
170
- className: "nut-infinite-container"
171
- }, children), React__default.createElement("div", {
172
- className: "nut-infinite-bottom"
173
- }, isInfiniting ? React__default.createElement("div", {
174
- className: "bottom-box"
175
- }, React__default.createElement(Icon, {
176
- classPrefix: iconClassPrefix,
177
- fontClassName: iconFontClassName,
178
- className: "bottom-img",
179
- name: loadIcon
180
- }), React__default.createElement("div", {
181
- className: "bottom-text"
182
- }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
183
- className: "tips"
184
- }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
185
- };
186
- Infiniteloading.defaultProps = defaultProps;
187
- Infiniteloading.displayName = 'NutInfiniteloading';
188
- export { Infiniteloading as I };