@nutui/nutui-react-taro 2.0.0-alpha.2 → 2.0.0-alpha.3
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 +12 -0
- package/dist/esm/ActionSheet.js +3 -3
- package/dist/esm/Address.js +5 -5
- package/dist/esm/Animate.js +1 -1
- package/dist/esm/AnimatingNumbers.js +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar.js +1 -1
- package/dist/esm/AvatarGroup.js +1 -1
- package/dist/esm/BackTop.js +1 -1
- package/dist/esm/Badge.js +1 -1
- package/dist/esm/Barrage.js +1 -1
- package/dist/esm/Button.js +1 -1
- package/dist/esm/Calendar.js +5 -5
- package/dist/esm/CalendarItem.js +2 -2
- package/dist/esm/Card.js +3 -3
- package/dist/esm/Cascader.js +6 -5
- package/dist/esm/Cell.js +1 -1
- package/dist/esm/CellGroup.js +1 -1
- package/dist/esm/Checkbox.js +1 -1
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/CircleProgress.js +1 -1
- package/dist/esm/Col.js +1 -1
- package/dist/esm/Collapse.js +1 -1
- package/dist/esm/CollapseItem.js +1 -1
- package/dist/esm/ConfigProvider.js +2 -2
- package/dist/esm/CountDown.js +2 -2
- package/dist/esm/DatePicker.js +5 -5
- package/dist/esm/Dialog.js +5 -4
- package/dist/esm/Divider.js +1 -1
- package/dist/esm/Drag.js +1 -1
- package/dist/esm/Elevator.js +1 -1
- package/dist/esm/Ellipsis.js +2 -2
- package/dist/esm/Empty.js +2 -2
- package/dist/esm/FixedNav.js +3 -3
- package/dist/esm/Form.js +4 -4
- package/dist/esm/FormItem.js +2 -2
- package/dist/esm/Grid.js +3 -3
- package/dist/esm/GridItem.js +2 -2
- package/dist/esm/Icon.js +2 -2
- package/dist/esm/Image.js +2 -2
- package/dist/esm/ImagePreview.js +5 -5
- package/dist/esm/Indicator.js +1 -1
- package/dist/esm/Infiniteloading.js +2 -2
- package/dist/esm/Input.js +2 -2
- package/dist/esm/InputNumber.js +1 -1
- package/dist/esm/Layout.js +1 -1
- package/dist/esm/Menu.js +1 -1
- package/dist/esm/MenuItem.js +2 -2
- package/dist/esm/NavBar.js +1 -1
- package/dist/esm/NoticeBar.js +1 -1
- package/dist/esm/Notify.js +1 -1
- package/dist/esm/NumberKeyboard.js +4 -4
- package/dist/esm/Overlay.js +1 -1
- package/dist/esm/Pagination.js +2 -2
- package/dist/esm/Picker.js +4 -4
- package/dist/esm/Popover.js +2 -2
- package/dist/esm/Popup.js +2 -2
- package/dist/esm/Price.js +1 -1
- package/dist/esm/Progress.js +1 -1
- package/dist/esm/PullToRefresh.js +2 -2
- package/dist/esm/Radio.js +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Range.js +3 -3
- package/dist/esm/Rate.js +1 -1
- package/dist/esm/Row.js +1 -1
- package/dist/esm/SearchBar.js +2 -2
- package/dist/esm/ShortPassword.js +4 -4
- package/dist/esm/SideNavBar.js +3 -3
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature.js +3 -3
- package/dist/esm/Skeleton.js +2 -2
- package/dist/esm/Step.js +1 -1
- package/dist/esm/Steps.js +1 -1
- package/dist/esm/Sticky.js +1 -1
- package/dist/esm/SubSideNavBar.js +1 -1
- package/dist/esm/Swipe.js +1 -1
- package/dist/esm/Swiper.js +1 -1
- package/dist/esm/SwiperItem.js +1 -1
- package/dist/esm/Switch.js +3 -3
- package/dist/esm/TabPane.js +1 -3
- package/dist/esm/Tabbar.js +1 -1
- package/dist/esm/TabbarItem.js +1 -1
- package/dist/esm/Table.js +2 -2
- package/dist/esm/Tabs.js +4 -4
- package/dist/esm/Tag.js +1 -1
- package/dist/esm/TextArea.js +2 -2
- package/dist/esm/TimeDetail.js +2 -2
- package/dist/esm/TimePannel.js +2 -2
- package/dist/esm/TimeSelect.js +6 -6
- package/dist/esm/Toast.js +1 -1
- package/dist/esm/TrendArrow.js +1 -1
- package/dist/esm/Uploader.js +4 -4
- package/dist/esm/Video.js +1 -1
- package/dist/esm/VirtualList.js +2 -2
- package/dist/esm/WaterMark.js +2 -2
- package/dist/esm/{actionsheet.taro-10cc53ee.js → actionsheet.taro-12cf5a3e.js} +10 -10
- package/dist/esm/{address.taro-2f915873.js → address.taro-67e32c33.js} +37 -37
- package/dist/esm/{animate.taro-9e65d07a.js → animate.taro-485331bb.js} +3 -3
- package/dist/esm/{animatingnumbers.taro-03e5d61d.js → animatingnumbers.taro-f6eaffef.js} +8 -8
- package/dist/esm/{audio.taro-f672a68c.js → audio.taro-51eafc9d.js} +20 -20
- package/dist/esm/{avatar.taro-de157a1f.js → avatar.taro-a840f345.js} +9 -9
- package/dist/esm/{avatargroup-b476ac68.js → avatargroup-0eadb514.js} +3 -3
- package/dist/esm/{backtop.taro-ba271b8f.js → backtop.taro-8ec80d02.js} +3 -3
- package/dist/esm/{badge.taro-1d5df601.js → badge.taro-e2169fbe.js} +5 -5
- package/dist/esm/{barrage.taro-80df08d3.js → barrage.taro-aa08da6c.js} +5 -5
- package/dist/esm/{button.taro-a1c9512f.js → button.taro-b50bc217.js} +6 -6
- package/dist/esm/{calendar.taro-099cb4a2.js → calendar.taro-b3ebdc35.js} +8 -8
- package/dist/esm/{calendaritem.taro-ae167e59.js → calendaritem.taro-ab1ec154.js} +36 -32
- package/dist/esm/card.taro-0e849e94.js +33 -0
- package/dist/esm/{cascader.taro-62e764a7.js → cascader.taro-467910b2.js} +21 -21
- package/dist/esm/{cell.taro-26870740.js → cell.taro-ea725a95.js} +7 -7
- package/dist/esm/{cellgroup.taro-6e901b54.js → cellgroup.taro-660faffc.js} +5 -5
- package/dist/esm/{checkbox.taro-785c528b.js → checkbox.taro-ae460d3a.js} +12 -12
- package/dist/esm/{circleprogress.taro-79854448.js → circleprogress.taro-d8973ae9.js} +4 -4
- package/dist/esm/{col.taro-a99a9171.js → col.taro-4477c9f7.js} +2 -2
- package/dist/esm/{collapse.taro-35a8a0d6.js → collapse.taro-89bcadf2.js} +4 -4
- package/dist/esm/{collapseitem-690eb91c.js → collapseitem-0e228cec.js} +9 -9
- package/dist/esm/{configprovider.taro-c8c54556.js → configprovider.taro-43a3c646.js} +3 -3
- package/dist/esm/{countdown.taro-0e6bf7a2.js → countdown.taro-c14b5c1f.js} +4 -4
- package/dist/esm/{datepicker.taro-0f2bcf42.js → datepicker.taro-7d522ff8.js} +4 -4
- package/dist/esm/dialog.taro-f9ca73a2.js +107 -0
- package/dist/esm/{divider.taro-67e9f757.js → divider.taro-3993d7d5.js} +2 -2
- package/dist/esm/{drag.taro-2d3d9d11.js → drag.taro-347dfb84.js} +3 -3
- package/dist/esm/{elevator.taro-588e219b.js → elevator.taro-360a831f.js} +16 -16
- package/dist/esm/{ellipsis.taro-b6cda065.js → ellipsis.taro-79044d54.js} +14 -14
- package/dist/esm/{empty.taro-fde835ca.js → empty.taro-f8585835.js} +7 -7
- package/dist/esm/fixednav.taro-cca9a6df.js +54 -0
- package/dist/esm/{form.taro-0d83f1e8.js → form.taro-7413d868.js} +6 -6
- package/dist/esm/{formitem.taro-0de07d1e.js → formitem.taro-b550d29c.js} +12 -12
- package/dist/esm/{grid.taro-3797169c.js → grid.taro-10eb7716.js} +6 -6
- package/dist/esm/{griditem.taro-04f59ae1.js → griditem.taro-fb15eeec.js} +7 -7
- package/dist/esm/{image.taro-edb572bb.js → image.taro-b897a058.js} +6 -6
- package/dist/esm/{imagepreview.taro-b88fcf41.js → imagepreview.taro-d511342c.js} +10 -10
- package/dist/esm/{indicator.taro-c10334e8.js → indicator.taro-bfb21d45.js} +3 -3
- package/dist/esm/{infiniteloading.taro-73c9b8ca.js → infiniteloading.taro-cce53c60.js} +11 -11
- package/dist/esm/{input.taro-10ed5500.js → input.taro-f4e067f7.js} +24 -24
- package/dist/esm/{inputnumber.taro-108c4784.js → inputnumber.taro-1f893d42.js} +7 -7
- package/dist/esm/{layout.taro-9046d093.js → layout.taro-e4bf83cb.js} +2 -2
- package/dist/esm/{menu.taro-b61442a7.js → menu.taro-e5c68cb8.js} +12 -12
- package/dist/esm/{menuitem.taro-bca78e07.js → menuitem.taro-37c18382.js} +11 -11
- package/dist/esm/{navbar.taro-02c69d66.js → navbar.taro-92bab9c4.js} +7 -7
- package/dist/esm/{noticebar.taro-49e7441f.js → noticebar.taro-cbe93c9e.js} +18 -18
- package/dist/esm/{notify.taro-e17c6f82.js → notify.taro-f1079218.js} +4 -4
- package/dist/esm/{numberkeyboard.taro-ed9b2149.js → numberkeyboard.taro-10ab54d6.js} +22 -22
- package/dist/esm/nutui-react.es.js +95 -95
- package/dist/esm/{overlay.taro-ad0d4775.js → overlay.taro-067b7202.js} +12 -14
- package/dist/esm/{pagination.taro-60b22b27.js → pagination.taro-df441058.js} +9 -9
- package/dist/esm/{picker.taro-5028afcb.js → picker.taro-9f1bb6a4.js} +24 -24
- package/dist/esm/{popover.taro-2a57eae4.js → popover.taro-84a55ff9.js} +15 -15
- package/dist/esm/{popup.taro-020bf791.js → popup.taro-89cc342a.js} +9 -9
- package/dist/esm/{price.taro-776ed16e.js → price.taro-959d82f2.js} +6 -6
- package/dist/esm/{progress.taro-1c199fbe.js → progress.taro-1a7ac8a4.js} +4 -4
- package/dist/esm/{pulltorefresh.taro-d5fcfcb0.js → pulltorefresh.taro-37dadbc5.js} +6 -6
- package/dist/esm/{radio.taro-51e10152.js → radio.taro-36438449.js} +16 -16
- package/dist/esm/{range.taro-7a2b6ca1.js → range.taro-432d20d7.js} +16 -16
- package/dist/esm/{rate.taro-57341aa9.js → rate.taro-895bb41c.js} +8 -8
- package/dist/esm/{row.taro-75039d53.js → row.taro-e929ec5c.js} +2 -2
- package/dist/esm/{searchbar.taro-eef468bb.js → searchbar.taro-4aa300df.js} +15 -15
- package/dist/esm/{shortpassword.taro-681a33a1.js → shortpassword.taro-99645f99.js} +22 -22
- package/dist/esm/sidenavbar.taro-f8ffb7dc.js +33 -0
- package/dist/esm/{sidenavbaritem.taro-bb80dbf4.js → sidenavbaritem.taro-6cb0821e.js} +2 -2
- package/dist/esm/{signature.taro-f01b2b05.js → signature.taro-e5ede25a.js} +8 -8
- package/dist/esm/{skeleton.taro-64e858a2.js → skeleton.taro-fabd423a.js} +10 -10
- package/dist/esm/{step.taro-2ec1f283.js → step.taro-7ea33a76.js} +10 -10
- package/dist/esm/{steps.taro-c82d2252.js → steps.taro-86753d36.js} +2 -2
- package/dist/esm/{sticky.taro-b5bde7b1.js → sticky.taro-a142a5f2.js} +3 -3
- package/dist/esm/{subsidenavbar.taro-3cce8442.js → subsidenavbar.taro-85c03291.js} +5 -5
- package/dist/esm/{swipe.taro-350c9a94.js → swipe.taro-b18a73ff.js} +4 -4
- package/dist/esm/{swiper.taro-7a94e211.js → swiper.taro-c0e9a56b.js} +13 -13
- package/dist/esm/{swiperitem-c9e3d0d5.js → swiperitem-abab7606.js} +3 -3
- package/dist/esm/switch.taro-e82809f6.js +38 -0
- package/dist/esm/{tabbar.taro-9acfc2fa.js → tabbar.taro-eefd0f8e.js} +5 -5
- package/dist/esm/{tabbaritem.taro-42ba353f.js → tabbaritem.taro-7a97e645.js} +7 -7
- package/dist/esm/{table.taro-3946697c.js → table.taro-eca757f3.js} +16 -16
- package/dist/esm/tabpane.taro-406cc0d3.js +21 -0
- package/dist/esm/tabs.taro-d47ccfc5.js +120 -0
- package/dist/esm/{tag.taro-0c2567de.js → tag.taro-846ee805.js} +6 -6
- package/dist/esm/{textarea.taro-a0f79515.js → textarea.taro-e256e741.js} +7 -7
- package/dist/esm/{timedetail.taro-fce4e614.js → timedetail.taro-cae362b9.js} +3 -3
- package/dist/esm/{timepannel.taro-fd3d008d.js → timepannel.taro-d6f4cf80.js} +3 -3
- package/dist/esm/{timeselect.taro-a4b86771.js → timeselect.taro-804199f9.js} +12 -12
- package/dist/esm/{toast.taro-e4f44812.js → toast.taro-c509a870.js} +10 -10
- package/dist/esm/{trendarrow.taro-7cf90def.js → trendarrow.taro-dd83ec94.js} +4 -4
- package/dist/esm/{uploader.taro-17569890.js → uploader.taro-716f9a50.js} +31 -31
- package/dist/esm/{video-7ed508cc.js → video-1c6405b4.js} +5 -5
- package/dist/esm/{virtuallist.taro-35b9bd9a.js → virtuallist.taro-0bd611cb.js} +8 -8
- package/dist/esm/{watermark.taro-c780d360.js → watermark.taro-8966896a.js} +3 -3
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.mjs +21855 -22320
- package/dist/nutui.react.umd.js +21855 -22320
- package/dist/packages/dialog/dialog.scss +36 -65
- package/dist/packages/overlay/overlay.scss +11 -4
- package/dist/packages/switch/switch.scss +13 -31
- package/dist/packages/tabs/tabs.scss +196 -225
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/themes/default.scss +17 -17
- package/dist/styles/variables-jmapp.scss +12 -11
- package/dist/styles/variables.scss +22 -14
- package/dist/types/index.d.ts +347 -370
- package/package.json +2 -2
- package/dist/esm/card.taro-5e9b34c8.js +0 -33
- package/dist/esm/dialog.taro-00ac41fd.js +0 -118
- package/dist/esm/fixednav.taro-39fbd47a.js +0 -54
- package/dist/esm/sidenavbar.taro-d5c5b331.js +0 -33
- package/dist/esm/switch.taro-34ca8228.js +0 -50
- package/dist/esm/tabpane.taro-4ca340ef.js +0 -23
- package/dist/esm/tabs.taro-be8cacb5.js +0 -140
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import { useReady, nextTick, createSelectorQuery } from '@tarojs/taro';
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
|
|
5
5
|
|
|
6
6
|
const defaultProps = {
|
|
@@ -211,29 +211,29 @@ const Ellipsis = (props) => {
|
|
|
211
211
|
const handleClick = () => {
|
|
212
212
|
onClick && onClick();
|
|
213
213
|
};
|
|
214
|
-
return (
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
!exceeded ? (
|
|
218
|
-
exceeded && !expanded ? (
|
|
219
|
-
|
|
214
|
+
return (React.createElement(React.Fragment, null,
|
|
215
|
+
React.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
|
|
216
|
+
React.createElement("div", null,
|
|
217
|
+
!exceeded ? (React.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
|
|
218
|
+
exceeded && !expanded ? (React.createElement(React.Fragment, null,
|
|
219
|
+
React.createElement("div", { className: "nut-ellipsis-wordbreak" },
|
|
220
220
|
ellipsis.current?.leading,
|
|
221
221
|
ellipsis.current?.leading && symbol,
|
|
222
|
-
expandText ? (
|
|
222
|
+
expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
223
223
|
e.stopPropagation();
|
|
224
224
|
clickHandle(1);
|
|
225
225
|
} }, expandText)) : null,
|
|
226
226
|
ellipsis.current?.tailing && symbol,
|
|
227
227
|
ellipsis.current?.tailing))) : null,
|
|
228
|
-
exceeded && expanded ? (
|
|
228
|
+
exceeded && expanded ? (React.createElement(React.Fragment, null,
|
|
229
229
|
content,
|
|
230
|
-
expandText ? (
|
|
230
|
+
expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
231
231
|
e.stopPropagation();
|
|
232
232
|
clickHandle(2);
|
|
233
233
|
} }, collapseText)) : null)) : null)),
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
234
|
+
React.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
|
|
235
|
+
React.createElement("div", null, contentCopy)),
|
|
236
|
+
React.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: 'inline' } }, symbolText())));
|
|
237
237
|
};
|
|
238
238
|
Ellipsis.defaultProps = defaultProps;
|
|
239
239
|
Ellipsis.displayName = 'NutEllipsis';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { c as cn } from './bem-350c1702.js';
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* 内置图片地址
|
|
@@ -31,7 +31,7 @@ const Empty = (props) => {
|
|
|
31
31
|
image.startsWith('http://') ||
|
|
32
32
|
image.startsWith('//');
|
|
33
33
|
const imageUrl = isHttpUrl ? image : defaultStatus[image];
|
|
34
|
-
imageNode =
|
|
34
|
+
imageNode = React.createElement("img", { className: "img", src: imageUrl, alt: "empty" });
|
|
35
35
|
}
|
|
36
36
|
useEffect(() => {
|
|
37
37
|
setImgStyle(() => {
|
|
@@ -50,10 +50,10 @@ const Empty = (props) => {
|
|
|
50
50
|
};
|
|
51
51
|
});
|
|
52
52
|
}, [imageSize]);
|
|
53
|
-
return (
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
typeof description === 'string' ? (
|
|
53
|
+
return (React.createElement("div", { className: `${b()} ${className}`, ...rest },
|
|
54
|
+
React.createElement(React.Fragment, null,
|
|
55
|
+
React.createElement("div", { className: b('image'), style: imgStyle }, imageNode),
|
|
56
|
+
typeof description === 'string' ? (React.createElement("div", { className: b('description') }, description)) : ({ description }),
|
|
57
57
|
children)));
|
|
58
58
|
};
|
|
59
59
|
Empty.defaultProps = defaultProps;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Left } from '@nutui/icons-react-taro';
|
|
4
|
+
import { O as Overlay } from './overlay.taro-067b7202.js';
|
|
5
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
6
|
+
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
7
|
+
|
|
8
|
+
const defaultProps = {
|
|
9
|
+
...ComponentDefaults,
|
|
10
|
+
activeText: '',
|
|
11
|
+
inactiveText: '',
|
|
12
|
+
type: 'right',
|
|
13
|
+
position: {
|
|
14
|
+
top: 'auto',
|
|
15
|
+
bottom: 'auto',
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
const FixedNav = (props) => {
|
|
19
|
+
const { locale } = useConfig();
|
|
20
|
+
const { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content, ...rest } = {
|
|
21
|
+
...defaultProps,
|
|
22
|
+
...props,
|
|
23
|
+
};
|
|
24
|
+
const classPrefix = 'nut-fixednav';
|
|
25
|
+
const classes = classNames({
|
|
26
|
+
active: visible,
|
|
27
|
+
}, type, className, classPrefix);
|
|
28
|
+
const handleClick = (item, event) => {
|
|
29
|
+
onSelect(event, item);
|
|
30
|
+
};
|
|
31
|
+
const onUpdateValue = (value = !visible) => {
|
|
32
|
+
onChange(value);
|
|
33
|
+
};
|
|
34
|
+
return (React.createElement("div", { className: classes, style: {
|
|
35
|
+
...position,
|
|
36
|
+
...style,
|
|
37
|
+
}, ...rest },
|
|
38
|
+
overlay && (React.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
|
|
39
|
+
React.createElement("div", { className: "list" }, children || (React.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
|
|
40
|
+
return (React.createElement("div", { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
|
|
41
|
+
React.createElement("img", { src: item.icon, alt: "" }),
|
|
42
|
+
React.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
|
|
43
|
+
item.num && React.createElement("div", { className: "b" }, item.num)));
|
|
44
|
+
})))),
|
|
45
|
+
React.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || (React.createElement(React.Fragment, null,
|
|
46
|
+
React.createElement(Left, { color: "#fff" }),
|
|
47
|
+
React.createElement("div", { className: "text" }, visible
|
|
48
|
+
? activeText || locale.fixednav.activeText
|
|
49
|
+
: inactiveText || locale.fixednav.inactiveText))))));
|
|
50
|
+
};
|
|
51
|
+
FixedNav.defaultProps = defaultProps;
|
|
52
|
+
FixedNav.displayName = 'NutFixedNav';
|
|
53
|
+
|
|
54
|
+
export { FixedNav as F };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
3
|
-
import { C as CellGroup } from './cellgroup.taro-
|
|
4
|
-
import { a as FormItemContext, F as FormItem } from './formitem.taro-
|
|
3
|
+
import { C as CellGroup } from './cellgroup.taro-660faffc.js';
|
|
4
|
+
import { a as FormItemContext, F as FormItem } from './formitem.taro-b550d29c.js';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* 用于存储表单的数据
|
|
@@ -165,12 +165,12 @@ const Form = (props) => {
|
|
|
165
165
|
onFinish,
|
|
166
166
|
onFinishFailed,
|
|
167
167
|
});
|
|
168
|
-
return (
|
|
168
|
+
return (React.createElement("form", { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
|
|
169
169
|
e.preventDefault();
|
|
170
170
|
submit();
|
|
171
171
|
} },
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
React.createElement(CellGroup, null,
|
|
173
|
+
React.createElement(FormItemContext.Provider, { value: formInstance }, children))));
|
|
174
174
|
};
|
|
175
175
|
Form.defaultProps = defaultProps;
|
|
176
176
|
Form.displayName = 'NutForm';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { C as Cell } from './cell.taro-
|
|
1
|
+
import React, { createContext } from 'react';
|
|
2
|
+
import { C as Cell } from './cell.taro-ea725a95.js';
|
|
3
3
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
4
4
|
|
|
5
5
|
const FormItemContext = createContext({});
|
|
@@ -16,7 +16,7 @@ const defaultProps = {
|
|
|
16
16
|
showErrorLine: true,
|
|
17
17
|
showErrorMessage: true,
|
|
18
18
|
};
|
|
19
|
-
class FormItem extends
|
|
19
|
+
class FormItem extends React.Component {
|
|
20
20
|
static defaultProps = defaultProps;
|
|
21
21
|
static contextType = FormItemContext;
|
|
22
22
|
cancelRegister;
|
|
@@ -61,19 +61,19 @@ class FormItem extends React__default.Component {
|
|
|
61
61
|
return item.field === name;
|
|
62
62
|
});
|
|
63
63
|
const { starPositon } = this.context;
|
|
64
|
-
const renderStar = rules.length > 0 && rules[0].required && (
|
|
65
|
-
const renderLabel = starPositon === 'Right' ? (
|
|
64
|
+
const renderStar = rules.length > 0 && rules[0].required && (React.createElement("i", { className: "required" }));
|
|
65
|
+
const renderLabel = starPositon === 'Right' ? (React.createElement(React.Fragment, null,
|
|
66
66
|
label,
|
|
67
|
-
renderStar)) : (
|
|
67
|
+
renderStar)) : (React.createElement(React.Fragment, null,
|
|
68
68
|
renderStar,
|
|
69
69
|
label));
|
|
70
|
-
return (
|
|
71
|
-
label ? (
|
|
70
|
+
return (React.createElement(Cell, { className: `nut-form-item ${className}` },
|
|
71
|
+
label ? (React.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
|
|
72
72
|
width: this.pxCheck(labelWidth),
|
|
73
73
|
} }, renderLabel)) : null,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
item.length > 0 && (
|
|
74
|
+
React.createElement("div", { className: "nut-cell__value nut-form-item__body" },
|
|
75
|
+
React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
|
|
76
|
+
item.length > 0 && (React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)))));
|
|
77
77
|
};
|
|
78
78
|
pxCheck = (value) => {
|
|
79
79
|
return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
|
|
@@ -81,7 +81,7 @@ class FormItem extends React__default.Component {
|
|
|
81
81
|
render() {
|
|
82
82
|
const { children } = this.props;
|
|
83
83
|
const c = Array.isArray(children) ? children[0] : children;
|
|
84
|
-
const returnChildNode =
|
|
84
|
+
const returnChildNode = React.cloneElement(c, this.getControlled(c));
|
|
85
85
|
return this.renderLayout(returnChildNode);
|
|
86
86
|
}
|
|
87
87
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { a as GridContext, G as GridItem, p as pxCheck } from './griditem.taro-
|
|
3
|
+
import { a as GridContext, G as GridItem, p as pxCheck } from './griditem.taro-fb15eeec.js';
|
|
4
4
|
|
|
5
5
|
const defaultProps = {
|
|
6
6
|
columns: 4,
|
|
@@ -12,7 +12,7 @@ const defaultProps = {
|
|
|
12
12
|
};
|
|
13
13
|
const Grid = (props) => {
|
|
14
14
|
const { children, columns, gap, center, square, reverse, direction, style, className, onClick, ...rest } = { ...defaultProps, ...props };
|
|
15
|
-
const childrenDom =
|
|
15
|
+
const childrenDom = React.Children.toArray(children);
|
|
16
16
|
const classPrefix = 'nut-grid';
|
|
17
17
|
const rootClass = () => {
|
|
18
18
|
return classNames(className, classPrefix, {
|
|
@@ -29,9 +29,9 @@ const Grid = (props) => {
|
|
|
29
29
|
}
|
|
30
30
|
return styleSelf;
|
|
31
31
|
};
|
|
32
|
-
return (
|
|
33
|
-
|
|
34
|
-
return
|
|
32
|
+
return (React.createElement("div", { className: rootClass(), style: rootStyle(), ...rest },
|
|
33
|
+
React.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
|
|
34
|
+
return React.cloneElement(item, {
|
|
35
35
|
index: idex,
|
|
36
36
|
columns,
|
|
37
37
|
center,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
|
|
5
5
|
const gridContext = {
|
|
6
6
|
onClick: (item, index) => { },
|
|
7
7
|
};
|
|
8
|
-
var GridContext =
|
|
8
|
+
var GridContext = React.createContext(gridContext);
|
|
9
9
|
|
|
10
10
|
const pxCheck = (value) => {
|
|
11
11
|
return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
|
|
@@ -69,10 +69,10 @@ const GridItem = (props) => {
|
|
|
69
69
|
direction,
|
|
70
70
|
}, index);
|
|
71
71
|
};
|
|
72
|
-
return (
|
|
73
|
-
|
|
74
|
-
children &&
|
|
75
|
-
text &&
|
|
72
|
+
return (React.createElement("div", { className: classes, style: rootStyle(), ...rest, onClick: handleClick },
|
|
73
|
+
React.createElement("div", { className: contentClass() },
|
|
74
|
+
children && React.createElement(React.Fragment, null, children),
|
|
75
|
+
text && React.createElement("div", { className: `${classPrefix}__text` }, text))));
|
|
76
76
|
};
|
|
77
77
|
GridItem.defaultProps = defaultProps;
|
|
78
78
|
GridItem.displayName = 'NutGridItem';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { Image as Image$1, ImageError } from '@nutui/icons-react-taro';
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
|
|
5
5
|
const defaultProps = {
|
|
6
6
|
fit: 'fill',
|
|
@@ -51,12 +51,12 @@ const Image = (props) => {
|
|
|
51
51
|
const imageClick = (event) => {
|
|
52
52
|
onClick && onClick(event);
|
|
53
53
|
};
|
|
54
|
-
return (
|
|
54
|
+
return (React.createElement("div", { className: `nut-image ${round ? 'nut-image-round' : ''}`, style: stylebox, onClick: (e) => {
|
|
55
55
|
imageClick(e);
|
|
56
56
|
} },
|
|
57
|
-
|
|
58
|
-
showLoading && loading ? (
|
|
59
|
-
showError && isError && !loading ? (
|
|
57
|
+
React.createElement("img", { className: "nut-img", style: styles, src: src, alt: alt, onLoad: load, onError: error }),
|
|
58
|
+
showLoading && loading ? (React.createElement("div", { className: "nut-img-loading" }, slotLoding || children || React.createElement(Image$1, null))) : null,
|
|
59
|
+
showError && isError && !loading ? (React.createElement("div", { className: "nut-img-error" }, slotError || children || React.createElement(ImageError, null))) : null));
|
|
60
60
|
};
|
|
61
61
|
Image.defaultProps = defaultProps;
|
|
62
62
|
Image.displayName = 'NutImage';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { P as Popup } from './popup.taro-
|
|
3
|
-
import { S as Swiper } from './swiper.taro-
|
|
4
|
-
import { S as SwiperItem } from './swiperitem-
|
|
1
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
2
|
+
import { P as Popup } from './popup.taro-89cc342a.js';
|
|
3
|
+
import { S as Swiper } from './swiper.taro-c0e9a56b.js';
|
|
4
|
+
import { S as SwiperItem } from './swiperitem-abab7606.js';
|
|
5
5
|
|
|
6
6
|
const defaultProps = {
|
|
7
7
|
images: [],
|
|
@@ -148,15 +148,15 @@ const ImagePreview = (props) => {
|
|
|
148
148
|
onCloseInner();
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
-
return (
|
|
152
|
-
|
|
153
|
-
|
|
151
|
+
return (React.createElement(Popup, { visible: showPop, className: "custom-pop", style: { width: '100%' }, onClick: onCloseInner },
|
|
152
|
+
React.createElement("div", { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart: onTouchStart },
|
|
153
|
+
React.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? 'block' : 'none' }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor: paginationColor, paginationVisible: paginationVisible }, images && images.length > 0
|
|
154
154
|
? images.map((item, index) => {
|
|
155
|
-
return (
|
|
156
|
-
|
|
155
|
+
return (React.createElement(SwiperItem, { key: index },
|
|
156
|
+
React.createElement("img", { src: item.src, alt: "", className: "nut-imagepreview-img" })));
|
|
157
157
|
})
|
|
158
158
|
: [])),
|
|
159
|
-
|
|
159
|
+
React.createElement("div", { className: "nut-imagepreview-index" },
|
|
160
160
|
active,
|
|
161
161
|
"/",
|
|
162
162
|
(images ? images.length : 0) + (videos ? videos.length : 0))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
|
|
4
4
|
const defaultProps = {
|
|
@@ -18,11 +18,11 @@ const Indicator = (props) => {
|
|
|
18
18
|
const renderElement = () => {
|
|
19
19
|
const childs = [];
|
|
20
20
|
for (let item = 1; item <= total; item++) {
|
|
21
|
-
childs.push(item === current ? (
|
|
21
|
+
childs.push(item === current ? (React.createElement(React.Fragment, null, children || (React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })))) : (React.createElement("div", { key: item, className: `${classPrefix}__dot` })));
|
|
22
22
|
}
|
|
23
23
|
return childs;
|
|
24
24
|
};
|
|
25
|
-
return (
|
|
25
|
+
return (React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement()));
|
|
26
26
|
};
|
|
27
27
|
Indicator.defaultProps = defaultProps;
|
|
28
28
|
Indicator.displayName = 'NutIndicator';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { ScrollView } from '@tarojs/components';
|
|
4
4
|
import { createSelectorQuery } from '@tarojs/taro';
|
|
5
5
|
import { c as cn } from './bem-350c1702.js';
|
|
6
|
-
import { u as useConfig } from './configprovider.taro-
|
|
6
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
7
7
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
8
8
|
|
|
9
9
|
const defaultProps = {
|
|
@@ -125,15 +125,15 @@ const Infiniteloading = (props) => {
|
|
|
125
125
|
onRefresh && onRefresh(refreshDone);
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
|
-
return (
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
pullIcon &&
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
loadIcon &&
|
|
136
|
-
|
|
128
|
+
return (React.createElement(ScrollView, { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: '100%' }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
|
|
129
|
+
React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
|
|
130
|
+
React.createElement("div", { className: "top-box" },
|
|
131
|
+
pullIcon && React.createElement(React.Fragment, null, pullIcon),
|
|
132
|
+
React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
|
|
133
|
+
React.createElement("div", { className: "nut-infinite-container" }, children),
|
|
134
|
+
React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? (React.createElement("div", { className: "bottom-box" },
|
|
135
|
+
loadIcon && React.createElement(React.Fragment, null, loadIcon),
|
|
136
|
+
React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText))) : (!hasMore && (React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))))));
|
|
137
137
|
};
|
|
138
138
|
Infiniteloading.defaultProps = defaultProps;
|
|
139
139
|
Infiniteloading.displayName = 'NutInfiniteloading';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
|
|
2
2
|
import { MaskClose } from '@nutui/icons-react-taro';
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
5
5
|
|
|
6
6
|
function trimExtraChar(value, char, regExp) {
|
|
@@ -179,30 +179,30 @@ const Input = forwardRef((props, ref) => {
|
|
|
179
179
|
updateValue('');
|
|
180
180
|
onClear && onClear('', event);
|
|
181
181
|
};
|
|
182
|
-
return (
|
|
182
|
+
return (React.createElement("div", { className: `${classes} ${className || ''}`, style: style, onClick: (e) => {
|
|
183
183
|
onClick && onClick(e);
|
|
184
|
-
} }, slotInput ? (
|
|
185
|
-
label ? (
|
|
186
|
-
|
|
184
|
+
} }, slotInput ? (React.createElement(React.Fragment, null,
|
|
185
|
+
label ? (React.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
|
|
186
|
+
React.createElement("div", { className: "label-string" },
|
|
187
187
|
label,
|
|
188
188
|
colon ? ':' : ''))) : null,
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
React.createElement("div", { className: "nut-input-value" },
|
|
190
|
+
React.createElement("div", { className: "nut-input-inner", onClick: (e) => {
|
|
191
191
|
handleClickInput(e);
|
|
192
|
-
} }, slotInput)))) : (
|
|
193
|
-
|
|
192
|
+
} }, slotInput)))) : (React.createElement(React.Fragment, null,
|
|
193
|
+
React.isValidElement(leftIcon) ? (React.createElement("div", { className: "nut-input-left-icon", onClick: (e) => {
|
|
194
194
|
handleClickLeftIcon(e);
|
|
195
195
|
} }, leftIcon)) : null,
|
|
196
|
-
label ? (
|
|
197
|
-
|
|
196
|
+
label ? (React.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
|
|
197
|
+
React.createElement("div", { className: "label-string" },
|
|
198
198
|
label,
|
|
199
199
|
colon ? ':' : ''))) : null,
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
200
|
+
React.createElement("div", { className: "nut-input-value" },
|
|
201
|
+
React.createElement("div", { className: "nut-input-main-con" },
|
|
202
|
+
React.createElement("div", { className: "nut-input-inner", onClick: (e) => {
|
|
203
203
|
handleClickInput(e);
|
|
204
204
|
} },
|
|
205
|
-
type === 'textarea' ? (
|
|
205
|
+
type === 'textarea' ? (React.createElement("textarea", { name: name, className: "input-text", ref: inputRef, style: {
|
|
206
206
|
textAlign: inputAlign,
|
|
207
207
|
height: `${Number(rows) * 24}px`,
|
|
208
208
|
}, maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
|
|
@@ -211,25 +211,25 @@ const Input = forwardRef((props, ref) => {
|
|
|
211
211
|
handleFocus(e);
|
|
212
212
|
}, onInput: (e) => {
|
|
213
213
|
handleInput(e);
|
|
214
|
-
} })) : (
|
|
214
|
+
} })) : (React.createElement("input", { ...rest, name: name, className: "input-text", ref: inputRef, style: { textAlign: inputAlign }, type: inputType(type), maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
|
|
215
215
|
handleBlur(e);
|
|
216
216
|
}, onFocus: (e) => {
|
|
217
217
|
handleFocus(e);
|
|
218
218
|
}, onInput: (e) => {
|
|
219
219
|
handleInput(e);
|
|
220
220
|
} })),
|
|
221
|
-
clearable && !readonly && active && inputValue.length > 0 ? (
|
|
222
|
-
|
|
221
|
+
clearable && !readonly && active && inputValue.length > 0 ? (React.createElement("span", { className: "nut-input-clear-wrap", onClick: (e) => handleClear(e) }, clearIcon || React.createElement(MaskClose, { className: "nut-input-clear" }))) : null),
|
|
222
|
+
React.isValidElement(rightIcon) ? (React.createElement("div", { className: "nut-input-right-icon", onClick: (e) => {
|
|
223
223
|
handleClickRightIcon(e);
|
|
224
224
|
} }, rightIcon)) : null,
|
|
225
|
-
slotButton ? (
|
|
226
|
-
showWordLimit && maxlength ? (
|
|
227
|
-
|
|
225
|
+
slotButton ? (React.createElement("div", { className: "nut-input-button" }, slotButton)) : null,
|
|
226
|
+
showWordLimit && maxlength ? (React.createElement("div", { className: "nut-input-word-limit" },
|
|
227
|
+
React.createElement("span", { className: "nut-input-word-num" }, inputValue ? inputValue.length : 0),
|
|
228
228
|
"/",
|
|
229
229
|
maxlength)) : null),
|
|
230
|
-
errorMessage ? (
|
|
230
|
+
errorMessage ? (React.createElement("div", { className: "nut-input-error-message", style: {
|
|
231
231
|
textAlign: errorMessageAlign,
|
|
232
|
-
} }, errorMessage)) : (
|
|
232
|
+
} }, errorMessage)) : (React.createElement("div", null)))))));
|
|
233
233
|
});
|
|
234
234
|
Input.defaultProps = defaultProps;
|
|
235
235
|
Input.displayName = 'NutInput';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useRef, useEffect } from 'react';
|
|
2
2
|
import { Minus, Plus } from '@nutui/icons-react-taro';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { u as usePropsValue } from './use-props-value-ae7ee726.js';
|
|
@@ -186,12 +186,12 @@ const InputNumber = (props) => {
|
|
|
186
186
|
emitChange(value, e);
|
|
187
187
|
onBlur && onBlur(e);
|
|
188
188
|
};
|
|
189
|
-
return (
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
189
|
+
return (React.createElement("div", { className: classes, style: styles, ...restProps },
|
|
190
|
+
React.createElement("div", { className: "nut-input-minus" },
|
|
191
|
+
React.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })),
|
|
192
|
+
React.createElement(React.Fragment, null, formatter ? (React.createElement("input", { type: "text", min: min, max: max, disabled: disabled, readOnly: readonly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue })) : (React.createElement("input", { type: "digit", min: min, max: max, disabled: disabled, readOnly: readonly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue }))),
|
|
193
|
+
React.createElement("div", { className: "nut-input-add" },
|
|
194
|
+
React.createElement(Plus, { className: iconAddClasses, onClick: addNumber }))));
|
|
195
195
|
};
|
|
196
196
|
InputNumber.defaultProps = defaultProps;
|
|
197
197
|
InputNumber.displayName = 'NutInputNumber';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
|
|
3
3
|
const defaultProps = {};
|
|
4
4
|
const Layout = (props) => {
|
|
5
5
|
({ ...defaultProps, ...props });
|
|
6
|
-
return
|
|
6
|
+
return React.createElement("div", { className: "nut-layout" }, "Layout");
|
|
7
7
|
};
|
|
8
8
|
Layout.defaultProps = defaultProps;
|
|
9
9
|
Layout.displayName = 'NutLayout';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { ArrowUp2, ArrowDown2 } from '@nutui/icons-react-taro';
|
|
4
4
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
@@ -49,8 +49,8 @@ const Menu = (props) => {
|
|
|
49
49
|
setMenuItemTitle([...menuItemTitle]);
|
|
50
50
|
};
|
|
51
51
|
const cloneChildren = () => {
|
|
52
|
-
return
|
|
53
|
-
return
|
|
52
|
+
return React.Children.map(children, (child, index) => {
|
|
53
|
+
return React.cloneElement(child, {
|
|
54
54
|
show: showMenuItem[index],
|
|
55
55
|
index,
|
|
56
56
|
activeColor,
|
|
@@ -66,8 +66,8 @@ const Menu = (props) => {
|
|
|
66
66
|
});
|
|
67
67
|
};
|
|
68
68
|
const menuTitle = () => {
|
|
69
|
-
return
|
|
70
|
-
if (
|
|
69
|
+
return React.Children.map(children, (child, index) => {
|
|
70
|
+
if (React.isValidElement(child)) {
|
|
71
71
|
const { title, options, value, disabled, direction } = child.props;
|
|
72
72
|
const selected = options?.filter((option) => option.value === value);
|
|
73
73
|
const finallyTitle = () => {
|
|
@@ -79,28 +79,28 @@ const Menu = (props) => {
|
|
|
79
79
|
return selected[0].text;
|
|
80
80
|
return '';
|
|
81
81
|
};
|
|
82
|
-
return (
|
|
82
|
+
return (React.createElement("div", { className: classNames('nut-menu__item ', className, {
|
|
83
83
|
active: showMenuItem[index],
|
|
84
84
|
disabled,
|
|
85
85
|
}), style: { color: showMenuItem[index] ? activeColor : '' }, key: index, onClick: () => {
|
|
86
86
|
!disabled && toggleMenuItem(index);
|
|
87
87
|
} },
|
|
88
|
-
|
|
88
|
+
React.createElement("div", { className: classNames('nut-menu__title ', {
|
|
89
89
|
active: showMenuItem[index],
|
|
90
90
|
disabled,
|
|
91
91
|
}) },
|
|
92
|
-
|
|
92
|
+
React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
|
|
93
93
|
icon ||
|
|
94
|
-
(direction === 'up' ? (
|
|
94
|
+
(direction === 'up' ? (React.createElement(ArrowUp2, { className: "nut-menu__title-icon", size: 10 })) : (React.createElement(ArrowDown2, { className: "nut-menu__title-icon", size: 10 }))))));
|
|
95
95
|
}
|
|
96
96
|
return null;
|
|
97
97
|
});
|
|
98
98
|
};
|
|
99
|
-
return (
|
|
99
|
+
return (React.createElement("div", { ...rest, className: classNames(`nut-menu`, className, {
|
|
100
100
|
'scroll-fixed': isScrollFixed,
|
|
101
101
|
}), ref: menuRef },
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
React.createElement("div", { className: "nut-menu-relative" },
|
|
103
|
+
React.createElement("div", { className: classNames('nut-menu__bar', {
|
|
104
104
|
opened: showMenuItem.includes(true),
|
|
105
105
|
}) }, menuTitle()),
|
|
106
106
|
cloneChildren())));
|