@nutui/nutui-react 2.2.0 → 2.3.0-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 +82 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +6 -7
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +12 -9
- package/dist/esm/Animate.js +2 -3
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +5 -5
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +4 -4
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/BackTop/style/style.css +1 -1
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Barrage/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Button.js +5 -84
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/style.css +1 -1
- package/dist/esm/CalendarCard.js +25 -8
- package/dist/esm/CalendarItem.js +2 -3
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Card.js +8 -8
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cell/style/style.css +1 -1
- package/dist/esm/Cell.js +5 -5
- package/dist/esm/CellGroup/style/style.css +1 -1
- package/dist/esm/CellGroup.js +3 -3
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/CheckboxGroup/style/style.css +1 -1
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/CircleProgress/style/style.css +1 -1
- package/dist/esm/Collapse/style/style.css +1 -1
- package/dist/esm/CollapseItem/style/style.css +1 -1
- package/dist/esm/CountDown/style/style.css +1 -1
- package/dist/esm/CountDown.js +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/DatePicker.js +2 -3
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +6 -9
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Divider.js +1 -2
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Elevator.js +12 -15
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/Empty.js +30 -10
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/FixedNav.js +6 -6
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image/style/style.css +1 -1
- package/dist/esm/Image.js +1 -1
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/ImagePreview.js +2 -2
- package/dist/esm/Indicator/style/style.css +1 -1
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +1 -1
- package/dist/esm/Input/style/style.css +1 -1
- package/dist/esm/InputNumber/style/style.css +1 -1
- package/dist/esm/InputNumber.js +5 -6
- package/dist/esm/Loading/style/style.css +1 -1
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/Menu.js +14 -17
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +10 -10
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +12 -16
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/Notify.js +2 -3
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +15 -14
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +14 -8
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +7 -5
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +12 -4
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Price.js +5 -5
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/Progress.js +2 -3
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/PullToRefresh.js +37 -2
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Range.js +1 -2
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +5 -5
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +20 -20
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +13 -13
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +3 -3
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +7 -7
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Steps.js +1 -2
- package/dist/esm/Sticky/style/style.css +1 -1
- package/dist/esm/Sticky.js +2 -3
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/SubSideNavBar.js +6 -6
- package/dist/esm/Swipe/style/style.css +1 -1
- package/dist/esm/Swipe.js +2 -2
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Swiper.js +3 -5
- package/dist/esm/Switch/style/style.css +1 -1
- package/dist/esm/Switch.js +5 -5
- package/dist/esm/TabPane/style/style.css +1 -1
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +3 -3
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +33 -24
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +3 -4
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +3 -3
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +6 -10
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -4
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +4 -4
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +21 -21
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/badge2.js +2 -2
- package/dist/esm/button2.js +87 -0
- package/dist/esm/cascader2.js +6 -6
- package/dist/esm/checkbox2.js +46 -10
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/configprovider2.js +1 -1
- package/dist/esm/context5.js +1 -1
- package/dist/esm/formitem2.js +8 -7
- package/dist/esm/griditem2.js +2 -3
- package/dist/esm/indicator2.js +3 -3
- package/dist/esm/menuitem2.js +8 -9
- package/dist/esm/overlay2.js +1 -1
- package/dist/esm/popup2.js +21 -21
- package/dist/esm/radio2.js +10 -7
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +9 -11
- package/dist/esm/types/src/locales/zh-TW.d.ts +2 -2
- package/dist/esm/types/src/packages/animate/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/animate/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/button/button.d.ts +2 -1
- package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/button/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/button/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/calendarcard/icon.d.ts +2 -2
- package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/cascader/cascader.d.ts +2 -2
- package/dist/esm/types/src/packages/cascader/cascader.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/elevator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/elevator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
- package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/navbar/navbar.d.ts +1 -0
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
- package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
- package/dist/esm/types/src/packages/popup/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/popup.d.ts +1 -0
- package/dist/esm/types/src/packages/popup/popup.taro.d.ts +3 -2
- package/dist/esm/types/src/packages/range/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/range/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -7
- package/dist/esm/types/src/packages/swipe/swipe.taro.d.ts +0 -7
- package/dist/esm/types/src/packages/tabbar/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/tabbar/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/table/types.d.ts +1 -1
- package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
- package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
- 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/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +2 -2
- package/dist/locales/zh-TW.d.ts +2 -2
- package/dist/locales/zh-TW.js +19 -17
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +820 -650
- package/dist/nutui.react.umd.js +820 -650
- package/dist/packages/actionsheet/actionsheet.scss +15 -15
- package/dist/packages/address/address.scss +4 -4
- package/dist/packages/animatingnumbers/countup.scss +19 -6
- package/dist/packages/audio/audio.scss +17 -9
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/avatarcropper/avatarcropper.scss +4 -0
- package/dist/packages/backtop/backtop.scss +6 -3
- package/dist/packages/badge/badge.scss +5 -5
- package/dist/packages/barrage/barrage.scss +16 -6
- package/dist/packages/button/button.scss +189 -87
- package/dist/packages/calendar/calendar.scss +8 -8
- package/dist/packages/calendarcard/calendarcard.scss +2 -2
- package/dist/packages/card/card.scss +34 -19
- package/dist/packages/cascader/cascader.scss +6 -6
- package/dist/packages/cell/cell.scss +3 -3
- package/dist/packages/cellgroup/cellgroup.scss +6 -6
- package/dist/packages/checkbox/checkbox.scss +92 -21
- package/dist/packages/checkboxgroup/checkboxgroup.scss +17 -7
- package/dist/packages/collapseitem/collapseitem.scss +32 -10
- package/dist/packages/dialog/dialog.scss +11 -11
- package/dist/packages/divider/divider.scss +7 -7
- package/dist/packages/elevator/elevator.scss +13 -12
- package/dist/packages/empty/empty.scss +36 -6
- package/dist/packages/fixednav/fixednav.scss +26 -13
- package/dist/packages/form/form.scss +4 -4
- package/dist/packages/formitem/formitem.scss +6 -6
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +16 -15
- package/dist/packages/image/image.scss +4 -2
- package/dist/packages/imagepreview/imagepreview.scss +1 -11
- package/dist/packages/indicator/indicator.scss +14 -17
- package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
- package/dist/packages/input/input.scss +4 -2
- package/dist/packages/inputnumber/inputnumber.scss +21 -18
- package/dist/packages/loading/loading.scss +3 -3
- package/dist/packages/menu/menu.scss +22 -30
- package/dist/packages/menuitem/menuitem.scss +52 -58
- package/dist/packages/navbar/navbar.scss +52 -16
- package/dist/packages/noticebar/noticebar.scss +47 -51
- package/dist/packages/notify/notify.scss +15 -16
- package/dist/packages/numberkeyboard/numberkeyboard.scss +21 -19
- package/dist/packages/pagination/pagination.scss +32 -9
- package/dist/packages/picker/picker.scss +19 -19
- package/dist/packages/popover/popover.scss +53 -31
- package/dist/packages/popup/popup.scss +225 -213
- package/dist/packages/price/price.scss +7 -7
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
- package/dist/packages/radio/radio.scss +45 -40
- package/dist/packages/radiogroup/radiogroup.scss +18 -18
- package/dist/packages/range/range.scss +13 -2
- package/dist/packages/rate/rate.scss +8 -9
- package/dist/packages/searchbar/searchbar.scss +67 -42
- package/dist/packages/shortpassword/shortpassword.scss +13 -13
- package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
- package/dist/packages/signature/signature.scss +5 -2
- package/dist/packages/skeleton/skeleton.scss +5 -5
- package/dist/packages/step/step.scss +27 -32
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
- package/dist/packages/swipe/swipe.scss +8 -5
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/switch/switch.scss +39 -32
- package/dist/packages/tabbar/tabbar.scss +4 -4
- package/dist/packages/tabbaritem/tabbaritem.scss +8 -1
- package/dist/packages/table/table.scss +27 -27
- package/dist/packages/tabpane/tabpane.scss +2 -2
- package/dist/packages/tabs/tabs.scss +211 -136
- package/dist/packages/tag/tag.scss +12 -12
- package/dist/packages/textarea/textarea.scss +6 -6
- package/dist/packages/timedetail/timedetail.scss +8 -9
- package/dist/packages/timeselect/timeselect.scss +12 -21
- package/dist/packages/toast/toast.scss +36 -21
- package/dist/packages/tour/tour.scss +8 -3
- package/dist/packages/trendarrow/trendarrow.scss +8 -3
- package/dist/packages/uploader/uploader.scss +42 -38
- package/dist/packages/virtuallist/virtuallist.scss +13 -3
- package/dist/packages/watermark/watermark.scss +1 -0
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/theme-dark.scss +17 -28
- package/dist/styles/theme-default.scss +15 -37
- package/dist/styles/theme-jmapp.scss +17 -40
- package/dist/styles/variables-jmapp.scss +931 -1147
- package/dist/styles/variables.scss +738 -937
- package/dist/types/locales/en-US.d.ts +3 -0
- package/dist/types/locales/id-ID.d.ts +3 -0
- package/dist/types/locales/tr-TR.d.ts +3 -0
- package/dist/types/locales/zh-TW.d.ts +3 -0
- package/dist/types/locales/zh-UG.d.ts +3 -0
- package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +15 -0
- package/dist/types/packages/actionsheet/index.taro.d.ts +3 -0
- package/dist/types/packages/address/address.taro.d.ts +29 -0
- package/dist/types/packages/address/customRender.taro.d.ts +13 -0
- package/dist/types/packages/address/existRender.taro.d.ts +14 -0
- package/dist/types/packages/address/index.taro.d.ts +3 -0
- package/dist/types/packages/animate/animate.taro.d.ts +10 -0
- package/dist/types/packages/animate/index.taro.d.ts +4 -0
- package/dist/types/packages/animatingnumbers/animatingnumbers.taro.d.ts +10 -0
- package/dist/types/packages/animatingnumbers/countup.taro.d.ts +10 -0
- package/dist/types/packages/animatingnumbers/index.taro.d.ts +3 -0
- package/dist/types/packages/audio/audio.taro.d.ts +18 -0
- package/dist/types/packages/audio/index.taro.d.ts +3 -0
- package/dist/types/packages/avatar/avatar.taro.d.ts +20 -0
- package/dist/types/packages/avatar/index.taro.d.ts +3 -0
- package/dist/types/packages/avatarcropper/avatarcropper.taro.d.ts +17 -0
- package/dist/types/packages/avatarcropper/index.taro.d.ts +3 -0
- package/dist/types/packages/avatargroup/avatargroup.taro.d.ts +13 -0
- package/dist/types/packages/avatargroup/index.taro.d.ts +2 -0
- package/dist/types/packages/backtop/backtop.taro.d.ts +10 -0
- package/dist/types/packages/backtop/index.taro.d.ts +3 -0
- package/dist/types/packages/badge/badge.taro.d.ts +11 -0
- package/dist/types/packages/badge/index.taro.d.ts +3 -0
- package/dist/types/packages/barrage/barrage.taro.d.ts +11 -0
- package/dist/types/packages/barrage/index.taro.d.ts +3 -0
- package/dist/types/packages/button/button.d.ts +2 -1
- package/dist/types/packages/button/button.taro.d.ts +24 -0
- package/dist/types/packages/button/index.taro.d.ts +3 -0
- package/dist/types/packages/calendar/calendar.taro.d.ts +34 -0
- package/dist/types/packages/calendar/index.taro.d.ts +2 -0
- package/dist/types/packages/calendarcard/calendarcard.taro.d.ts +24 -0
- package/dist/types/packages/calendarcard/icon.d.ts +2 -2
- package/dist/types/packages/calendarcard/icon.taro.d.ts +5 -0
- package/dist/types/packages/calendarcard/index.taro.d.ts +3 -0
- package/dist/types/packages/calendaritem/calendaritem.taro.d.ts +35 -0
- package/dist/types/packages/calendaritem/index.taro.d.ts +2 -0
- package/dist/types/packages/card/card.taro.d.ts +16 -0
- package/dist/types/packages/card/index.taro.d.ts +3 -0
- package/dist/types/packages/cascader/cascader.d.ts +2 -2
- package/dist/types/packages/cascader/cascader.taro.d.ts +25 -0
- package/dist/types/packages/cascader/index.taro.d.ts +4 -0
- package/dist/types/packages/cell/cell.taro.d.ts +14 -0
- package/dist/types/packages/cell/index.taro.d.ts +3 -0
- package/dist/types/packages/cellgroup/cellgroup.taro.d.ts +9 -0
- package/dist/types/packages/cellgroup/index.taro.d.ts +2 -0
- package/dist/types/packages/checkbox/checkbox.d.ts +2 -0
- package/dist/types/packages/checkbox/checkbox.taro.d.ts +21 -0
- package/dist/types/packages/checkbox/index.taro.d.ts +3 -0
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +15 -0
- package/dist/types/packages/checkboxgroup/index.taro.d.ts +2 -0
- package/dist/types/packages/checkboxgroup/type.d.ts +6 -0
- package/dist/types/packages/circleprogress/circleprogress.taro.d.ts +15 -0
- package/dist/types/packages/circleprogress/index.taro.d.ts +3 -0
- package/dist/types/packages/col/col.taro.d.ts +11 -0
- package/dist/types/packages/col/index.taro.d.ts +3 -0
- package/dist/types/packages/collapse/collapse.taro.d.ts +16 -0
- package/dist/types/packages/collapse/index.taro.d.ts +3 -0
- package/dist/types/packages/collapseitem/collapseitem.taro.d.ts +11 -0
- package/dist/types/packages/collapseitem/index.taro.d.ts +3 -0
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +15 -0
- package/dist/types/packages/configprovider/index.taro.d.ts +5 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/countdown/countdown.taro.d.ts +19 -0
- package/dist/types/packages/countdown/index.taro.d.ts +3 -0
- package/dist/types/packages/datepicker/datepicker.taro.d.ts +23 -0
- package/dist/types/packages/datepicker/index.taro.d.ts +3 -0
- package/dist/types/packages/dialog/content.taro.d.ts +13 -0
- package/dist/types/packages/dialog/dialog.taro.d.ts +12 -0
- package/dist/types/packages/dialog/index.taro.d.ts +3 -0
- package/dist/types/packages/divider/divider.taro.d.ts +9 -0
- package/dist/types/packages/divider/index.taro.d.ts +3 -0
- package/dist/types/packages/drag/drag.taro.d.ts +13 -0
- package/dist/types/packages/drag/index.taro.d.ts +3 -0
- package/dist/types/packages/elevator/elevator.taro.d.ts +23 -0
- package/dist/types/packages/elevator/index.taro.d.ts +3 -0
- package/dist/types/packages/ellipsis/ellipsis.taro.d.ts +16 -0
- package/dist/types/packages/ellipsis/index.taro.d.ts +3 -0
- package/dist/types/packages/empty/empty.d.ts +5 -1
- package/dist/types/packages/empty/empty.taro.d.ts +13 -0
- package/dist/types/packages/empty/index.d.ts +1 -0
- package/dist/types/packages/empty/index.taro.d.ts +4 -0
- package/dist/types/packages/empty/types.d.ts +3 -0
- package/dist/types/packages/fixednav/fixednav.taro.d.ts +20 -0
- package/dist/types/packages/fixednav/index.taro.d.ts +3 -0
- package/dist/types/packages/form/form.taro.d.ts +15 -0
- package/dist/types/packages/form/index.taro.d.ts +12 -0
- package/dist/types/packages/form/useform.taro.d.ts +3 -0
- package/dist/types/packages/formitem/formitem.taro.d.ts +33 -0
- package/dist/types/packages/formitem/index.taro.d.ts +3 -0
- package/dist/types/packages/grid/grid.taro.context.d.ts +6 -0
- package/dist/types/packages/grid/grid.taro.d.ts +17 -0
- package/dist/types/packages/grid/index.taro.d.ts +3 -0
- package/dist/types/packages/griditem/griditem.taro.d.ts +15 -0
- package/dist/types/packages/griditem/index.taro.d.ts +3 -0
- package/dist/types/packages/image/image.taro.d.ts +11 -0
- package/dist/types/packages/image/index.taro.d.ts +3 -0
- package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +28 -0
- package/dist/types/packages/imagepreview/index.taro.d.ts +3 -0
- package/dist/types/packages/indicator/index.taro.d.ts +3 -0
- package/dist/types/packages/indicator/indicator.taro.d.ts +7 -0
- package/dist/types/packages/infiniteloading/index.taro.d.ts +3 -0
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +15 -0
- package/dist/types/packages/input/index.taro.d.ts +3 -0
- package/dist/types/packages/input/input.taro.d.ts +29 -0
- package/dist/types/packages/inputnumber/index.taro.d.ts +3 -0
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +24 -0
- package/dist/types/packages/layout/index.taro.d.ts +2 -0
- package/dist/types/packages/layout/layout.taro.d.ts +4 -0
- package/dist/types/packages/loading/index.taro.d.ts +3 -0
- package/dist/types/packages/loading/loading.taro.d.ts +10 -0
- package/dist/types/packages/menu/index.taro.d.ts +3 -0
- package/dist/types/packages/menu/menu.taro.d.ts +19 -0
- package/dist/types/packages/menuitem/index.taro.d.ts +2 -0
- package/dist/types/packages/menuitem/menuitem.taro.d.ts +22 -0
- package/dist/types/packages/navbar/index.taro.d.ts +3 -0
- package/dist/types/packages/navbar/navbar.d.ts +1 -0
- package/dist/types/packages/navbar/navbar.taro.d.ts +15 -0
- package/dist/types/packages/noticebar/index.taro.d.ts +3 -0
- package/dist/types/packages/noticebar/noticebar.taro.d.ts +22 -0
- package/dist/types/packages/notify/index.taro.d.ts +3 -0
- package/dist/types/packages/notify/notify.taro.d.ts +19 -0
- package/dist/types/packages/numberkeyboard/index.taro.d.ts +3 -0
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +14 -0
- package/dist/types/packages/nutui.react.d.ts +197 -0
- package/dist/types/packages/nutui.react.scss.d.ts +98 -0
- package/dist/types/packages/nutui.react.taro.d.ts +197 -0
- package/dist/types/packages/nutui.react.taro.scss.d.ts +102 -0
- package/dist/types/packages/nutui.taro.react.build.d.ts +99 -0
- package/dist/types/packages/overlay/index.taro.d.ts +3 -0
- package/dist/types/packages/overlay/overlay.taro.d.ts +15 -0
- package/dist/types/packages/pagination/index.taro.d.ts +3 -0
- package/dist/types/packages/pagination/pagination.d.ts +1 -1
- package/dist/types/packages/pagination/pagination.taro.d.ts +16 -0
- package/dist/types/packages/picker/doc.en.d.ts +145 -0
- package/dist/types/packages/picker/index.taro.d.ts +4 -0
- package/dist/types/packages/picker/picker.taro.d.ts +27 -0
- package/dist/types/packages/picker/pickerpanel.taro.d.ts +16 -0
- package/dist/types/packages/popover/index.taro.d.ts +3 -0
- package/dist/types/packages/popover/popover.d.ts +4 -0
- package/dist/types/packages/popover/popover.taro.d.ts +31 -0
- package/dist/types/packages/popup/index.taro.d.ts +3 -0
- package/dist/types/packages/popup/popup.d.ts +15 -2
- package/dist/types/packages/popup/popup.taro.d.ts +26 -0
- package/dist/types/packages/price/index.taro.d.ts +3 -0
- package/dist/types/packages/price/price.taro.d.ts +12 -0
- package/dist/types/packages/progress/index.taro.d.ts +3 -0
- package/dist/types/packages/progress/progress.taro.d.ts +12 -0
- package/dist/types/packages/pulltorefresh/index.taro.d.ts +3 -0
- package/dist/types/packages/pulltorefresh/pulltorefresh.taro.d.ts +17 -0
- package/dist/types/packages/radio/index.taro.d.ts +3 -0
- package/dist/types/packages/radio/radio.taro.d.ts +19 -0
- package/dist/types/packages/radiogroup/index.taro.d.ts +2 -0
- package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +15 -0
- package/dist/types/packages/range/index.taro.d.ts +3 -0
- package/dist/types/packages/range/range.taro.d.ts +22 -0
- package/dist/types/packages/rate/index.taro.d.ts +3 -0
- package/dist/types/packages/rate/rate.taro.d.ts +15 -0
- package/dist/types/packages/row/index.taro.d.ts +3 -0
- package/dist/types/packages/row/row.taro.d.ts +13 -0
- package/dist/types/packages/safearea/index.taro.d.ts +3 -0
- package/dist/types/packages/safearea/safearea.taro.d.ts +6 -0
- package/dist/types/packages/searchbar/index.taro.d.ts +3 -0
- package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
- package/dist/types/packages/searchbar/searchbar.taro.d.ts +39 -0
- package/dist/types/packages/shortpassword/index.taro.d.ts +3 -0
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +22 -0
- package/dist/types/packages/sidenavbar/index.taro.d.ts +3 -0
- package/dist/types/packages/sidenavbar/sidenavbar.taro.d.ts +11 -0
- package/dist/types/packages/sidenavbaritem/index.taro.d.ts +3 -0
- package/dist/types/packages/sidenavbaritem/sidenavbaritem.taro.d.ts +11 -0
- package/dist/types/packages/signature/index.taro.d.ts +3 -0
- package/dist/types/packages/signature/signature.taro.d.ts +16 -0
- package/dist/types/packages/skeleton/index.taro.d.ts +3 -0
- package/dist/types/packages/skeleton/skeleton.taro.d.ts +14 -0
- package/dist/types/packages/space/index.taro.d.ts +2 -0
- package/dist/types/packages/space/space.taro.d.ts +9 -0
- package/dist/types/packages/step/index.taro.d.ts +2 -0
- package/dist/types/packages/step/step.taro.d.ts +9 -0
- package/dist/types/packages/steps/index.taro.d.ts +3 -0
- package/dist/types/packages/steps/steps.taro.d.ts +9 -0
- package/dist/types/packages/sticky/index.taro.d.ts +3 -0
- package/dist/types/packages/sticky/sticky.taro.d.ts +10 -0
- package/dist/types/packages/subsidenavbar/index.taro.d.ts +3 -0
- package/dist/types/packages/subsidenavbar/subsidenavbar.taro.d.ts +13 -0
- package/dist/types/packages/swipe/index.taro.d.ts +3 -0
- package/dist/types/packages/swipe/swipe.d.ts +7 -7
- package/dist/types/packages/swipe/swipe.taro.d.ts +30 -0
- package/dist/types/packages/swiper/index.taro.d.ts +9 -0
- package/dist/types/packages/swiper/swiper.taro.d.ts +13 -0
- package/dist/types/packages/swiperitem/index.taro.d.ts +2 -0
- package/dist/types/packages/swiperitem/swiperitem.taro.d.ts +7 -0
- package/dist/types/packages/switch/index.taro.d.ts +3 -0
- package/dist/types/packages/switch/switch.taro.d.ts +11 -0
- package/dist/types/packages/tabbar/index.taro.d.ts +3 -0
- package/dist/types/packages/tabbar/tabbar.taro.d.ts +15 -0
- package/dist/types/packages/tabbaritem/index.taro.d.ts +3 -0
- package/dist/types/packages/tabbaritem/tabbaritem.taro.d.ts +17 -0
- package/dist/types/packages/table/index.taro.d.ts +3 -0
- package/dist/types/packages/table/table.taro.d.ts +4 -0
- package/dist/types/packages/table/types.d.ts +1 -1
- package/dist/types/packages/tabpane/index.taro.d.ts +3 -0
- package/dist/types/packages/tabpane/tabpane.taro.d.ts +13 -0
- package/dist/types/packages/tabs/index.taro.d.ts +3 -0
- package/dist/types/packages/tabs/tabs.d.ts +2 -2
- package/dist/types/packages/tabs/tabs.taro.d.ts +28 -0
- package/dist/types/packages/tag/index.taro.d.ts +3 -0
- package/dist/types/packages/tag/tag.taro.d.ts +17 -0
- package/dist/types/packages/textarea/index.taro.d.ts +3 -0
- package/dist/types/packages/textarea/textarea.taro.d.ts +18 -0
- package/dist/types/packages/timedetail/index.taro.d.ts +2 -0
- package/dist/types/packages/timedetail/timedetail.taro.d.ts +11 -0
- package/dist/types/packages/timeselect/index.taro.d.ts +3 -0
- package/dist/types/packages/timeselect/timeselect.taro.d.ts +30 -0
- package/dist/types/packages/toast/Notification.d.ts +1 -1
- package/dist/types/packages/toast/index.taro.d.ts +3 -0
- package/dist/types/packages/toast/toast.taro.d.ts +32 -0
- package/dist/types/packages/tour/index.taro.d.ts +3 -0
- package/dist/types/packages/tour/tour.taro.d.ts +31 -0
- package/dist/types/packages/trendarrow/index.taro.d.ts +2 -0
- package/dist/types/packages/trendarrow/trendarrow.taro.d.ts +16 -0
- package/dist/types/packages/uploader/index.taro.d.ts +4 -0
- package/dist/types/packages/uploader/preview.taro.d.ts +2 -0
- package/dist/types/packages/uploader/uploader.taro.d.ts +84 -0
- package/dist/types/packages/video/index.taro.d.ts +3 -0
- package/dist/types/packages/video/video.taro.d.ts +21 -0
- package/dist/types/packages/virtuallist/index.taro.d.ts +3 -0
- package/dist/types/packages/virtuallist/virtuallist.taro.d.ts +14 -0
- package/dist/types/packages/watermark/index.taro.d.ts +3 -0
- package/dist/types/packages/watermark/watermark.taro.d.ts +21 -0
- package/dist/types/utils/camel-case.d.ts +1 -0
- package/dist/types/utils/get-rect-by-taro.d.ts +12 -0
- package/dist/types/utils/merge-props.d.ts +5 -0
- package/dist/types/utils/test/event.d.ts +21 -0
- package/dist/types/utils/use-custom-event.d.ts +7 -0
- package/dist/types/utils/use-lock-scoll-taro.d.ts +1 -0
- package/dist/types/utils/use-taro-rect.d.ts +1 -0
- package/dist/types/utils/use-uuid.d.ts +1 -0
- package/package.json +3 -4
- package/dist/types/vite-env.d.ts +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,85 @@
|
|
|
1
|
+
# v2.3.0
|
|
2
|
+
`2023-12-08`
|
|
3
|
+
|
|
4
|
+
* 🔨 chore(config): demo 的配置文件中增加 css 主题 (#1765) @oasis-cloud
|
|
5
|
+
* 🔨 chore(deps): update dependency @nutui/icons-* to 0.0.5 (#1767) @oasis-cloud
|
|
6
|
+
* 📖 docs(avatar): 修改demo值,改为可支持变量 (#1752) @xiaoyatong
|
|
7
|
+
* 📖 docs(checkbox): checkedIcon 改为 activeIcon (#1724) @oasis-cloud
|
|
8
|
+
* 📖 docs(countdown): 修复文档中的文案多语言化 (#1723) @xiaoyatong
|
|
9
|
+
* 📖 docs(form): 文档增加 useForm 的示例 (#1708) @oasis-cloud
|
|
10
|
+
* 📖 docs(overlay): 文档优化 (#1706) @xiaoyatong
|
|
11
|
+
* 📖 docs(picker): fix docs (#1740) @xiaoyatong
|
|
12
|
+
* 📖 docs(popup): 禁止滚动穿透示例 (#1769) @oasis-cloud
|
|
13
|
+
* 📖 docs(pulltorefresh): 增加 scrollTop 相关 demo (#1755) @oasis-cloud
|
|
14
|
+
* 📖 docs(table): 修改文档 (#1731) @xiaoyatong
|
|
15
|
+
* 📖 docs(tour): fix tour demo (#1759) @xiaoyatong
|
|
16
|
+
* 📖 docs: address and collapse doc icons (#1692) @xiaoyatong
|
|
17
|
+
* 📖 docs: fix docs (#1678) @xiaoyatong
|
|
18
|
+
* :sparkles: feat(calendarcard): 限制范围时禁止面板切换 (#1688) @Eiinu
|
|
19
|
+
* :sparkles: feat(checkbox): add button mode (#1738) @xiaoyatong
|
|
20
|
+
* :sparkles: feat(empty): adds title,size,and actions (#1697) @xiaoyatong
|
|
21
|
+
* :sparkles: feat(example): add with-rsbuild example (#1661) @Kurisu
|
|
22
|
+
* :sparkles: feat(form): 增加上下结构的展示的demo (#1729) @xiaoyatong
|
|
23
|
+
* :sparkles: feat(infiniteloading): 优化布局,添加css变量,增加demo (#1760) @xiaoyatong
|
|
24
|
+
* :sparkles: feat(navbar): 增加标题左对齐方式,优化左侧icon的布局,调整className类 名和css 变量 (#1750) @xiaoyatong
|
|
25
|
+
* :sparkles: feat(pagination): add lite mode and css variable (#1743) @xiaoyatong
|
|
26
|
+
* :sparkles: feat(popover): 新增属性 action,简化css 变量 (#1747) @xiaoyatong
|
|
27
|
+
* :sparkles: feat(popup): 增加description属性,调整从底部弹出时的样式,默认为 round 模式 (#1749) @xiaoyatong
|
|
28
|
+
* :sparkles: feat(searchbar): 增加属性 backable 可返回,简化css变量 (#1736) @xiaoyatong
|
|
29
|
+
* :sparkles: feat(tabs): 新增模式 divider 及 demo (#1761) @xiaoyatong
|
|
30
|
+
* :sparkles: feat(tabs): 新增简约,卡片,按钮/胶囊模式,简化CSS变量,变更className类 名 (#1727) @xiaoyatong
|
|
31
|
+
* :sparkles: feat: add dashed and rightIcon, and changed fill default value as outline (#1695) @xiaoyatong
|
|
32
|
+
* :sparkles: feat: theme updated to v12 (#1573) @xiaoyatong
|
|
33
|
+
* :sparkles: feat: update icons (#1693) @xiaoyatong
|
|
34
|
+
* :sparkles: feat: 收敛 icons (#1687) @xiaoyatong
|
|
35
|
+
* :bug: fix(calendar): 日历设置结束时间超过开始时间后白屏 (#1745) @oasis-cloud
|
|
36
|
+
* :bug: fix(datepicker): 起始时间与结束时间更新后,时间选项数组更新 (#1694) @学友
|
|
37
|
+
* :bug: fix(dialog): 调整dialog button大小 (#1720) @xiaoyatong
|
|
38
|
+
* :bug: fix(form): 设置 errorMessageAlign="right" 错误文案无法右对齐 (#1709) @oasis-cloud
|
|
39
|
+
* :bug: fix(form): 重置功能无法清空报错信息 (#1711) @oasis-cloud
|
|
40
|
+
* :bug: fix(image): 修复开启 lazy 后 loading 失效问题 (#1768) @Eiinu
|
|
41
|
+
* :bug: fix(indicator): 修订样式名称和样式变量 (#1712) @xiaoyatong
|
|
42
|
+
* :bug: fix(swiper): demo 中分页器样式显示错误 (#1703) @xiaoyatong
|
|
43
|
+
* :bug: fix: address close icon cannot be customed (#1685) @xiaoyatong
|
|
44
|
+
* :bug: fix: change drag demo radius value of button (#1701) @xiaoyatong
|
|
45
|
+
* :bug: fix: picker 和 address 在 form 中使用,未阻止冒泡,导致取消和确认无法关闭 (#1710) @oasis-cloud
|
|
46
|
+
* :bug: fix: 对使用icon的demo 进行了size 设置的废弃,使用了默认size (#1728) @xiaoyatong
|
|
47
|
+
* :bug: fix: 调整demo中button大小,调整stoke的默认颜色 (#1717) @xiaoyatong
|
|
48
|
+
* 🛠 refactor(cell): 修订类名 (#1722) @xiaoyatong
|
|
49
|
+
* 🛠 refactor(numberkeyboard): 修订类名和样式变量 (#1719) @xiaoyatong
|
|
50
|
+
* 🛠 refactor(swipe): 修订className类名 (#1715) @xiaoyatong
|
|
51
|
+
* 🛠 refactor(switch): 修改样式名称及样式变量,添加相应demo (#1714) @xiaoyatong
|
|
52
|
+
* 🛠 refactor(table): props 中的 data 校验逻辑异常 (#1675) @oasis-cloud
|
|
53
|
+
* 🛠 refactor(timeselect): 优化结构,简化css变量 (#1732) @xiaoyatong
|
|
54
|
+
* 🛠 refactor: css 变量命名规范(主题色部分,不含灰阶) (#1679) @xiaoyatong
|
|
55
|
+
* 🛠 refactor: rename card classname (#1700) @xiaoyatong
|
|
56
|
+
style(button): class 名 nut-button__warp 更改为 nut-button-wrap (#1705) @xiaoyatong
|
|
57
|
+
style(calendar): 优化css变量 (#1753) @xiaoyatong
|
|
58
|
+
style(cascader): 去掉无意义样式,修订文档样式变量 (#1757) @xiaoyatong
|
|
59
|
+
style(circleprogress): docs 优化,修订 css 变量 (#1699) @xiaoyatong
|
|
60
|
+
style(collapse): add border-bottom as an item (#1698) @xiaoyatong
|
|
61
|
+
style(fixednav): 废弃 bem 规范, 修订 css 变量 (#1702) @xiaoyatong
|
|
62
|
+
style(input): 增加css 变量,优化demo和文档 (#1730) @xiaoyatong
|
|
63
|
+
style(inputnumber): 简化css变量,修订className类名 (#1737) @xiaoyatong
|
|
64
|
+
style(loading): 修订css变量名,补充css变量文档 (#1721) @xiaoyatong
|
|
65
|
+
style(menu): 优化css变量命名,修改className 类名 (#1746) @xiaoyatong
|
|
66
|
+
style(noticebar): 修订类名和css变量 (#1751) @xiaoyatong
|
|
67
|
+
style(notify): 优化样式布局 (#1762) @xiaoyatong
|
|
68
|
+
style(picker): 修改css变量 (#1735) @xiaoyatong
|
|
69
|
+
style(radio): 优化css变量和样式 (#1756) @xiaoyatong
|
|
70
|
+
style(range): 修订样式变量 (#1718) @xiaoyatong
|
|
71
|
+
style(rate): 修订 css 变量 (#1707) @xiaoyatong
|
|
72
|
+
style(sidnavbar): 修订css 变量 (#1734) @xiaoyatong
|
|
73
|
+
style(steps): 优化steps样式结构,改进css变量名 (#1741) @xiaoyatong
|
|
74
|
+
style(tabbar): add css variable (#1742) @xiaoyatong
|
|
75
|
+
style(tag): 修订样式变量 (#1733) @xiaoyatong
|
|
76
|
+
style(toast): 调整样式,补充demo的多语言化 (#1754) @xiaoyatong
|
|
77
|
+
style(trendarrow): 修订className类名 (#1716) @xiaoyatong
|
|
78
|
+
style(uploader): 修订样式css变量 (#1758) @xiaoyatong
|
|
79
|
+
style: animatenumbers number css (#1681) @xiaoyatong
|
|
80
|
+
style: 修订className (#1770) @xiaoyatong
|
|
81
|
+
|
|
82
|
+
|
|
1
83
|
# v2.2.0
|
|
2
84
|
`2023-11-24`
|
|
3
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet.nut-popup{min-height:10%;background-color:var(--nutui-actionsheet-background-color, var(--nutui-gray-1, #ffffff));padding:var(--nutui-actionsheet-padding, 0 4px)}.nut-actionsheet .nut-popup-title{border-bottom:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-actionsheet-list{display:block;list-style:none;padding:0;margin:0;border-radius:var(--nutui-actionsheet-border-radius, 0)}.nut-actionsheet-cancel,.nut-actionsheet-item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-gray-1, #ffffff);cursor:pointer}.nut-actionsheet-cancel-description,.nut-actionsheet-item-description{display:block;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-actionsheet-cancel.danger,.nut-actionsheet-item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)))}.nut-actionsheet-cancel.disabled,.nut-actionsheet-item.disabled{color:var(--nutui-color-text-disabled, #bfbfbf)!important;cursor:not-allowed}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-radius:var(--nutui-actionsheet-border-radius, 0)}
|
package/dist/esm/ActionSheet.js
CHANGED
|
@@ -65,6 +65,7 @@ var ActionSheet = function ActionSheet2(props) {
|
|
|
65
65
|
visible,
|
|
66
66
|
position: "bottom",
|
|
67
67
|
title,
|
|
68
|
+
description,
|
|
68
69
|
className: classPrefix,
|
|
69
70
|
onClose: function onClose() {
|
|
70
71
|
onCancel2 && onCancel2();
|
|
@@ -72,22 +73,20 @@ var ActionSheet = function ActionSheet2(props) {
|
|
|
72
73
|
}, React__default.createElement("div", _objectSpread({
|
|
73
74
|
className: "".concat(className),
|
|
74
75
|
style
|
|
75
|
-
}, rest),
|
|
76
|
-
className: "".concat(classPrefix, "
|
|
77
|
-
}, description), options.length ? React__default.createElement("div", {
|
|
78
|
-
className: "".concat(classPrefix, "__list")
|
|
76
|
+
}, rest), options.length ? React__default.createElement("div", {
|
|
77
|
+
className: "".concat(classPrefix, "-list")
|
|
79
78
|
}, options.map(function(item, index) {
|
|
80
79
|
return React__default.createElement("div", {
|
|
81
|
-
className: "".concat(classPrefix, "
|
|
80
|
+
className: "".concat(classPrefix, "-item ").concat(item.disabled ? "disabled" : "", " ").concat(item.danger ? "danger" : ""),
|
|
82
81
|
key: index,
|
|
83
82
|
onClick: function onClick() {
|
|
84
83
|
return chooseItem(item, index);
|
|
85
84
|
}
|
|
86
85
|
}, item[optionKey.name], React__default.createElement("div", {
|
|
87
|
-
className: "".concat(classPrefix, "
|
|
86
|
+
className: "".concat(classPrefix, "-item-description")
|
|
88
87
|
}, item[optionKey.description]));
|
|
89
88
|
})) : children, cancelText && React__default.createElement("div", {
|
|
90
|
-
className: "".concat(classPrefix, "
|
|
89
|
+
className: "".concat(classPrefix, "-cancel"),
|
|
91
90
|
onClick: function onClick() {
|
|
92
91
|
return cancelActionSheet();
|
|
93
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, 12px);color:var(--nutui-elevator-list-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid #f5f5f5);background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:absolute;right:var(--nutui-elevator-bars-right, 8px);top:var(--nutui-elevator-bars-top, 50%);font-size:var(--nutui-elevator-bars-font-size, 10px);transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator__bars__inner__item--active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;-webkit-user-select:none;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles .nut-tabs__list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1 0 auto;padding:0 10px;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item.taro{height:46px;line-height:46px}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}.nut-address-elevator{display:flex;margin-top:20px}.nut-address-exist{display:block;padding:15px 20px 0;height:279px;overflow-y:auto;box-sizing:border-box}.nut-address-exist-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-2, 12px);line-height:14px;color:var(--nutui-gray-1, #1a1a1a)}.nut-address-exist-item.active{font-weight:500}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-color-primary-text, #ffffff)}
|
|
1
|
+
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}.nut-address-elevator{display:flex;margin-top:20px}.nut-address-exist{display:block;padding:15px 20px 0;height:279px;overflow-y:auto;box-sizing:border-box}.nut-address-exist-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-address-exist-item.active{font-weight:var(--nutui-font-weight-bold, 500)}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-color-primary-text, #ffffff)}
|
package/dist/esm/Address.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"
|
|
4
|
+
var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"];
|
|
5
5
|
function ownKeys(e, r) {
|
|
6
6
|
var t = Object.keys(e);
|
|
7
7
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -24,7 +24,7 @@ function _objectSpread(e) {
|
|
|
24
24
|
return e;
|
|
25
25
|
}
|
|
26
26
|
import React__default, { forwardRef, useState, useImperativeHandle } from "react";
|
|
27
|
-
import { Check,
|
|
27
|
+
import { Check, Location, ArrowLeft } from "@nutui/icons-react";
|
|
28
28
|
import Popup from "./Popup.js";
|
|
29
29
|
import { C as Cascader } from "./cascader2.js";
|
|
30
30
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -93,7 +93,8 @@ var ExistRender = function ExistRender2(props) {
|
|
|
93
93
|
item.selectedAddress = true;
|
|
94
94
|
onSelect && onSelect(item);
|
|
95
95
|
};
|
|
96
|
-
var onClick = function onClick2() {
|
|
96
|
+
var onClick = function onClick2(e) {
|
|
97
|
+
e.stopPropagation();
|
|
97
98
|
onSwitch && onSwitch({
|
|
98
99
|
type: type === "exist" ? "custom" : "exist"
|
|
99
100
|
});
|
|
@@ -104,12 +105,13 @@ var ExistRender = function ExistRender2(props) {
|
|
|
104
105
|
return React__default.createElement("li", {
|
|
105
106
|
className: "".concat(classPrefix, "-exist-item ").concat(item.selectedAddress ? "active" : ""),
|
|
106
107
|
key: index,
|
|
107
|
-
onClick: function onClick2() {
|
|
108
|
-
|
|
108
|
+
onClick: function onClick2(e) {
|
|
109
|
+
e.stopPropagation();
|
|
110
|
+
selectedExist(item);
|
|
109
111
|
}
|
|
110
112
|
}, item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, {
|
|
111
|
-
color: "
|
|
112
|
-
})) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(
|
|
113
|
+
color: "var(--nutui-color-primary)"
|
|
114
|
+
})) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)), React__default.createElement("div", {
|
|
113
115
|
className: "".concat(classPrefix, "-exist-item-info")
|
|
114
116
|
}, item.name && item.phone && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", null, item.name), React__default.createElement("div", null, item.phone)), React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)));
|
|
115
117
|
})), (custom || custom && locale.address.chooseAnotherAddress) && React__default.createElement("div", {
|
|
@@ -139,7 +141,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
139
141
|
});
|
|
140
142
|
var InternalAddress = function InternalAddress2(props, ref) {
|
|
141
143
|
var _useConfig2 = useConfig(), locale = _useConfig2.locale;
|
|
142
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, defaultVisible = _defaultProps$props.defaultVisible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch,
|
|
144
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, visible = _defaultProps$props.visible, defaultVisible = _defaultProps$props.defaultVisible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
|
|
143
145
|
var classPrefix = "nut-address";
|
|
144
146
|
var _useState = useState(type), _useState2 = _slicedToArray(_useState, 2), currentType = _useState2[0], setCurrentType = _useState2[1];
|
|
145
147
|
var _usePropsValue = usePropsValue({
|
|
@@ -165,7 +167,7 @@ var InternalAddress = function InternalAddress2(props, ref) {
|
|
|
165
167
|
return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", {
|
|
166
168
|
className: "".concat(classPrefix, "-left-icon"),
|
|
167
169
|
onClick: onSwitchModule
|
|
168
|
-
}, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(
|
|
170
|
+
}, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, {
|
|
169
171
|
color: "#cccccc"
|
|
170
172
|
})));
|
|
171
173
|
};
|
|
@@ -189,6 +191,7 @@ var InternalAddress = function InternalAddress2(props, ref) {
|
|
|
189
191
|
title: title || locale.address.selectRegion,
|
|
190
192
|
left: renderLeftOnCustomSwitch(),
|
|
191
193
|
defaultValue,
|
|
194
|
+
closeIcon,
|
|
192
195
|
options,
|
|
193
196
|
format,
|
|
194
197
|
optionKey,
|
package/dist/esm/Animate.js
CHANGED
|
@@ -35,12 +35,11 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
35
35
|
});
|
|
36
36
|
var classPrefix = "nut-animate";
|
|
37
37
|
var Animate = function Animate2(props) {
|
|
38
|
-
var _classNames;
|
|
39
38
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
40
39
|
var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
|
|
41
|
-
var classes = classNames((
|
|
40
|
+
var classes = classNames(_defineProperty(_defineProperty({
|
|
42
41
|
"nut-ani-container": true
|
|
43
|
-
},
|
|
42
|
+
}, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), "loop", loop));
|
|
44
43
|
var cls = classNames(classes, className);
|
|
45
44
|
var handleClick = function handleClick2(event) {
|
|
46
45
|
setClicked(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-countup-list{display:inline-flex;height:var(--nutui-countup-height, 32px);overflow:hidden}.nut-countup-listitem{height:var(--nutui-countup-height, 32px);overflow:hidden;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-countup-base-size, 18px);font-weight:var(--nutui-font-weight-bold, 500)}.nut-countup-listitem-number{margin:0 var(--nutui-countup-lr-margin, 0);border-radius:var(--nutui-countup-border-radius, 4px);color:var(--nutui-countup-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-countup-bg-color, inherit)}.nut-countup-separator{display:flex;height:80%;align-items:flex-end;color:var(--nutui-countup-bg-color, inherit)}.nut-countup-number{display:flex;flex-direction:column;align-items:center;width:var(--nutui-countup-width, auto)}.nut-countup-number span{height:var(--nutui-countup-height, 32px);line-height:var(--nutui-countup-height, 32px)}
|
|
@@ -83,7 +83,7 @@ var CountUp = function CountUp2(props) {
|
|
|
83
83
|
var numerArr = useMemo(getShowNumber, [value, length, thousands]);
|
|
84
84
|
var setNumberTransform = function setNumberTransform2() {
|
|
85
85
|
if (countupRef.current) {
|
|
86
|
-
var numberItems = countupRef.current.querySelectorAll(".nut-
|
|
86
|
+
var numberItems = countupRef.current.querySelectorAll(".nut-countup-number");
|
|
87
87
|
var numberFilterArr = numerArr.filter(function(item) {
|
|
88
88
|
return !Number.isNaN(Number(item));
|
|
89
89
|
});
|
|
@@ -113,20 +113,20 @@ var CountUp = function CountUp2(props) {
|
|
|
113
113
|
className: "".concat(classPrefix, " ").concat(className),
|
|
114
114
|
ref: countupRef
|
|
115
115
|
}, React__default.createElement("ul", {
|
|
116
|
-
className: "".concat(classPrefix, "
|
|
116
|
+
className: "".concat(classPrefix, "-list")
|
|
117
117
|
}, numerArr.map(function(item, idx) {
|
|
118
118
|
return React__default.createElement("li", {
|
|
119
|
-
className: "".concat(classPrefix, "
|
|
119
|
+
className: "".concat(classPrefix, "-listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix, "-listitem-number") : ""),
|
|
120
120
|
key: idx
|
|
121
121
|
}, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
|
|
122
|
-
className: "".concat(classPrefix, "
|
|
122
|
+
className: "".concat(classPrefix, "-number"),
|
|
123
123
|
style: numberEaseStyle
|
|
124
124
|
}, [].concat(numbers, numbers).map(function(number, subidx) {
|
|
125
125
|
return React__default.createElement("span", {
|
|
126
126
|
key: subidx
|
|
127
127
|
}, number);
|
|
128
128
|
})) : React__default.createElement("span", {
|
|
129
|
-
className: "".concat(classPrefix, "
|
|
129
|
+
className: "".concat(classPrefix, "-separator")
|
|
130
130
|
}, item));
|
|
131
131
|
})));
|
|
132
132
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, #ffffff);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff;border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}
|
|
1
|
+
.nut-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:var(--nutui-button-default-height, 32px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));background:var(--nutui-button-default-background-color, transparent)}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:var(--nutui-button-default-height, 32px);padding:0}.nut-button-default{padding:var(--nutui-button-default-padding, 0px 16px);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, var(--nutui-gray-6, #595959))}.nut-button-default.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c);background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c)}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-gray-5, #8c8c8c);border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 32px);font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px))}.nut-button-small{height:var(--nutui-button-small-height, 28px);padding:var(--nutui-button-small-padding, 0px 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-success-background-color, var(--nutui-color-success, #00bc14));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14))}.nut-button-info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-info-background-color, var(--nutui-color-info-background, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-info.nut-button-disabled{background:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));border-color:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8))}.nut-button-info.nut-button-outline,.nut-button-info.nut-button-dashed{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));border-color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));background:transparent}.nut-button-info.nut-button-outline.nut-button-disabled,.nut-button-info.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-info.nut-button-none{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, var(--nutui-color-primary, #fa2c19)))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-solid.nut-button-disabled{color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;font-weight:400;color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-audio-icon{position:relative;display:inline-block}.nut-audio-icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff;border-radius:50%;box-shadow:0 0 8px var(--nutui-color-text-disabled, #bfbfbf)}.nut-audio-icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio-icon .nut-audio-icon-stop{position:relative}.nut-audio-icon .nut-audio-icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-color-text-disabled, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio-progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio-progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio-progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio-progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button-primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button-primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio-none-container .nut-voice{border:1px solid var(--nutui-gray-7, #1a1a1a);align-items:center}
|
package/dist/esm/Audio.js
CHANGED
|
@@ -99,9 +99,9 @@ var Audio = function Audio2(props) {
|
|
|
99
99
|
};
|
|
100
100
|
var renderIcon = function renderIcon2() {
|
|
101
101
|
return React__default.createElement("div", {
|
|
102
|
-
className: "".concat(classPrefix, "
|
|
102
|
+
className: "".concat(classPrefix, "-icon")
|
|
103
103
|
}, React__default.createElement("div", {
|
|
104
|
-
className: classNames("".concat(classPrefix, "
|
|
104
|
+
className: classNames("".concat(classPrefix, "-icon-box"), playing ? "".concat(classPrefix, "-icon-play") : "".concat(classPrefix, "-icon-stop")),
|
|
105
105
|
onClick: handleStatusChange
|
|
106
106
|
}, React__default.createElement(Service, {
|
|
107
107
|
className: playing ? "nut-icon-loading" : ""
|
|
@@ -147,11 +147,11 @@ var Audio = function Audio2(props) {
|
|
|
147
147
|
};
|
|
148
148
|
var renderProgerss = function renderProgerss2() {
|
|
149
149
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
150
|
-
className: "".concat(classPrefix, "
|
|
150
|
+
className: "".concat(classPrefix, "-progress")
|
|
151
151
|
}, React__default.createElement("div", {
|
|
152
152
|
className: "time"
|
|
153
153
|
}, currentDuration), React__default.createElement("div", {
|
|
154
|
-
className: "".concat(classPrefix, "
|
|
154
|
+
className: "".concat(classPrefix, "-progress-bar-wrapper")
|
|
155
155
|
}, React__default.createElement(Range, {
|
|
156
156
|
value: percent,
|
|
157
157
|
onChange: function onChange(val) {
|
|
@@ -188,7 +188,7 @@ var Audio = function Audio2(props) {
|
|
|
188
188
|
};
|
|
189
189
|
var renderNone = function renderNone2() {
|
|
190
190
|
return React__default.createElement("div", {
|
|
191
|
-
className: "".concat(classPrefix, "
|
|
191
|
+
className: "".concat(classPrefix, "-none-container"),
|
|
192
192
|
onClick: handleStatusChange
|
|
193
193
|
}, children);
|
|
194
194
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background
|
|
1
|
+
.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon-img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}
|
package/dist/esm/Avatar.js
CHANGED
|
@@ -25,7 +25,7 @@ function _objectSpread(e) {
|
|
|
25
25
|
}
|
|
26
26
|
import React__default, { useState, useRef, useContext, useEffect } from "react";
|
|
27
27
|
import classNames from "classnames";
|
|
28
|
-
import {
|
|
28
|
+
import { User } from "@nutui/icons-react";
|
|
29
29
|
import { A as AvatarContext } from "./context2.js";
|
|
30
30
|
import Image from "./Image.js";
|
|
31
31
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -42,7 +42,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
42
42
|
});
|
|
43
43
|
var classPrefix = "nut-avatar";
|
|
44
44
|
var Avatar = function Avatar2(props) {
|
|
45
|
-
var _parent$propAvatarGro, _parent$propAvatarGro2,
|
|
45
|
+
var _parent$propAvatarGro, _parent$propAvatarGro2, _parent$propAvatarGro3, _parent$propAvatarGro4, _parent$propAvatarGro5, _parent$propAvatarGro6, _parent$propAvatarGro7, _parent$propAvatarGro9, _parent$propAvatarGro10, _parent$propAvatarGro11, _parent$propAvatarGro12, _parent$propAvatarGro13, _parent$propAvatarGro14, _parent$propAvatarGro15;
|
|
46
46
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, size = _defaultProps$props.size, shape = _defaultProps$props.shape, background = _defaultProps$props.background, color = _defaultProps$props.color, src = _defaultProps$props.src, alt = _defaultProps$props.alt, icon = _defaultProps$props.icon, fit = _defaultProps$props.fit, className = _defaultProps$props.className, style = _defaultProps$props.style, onClick = _defaultProps$props.onClick, onError = _defaultProps$props.onError, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
47
47
|
var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), maxSum = _useState2[0], setMaxSum = _useState2[1];
|
|
48
48
|
var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), showMax = _useState4[0], setShowMax = _useState4[1];
|
|
@@ -50,7 +50,7 @@ var Avatar = function Avatar2(props) {
|
|
|
50
50
|
var avatarRef = useRef(null);
|
|
51
51
|
var parent = useContext(AvatarContext);
|
|
52
52
|
var sizeValue = ["large", "normal", "small"];
|
|
53
|
-
var classes = classNames((
|
|
53
|
+
var classes = classNames(_defineProperty(_defineProperty({}, "nut-avatar-".concat((parent === null || parent === void 0 || (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || size || "normal"), true), "nut-avatar-".concat((parent === null || parent === void 0 || (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || shape), true));
|
|
54
54
|
var cls = classNames(classPrefix, classes, className);
|
|
55
55
|
var styles = _objectSpread({
|
|
56
56
|
width: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
|
|
@@ -112,7 +112,7 @@ var Avatar = function Avatar2(props) {
|
|
|
112
112
|
className: "".concat(icon.props.className || "", " icon")
|
|
113
113
|
})) : null, children && React__default.createElement("span", {
|
|
114
114
|
className: "text"
|
|
115
|
-
}, children), !src && !icon && !children && React__default.createElement(
|
|
115
|
+
}, children), !src && !icon && !children && React__default.createElement(User, {
|
|
116
116
|
className: "icon"
|
|
117
117
|
})), showMax && React__default.createElement("div", {
|
|
118
118
|
className: "text"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between}.nut-avatar-cropper-popup-toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}
|
|
1
|
+
.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between}.nut-avatar-cropper-popup-toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-toolbar-item .nut-button{color:#fff}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-
|
|
1
|
+
.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-radius:50%}.nut-backtop.show:active{background:var(--nutui-gray-3, #f6f6f6)}.nut-backtop-main{transition:all .2s ease-in-out;color:var(--nutui-gray-7, #1a1a1a)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-badge{position:relative;display:inline-block}.nut-
|
|
1
|
+
.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px)}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-
|
|
1
|
+
.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-3, #f6f6f6);color:var(--nutui-gray-7, #1a1a1a)}.nut-barrage .barrage-item{display:block;position:absolute;right:0;padding:4px 16px;border-radius:16px;font-size:var(--nutui-font-size-2, 12px);text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-black-3),var(--nutui-black-1));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}
|