@nutui/nutui-react-taro 1.3.0 → 1.3.1-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 (157) hide show
  1. package/dist/esm/Address.js +4 -4
  2. package/dist/esm/Audio/style/index.js +4 -0
  3. package/dist/esm/Audio.js +18 -0
  4. package/dist/esm/AvatarGroup.js +4 -4
  5. package/dist/esm/Calendar/style/index.js +1 -2
  6. package/dist/esm/Calendar.js +6 -5
  7. package/dist/esm/CalendarItem.js +5 -5
  8. package/dist/esm/Cascader/style/index.js +2 -0
  9. package/dist/esm/Cascader.js +14 -0
  10. package/dist/esm/ConfigProvider.js +3 -3
  11. package/dist/esm/CountDown.js +4 -4
  12. package/dist/esm/DatePicker.js +4 -4
  13. package/dist/esm/Dialog.js +4 -4
  14. package/dist/esm/Empty.js +4 -4
  15. package/dist/esm/FixedNav.js +4 -4
  16. package/dist/esm/Grid/style/index.js +2 -0
  17. package/dist/esm/Grid.js +7 -0
  18. package/dist/esm/GridItem/style/index.js +2 -0
  19. package/dist/esm/GridItem.js +8 -0
  20. package/dist/esm/ImagePreview/style/index.js +2 -0
  21. package/dist/esm/ImagePreview.js +15 -0
  22. package/dist/esm/Infiniteloading.js +4 -4
  23. package/dist/esm/Input.js +4 -4
  24. package/dist/esm/Menu/style/index.js +3 -0
  25. package/dist/esm/Menu.js +7 -0
  26. package/dist/esm/MenuItem/style/index.js +3 -0
  27. package/dist/esm/MenuItem.js +11 -0
  28. package/dist/esm/NoticeBar.js +3 -2
  29. package/dist/esm/{Notification-dccc7625.js → Notification-422905bd.js} +2 -1
  30. package/dist/esm/Notify.js +3 -2
  31. package/dist/esm/NumberKeyboard.js +4 -4
  32. package/dist/esm/Pagination.js +4 -4
  33. package/dist/esm/Picker.js +4 -4
  34. package/dist/esm/Popover.js +3 -2
  35. package/dist/esm/Range.js +7 -5
  36. package/dist/esm/SearchBar.js +4 -4
  37. package/dist/esm/ShortPassword.js +4 -4
  38. package/dist/esm/SideNavBar.js +4 -4
  39. package/dist/esm/Signature.js +4 -4
  40. package/dist/esm/Swipe/style/index.js +2 -0
  41. package/dist/esm/Swipe.js +7 -0
  42. package/dist/esm/Swiper.js +3 -2
  43. package/dist/esm/Table.js +4 -4
  44. package/dist/esm/TextArea.js +4 -4
  45. package/dist/esm/TimeDetail.js +4 -4
  46. package/dist/esm/TimePannel.js +4 -4
  47. package/dist/esm/TimeSelect.js +4 -4
  48. package/dist/esm/Toast.js +4 -3
  49. package/dist/esm/Uploader.js +4 -4
  50. package/dist/esm/VirtualList.js +4 -4
  51. package/dist/esm/{address.taro-a1092e30.js → address.taro-4765a826.js} +17 -6
  52. package/dist/esm/audio.taro-cd6cc93b.js +292 -0
  53. package/dist/esm/{avatargroup-65173caa.js → avatargroup-1ca79066.js} +1 -1
  54. package/dist/esm/calendar.taro-1abb1925.js +89 -0
  55. package/dist/esm/{calendaritem.taro-fe84d94b.js → calendaritem.taro-3c06a809.js} +130 -5
  56. package/dist/esm/cascader.taro-31dbc60e.js +786 -0
  57. package/dist/esm/{configprovider-18657611.js → configprovider-9c393a29.js} +1 -1
  58. package/dist/esm/{configprovider.taro-98343012.js → configprovider.taro-1ff7f150.js} +2 -2
  59. package/dist/esm/{countdown.taro-cd6a1bd4.js → countdown.taro-b00d0d46.js} +1 -1
  60. package/dist/esm/{datepicker.taro-c1249537.js → datepicker.taro-e385849d.js} +1 -1
  61. package/dist/esm/{dialog.taro-5b850861.js → dialog.taro-c80b7b5f.js} +12 -18
  62. package/dist/esm/{empty.taro-6f86eda5.js → empty.taro-20b8adac.js} +1 -1
  63. package/dist/esm/{fixednav.taro-ca94fd6a.js → fixednav.taro-75e35339.js} +1 -1
  64. package/dist/esm/grid.taro-7fb43d02.js +90 -0
  65. package/dist/esm/griditem.taro-8020b409.js +98 -0
  66. package/dist/esm/imagepreview.taro-a0ddd8a2.js +813 -0
  67. package/dist/esm/{infiniteloading.taro-d2c0ca14.js → infiniteloading.taro-0a86819e.js} +1 -1
  68. package/dist/esm/{input.taro-2e31ebbb.js → input.taro-1d23861d.js} +1 -1
  69. package/dist/esm/menu.taro-03e3b011.js +153 -0
  70. package/dist/esm/menuitem.taro-56bf3205.js +195 -0
  71. package/dist/esm/{noticebar.taro-ae593896.js → noticebar.taro-1890c693.js} +3 -2
  72. package/dist/esm/{notify.taro-95b5f97e.js → notify.taro-22b8f4cd.js} +2 -1
  73. package/dist/esm/{numberkeyboard.taro-71b2e0eb.js → numberkeyboard.taro-5d685c76.js} +1 -1
  74. package/dist/esm/nutui-react.es.js +45 -36
  75. package/dist/esm/{pagination.taro-abc4a71e.js → pagination.taro-10449c4a.js} +1 -1
  76. package/dist/esm/{picker.taro-0eb8bfa3.js → picker.taro-216cc3cb.js} +1 -1
  77. package/dist/esm/{popover.taro-4c102df6.js → popover.taro-9b3da0fa.js} +17 -71
  78. package/dist/esm/{range.taro-034fcf7a.js → range.taro-fe08c5f4.js} +118 -110
  79. package/dist/esm/render-4a3856cb.js +32 -0
  80. package/dist/esm/{searchbar.taro-4c6091cb.js → searchbar.taro-450d2f88.js} +1 -1
  81. package/dist/esm/{shortpassword.taro-ce46b9cd.js → shortpassword.taro-08a05360.js} +23 -18
  82. package/dist/esm/{sidenavbar.taro-36f1e118.js → sidenavbar.taro-dd471476.js} +1 -1
  83. package/dist/esm/{signature.taro-45aedfa9.js → signature.taro-7cb77bab.js} +1 -1
  84. package/dist/esm/swipe.taro-dfb9a049.js +264 -0
  85. package/dist/esm/{swiper.taro-59bf2777.js → swiper.taro-7a2ef124.js} +2 -1
  86. package/dist/esm/{table.taro-49009dfc.js → table.taro-305e0317.js} +1 -1
  87. package/dist/esm/{textarea.taro-0c40e966.js → textarea.taro-700b04c2.js} +1 -1
  88. package/dist/esm/{timedetail.taro-0e31b4a5.js → timedetail.taro-7cc00243.js} +1 -1
  89. package/dist/esm/{timepannel.taro-2d54b3db.js → timepannel.taro-e24537e4.js} +1 -1
  90. package/dist/esm/{timeselect.taro-c35d3490.js → timeselect.taro-210fd548.js} +1 -1
  91. package/dist/esm/{toast.taro-48539c09.js → toast.taro-bb181833.js} +1 -1
  92. package/dist/esm/{uploader.taro-ece83a00.js → uploader.taro-f7528535.js} +1 -1
  93. package/dist/esm/useClientRect-8b7cc406.js +74 -0
  94. package/dist/esm/{virtuallist.taro-2ff1a5ad.js → virtuallist.taro-ce9619f9.js} +1 -1
  95. package/dist/esm/{zh-CN-f5124686.js → zh-CN-91090ae2.js} +16 -0
  96. package/dist/locales/base.d.ts +16 -0
  97. package/dist/locales/base.js +1 -1
  98. package/dist/locales/en-US.js +17 -1
  99. package/dist/locales/id-ID.js +17 -1
  100. package/dist/locales/zh-CN.js +17 -1
  101. package/dist/locales/zh-TW.js +17 -1
  102. package/dist/nutui.react.es.js +5595 -4062
  103. package/dist/nutui.react.umd.js +20243 -30
  104. package/dist/packages/audio/audio.scss +80 -0
  105. package/dist/packages/calendar/calendar.scss +57 -36
  106. package/dist/packages/calendaritem/calendaritem.scss +0 -191
  107. package/dist/packages/cascader/cascader.scss +69 -0
  108. package/dist/packages/grid/grid.scss +10 -0
  109. package/dist/packages/griditem/griditem.scss +103 -0
  110. package/dist/packages/imagepreview/imagepreview.scss +51 -0
  111. package/dist/packages/menu/menu.scss +72 -0
  112. package/dist/packages/menuitem/menuitem.scss +90 -0
  113. package/dist/packages/popup/popup.scss +1 -1
  114. package/dist/packages/searchbar/searchbar.scss +1 -0
  115. package/dist/packages/shortpassword/shortpassword.scss +6 -1
  116. package/dist/packages/swipe/swipe.scss +33 -0
  117. package/dist/packages/textarea/textarea.scss +16 -1
  118. package/dist/style.css +1 -1
  119. package/dist/style.es.js +1 -1
  120. package/dist/styles/font/iconfont.js +20 -18
  121. package/dist/styles/themes/default.scss +8 -0
  122. package/dist/styles/variables.scss +59 -8
  123. package/dist/types/audio/audio.taro.d.ts +18 -0
  124. package/dist/types/audio/index.taro.d.ts +2 -0
  125. package/dist/types/cascader/cascader.taro.d.ts +25 -0
  126. package/dist/types/cascader/cascaderItem.taro.d.ts +25 -0
  127. package/dist/types/cascader/index.taro.d.ts +2 -0
  128. package/dist/types/checkbox/checkbox.taro.d.ts +2 -2
  129. package/dist/types/checkboxgroup/checkboxgroup.taro.d.ts +2 -2
  130. package/dist/types/dialog/dialog.taro.d.ts +2 -1
  131. package/dist/types/grid/grid.taro.d.ts +16 -0
  132. package/dist/types/grid/index.taro.d.ts +2 -0
  133. package/dist/types/griditem/griditem.taro.d.ts +20 -0
  134. package/dist/types/griditem/index.taro.d.ts +2 -0
  135. package/dist/types/icon/icon.taro.d.ts +1 -2
  136. package/dist/types/imagepreview/imagepreview.taro.d.ts +26 -0
  137. package/dist/types/imagepreview/index.taro.d.ts +2 -0
  138. package/dist/types/menu/index.taro.d.ts +2 -0
  139. package/dist/types/menu/menu.taro.d.ts +12 -0
  140. package/dist/types/menuitem/index.taro.d.ts +2 -0
  141. package/dist/types/menuitem/menuitem.taro.d.ts +23 -0
  142. package/dist/types/notify/notify.taro.d.ts +13 -0
  143. package/dist/types/nutui.react.d.ts +95 -1
  144. package/dist/types/picker/picker.taro.d.ts +2 -2
  145. package/dist/types/popup/popup.taro.d.ts +1 -1
  146. package/dist/types/shortpassword/shortpassword.taro.d.ts +3 -3
  147. package/dist/types/sidenavbar/sidenavbar.taro.d.ts +14 -2
  148. package/dist/types/sidenavbaritem/sidenavbaritem.taro.d.ts +10 -2
  149. package/dist/types/subsidenavbar/subsidenavbar.taro.d.ts +13 -3
  150. package/dist/types/swipe/index.taro.d.ts +2 -0
  151. package/dist/types/swipe/swipe.taro.d.ts +41 -0
  152. package/dist/types/table/table.taro.d.ts +2 -1
  153. package/dist/types/toast/toast.taro.d.ts +18 -0
  154. package/dist/types/virtuallist/virtuallist.taro.d.ts +2 -1
  155. package/package.json +4 -4
  156. package/dist/esm/calendar.taro-4b2103c1.js +0 -621
  157. package/dist/esm/raf-3fbb5f92.js +0 -126
