@nutui/nutui-react-taro 1.3.0-beta.5 → 1.3.1-beta.1
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.
- package/CHANGELOG.md +28 -0
- package/dist/esm/Address.js +4 -4
- package/dist/esm/Audio/style/index.js +4 -0
- package/dist/esm/Audio.js +18 -0
- package/dist/esm/AvatarGroup.js +4 -4
- package/dist/esm/Calendar/style/index.js +1 -2
- package/dist/esm/Calendar.js +6 -5
- package/dist/esm/CalendarItem.js +5 -5
- package/dist/esm/Cascader/style/index.js +2 -0
- package/dist/esm/Cascader.js +14 -0
- package/dist/esm/ConfigProvider.js +3 -3
- package/dist/esm/CountDown.js +4 -4
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Dialog.js +4 -4
- package/dist/esm/Empty.js +4 -4
- package/dist/esm/FixedNav.js +4 -4
- package/dist/esm/Grid/style/index.js +2 -0
- package/dist/esm/Grid.js +7 -0
- package/dist/esm/GridItem/style/index.js +2 -0
- package/dist/esm/GridItem.js +8 -0
- package/dist/esm/ImagePreview/style/index.js +2 -0
- package/dist/esm/ImagePreview.js +15 -0
- package/dist/esm/Infiniteloading.js +4 -4
- package/dist/esm/Input.js +4 -4
- package/dist/esm/Menu/style/index.js +3 -0
- package/dist/esm/Menu.js +7 -0
- package/dist/esm/MenuItem/style/index.js +3 -0
- package/dist/esm/MenuItem.js +11 -0
- package/dist/esm/NoticeBar.js +3 -2
- package/dist/esm/{Notification-dccc7625.js → Notification-422905bd.js} +2 -1
- package/dist/esm/Notify.js +3 -2
- package/dist/esm/NumberKeyboard.js +4 -4
- package/dist/esm/Pagination.js +4 -4
- package/dist/esm/Picker.js +4 -4
- package/dist/esm/Popover.js +3 -2
- package/dist/esm/Range.js +7 -5
- package/dist/esm/SearchBar.js +4 -4
- package/dist/esm/ShortPassword.js +4 -4
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/Signature.js +4 -4
- package/dist/esm/Swipe/style/index.js +2 -0
- package/dist/esm/Swipe.js +7 -0
- package/dist/esm/Swiper.js +3 -2
- package/dist/esm/Table.js +4 -4
- package/dist/esm/TextArea.js +4 -4
- package/dist/esm/TimeDetail.js +4 -4
- package/dist/esm/TimePannel.js +4 -4
- package/dist/esm/TimeSelect.js +4 -4
- package/dist/esm/Toast.js +4 -3
- package/dist/esm/Uploader.js +4 -4
- package/dist/esm/VirtualList.js +4 -4
- package/dist/esm/{address.taro-a1092e30.js → address.taro-4765a826.js} +17 -6
- package/dist/esm/audio.taro-cd6cc93b.js +292 -0
- package/dist/esm/{avatargroup-65173caa.js → avatargroup-1ca79066.js} +1 -1
- package/dist/esm/calendar.taro-1abb1925.js +89 -0
- package/dist/esm/{calendaritem.taro-fe84d94b.js → calendaritem.taro-3c06a809.js} +130 -5
- package/dist/esm/cascader.taro-31dbc60e.js +786 -0
- package/dist/esm/{configprovider-18657611.js → configprovider-9c393a29.js} +1 -1
- package/dist/esm/{configprovider.taro-98343012.js → configprovider.taro-1ff7f150.js} +2 -2
- package/dist/esm/{countdown.taro-cd6a1bd4.js → countdown.taro-b00d0d46.js} +1 -1
- package/dist/esm/{datepicker.taro-c1249537.js → datepicker.taro-e385849d.js} +1 -1
- package/dist/esm/{dialog.taro-5b850861.js → dialog.taro-c80b7b5f.js} +12 -18
- package/dist/esm/{empty.taro-6f86eda5.js → empty.taro-20b8adac.js} +1 -1
- package/dist/esm/{fixednav.taro-ca94fd6a.js → fixednav.taro-75e35339.js} +1 -1
- package/dist/esm/grid.taro-7fb43d02.js +90 -0
- package/dist/esm/griditem.taro-8020b409.js +98 -0
- package/dist/esm/imagepreview.taro-a0ddd8a2.js +813 -0
- package/dist/esm/{infiniteloading.taro-d2c0ca14.js → infiniteloading.taro-0a86819e.js} +1 -1
- package/dist/esm/{input.taro-2e31ebbb.js → input.taro-1d23861d.js} +1 -1
- package/dist/esm/menu.taro-03e3b011.js +153 -0
- package/dist/esm/menuitem.taro-56bf3205.js +195 -0
- package/dist/esm/{noticebar.taro-ae593896.js → noticebar.taro-1890c693.js} +3 -2
- package/dist/esm/{notify.taro-95b5f97e.js → notify.taro-22b8f4cd.js} +2 -1
- package/dist/esm/{numberkeyboard.taro-71b2e0eb.js → numberkeyboard.taro-5d685c76.js} +1 -1
- package/dist/esm/nutui-react.es.js +45 -36
- package/dist/esm/{pagination.taro-abc4a71e.js → pagination.taro-10449c4a.js} +1 -1
- package/dist/esm/{picker.taro-0eb8bfa3.js → picker.taro-216cc3cb.js} +1 -1
- package/dist/esm/{popover.taro-4c102df6.js → popover.taro-9b3da0fa.js} +17 -71
- package/dist/esm/{range.taro-034fcf7a.js → range.taro-fe08c5f4.js} +118 -110
- package/dist/esm/render-4a3856cb.js +32 -0
- package/dist/esm/{searchbar.taro-4c6091cb.js → searchbar.taro-450d2f88.js} +1 -1
- package/dist/esm/{shortpassword.taro-ce46b9cd.js → shortpassword.taro-08a05360.js} +23 -18
- package/dist/esm/{sidenavbar.taro-36f1e118.js → sidenavbar.taro-dd471476.js} +1 -1
- package/dist/esm/{signature.taro-45aedfa9.js → signature.taro-7cb77bab.js} +1 -1
- package/dist/esm/swipe.taro-dfb9a049.js +264 -0
- package/dist/esm/{swiper.taro-59bf2777.js → swiper.taro-7a2ef124.js} +2 -1
- package/dist/esm/{table.taro-49009dfc.js → table.taro-305e0317.js} +1 -1
- package/dist/esm/{textarea.taro-0c40e966.js → textarea.taro-700b04c2.js} +1 -1
- package/dist/esm/{timedetail.taro-0e31b4a5.js → timedetail.taro-7cc00243.js} +1 -1
- package/dist/esm/{timepannel.taro-2d54b3db.js → timepannel.taro-e24537e4.js} +1 -1
- package/dist/esm/{timeselect.taro-c35d3490.js → timeselect.taro-210fd548.js} +1 -1
- package/dist/esm/{toast.taro-48539c09.js → toast.taro-bb181833.js} +1 -1
- package/dist/esm/{uploader.taro-ece83a00.js → uploader.taro-f7528535.js} +1 -1
- package/dist/esm/useClientRect-8b7cc406.js +74 -0
- package/dist/esm/{virtuallist.taro-2ff1a5ad.js → virtuallist.taro-ce9619f9.js} +1 -1
- package/dist/esm/{zh-CN-f5124686.js → zh-CN-91090ae2.js} +16 -0
- package/dist/locales/base.d.ts +16 -0
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +17 -1
- package/dist/locales/id-ID.js +17 -1
- package/dist/locales/zh-CN.js +17 -1
- package/dist/locales/zh-TW.js +17 -1
- package/dist/nutui.react.es.js +5595 -4062
- package/dist/nutui.react.umd.js +20243 -30
- package/dist/packages/audio/audio.scss +80 -0
- package/dist/packages/calendar/calendar.scss +57 -36
- package/dist/packages/calendaritem/calendaritem.scss +0 -191
- package/dist/packages/cascader/cascader.scss +69 -0
- package/dist/packages/grid/grid.scss +10 -0
- package/dist/packages/griditem/griditem.scss +103 -0
- package/dist/packages/imagepreview/imagepreview.scss +51 -0
- package/dist/packages/menu/menu.scss +72 -0
- package/dist/packages/menuitem/menuitem.scss +90 -0
- package/dist/packages/popup/popup.scss +1 -1
- package/dist/packages/searchbar/searchbar.scss +1 -0
- package/dist/packages/shortpassword/shortpassword.scss +6 -1
- package/dist/packages/swipe/swipe.scss +33 -0
- package/dist/packages/textarea/textarea.scss +16 -1
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/font/iconfont.js +20 -18
- package/dist/styles/themes/default.scss +8 -0
- package/dist/styles/variables.scss +59 -8
- package/dist/types/audio/audio.taro.d.ts +18 -0
- package/dist/types/audio/index.taro.d.ts +2 -0
- package/dist/types/cascader/cascader.taro.d.ts +25 -0
- package/dist/types/cascader/cascaderItem.taro.d.ts +25 -0
- package/dist/types/cascader/index.taro.d.ts +2 -0
- package/dist/types/checkbox/checkbox.taro.d.ts +2 -2
- package/dist/types/checkboxgroup/checkboxgroup.taro.d.ts +2 -2
- package/dist/types/dialog/dialog.taro.d.ts +2 -1
- package/dist/types/grid/grid.taro.d.ts +16 -0
- package/dist/types/grid/index.taro.d.ts +2 -0
- package/dist/types/griditem/griditem.taro.d.ts +20 -0
- package/dist/types/griditem/index.taro.d.ts +2 -0
- package/dist/types/icon/icon.taro.d.ts +1 -2
- package/dist/types/imagepreview/imagepreview.taro.d.ts +26 -0
- package/dist/types/imagepreview/index.taro.d.ts +2 -0
- package/dist/types/menu/index.taro.d.ts +2 -0
- package/dist/types/menu/menu.taro.d.ts +12 -0
- package/dist/types/menuitem/index.taro.d.ts +2 -0
- package/dist/types/menuitem/menuitem.taro.d.ts +23 -0
- package/dist/types/notify/notify.taro.d.ts +13 -0
- package/dist/types/nutui.react.d.ts +95 -1
- package/dist/types/picker/picker.taro.d.ts +2 -2
- package/dist/types/popup/popup.taro.d.ts +1 -1
- package/dist/types/shortpassword/shortpassword.taro.d.ts +3 -3
- package/dist/types/sidenavbar/sidenavbar.taro.d.ts +14 -2
- package/dist/types/sidenavbaritem/sidenavbaritem.taro.d.ts +10 -2
- package/dist/types/subsidenavbar/subsidenavbar.taro.d.ts +13 -3
- package/dist/types/swipe/index.taro.d.ts +2 -0
- package/dist/types/swipe/swipe.taro.d.ts +41 -0
- package/dist/types/table/table.taro.d.ts +2 -1
- package/dist/types/toast/toast.taro.d.ts +18 -0
- package/dist/types/virtuallist/virtuallist.taro.d.ts +2 -1
- package/package.json +4 -4
- package/dist/esm/calendar.taro-4b2103c1.js +0 -621
- package/dist/esm/raf-3fbb5f92.js +0 -126
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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:
|
|
192
|
-
|
|
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:
|
|
202
|
-
|
|
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
|
|
365
|
-
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-
|
|
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-
|
|
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 };
|