@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,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { isValidElement, useState, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { P as Popup } from './popup.taro-
|
|
4
|
-
import { T as Tabs } from './tabs.taro-
|
|
5
|
-
import { T as TabPane } from './tabpane.taro-
|
|
3
|
+
import { P as Popup } from './popup.taro-89cc342a.js';
|
|
4
|
+
import { T as Tabs } from './tabs.taro-d47ccfc5.js';
|
|
5
|
+
import { T as TabPane } from './tabpane.taro-406cc0d3.js';
|
|
6
6
|
import { Loading, Checklist } from '@nutui/icons-react-taro';
|
|
7
7
|
import { c as cn } from './bem-350c1702.js';
|
|
8
8
|
|
|
@@ -38,17 +38,17 @@ const InternalCascaderItem = (props, ref) => {
|
|
|
38
38
|
if (isValidElement(checkedIcon)) {
|
|
39
39
|
return checkedIcon;
|
|
40
40
|
}
|
|
41
|
-
return
|
|
41
|
+
return React.createElement(Checklist, { className: `${checked ? b('icon-check') : ''}` });
|
|
42
42
|
}
|
|
43
43
|
return null;
|
|
44
44
|
};
|
|
45
|
-
return (
|
|
45
|
+
return (React.createElement("div", { style: { color: checked ? activeColor : '' }, className: classes, onClick: () => {
|
|
46
46
|
chooseItem(data);
|
|
47
47
|
} },
|
|
48
|
-
|
|
49
|
-
data.loading ? (
|
|
48
|
+
React.createElement("div", { className: classesTitle }, data.text),
|
|
49
|
+
data.loading ? (React.createElement(Loading, { color: "#969799", className: "nut-cascader-item__icon-loading" })) : (renderIcon())));
|
|
50
50
|
};
|
|
51
|
-
const CascaderItem =
|
|
51
|
+
const CascaderItem = React.forwardRef(InternalCascaderItem);
|
|
52
52
|
CascaderItem.defaultProps = defaultProps$1;
|
|
53
53
|
CascaderItem.displayName = 'NutCascaderItem';
|
|
54
54
|
|
|
@@ -416,14 +416,14 @@ const InternalCascader = (props, ref) => {
|
|
|
416
416
|
setOptionsData(state.panes);
|
|
417
417
|
};
|
|
418
418
|
const renderItem = () => {
|
|
419
|
-
return (
|
|
420
|
-
poppable &&
|
|
421
|
-
|
|
422
|
-
return optionsData.map((pane, index) => (
|
|
419
|
+
return (React.createElement("div", { className: `${classes} ${className}`, style: style },
|
|
420
|
+
poppable && React.createElement("div", { className: b('title') }, title),
|
|
421
|
+
React.createElement(Tabs, { value: tabvalue, title: () => {
|
|
422
|
+
return optionsData.map((pane, index) => (React.createElement("div", { onClick: () => {
|
|
423
423
|
setTabvalue(pane.paneKey);
|
|
424
424
|
state.tabsCursor = index;
|
|
425
425
|
}, className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? 'active' : ''}`, key: pane.paneKey },
|
|
426
|
-
|
|
426
|
+
React.createElement("span", { className: "nut-tabs__titles-item__text" },
|
|
427
427
|
!state.initLoading &&
|
|
428
428
|
state.panes.length &&
|
|
429
429
|
pane?.selectedNode?.text,
|
|
@@ -432,15 +432,15 @@ const InternalCascader = (props, ref) => {
|
|
|
432
432
|
!pane?.selectedNode?.text &&
|
|
433
433
|
'请选择',
|
|
434
434
|
!(!state.initLoading && state.panes.length) && 'Loading...'),
|
|
435
|
-
|
|
436
|
-
} }, !state.initLoading && state.panes.length ? (optionsData.map((pane) => (
|
|
437
|
-
|
|
438
|
-
pane.nodes.map((node, index) => (
|
|
439
|
-
|
|
435
|
+
React.createElement("span", { className: "nut-tabs__titles-item__line", style: { background: tabsColor } }))));
|
|
436
|
+
} }, !state.initLoading && state.panes.length ? (optionsData.map((pane) => (React.createElement(TabPane, { key: pane.paneKey, value: pane.paneKey },
|
|
437
|
+
React.createElement("div", { className: classesPane }, pane.nodes &&
|
|
438
|
+
pane.nodes.map((node, index) => (React.createElement(CascaderItem, { key: index, ...props, data: node, checked: pane.selectedNode?.value === node.value, chooseItem: (node) => chooseItem(node, false) })))))))) : (React.createElement(TabPane, null,
|
|
439
|
+
React.createElement("div", { className: classesPane }))))));
|
|
440
440
|
};
|
|
441
|
-
return (
|
|
441
|
+
return (React.createElement(React.Fragment, null, poppable ? (React.createElement(Popup, { className: "cascadar-popup", visible: visible, position: "bottom", round: true, closeable: closeable, closeIconPosition: closeIconPosition, onClickOverlay: closePopup, onClickCloseIcon: closePopup }, renderItem())) : (renderItem())));
|
|
442
442
|
};
|
|
443
|
-
const Cascader =
|
|
443
|
+
const Cascader = React.forwardRef(InternalCascader);
|
|
444
444
|
Cascader.defaultProps = defaultProps;
|
|
445
445
|
Cascader.displayName = 'NutCascader';
|
|
446
446
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
4
4
|
|
|
@@ -30,12 +30,12 @@ const Cell = (props) => {
|
|
|
30
30
|
: {
|
|
31
31
|
flex: 1,
|
|
32
32
|
};
|
|
33
|
-
return (
|
|
34
|
-
title || description ? (
|
|
35
|
-
title ? (
|
|
36
|
-
description ? (
|
|
37
|
-
extra ? (
|
|
38
|
-
|
|
33
|
+
return (React.createElement("div", { className: classNames(classPrefix, className), onClick: (event) => handleClick(event), style: baseStyle, ...rest }, children || (React.createElement(React.Fragment, null,
|
|
34
|
+
title || description ? (React.createElement("div", { className: `${classPrefix}__left` },
|
|
35
|
+
title ? (React.createElement("div", { className: `${classPrefix}__title` }, title)) : null,
|
|
36
|
+
description ? (React.createElement("div", { className: `${classPrefix}__description` }, description)) : null)) : null,
|
|
37
|
+
extra ? (React.createElement("div", { className: `${classPrefix}__extra`, style: styles }, extra)) : null,
|
|
38
|
+
React.createElement("div", { className: `${classPrefix}__divider` })))));
|
|
39
39
|
};
|
|
40
40
|
Cell.defaultProps = defaultProps;
|
|
41
41
|
Cell.displayName = 'NutCell';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
4
4
|
|
|
@@ -13,10 +13,10 @@ const CellGroup = (props) => {
|
|
|
13
13
|
...defaultProps,
|
|
14
14
|
...props,
|
|
15
15
|
};
|
|
16
|
-
return (
|
|
17
|
-
title ?
|
|
18
|
-
description ? (
|
|
19
|
-
|
|
16
|
+
return (React.createElement("div", { className: classNames(classPrefix, className), ...rest },
|
|
17
|
+
title ? React.createElement("div", { className: `${classPrefix}__title` }, title) : null,
|
|
18
|
+
description ? (React.createElement("div", { className: `${classPrefix}__description` }, description)) : null,
|
|
19
|
+
React.createElement("div", { className: `${classPrefix}__wrap` }, children)));
|
|
20
20
|
};
|
|
21
21
|
CellGroup.defaultProps = defaultProps;
|
|
22
22
|
CellGroup.displayName = 'NutCellGroup';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { createContext, useImperativeHandle, useState, useEffect, useCallback, useContext } from 'react';
|
|
2
2
|
import { CheckNormal, CheckDisabled, Checked } from '@nutui/icons-react-taro';
|
|
3
3
|
import { c as cn } from './bem-350c1702.js';
|
|
4
4
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
@@ -14,7 +14,7 @@ const defaultProps$1 = {
|
|
|
14
14
|
onChange: (value) => { },
|
|
15
15
|
options: [],
|
|
16
16
|
};
|
|
17
|
-
const CheckboxGroup =
|
|
17
|
+
const CheckboxGroup = React.forwardRef((props, ref) => {
|
|
18
18
|
const { children } = { ...defaultProps$1, ...props };
|
|
19
19
|
const b = cn('checkboxgroup');
|
|
20
20
|
const { className, disabled, onChange, checkedValue, max, textPosition, direction, options, ...rest } = props;
|
|
@@ -25,7 +25,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
25
25
|
}
|
|
26
26
|
else {
|
|
27
27
|
const childrenLabel = [];
|
|
28
|
-
|
|
28
|
+
React.Children.map(children, (child) => {
|
|
29
29
|
const childProps = child.props;
|
|
30
30
|
childrenLabel.push(childProps.label || child.children);
|
|
31
31
|
});
|
|
@@ -34,7 +34,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
34
34
|
},
|
|
35
35
|
toggleReverse() {
|
|
36
36
|
const childrenLabel = [];
|
|
37
|
-
|
|
37
|
+
React.Children.map(children, (child) => {
|
|
38
38
|
const childProps = child.props;
|
|
39
39
|
childrenLabel.push(childProps.label || child.children);
|
|
40
40
|
});
|
|
@@ -48,10 +48,10 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
48
48
|
}, [checkedValue]);
|
|
49
49
|
const renderOptions = useCallback(() => {
|
|
50
50
|
return options?.map(({ label, value, disabled, onChange, ...rest }) => {
|
|
51
|
-
return (
|
|
51
|
+
return (React.createElement(Checkbox, { key: value?.toString(), children: label, label: value, ...rest }));
|
|
52
52
|
});
|
|
53
53
|
}, [options, max]);
|
|
54
|
-
return (
|
|
54
|
+
return (React.createElement(CheckboxGroupContext.Provider, { value: {
|
|
55
55
|
textPosition: textPosition || 'left',
|
|
56
56
|
disabled,
|
|
57
57
|
max,
|
|
@@ -67,7 +67,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
67
67
|
onChange && onChange(reduced);
|
|
68
68
|
},
|
|
69
69
|
} },
|
|
70
|
-
|
|
70
|
+
React.createElement("div", { className: `${b()} nut-checkboxgroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptions() : children)));
|
|
71
71
|
});
|
|
72
72
|
CheckboxGroup.defaultProps = defaultProps$1;
|
|
73
73
|
CheckboxGroup.displayName = 'NutCheckboxGroup';
|
|
@@ -121,12 +121,12 @@ const Checkbox = (props) => {
|
|
|
121
121
|
}
|
|
122
122
|
const renderIcon = () => {
|
|
123
123
|
if (!innerChecked) {
|
|
124
|
-
return
|
|
124
|
+
return React.isValidElement(icon) ? (icon) : (React.createElement(CheckNormal, { size: iconSize, className: color() }));
|
|
125
125
|
}
|
|
126
126
|
if (_indeterminate) {
|
|
127
|
-
return
|
|
127
|
+
return React.isValidElement(indeterminateIcon) ? (indeterminateIcon) : (React.createElement(CheckDisabled, { size: iconSize, className: color() }));
|
|
128
128
|
}
|
|
129
|
-
return
|
|
129
|
+
return React.isValidElement(checkedIcon) ? (checkedIcon) : (React.createElement(Checked, { size: iconSize, className: color() }));
|
|
130
130
|
};
|
|
131
131
|
const color = () => {
|
|
132
132
|
if (innerDisabled) {
|
|
@@ -141,7 +141,7 @@ const Checkbox = (props) => {
|
|
|
141
141
|
return 'nut-checkbox__icon--unchecked';
|
|
142
142
|
};
|
|
143
143
|
const renderLabel = () => {
|
|
144
|
-
return (
|
|
144
|
+
return (React.createElement("span", { className: `${b('label', { disabled: innerDisabled })} ` }, children || label));
|
|
145
145
|
};
|
|
146
146
|
const handleClick = () => {
|
|
147
147
|
// 禁用的时候直接返回
|
|
@@ -157,7 +157,7 @@ const Checkbox = (props) => {
|
|
|
157
157
|
onChange && onChange(latestChecked, label || children);
|
|
158
158
|
setInnerChecked(latestChecked);
|
|
159
159
|
};
|
|
160
|
-
return (
|
|
160
|
+
return (React.createElement("div", { className: `${b({ reverse: textPosition === 'left' })} ${className || ''}`, ...rest, onClick: handleClick },
|
|
161
161
|
renderIcon(),
|
|
162
162
|
renderLabel()));
|
|
163
163
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { a as isObject } from './index-5bcb0ff8.js';
|
|
4
4
|
import { c as cn } from './bem-350c1702.js';
|
|
@@ -97,9 +97,9 @@ const CircleProgress = (props) => {
|
|
|
97
97
|
height: '100%',
|
|
98
98
|
};
|
|
99
99
|
};
|
|
100
|
-
return (
|
|
101
|
-
|
|
102
|
-
|
|
100
|
+
return (React.createElement("div", { className: classes, style: styles, ...restProps },
|
|
101
|
+
React.createElement("div", { style: circleStyle() }),
|
|
102
|
+
React.createElement("div", { className: "nut-circleprogress-text" }, children || React.createElement("div", null,
|
|
103
103
|
progress,
|
|
104
104
|
"%"))));
|
|
105
105
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useContext, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { D as DataContext } from './UserContext-0aac9a82.js';
|
|
4
4
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
@@ -33,7 +33,7 @@ const Col = (props) => {
|
|
|
33
33
|
setColName(classs);
|
|
34
34
|
setColStyle(getStyle);
|
|
35
35
|
}, [span, offset, gutter]);
|
|
36
|
-
return (
|
|
36
|
+
return (React.createElement("div", { className: classNames(colName, className), style: { ...style, ...colStyle }, onClick: (e) => {
|
|
37
37
|
onClick && onClick(e, 'col');
|
|
38
38
|
} }, children));
|
|
39
39
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { memo, useState, useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { c as cn } from './bem-350c1702.js';
|
|
4
4
|
|
|
@@ -18,7 +18,7 @@ const Collapse = memo((props) => {
|
|
|
18
18
|
...defaultProps,
|
|
19
19
|
...props,
|
|
20
20
|
};
|
|
21
|
-
const childrenDom =
|
|
21
|
+
const childrenDom = React.Children.toArray(children);
|
|
22
22
|
const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
|
|
23
23
|
const handleActiveName = () => {
|
|
24
24
|
let activeArr = [];
|
|
@@ -64,8 +64,8 @@ const Collapse = memo((props) => {
|
|
|
64
64
|
setDefaultOpenIndex(newOpenIndex);
|
|
65
65
|
onChange && onChange(!isOpen, name);
|
|
66
66
|
};
|
|
67
|
-
return (
|
|
68
|
-
return
|
|
67
|
+
return (React.createElement("div", { className: classNames(colBem(), className), style: style }, childrenDom.map((item) => {
|
|
68
|
+
return React.cloneElement(item, {
|
|
69
69
|
isOpen: defaultOpenIndex.includes(item.props.name),
|
|
70
70
|
onToggle: (isOpen, name) => onToggle(isOpen, name),
|
|
71
71
|
expandIcon: item.props.expandIcon || expandIcon,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useCallback, useEffect } from 'react';
|
|
2
2
|
import { c as cn } from './bem-350c1702.js';
|
|
3
3
|
|
|
4
4
|
const defaultProps = {
|
|
@@ -49,18 +49,18 @@ const CollapseItem = (props) => {
|
|
|
49
49
|
}
|
|
50
50
|
setUpdate(!update);
|
|
51
51
|
}, [children, isOpen]);
|
|
52
|
-
return (
|
|
53
|
-
|
|
52
|
+
return (React.createElement("div", { className: colBem(), ...rest },
|
|
53
|
+
React.createElement("div", { className: colBem('header', { disabled }), onClick: () => {
|
|
54
54
|
if (disabled)
|
|
55
55
|
return;
|
|
56
56
|
onToggle && onToggle(isOpen, name);
|
|
57
57
|
} },
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
childnull && (
|
|
63
|
-
|
|
58
|
+
React.createElement("div", { className: colBem('title') }, title),
|
|
59
|
+
React.createElement("div", { className: colBem('sub-title') }, subTitle),
|
|
60
|
+
React.createElement("div", { className: colBem('icon-box') },
|
|
61
|
+
React.createElement("div", { className: colBem('icon'), style: iconStyle }, expandIcon))),
|
|
62
|
+
childnull && (React.createElement("div", { className: colBem('content'), style: { height: currHeight }, ref: measuredRef },
|
|
63
|
+
React.createElement("div", { className: colBem('content-text') }, children)))));
|
|
64
64
|
};
|
|
65
65
|
CollapseItem.defaultProps = defaultProps;
|
|
66
66
|
CollapseItem.displayName = 'NutCollapseItem';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { createContext, useContext, useMemo } from 'react';
|
|
2
2
|
import kebabCase from 'lodash.kebabcase';
|
|
3
3
|
import { z as zhCN } from './zh-CN-b4f493ba.js';
|
|
4
4
|
|
|
@@ -33,11 +33,11 @@ const ConfigProvider = (props) => {
|
|
|
33
33
|
const parentConfig = useConfig();
|
|
34
34
|
const theme = config.theme || {};
|
|
35
35
|
const style = useMemo(() => convertThemeVarsToCSSVars(theme), [theme]);
|
|
36
|
-
return (
|
|
36
|
+
return (React.createElement(ConfigContext.Provider, { value: {
|
|
37
37
|
...parentConfig,
|
|
38
38
|
...config,
|
|
39
39
|
} },
|
|
40
|
-
|
|
40
|
+
React.createElement("div", { style: style }, children)));
|
|
41
41
|
};
|
|
42
42
|
ConfigProvider.defaultProps = defaultProps;
|
|
43
43
|
ConfigProvider.displayName = 'NutConfigProvider';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useRef, useImperativeHandle, 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
|
const defaultProps = {
|
|
6
6
|
paused: false,
|
|
@@ -212,13 +212,13 @@ const InternalCountDown = (props, ref) => {
|
|
|
212
212
|
const renderTime = (() => {
|
|
213
213
|
return formatRemainTime(stateRef.current.restTime);
|
|
214
214
|
})();
|
|
215
|
-
return (
|
|
215
|
+
return (React.createElement("div", { className: `${b()} ${className || ''}`, style: { ...style }, ...rest }, children || (React.createElement("div", { className: b('block'),
|
|
216
216
|
// eslint-disable-next-line react/no-danger
|
|
217
217
|
dangerouslySetInnerHTML: {
|
|
218
218
|
__html: `${renderTime}`,
|
|
219
219
|
} }))));
|
|
220
220
|
};
|
|
221
|
-
const CountDown =
|
|
221
|
+
const CountDown = React.forwardRef(InternalCountDown);
|
|
222
222
|
CountDown.defaultProps = defaultProps;
|
|
223
223
|
CountDown.displayName = 'NutCountDown';
|
|
224
224
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { P as Picker } from './picker.taro-
|
|
3
|
-
import { u as useConfig } from './configprovider.taro-
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
|
+
import { P as Picker } from './picker.taro-9f1bb6a4.js';
|
|
3
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
4
4
|
import { View } from '@tarojs/components';
|
|
5
5
|
|
|
6
6
|
const currentYear = new Date().getFullYear();
|
|
@@ -267,7 +267,7 @@ const DatePicker = (props) => {
|
|
|
267
267
|
setListData(columns());
|
|
268
268
|
}
|
|
269
269
|
}, [currentDate]);
|
|
270
|
-
return (
|
|
270
|
+
return (React.createElement(View, { className: `nut-datepicker ${className || ''}`, style: style, catchMove: true, ...rest }, listData.length > 0 && (React.createElement(Picker, { title: title, visible: show, listData: listData, onClose: onCloseDatePicker, defaultValueData: defaultValue, onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options), onChange: (index, value, list) => updateChooseValueCustmer(index, value, list), threeDimensional: threeDimensional, ref: pickerRef }))));
|
|
271
271
|
};
|
|
272
272
|
DatePicker.defaultProps = defaultProps;
|
|
273
273
|
DatePicker.displayName = 'NutDatePicker';
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { View } from '@tarojs/components';
|
|
4
|
+
import { B as Button } from './button.taro-b50bc217.js';
|
|
5
|
+
import { CSSTransition } from 'react-transition-group';
|
|
6
|
+
import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-067b7202.js';
|
|
7
|
+
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
8
|
+
import { u as useConfig } from './configprovider.taro-43a3c646.js';
|
|
9
|
+
|
|
10
|
+
const Content = (props) => {
|
|
11
|
+
const { visible, title, footer, footerDirection, onClick, children } = props;
|
|
12
|
+
const classPrefix = 'nut-dialog';
|
|
13
|
+
const renderHeader = () => {
|
|
14
|
+
return title ? (React.createElement("div", { className: `${classPrefix}__header` }, title)) : null;
|
|
15
|
+
};
|
|
16
|
+
const renderFooter = () => {
|
|
17
|
+
return footer ? (React.createElement("div", { className: classNames(`${classPrefix}__footer`, {
|
|
18
|
+
[footerDirection]: footerDirection,
|
|
19
|
+
}) }, footer)) : null;
|
|
20
|
+
};
|
|
21
|
+
const handleClick = (e) => {
|
|
22
|
+
onClick && onClick(e);
|
|
23
|
+
};
|
|
24
|
+
return (React.createElement("div", { className: `${classPrefix}__outer`, onClick: (e) => handleClick(e) },
|
|
25
|
+
React.createElement("div", { className: classPrefix, style: { display: visible ? 'flex' : 'none' } },
|
|
26
|
+
renderHeader(),
|
|
27
|
+
React.createElement("div", { className: `${classPrefix}__content` },
|
|
28
|
+
React.createElement(React.Fragment, null, children)),
|
|
29
|
+
renderFooter())));
|
|
30
|
+
};
|
|
31
|
+
Content.displayName = 'NutContent';
|
|
32
|
+
|
|
33
|
+
const defaultDialogProps = {
|
|
34
|
+
...ComponentDefaults,
|
|
35
|
+
overlay: true,
|
|
36
|
+
overlayStyle: {},
|
|
37
|
+
overlayClassName: '',
|
|
38
|
+
onCancel: () => { },
|
|
39
|
+
onClose: () => { },
|
|
40
|
+
onOverlayClick: (e) => true,
|
|
41
|
+
...defaultOverlayProps,
|
|
42
|
+
};
|
|
43
|
+
const DialogWrap = (props) => {
|
|
44
|
+
const { visible, overlay, overlayStyle, overlayClassName, closeOnOverlayClick, lockScroll, onClose, onCancel, onOverlayClick, } = props;
|
|
45
|
+
const onHandleClickOverlay = (e) => {
|
|
46
|
+
console.log('onClose?.()', closeOnOverlayClick);
|
|
47
|
+
if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
|
|
48
|
+
const closed = onOverlayClick && onOverlayClick(e);
|
|
49
|
+
closed && onClose?.();
|
|
50
|
+
closed && onCancel?.();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
return (React.createElement(React.Fragment, null,
|
|
54
|
+
overlay ? (React.createElement(Overlay, { style: overlayStyle, className: overlayClassName, visible: true, closeOnOverlayClick: closeOnOverlayClick, lockScroll: lockScroll, onClick: onHandleClickOverlay })) : null,
|
|
55
|
+
React.createElement(CSSTransition, { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
|
|
56
|
+
React.createElement(Content, { ...props, visible: visible }))));
|
|
57
|
+
};
|
|
58
|
+
DialogWrap.defaultProps = defaultDialogProps;
|
|
59
|
+
DialogWrap.displayName = 'NutDialogWrap';
|
|
60
|
+
|
|
61
|
+
const defaultProps = {
|
|
62
|
+
confirmText: '',
|
|
63
|
+
cancelText: '',
|
|
64
|
+
overlay: true,
|
|
65
|
+
closeOnOverlayClick: true,
|
|
66
|
+
hideConfirmButton: false,
|
|
67
|
+
hideCancelButton: false,
|
|
68
|
+
disableConfirmButton: false,
|
|
69
|
+
footerDirection: 'horizontal',
|
|
70
|
+
lockScroll: true,
|
|
71
|
+
beforeCancel: () => true,
|
|
72
|
+
beforeClose: () => true,
|
|
73
|
+
};
|
|
74
|
+
const BaseDialog = forwardRef((props, ref) => {
|
|
75
|
+
const { locale } = useConfig();
|
|
76
|
+
const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, onClose, onCancel, onConfirm, beforeCancel, beforeClose, ...restProps } = props;
|
|
77
|
+
const classPrefix = 'nut-dialog';
|
|
78
|
+
const renderFooter = () => {
|
|
79
|
+
if (footer === null)
|
|
80
|
+
return '';
|
|
81
|
+
const handleCancel = (e) => {
|
|
82
|
+
e.stopPropagation();
|
|
83
|
+
if (!beforeCancel?.())
|
|
84
|
+
return;
|
|
85
|
+
if (!beforeClose?.())
|
|
86
|
+
return;
|
|
87
|
+
onClose?.();
|
|
88
|
+
onCancel?.();
|
|
89
|
+
};
|
|
90
|
+
const handleOk = (e) => {
|
|
91
|
+
e.stopPropagation();
|
|
92
|
+
onClose?.();
|
|
93
|
+
onConfirm?.(e);
|
|
94
|
+
};
|
|
95
|
+
return (footer || (React.createElement(React.Fragment, null,
|
|
96
|
+
!hideCancelButton && (React.createElement(Button, { size: "small", fill: "outline", type: "primary", className: `${classPrefix}__footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel)),
|
|
97
|
+
!hideConfirmButton && (React.createElement(Button, { size: "small", type: "primary", className: classNames(`${classPrefix}__footer-ok`, {
|
|
98
|
+
disabled: disableConfirmButton,
|
|
99
|
+
}), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)))));
|
|
100
|
+
};
|
|
101
|
+
return (React.createElement(View, { style: { display: visible ? 'block' : 'none' }, catchMove: lockScroll },
|
|
102
|
+
React.createElement(DialogWrap, { ...props, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClose: onClose, onCancel: onCancel })));
|
|
103
|
+
});
|
|
104
|
+
BaseDialog.defaultProps = defaultProps;
|
|
105
|
+
BaseDialog.displayName = 'NutDialog';
|
|
106
|
+
|
|
107
|
+
export { BaseDialog as B };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
4
4
|
|
|
@@ -25,7 +25,7 @@ const Divider = (props) => {
|
|
|
25
25
|
[`${classPrefix}`]: true,
|
|
26
26
|
[`${classPrefix}__vertical`]: direction === 'vertical',
|
|
27
27
|
});
|
|
28
|
-
return (
|
|
28
|
+
return (React.createElement("div", { className: `${classes} ${className || ''}`, style: style, ...rest }, children));
|
|
29
29
|
};
|
|
30
30
|
Divider.defaultProps = defaultProps;
|
|
31
31
|
Divider.displayName = 'NutDivider';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import { getSystemInfoSync, createSelectorQuery } from '@tarojs/taro';
|
|
3
3
|
import { C as ComponentDefaults } from './typings-d8491423.js';
|
|
4
4
|
|
|
@@ -100,8 +100,8 @@ const Drag = (props) => {
|
|
|
100
100
|
clearTimeout(timer.current);
|
|
101
101
|
};
|
|
102
102
|
}, []);
|
|
103
|
-
return (
|
|
104
|
-
|
|
103
|
+
return (React.createElement("div", { style: style, className: `${classPrefix} ${className}`, ...reset, ref: myDrag },
|
|
104
|
+
React.createElement("div", { onTouchStart: (event) => touchStart(event), ref: dragRef, onTouchMove: touchMove, onTouchEnd: touchEnd,
|
|
105
105
|
// eslint-disable-next-line react/no-unknown-property
|
|
106
106
|
style: currstyle }, children)));
|
|
107
107
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { createContext, useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { nextTick, createSelectorQuery } from '@tarojs/taro';
|
|
3
3
|
import { ScrollView } from '@tarojs/components';
|
|
4
4
|
import classNames from 'classnames';
|
|
@@ -150,29 +150,29 @@ const Elevator = (props) => {
|
|
|
150
150
|
});
|
|
151
151
|
}
|
|
152
152
|
}, [listview]);
|
|
153
|
-
return (
|
|
154
|
-
sticky && scrollTop > 0 ? (
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
return (
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
return (
|
|
153
|
+
return (React.createElement("div", { className: `${classPrefix} ${className}`, style: style, ...rest },
|
|
154
|
+
sticky && scrollTop > 0 ? (React.createElement("div", { className: `${classPrefix}__list__fixed` },
|
|
155
|
+
React.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null,
|
|
156
|
+
React.createElement("div", { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
|
|
157
|
+
React.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
|
|
158
|
+
return (React.createElement("div", { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
|
|
159
|
+
React.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
|
|
160
|
+
React.createElement(React.Fragment, null, item.list.map((subitem) => {
|
|
161
|
+
return (React.createElement("div", { className: classNames({
|
|
162
162
|
[`${classPrefix}__list__item__name`]: true,
|
|
163
163
|
[`${classPrefix}__list__item__name--highcolor`]: currentData.id === subitem.id &&
|
|
164
164
|
currentKey === item[floorKey],
|
|
165
|
-
}), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? (
|
|
166
|
-
|
|
165
|
+
}), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? (React.createElement(React.Fragment, null,
|
|
166
|
+
React.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
|
|
167
167
|
}))));
|
|
168
168
|
}))),
|
|
169
|
-
list.length && scrollStart ? (
|
|
169
|
+
list.length && scrollStart ? (React.createElement("div", { className: classNames({
|
|
170
170
|
[`${classPrefix}__code--current`]: true,
|
|
171
171
|
[`${classPrefix}__code--current--current`]: true,
|
|
172
172
|
}) }, list[codeIndex][floorKey])) : null,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
return (
|
|
173
|
+
React.createElement("div", { className: `${classPrefix}__bars` },
|
|
174
|
+
React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, list.map((item, index) => {
|
|
175
|
+
return (React.createElement("div", { className: classNames({
|
|
176
176
|
[`${classPrefix}__bars__inner__item`]: true,
|
|
177
177
|
[`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey],
|
|
178
178
|
}), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]));
|