@@ -1,5 +1,5 @@
1
1
  import { createContext, useContext } from 'react';
2
- import { z as zhCN } from './zh-CN-f5124686.js';
2
+ import { z as zhCN } from './zh-CN-91090ae2.js';
3
3
  var defaultConfigRef = {
4
4
  current: {
5
5
  locale: zhCN
@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
7
7
  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; }
8
8
 
9
9
  import React__default, { createContext, useContext } from 'react';
10
- import { z as zhCN } from './zh-CN-f5124686.js';
10
+ import { z as zhCN } from './zh-CN-91090ae2.js';
11
11
  var defaultProps = {
12
12
  locale: zhCN
13
13
  };
@@ -43,4 +43,4 @@ var ConfigProvider = function ConfigProvider(props) {
43
43
 
44
44
  ConfigProvider.defaultProps = defaultProps;
45
45
  ConfigProvider.displayName = 'NutConfigProvider';
46
- export { ConfigProvider as C };
46
+ export { ConfigProvider as C, useConfig as u };
@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
9
9
 
10
10
  import React__default, { useState, useRef, useEffect } from 'react';
11
11
  import { c as cn } from './bem-893ad28d.js';
12
- import { u as useConfig } from './configprovider-18657611.js';
12
+ import { u as useConfig } from './configprovider-9c393a29.js';
13
13
  var defaultProps = {
14
14
  showPlainText: false,
15
15
  showDays: false,
@@ -12,7 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
12
12
  import React__default, { useState, useRef, useEffect } from 'react';
13
13
  import { P as Popup } from './popup-67173ec6.js';
14
14
  import { P as PickerSlot } from './pickerSlot-f8e4e542.js';
15
- import { u as useConfig } from './configprovider-18657611.js';
15
+ import { u as useConfig } from './configprovider-9c393a29.js';
16
16
  import { c as cn } from './bem-893ad28d.js';
17
17
 
18
18
  var InternalPicker = function InternalPicker(props, ref) {
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"],
3
+ var _excluded = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"],
4
4
  _excluded2 = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
5
5
 
6
6
  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; }
@@ -13,7 +13,7 @@ import classNames from 'classnames';
13
13
  import { B as Button } from './button-521a516b.js';
14
14
  import { CSSTransition } from 'react-transition-group';
15
15
  import ReactDOM__default from 'react-dom';
16
- import { u as useConfig } from './configprovider-18657611.js';
16
+ import { u as useConfig } from './configprovider-9c393a29.js';
17
17
 
18
18
  var Content = function Content(props) {
19
19
  var visible = props.visible,
@@ -127,8 +127,8 @@ var DialogWrapper = function DialogWrapper(props) {
127
127
 
128
128
  DialogWrapper.displayName = 'NutDialogWrapper';
129
129
  var defaultProps$1 = {
130
- okText: '',
131
- cancelText: '',
130
+ okText: '确认',
131
+ cancelText: '取消',
132
132
  mask: true,
133
133
  closeOnClickOverlay: true,
134
134
  noFooter: false,
@@ -142,11 +142,9 @@ var defaultProps$1 = {
142
142
  };
143
143
 
144
144
  var BaseDialog$1 = function BaseDialog$1(props, ref) {
145
- var _useConfig = useConfig(),
146
- locale = _useConfig.locale;
147
-
148
145
  var visible = props.visible,
149
146
  footer = props.footer,
147
+ noFooter = props.noFooter,
150
148
  noOkBtn = props.noOkBtn,
151
149
  noCancelBtn = props.noCancelBtn,
152
150
  lockScroll = props.lockScroll,
@@ -160,7 +158,7 @@ var BaseDialog$1 = function BaseDialog$1(props, ref) {
160
158
  restProps = _objectWithoutProperties(props, _excluded);
161
159
 
162
160
  var renderFooter = function renderFooter() {
163
- if (footer === null) return '';
161
+ if (footer === null || noFooter) return '';
164
162
 
165
163
  var handleCancel = function handleCancel(e) {
166
164
  e.stopPropagation();
@@ -188,20 +186,16 @@ var BaseDialog$1 = function BaseDialog$1(props, ref) {
188
186
  plain: true,
189
187
  type: "primary",
190
188
  className: "nut-dialog__footer-cancel",
191
- onClick: function onClick(e) {
192
- return handleCancel(e);
193
- }
194
- }, cancelText || locale.cancel), !noOkBtn && React__default.createElement(Button, {
189
+ onClick: handleCancel
190
+ }, cancelText), !noOkBtn && React__default.createElement(Button, {
195
191
  size: "small",
196
192
  type: "primary",
197
193
  className: classNames('nut-dialog__footer-ok', {
198
194
  disabled: okBtnDisabled
199
195
  }),
200
196
  disabled: okBtnDisabled,
201
- onClick: function onClick(e) {
202
- return handleOk(e);
203
- }
204
- }, okText || locale.confirm));
197
+ onClick: handleOk
198
+ }, okText));
205
199
  return footerContent;
206
200
  };
207
201
 
@@ -361,8 +355,8 @@ var defaultProps = {
361
355
  };
362
356
 
363
357
  var BaseDialog = function BaseDialog(props, ref) {
364
- var _useConfig2 = useConfig(),
365
- locale = _useConfig2.locale;
358
+ var _useConfig = useConfig(),
359
+ locale = _useConfig.locale;
366
360
 
367
361
  var visible = props.visible,
368
362
  footer = props.footer,
@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
9
9
 
10
10
  import React__default, { useState, useEffect } from 'react';
11
11
  import { c as cn } from './bem-893ad28d.js';
12
- import { u as useConfig } from './configprovider-18657611.js';
12
+ import { u as useConfig } from './configprovider-9c393a29.js';
13
13
  /**
14
14
  * 内置图片地址
15
15
  */
@@ -11,7 +11,7 @@ import classNames from 'classnames';
11
11
  import { I as Icon } from './icon-8dc4de10.js';
12
12
  import { O as Overlay } from './overlay-ed3eb37d.js';
13
13
  import { c as cn } from './bem-893ad28d.js';
14
- import { u as useConfig } from './configprovider-18657611.js';
14
+ import { u as useConfig } from './configprovider-9c393a29.js';
15
15
  var defaultProps = {
16
16
  fixednavClass: 'nut-fixednav',
17
17
  activeText: '',
@@ -0,0 +1,90 @@
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"];
4
+
5
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
+
7
+ 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; }
8
+
9
+ import React__default from 'react';
10
+ import { u as useConfig } from './configprovider-9c393a29.js';
11
+ import { c as cn } from './bem-893ad28d.js';
12
+ var defaultProps = {
13
+ columnNum: 4,
14
+ border: true,
15
+ gutter: 0,
16
+ center: true,
17
+ square: false,
18
+ reverse: false,
19
+ direction: 'vertical',
20
+ iconSize: 28,
21
+ iconColor: ''
22
+ };
23
+
24
+ var Grid = function Grid(props) {
25
+ useConfig();
26
+
27
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
28
+ children = _defaultProps$props.children,
29
+ columnNum = _defaultProps$props.columnNum,
30
+ border = _defaultProps$props.border,
31
+ gutter = _defaultProps$props.gutter,
32
+ center = _defaultProps$props.center,
33
+ square = _defaultProps$props.square,
34
+ reverse = _defaultProps$props.reverse,
35
+ direction = _defaultProps$props.direction,
36
+ style = _defaultProps$props.style,
37
+ iconSize = _defaultProps$props.iconSize,
38
+ iconColor = _defaultProps$props.iconColor,
39
+ className = _defaultProps$props.className,
40
+ rest = _objectWithoutProperties(_defaultProps$props, _excluded);
41
+
42
+ var childrenDom = React__default.Children.toArray(children);
43
+
44
+ var pxCheck = function pxCheck(value) {
45
+ return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
46
+ };
47
+
48
+ var b = cn('grid');
49
+
50
+ var rootClass = function rootClass() {
51
+ var prefixCls = b();
52
+ return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
53
+ };
54
+
55
+ var rootStyle = function rootStyle() {
56
+ var styleSelf = {};
57
+
58
+ if (style) {
59
+ styleSelf = style;
60
+ }
61
+
62
+ if (gutter) {
63
+ styleSelf.paddingLeft = pxCheck(gutter);
64
+ }
65
+
66
+ return styleSelf;
67
+ };
68
+
69
+ return React__default.createElement("div", _objectSpread({
70
+ className: rootClass(),
71
+ style: rootStyle()
72
+ }, rest), childrenDom.map(function (item, idex) {
73
+ return React__default.cloneElement(item, {
74
+ index: idex,
75
+ columnNum: columnNum,
76
+ center: center,
77
+ border: border,
78
+ gutter: gutter,
79
+ square: square,
80
+ reverse: reverse,
81
+ direction: direction,
82
+ parentIconSize: iconSize,
83
+ parentIconColor: iconColor
84
+ });
85
+ }));
86
+ };
87
+
88
+ Grid.defaultProps = defaultProps;
89
+ Grid.displayName = 'NutGrid';
90
+ export { Grid as G };
@@ -0,0 +1,98 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction"];
4
+
5
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
+
7
+ 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; }
8
+
9
+ import React__default from 'react';
10
+ import { u as useConfig } from './configprovider-9c393a29.js';
11
+ import { c as cn } from './bem-893ad28d.js';
12
+ import { I as Icon } from './icon-8dc4de10.js';
13
+ var defaultProps = {
14
+ text: '',
15
+ icon: '',
16
+ iconSize: '',
17
+ iconColor: '',
18
+ parentIconSize: '',
19
+ parentIconColor: '',
20
+ columnNum: 4,
21
+ border: true,
22
+ gutter: 0,
23
+ center: true,
24
+ square: false,
25
+ reverse: false,
26
+ direction: 'vertical'
27
+ };
28
+
29
+ var GridItem = function GridItem(props) {
30
+ useConfig();
31
+
32
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
33
+ children = _defaultProps$props.children,
34
+ columnNum = _defaultProps$props.columnNum,
35
+ index = _defaultProps$props.index,
36
+ gutter = _defaultProps$props.gutter,
37
+ square = _defaultProps$props.square,
38
+ text = _defaultProps$props.text,
39
+ icon = _defaultProps$props.icon,
40
+ iconColor = _defaultProps$props.iconColor,
41
+ iconSize = _defaultProps$props.iconSize,
42
+ parentIconSize = _defaultProps$props.parentIconSize,
43
+ parentIconColor = _defaultProps$props.parentIconColor,
44
+ border = _defaultProps$props.border,
45
+ center = _defaultProps$props.center,
46
+ reverse = _defaultProps$props.reverse,
47
+ direction = _defaultProps$props.direction,
48
+ rest = _objectWithoutProperties(_defaultProps$props, _excluded);
49
+
50
+ var b = cn('grid-item');
51
+
52
+ var pxCheck = function pxCheck(value) {
53
+ return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
54
+ };
55
+
56
+ var rootStyle = function rootStyle() {
57
+ var style = {
58
+ flexBasis: "".concat(100 / +columnNum, "%")
59
+ };
60
+
61
+ if (square) {
62
+ style.paddingTop = "".concat(100 / +columnNum, "%");
63
+ } else if (gutter) {
64
+ style.paddingRight = pxCheck(gutter);
65
+
66
+ if (index >= columnNum) {
67
+ style.marginTop = pxCheck(gutter);
68
+ }
69
+ }
70
+
71
+ return style;
72
+ };
73
+
74
+ var contentClass = function contentClass() {
75
+ 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 ");
76
+ };
77
+
78
+ var isIconName = function isIconName() {
79
+ return typeof icon === 'string';
80
+ };
81
+
82
+ return React__default.createElement("div", _objectSpread({
83
+ className: b(),
84
+ style: rootStyle()
85
+ }, rest), React__default.createElement("div", {
86
+ className: contentClass()
87
+ }, icon && isIconName() ? React__default.createElement(Icon, {
88
+ name: icon,
89
+ size: iconSize || parentIconSize,
90
+ color: iconColor || parentIconColor
91
+ }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
92
+ className: "nut-grid-item__text"
93
+ }, text), children && React__default.createElement(React__default.Fragment, null, children)));
94
+ };
95
+
96
+ GridItem.defaultProps = defaultProps;
97
+ GridItem.displayName = 'NutGridItem';
98
+ export { GridItem as G };