@nutui/nutui-react 3.0.0-beta.0 → 3.0.0-beta.10
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/README.md +39 -9
- package/dist/cjs/packages/actionsheet/actionsheet.js +6 -3
- package/dist/cjs/packages/actionsheet/style/actionsheet.scss +10 -4
- package/dist/cjs/packages/actionsheet/style/style.css +58 -84
- package/dist/cjs/packages/address/address.js +9 -6
- package/dist/cjs/packages/address/style/style.css +126 -193
- package/dist/cjs/packages/animate/style/animate.scss +0 -3
- package/dist/cjs/packages/animate/style/style.css +4 -3
- package/dist/cjs/packages/animatingnumbers/countup.js +7 -6
- package/dist/cjs/packages/animatingnumbers/style/style.css +16 -6
- package/dist/cjs/packages/audio/style/style.css +123 -97
- package/dist/cjs/packages/avatar/style/avatar.scss +7 -60
- package/dist/cjs/packages/avatar/style/style.css +11 -45
- package/dist/cjs/packages/avatarcropper/style/style.css +4 -0
- package/dist/cjs/packages/avatargroup/style/style.css +4 -0
- package/dist/cjs/packages/backtop/backtop.d.ts +2 -2
- package/dist/cjs/packages/backtop/backtop.js +14 -21
- package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
- package/dist/cjs/packages/backtop/style/style.css +12 -14
- package/dist/cjs/packages/badge/badge.d.ts +2 -12
- package/dist/cjs/packages/badge/badge.js +14 -23
- package/dist/cjs/packages/badge/index.d.ts +1 -1
- package/dist/cjs/packages/badge/style/badge.scss +62 -41
- package/dist/cjs/packages/badge/style/style.css +70 -41
- package/dist/cjs/packages/badge/types.d.ts +12 -0
- package/dist/cjs/packages/badge/types.js +4 -0
- package/dist/cjs/packages/barrage/style/style.css +6 -2
- package/dist/cjs/packages/button/style/button.scss +48 -23
- package/dist/cjs/packages/button/style/style.css +110 -84
- package/dist/cjs/packages/calendar/style/style.css +56 -89
- package/dist/cjs/packages/calendarcard/calendarcard.js +8 -3
- package/dist/cjs/packages/calendarcard/style/calendarcard.scss +25 -4
- package/dist/cjs/packages/calendarcard/style/style.css +40 -11
- package/dist/cjs/packages/calendaritem/style/style.css +4 -0
- package/dist/cjs/packages/card/style/card.scss +3 -18
- package/dist/cjs/packages/card/style/style.css +50 -36
- package/dist/cjs/packages/cascader/cascader.js +1 -1
- package/dist/cjs/packages/cascader/style/style.css +108 -178
- package/dist/cjs/packages/cell/cell.d.ts +2 -12
- package/dist/cjs/packages/cell/index.d.ts +1 -1
- package/dist/cjs/packages/cell/style/style.css +14 -10
- package/dist/cjs/packages/cell/types.d.ts +12 -0
- package/dist/cjs/packages/cell/types.js +4 -0
- package/dist/cjs/packages/cellgroup/style/style.css +7 -3
- package/dist/cjs/packages/checkbox/checkbox.d.ts +1 -4
- package/dist/cjs/packages/checkbox/checkbox.js +0 -2
- package/dist/cjs/packages/checkbox/index.d.ts +7 -2
- package/dist/cjs/packages/checkbox/index.js +4 -1
- package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
- package/dist/cjs/packages/checkbox/style/style.css +48 -29
- package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
- package/dist/cjs/packages/checkboxgroup/style/style.css +21 -7
- package/dist/cjs/packages/circleprogress/style/style.css +7 -3
- package/dist/cjs/packages/col/style/style.css +4 -0
- package/dist/cjs/packages/collapse/style/style.css +15 -11
- package/dist/cjs/packages/collapseitem/style/style.css +15 -11
- package/dist/cjs/packages/configprovider/style/style.css +4 -0
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/countdown.d.ts +2 -20
- package/dist/cjs/packages/countdown/countdown.js +3 -2
- package/dist/cjs/packages/countdown/index.d.ts +1 -1
- package/dist/cjs/packages/countdown/style/countdown.scss +29 -4
- package/dist/cjs/packages/countdown/style/style.css +44 -17
- package/dist/cjs/packages/countdown/types.d.ts +26 -0
- package/dist/cjs/packages/countdown/types.js +4 -0
- package/dist/cjs/packages/countup/style/countup.scss +11 -5
- package/dist/cjs/packages/countup/style/style.css +16 -6
- package/dist/cjs/packages/datepicker/style/style.css +52 -85
- package/dist/cjs/packages/dialog/dialog.js +16 -6
- package/dist/cjs/packages/dialog/style/dialog.scss +37 -21
- package/dist/cjs/packages/dialog/style/style.css +152 -112
- package/dist/cjs/packages/divider/style/style.css +8 -4
- package/dist/cjs/packages/drag/style/style.css +4 -0
- package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
- package/dist/cjs/packages/elevator/style/style.css +18 -11
- package/dist/cjs/packages/ellipsis/style/style.css +4 -0
- package/dist/cjs/packages/empty/empty.js +1 -1
- package/dist/cjs/packages/empty/style/empty.scss +9 -5
- package/dist/cjs/packages/empty/style/style.css +18 -9
- package/dist/cjs/packages/fixednav/style/style.css +13 -9
- package/dist/cjs/packages/form/style/style.css +23 -17
- package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
- package/dist/cjs/packages/formitem/style/style.css +10 -4
- package/dist/cjs/packages/grid/grid.js +2 -6
- package/dist/cjs/packages/grid/style/grid.scss +2 -2
- package/dist/cjs/packages/grid/style/style.css +19 -13
- package/dist/cjs/packages/griditem/griditem.js +12 -6
- package/dist/cjs/packages/griditem/style/griditem.scss +6 -4
- package/dist/cjs/packages/griditem/style/style.css +16 -10
- package/dist/cjs/packages/hoverbutton/hoverbutton.js +2 -1
- package/dist/cjs/packages/hoverbutton/style/style.css +40 -15
- package/dist/cjs/packages/hoverbutton/utils.d.ts +1 -0
- package/dist/cjs/packages/hoverbutton/utils.js +11 -0
- package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
- package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
- package/dist/cjs/packages/hoverbuttonitem/style/style.css +36 -11
- package/dist/cjs/packages/hoverbuttonitem/utils.d.ts +2 -0
- package/dist/cjs/packages/hoverbuttonitem/utils.js +18 -0
- package/dist/cjs/packages/image/style/style.css +6 -2
- package/dist/cjs/packages/imagepreview/style/imagepreview.scss +11 -0
- package/dist/cjs/packages/imagepreview/style/style.css +153 -98
- package/dist/cjs/packages/indicator/indicator.d.ts +4 -0
- package/dist/cjs/packages/indicator/indicator.js +39 -10
- package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
- package/dist/cjs/packages/indicator/style/style.css +103 -22
- package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
- package/dist/cjs/packages/infiniteloading/style/style.css +8 -4
- package/dist/cjs/packages/input/input.d.ts +1 -0
- package/dist/cjs/packages/input/input.js +7 -3
- package/dist/cjs/packages/input/style/input.scss +27 -12
- package/dist/cjs/packages/input/style/style.css +25 -11
- package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
- package/dist/cjs/packages/inputnumber/style/style.css +26 -20
- package/dist/cjs/packages/layout/style/style.css +4 -0
- package/dist/cjs/packages/loading/index.d.ts +1 -1
- package/dist/cjs/packages/loading/loading.d.ts +3 -10
- package/dist/cjs/packages/loading/loading.js +45 -12
- package/dist/cjs/packages/loading/style/loading.scss +7 -1
- package/dist/cjs/packages/loading/style/style.css +13 -3
- package/dist/cjs/packages/loading/types.d.ts +13 -0
- package/dist/cjs/packages/loading/types.js +4 -0
- package/dist/cjs/packages/lottie/index.d.ts +3 -0
- package/dist/cjs/packages/{popup/index.rn.js → lottie/index.js} +2 -2
- package/dist/cjs/packages/lottie/style/css.js +1 -0
- package/dist/cjs/packages/lottie/style/index.js +1 -0
- package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
- package/dist/cjs/packages/lottie/style/style.css +4 -0
- package/dist/cjs/packages/lottie/types.d.ts +11 -0
- package/dist/cjs/packages/lottie/types.js +6 -0
- package/dist/cjs/packages/lottie/web.d.ts +3 -0
- package/dist/cjs/packages/lottie/web.js +34 -0
- package/dist/cjs/packages/menu/style/style.css +18 -14
- package/dist/cjs/packages/menuitem/style/style.css +14 -10
- package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
- package/dist/cjs/packages/navbar/navbar.js +20 -65
- package/dist/cjs/packages/navbar/style/navbar.scss +48 -111
- package/dist/cjs/packages/navbar/style/style.css +50 -105
- package/dist/cjs/packages/noticebar/style/style.css +4 -0
- package/dist/cjs/packages/notify/style/style.css +8 -4
- package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
- package/dist/cjs/packages/numberkeyboard/style/style.css +62 -83
- package/dist/cjs/packages/nutui.react.build.d.ts +7 -1
- package/dist/cjs/packages/nutui.react.build.js +12 -0
- package/dist/cjs/packages/nutui.react.d.ts +10 -1
- package/dist/cjs/packages/nutui.react.js +15 -0
- package/dist/cjs/packages/nutui.react.scss.d.ts +3 -0
- package/dist/cjs/packages/nutui.react.scss.js +3 -0
- package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
- package/dist/cjs/packages/overlay/style/style.css +11 -7
- package/dist/cjs/packages/pagination/pagination.js +2 -0
- package/dist/cjs/packages/pagination/style/pagination.scss +6 -12
- package/dist/cjs/packages/pagination/style/style.css +20 -22
- package/dist/cjs/packages/picker/style/style.css +52 -85
- package/dist/cjs/packages/popover/popover.js +17 -14
- package/dist/cjs/packages/popover/style/popover.scss +47 -65
- package/dist/cjs/packages/popover/style/style.css +93 -136
- package/dist/cjs/packages/popup/popup.js +24 -23
- package/dist/cjs/packages/popup/style/popup.scss +24 -59
- package/dist/cjs/packages/popup/style/style.css +41 -74
- package/dist/cjs/packages/price/index.d.ts +1 -1
- package/dist/cjs/packages/price/price.d.ts +1 -10
- package/dist/cjs/packages/price/price.js +9 -9
- package/dist/cjs/packages/price/style/price.scss +49 -9
- package/dist/cjs/packages/price/style/style.css +39 -16
- package/dist/cjs/packages/price/types.d.ts +13 -0
- package/dist/cjs/packages/price/types.js +4 -0
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/progress/style/progress.scss +2 -2
- package/dist/cjs/packages/progress/style/style.css +9 -4
- package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +1 -1
- package/dist/cjs/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
- package/dist/cjs/packages/pulltorefresh/style/style.css +6 -2
- package/dist/cjs/packages/radio/index.d.ts +8 -2
- package/dist/cjs/packages/radio/index.js +6 -1
- package/dist/cjs/packages/radio/radio.d.ts +1 -4
- package/dist/cjs/packages/radio/radio.js +0 -2
- package/dist/cjs/packages/radio/style/radio.scss +4 -0
- package/dist/cjs/packages/radio/style/style.css +26 -19
- package/dist/cjs/packages/radiogroup/radiogroup.js +1 -1
- package/dist/cjs/packages/radiogroup/style/style.css +10 -6
- package/dist/cjs/packages/range/style/style.css +14 -10
- package/dist/cjs/packages/rate/index.d.ts +1 -1
- package/dist/cjs/packages/rate/rate.d.ts +2 -16
- package/dist/cjs/packages/rate/rate.js +7 -3
- package/dist/cjs/packages/rate/style/rate.scss +101 -10
- package/dist/cjs/packages/rate/style/style.css +89 -9
- package/dist/cjs/packages/rate/types.d.ts +18 -0
- package/dist/cjs/packages/rate/types.js +4 -0
- package/dist/cjs/packages/resultpage/resultpage.js +23 -17
- package/dist/cjs/packages/resultpage/style/resultpage.scss +5 -3
- package/dist/cjs/packages/resultpage/style/style.css +16 -10
- package/dist/cjs/packages/resultpage/types.d.ts +1 -1
- package/dist/cjs/packages/row/style/style.css +4 -0
- package/dist/cjs/packages/safearea/style/safearea.scss +1 -1
- package/dist/cjs/packages/safearea/style/style.css +5 -1
- package/dist/cjs/packages/searchbar/style/searchbar.scss +10 -7
- package/dist/cjs/packages/searchbar/style/style.css +20 -13
- package/dist/cjs/packages/segmented/index.d.ts +3 -0
- package/dist/cjs/packages/segmented/index.js +12 -0
- package/dist/cjs/packages/segmented/segmented.d.ts +3 -0
- package/dist/cjs/packages/segmented/segmented.js +75 -0
- package/dist/cjs/packages/segmented/style/css.js +1 -0
- package/dist/cjs/packages/segmented/style/index.js +1 -0
- package/dist/cjs/packages/segmented/style/segmented.scss +38 -0
- package/dist/cjs/packages/segmented/style/style.css +42 -0
- package/dist/cjs/packages/segmented/types.d.ts +15 -0
- package/dist/cjs/packages/segmented/types.js +4 -0
- package/dist/cjs/packages/shortpassword/style/style.css +52 -85
- package/dist/cjs/packages/sidebar/index.d.ts +3 -0
- package/dist/cjs/packages/sidebar/index.js +12 -0
- package/dist/cjs/packages/sidebar/sidebar.d.ts +6 -0
- package/dist/cjs/packages/sidebar/sidebar.js +173 -0
- package/dist/cjs/packages/sidebar/style/css.js +1 -0
- package/dist/cjs/packages/sidebar/style/index.js +3 -0
- package/dist/cjs/packages/sidebar/style/sidebar.scss +61 -0
- package/dist/cjs/packages/sidebar/style/style.css +79 -0
- package/dist/cjs/packages/sidebar/types.d.ts +16 -0
- package/dist/cjs/packages/sidebar/types.js +4 -0
- package/dist/cjs/packages/sidebar/utils.d.ts +3 -0
- package/dist/cjs/packages/sidebar/utils.js +23 -0
- package/dist/cjs/packages/sidebaritem/index.d.ts +3 -0
- package/dist/cjs/packages/sidebaritem/index.js +12 -0
- package/dist/cjs/packages/sidebaritem/sidebaritem.d.ts +9 -0
- package/dist/cjs/packages/sidebaritem/sidebaritem.js +29 -0
- package/dist/cjs/packages/sidebaritem/style/css.js +1 -0
- package/dist/cjs/packages/sidebaritem/style/index.js +1 -0
- package/dist/cjs/packages/sidebaritem/style/sidebaritem.scss +16 -0
- package/dist/cjs/packages/sidebaritem/style/style.css +19 -0
- package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
- package/dist/cjs/packages/sidenavbar/sidenavbar.js +5 -1
- package/dist/cjs/packages/sidenavbar/style/style.css +45 -78
- package/dist/cjs/packages/sidenavbaritem/style/style.css +6 -2
- package/dist/cjs/packages/signature/style/style.css +6 -2
- package/dist/cjs/packages/skeleton/style/style.css +14 -48
- package/dist/cjs/packages/space/style/style.css +4 -0
- package/dist/cjs/packages/step/style/style.css +26 -22
- package/dist/cjs/packages/steps/style/style.css +26 -22
- package/dist/cjs/packages/sticky/style/style.css +4 -0
- package/dist/cjs/packages/subsidenavbar/style/style.css +6 -2
- package/dist/cjs/packages/swipe/style/style.css +4 -0
- package/dist/cjs/packages/swiper/style/style.css +103 -22
- package/dist/cjs/packages/swiperitem/style/style.css +4 -0
- package/dist/cjs/packages/switch/style/style.css +52 -32
- package/dist/cjs/packages/switch/style/switch.scss +45 -29
- package/dist/cjs/packages/switch/switch.d.ts +2 -2
- package/dist/cjs/packages/switch/switch.js +3 -11
- package/dist/cjs/packages/tabbar/style/style.css +88 -47
- package/dist/cjs/packages/tabbaritem/style/style.css +87 -46
- package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +15 -3
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/style/style.css +15 -11
- package/dist/cjs/packages/tabpane/style/style.css +5 -1
- package/dist/cjs/packages/tabs/style/style.css +66 -99
- package/dist/cjs/packages/tabs/style/tabs.scss +69 -107
- package/dist/cjs/packages/tag/style/style.css +10 -5
- package/dist/cjs/packages/tag/style/tag.scss +1 -0
- package/dist/cjs/packages/textarea/style/style.css +34 -19
- package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
- package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
- package/dist/cjs/packages/textarea/textarea.js +9 -7
- package/dist/cjs/packages/timedetail/style/style.css +10 -4
- package/dist/cjs/packages/timedetail/style/timedetail.scss +2 -0
- package/dist/cjs/packages/timeselect/style/style.css +52 -83
- package/dist/cjs/packages/timeselect/timeselect.js +1 -4
- package/dist/cjs/packages/toast/Notification.js +14 -25
- package/dist/cjs/packages/toast/style/index.js +1 -0
- package/dist/cjs/packages/toast/style/style.css +131 -38
- package/dist/cjs/packages/toast/style/toast.scss +76 -54
- package/dist/cjs/packages/toast/toast.js +2 -2
- package/dist/cjs/packages/tour/style/style.css +97 -140
- package/dist/cjs/packages/trendarrow/style/style.css +7 -2
- package/dist/cjs/packages/trendarrow/style/trendarrow.scss +2 -1
- package/dist/cjs/packages/uploader/index.d.ts +1 -1
- package/dist/cjs/packages/uploader/preview.js +13 -14
- package/dist/cjs/packages/uploader/style/style.css +20 -15
- package/dist/cjs/packages/uploader/types.d.ts +17 -0
- package/dist/cjs/packages/uploader/types.js +4 -0
- package/dist/cjs/packages/uploader/uploader.d.ts +5 -28
- package/dist/cjs/packages/uploader/uploader.js +241 -220
- package/dist/cjs/packages/video/style/style.css +4 -0
- package/dist/cjs/packages/video/video.d.ts +6 -2
- package/dist/cjs/packages/video/video.js +16 -2
- package/dist/cjs/packages/virtuallist/style/style.css +8 -4
- package/dist/cjs/packages/watermark/style/style.css +4 -0
- package/dist/cjs/utils/add-color-for-harmony.d.ts +9 -0
- package/dist/cjs/utils/add-color-for-harmony.js +27 -0
- package/dist/cjs/utils/platform-taro.d.ts +1 -0
- package/dist/cjs/utils/platform-taro.js +8 -0
- package/dist/es/packages/actionsheet/actionsheet.d.ts +7 -35
- package/dist/es/packages/actionsheet/actionsheet.js +6 -3
- package/dist/es/packages/actionsheet/style/actionsheet.scss +10 -4
- package/dist/es/packages/actionsheet/style/style.css +58 -84
- package/dist/es/packages/address/address.js +9 -6
- package/dist/es/packages/address/style/style.css +126 -193
- package/dist/es/packages/animate/style/animate.scss +0 -3
- package/dist/es/packages/animate/style/style.css +4 -3
- package/dist/es/packages/animatingnumbers/countup.js +7 -6
- package/dist/es/packages/animatingnumbers/style/style.css +16 -6
- package/dist/es/packages/audio/style/style.css +123 -97
- package/dist/es/packages/avatar/style/avatar.scss +7 -60
- package/dist/es/packages/avatar/style/style.css +11 -45
- package/dist/es/packages/avatarcropper/style/style.css +4 -0
- package/dist/es/packages/avatargroup/style/style.css +4 -0
- package/dist/es/packages/backtop/backtop.d.ts +2 -2
- package/dist/es/packages/backtop/backtop.js +15 -22
- package/dist/es/packages/backtop/style/backtop.scss +8 -17
- package/dist/es/packages/backtop/style/style.css +12 -14
- package/dist/es/packages/badge/badge.d.ts +2 -40
- package/dist/es/packages/badge/badge.js +14 -23
- package/dist/es/packages/badge/index.d.ts +1 -1
- package/dist/es/packages/badge/style/badge.scss +62 -41
- package/dist/es/packages/badge/style/style.css +70 -41
- package/dist/es/packages/badge/types.d.ts +12 -0
- package/dist/es/packages/badge/types.js +1 -0
- package/dist/es/packages/barrage/style/style.css +6 -2
- package/dist/es/packages/button/style/button.scss +48 -23
- package/dist/es/packages/button/style/style.css +110 -84
- package/dist/es/packages/calendar/style/style.css +56 -89
- package/dist/es/packages/calendarcard/calendarcard.d.ts +13 -65
- package/dist/es/packages/calendarcard/calendarcard.js +9 -4
- package/dist/es/packages/calendarcard/style/calendarcard.scss +25 -4
- package/dist/es/packages/calendarcard/style/style.css +40 -11
- package/dist/es/packages/calendaritem/style/style.css +4 -0
- package/dist/es/packages/card/card.d.ts +11 -55
- package/dist/es/packages/card/style/card.scss +3 -18
- package/dist/es/packages/card/style/style.css +50 -36
- package/dist/es/packages/cascader/cascader.js +2 -2
- package/dist/es/packages/cascader/style/style.css +108 -178
- package/dist/es/packages/cell/cell.d.ts +2 -12
- package/dist/es/packages/cell/index.d.ts +1 -1
- package/dist/es/packages/cell/style/style.css +14 -10
- package/dist/es/packages/cell/types.d.ts +12 -0
- package/dist/es/packages/cell/types.js +1 -0
- package/dist/es/packages/cellgroup/style/style.css +7 -3
- package/dist/es/packages/checkbox/checkbox.d.ts +1 -4
- package/dist/es/packages/checkbox/checkbox.js +1 -3
- package/dist/es/packages/checkbox/index.d.ts +7 -2
- package/dist/es/packages/checkbox/index.js +4 -1
- package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
- package/dist/es/packages/checkbox/style/style.css +48 -29
- package/dist/es/packages/checkboxgroup/checkboxgroup.d.ts +10 -50
- package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
- package/dist/es/packages/checkboxgroup/style/style.css +21 -7
- package/dist/es/packages/circleprogress/style/style.css +7 -3
- package/dist/es/packages/col/style/style.css +4 -0
- package/dist/es/packages/collapse/style/style.css +15 -11
- package/dist/es/packages/collapseitem/style/style.css +15 -11
- package/dist/es/packages/configprovider/style/style.css +4 -0
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/countdown/countdown.d.ts +2 -20
- package/dist/es/packages/countdown/countdown.js +3 -2
- package/dist/es/packages/countdown/index.d.ts +1 -1
- package/dist/es/packages/countdown/style/countdown.scss +29 -4
- package/dist/es/packages/countdown/style/style.css +44 -17
- package/dist/es/packages/countdown/types.d.ts +26 -0
- package/dist/es/packages/countdown/types.js +1 -0
- package/dist/es/packages/countup/style/countup.scss +11 -5
- package/dist/es/packages/countup/style/style.css +16 -6
- package/dist/es/packages/datepicker/style/style.css +52 -85
- package/dist/es/packages/dialog/dialog.js +17 -7
- package/dist/es/packages/dialog/style/dialog.scss +37 -21
- package/dist/es/packages/dialog/style/style.css +152 -112
- package/dist/es/packages/divider/style/style.css +8 -4
- package/dist/es/packages/drag/drag.d.ts +6 -30
- package/dist/es/packages/drag/style/style.css +4 -0
- package/dist/es/packages/elevator/elevator.d.ts +9 -45
- package/dist/es/packages/elevator/style/elevator.scss +7 -4
- package/dist/es/packages/elevator/style/style.css +18 -11
- package/dist/es/packages/ellipsis/ellipsis.d.ts +1 -1
- package/dist/es/packages/ellipsis/style/style.css +4 -0
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/empty/style/empty.scss +9 -5
- package/dist/es/packages/empty/style/style.css +18 -9
- package/dist/es/packages/fixednav/style/style.css +13 -9
- package/dist/es/packages/form/style/style.css +23 -17
- package/dist/es/packages/formitem/style/formitem.scss +2 -0
- package/dist/es/packages/formitem/style/style.css +10 -4
- package/dist/es/packages/grid/grid.js +2 -6
- package/dist/es/packages/grid/style/grid.scss +2 -2
- package/dist/es/packages/grid/style/style.css +19 -13
- package/dist/es/packages/griditem/griditem.js +12 -6
- package/dist/es/packages/griditem/style/griditem.scss +6 -4
- package/dist/es/packages/griditem/style/style.css +16 -10
- package/dist/es/packages/hoverbutton/hoverbutton.js +2 -1
- package/dist/es/packages/hoverbutton/style/style.css +40 -15
- package/dist/es/packages/hoverbutton/utils.d.ts +1 -0
- package/dist/es/packages/hoverbutton/utils.js +1 -0
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
- package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
- package/dist/es/packages/hoverbuttonitem/style/style.css +36 -11
- package/dist/es/packages/hoverbuttonitem/utils.d.ts +2 -0
- package/dist/es/packages/hoverbuttonitem/utils.js +7 -0
- package/dist/es/packages/image/style/style.css +6 -2
- package/dist/es/packages/imagepreview/imagepreview.d.ts +14 -70
- package/dist/es/packages/imagepreview/style/imagepreview.scss +11 -0
- package/dist/es/packages/imagepreview/style/style.css +153 -98
- package/dist/es/packages/indicator/indicator.d.ts +4 -0
- package/dist/es/packages/indicator/indicator.js +39 -10
- package/dist/es/packages/indicator/style/indicator.scss +127 -14
- package/dist/es/packages/indicator/style/style.css +103 -22
- package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
- package/dist/es/packages/infiniteloading/style/style.css +8 -4
- package/dist/es/packages/input/input.d.ts +1 -0
- package/dist/es/packages/input/input.js +7 -3
- package/dist/es/packages/input/style/input.scss +27 -12
- package/dist/es/packages/input/style/style.css +25 -11
- package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
- package/dist/es/packages/inputnumber/style/style.css +26 -20
- package/dist/es/packages/layout/style/style.css +4 -0
- package/dist/es/packages/loading/index.d.ts +1 -1
- package/dist/es/packages/loading/loading.d.ts +3 -22
- package/dist/es/packages/loading/loading.js +44 -12
- package/dist/es/packages/loading/style/loading.scss +7 -1
- package/dist/es/packages/loading/style/style.css +13 -3
- package/dist/es/packages/loading/types.d.ts +13 -0
- package/dist/es/packages/loading/types.js +1 -0
- package/dist/es/packages/lottie/index.d.ts +3 -0
- package/dist/es/packages/lottie/index.js +2 -0
- package/dist/es/packages/lottie/style/css.js +1 -0
- package/dist/es/packages/lottie/style/index.js +1 -0
- package/dist/es/packages/lottie/style/lottie.scss +0 -0
- package/dist/es/packages/lottie/style/style.css +4 -0
- package/dist/es/packages/lottie/types.d.ts +11 -0
- package/dist/es/packages/lottie/types.js +1 -0
- package/dist/es/packages/lottie/web.d.ts +3 -0
- package/dist/es/packages/lottie/web.js +22 -0
- package/dist/es/packages/menu/style/style.css +18 -14
- package/dist/es/packages/menuitem/style/style.css +14 -10
- package/dist/es/packages/navbar/navbar.d.ts +1 -1
- package/dist/es/packages/navbar/navbar.js +19 -63
- package/dist/es/packages/navbar/style/navbar.scss +48 -111
- package/dist/es/packages/navbar/style/style.css +50 -105
- package/dist/es/packages/noticebar/style/style.css +4 -0
- package/dist/es/packages/notify/style/style.css +8 -4
- package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
- package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
- package/dist/es/packages/numberkeyboard/style/style.css +62 -83
- package/dist/es/packages/nutui.react.build.d.ts +7 -1
- package/dist/es/packages/nutui.react.build.js +7 -1
- package/dist/es/packages/overlay/style/overlay.scss +6 -6
- package/dist/es/packages/overlay/style/style.css +11 -7
- package/dist/es/packages/pagination/pagination.js +2 -0
- package/dist/es/packages/pagination/style/pagination.scss +6 -12
- package/dist/es/packages/pagination/style/style.css +20 -22
- package/dist/es/packages/picker/style/style.css +52 -85
- package/dist/es/packages/popover/popover.d.ts +13 -65
- package/dist/es/packages/popover/popover.js +17 -14
- package/dist/es/packages/popover/style/popover.scss +47 -65
- package/dist/es/packages/popover/style/style.css +93 -136
- package/dist/es/packages/popup/popup.js +24 -23
- package/dist/es/packages/popup/style/popup.scss +24 -59
- package/dist/es/packages/popup/style/style.css +41 -74
- package/dist/es/packages/price/index.d.ts +1 -1
- package/dist/es/packages/price/price.d.ts +1 -10
- package/dist/es/packages/price/price.js +9 -9
- package/dist/es/packages/price/style/price.scss +49 -9
- package/dist/es/packages/price/style/style.css +39 -16
- package/dist/es/packages/price/types.d.ts +13 -0
- package/dist/es/packages/price/types.js +1 -0
- package/dist/es/packages/progress/progress.js +1 -1
- package/dist/es/packages/progress/style/progress.scss +2 -2
- package/dist/es/packages/progress/style/style.css +9 -4
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +1 -1
- package/dist/es/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
- package/dist/es/packages/pulltorefresh/style/style.css +6 -2
- package/dist/es/packages/radio/index.d.ts +8 -2
- package/dist/es/packages/radio/index.js +5 -1
- package/dist/es/packages/radio/radio.d.ts +10 -49
- package/dist/es/packages/radio/radio.js +0 -2
- package/dist/es/packages/radio/style/radio.scss +4 -0
- package/dist/es/packages/radio/style/style.css +26 -19
- package/dist/es/packages/radiogroup/radiogroup.d.ts +7 -35
- package/dist/es/packages/radiogroup/radiogroup.js +1 -1
- package/dist/es/packages/radiogroup/style/style.css +10 -6
- package/dist/es/packages/range/style/style.css +14 -10
- package/dist/es/packages/rate/index.d.ts +1 -1
- package/dist/es/packages/rate/rate.d.ts +2 -64
- package/dist/es/packages/rate/rate.js +7 -3
- package/dist/es/packages/rate/style/rate.scss +101 -10
- package/dist/es/packages/rate/style/style.css +89 -9
- package/dist/es/packages/rate/types.d.ts +18 -0
- package/dist/es/packages/rate/types.js +1 -0
- package/dist/es/packages/resultpage/resultpage.js +23 -16
- package/dist/es/packages/resultpage/style/resultpage.scss +5 -3
- package/dist/es/packages/resultpage/style/style.css +16 -10
- package/dist/es/packages/resultpage/types.d.ts +1 -1
- package/dist/es/packages/row/style/style.css +4 -0
- package/dist/es/packages/safearea/safearea.d.ts +1 -5
- package/dist/es/packages/safearea/style/safearea.scss +1 -1
- package/dist/es/packages/safearea/style/style.css +5 -1
- package/dist/es/packages/searchbar/searchbar.d.ts +19 -95
- package/dist/es/packages/searchbar/style/searchbar.scss +10 -7
- package/dist/es/packages/searchbar/style/style.css +20 -13
- package/dist/es/packages/segmented/index.d.ts +3 -0
- package/dist/es/packages/segmented/index.js +2 -0
- package/dist/es/packages/segmented/segmented.d.ts +3 -0
- package/dist/es/packages/segmented/segmented.js +63 -0
- package/dist/es/packages/segmented/style/css.js +1 -0
- package/dist/es/packages/segmented/style/index.js +1 -0
- package/dist/es/packages/segmented/style/segmented.scss +38 -0
- package/dist/es/packages/segmented/style/style.css +42 -0
- package/dist/es/packages/segmented/types.d.ts +15 -0
- package/dist/es/packages/segmented/types.js +1 -0
- package/dist/es/packages/shortpassword/style/style.css +52 -85
- package/dist/es/packages/sidebar/index.d.ts +3 -0
- package/dist/es/packages/sidebar/index.js +2 -0
- package/dist/es/packages/sidebar/sidebar.d.ts +6 -0
- package/dist/es/packages/sidebar/sidebar.js +161 -0
- package/dist/es/packages/sidebar/style/css.js +1 -0
- package/dist/es/packages/sidebar/style/index.js +3 -0
- package/dist/es/packages/sidebar/style/sidebar.scss +61 -0
- package/dist/es/packages/sidebar/style/style.css +79 -0
- package/dist/es/packages/sidebar/types.d.ts +16 -0
- package/dist/es/packages/sidebar/types.js +1 -0
- package/dist/es/packages/sidebar/utils.d.ts +3 -0
- package/dist/es/packages/sidebar/utils.js +14 -0
- package/dist/es/packages/sidebaritem/index.d.ts +3 -0
- package/dist/es/packages/sidebaritem/index.js +2 -0
- package/dist/es/packages/sidebaritem/sidebaritem.d.ts +9 -0
- package/dist/es/packages/sidebaritem/sidebaritem.js +18 -0
- package/dist/es/packages/sidebaritem/style/css.js +1 -0
- package/dist/es/packages/sidebaritem/style/index.js +1 -0
- package/dist/es/packages/sidebaritem/style/sidebaritem.scss +16 -0
- package/dist/es/packages/sidebaritem/style/style.css +19 -0
- package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
- package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
- package/dist/es/packages/sidenavbar/style/style.css +45 -78
- package/dist/es/packages/sidenavbaritem/style/style.css +6 -2
- package/dist/es/packages/signature/style/style.css +6 -2
- package/dist/es/packages/skeleton/style/style.css +14 -48
- package/dist/es/packages/space/style/style.css +4 -0
- package/dist/es/packages/step/style/style.css +26 -22
- package/dist/es/packages/steps/style/style.css +26 -22
- package/dist/es/packages/sticky/style/style.css +4 -0
- package/dist/es/packages/subsidenavbar/style/style.css +6 -2
- package/dist/es/packages/swipe/style/style.css +4 -0
- package/dist/es/packages/swiper/style/style.css +103 -22
- package/dist/es/packages/swiperitem/style/style.css +4 -0
- package/dist/es/packages/switch/style/style.css +52 -32
- package/dist/es/packages/switch/style/switch.scss +45 -29
- package/dist/es/packages/switch/switch.d.ts +2 -2
- package/dist/es/packages/switch/switch.js +3 -11
- package/dist/es/packages/tabbar/style/style.css +88 -47
- package/dist/es/packages/tabbar/tabbar.d.ts +7 -35
- package/dist/es/packages/tabbaritem/style/style.css +87 -46
- package/dist/es/packages/tabbaritem/style/tabbaritem.scss +15 -3
- package/dist/es/packages/tabbaritem/tabbaritem.d.ts +7 -35
- package/dist/es/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/es/packages/table/style/style.css +15 -11
- package/dist/es/packages/tabpane/style/style.css +5 -1
- package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
- package/dist/es/packages/tabs/style/style.css +66 -99
- package/dist/es/packages/tabs/style/tabs.scss +69 -107
- package/dist/es/packages/tabs/tabs.d.ts +12 -60
- package/dist/es/packages/tag/style/style.css +10 -5
- package/dist/es/packages/tag/style/tag.scss +1 -0
- package/dist/es/packages/textarea/style/style.css +34 -19
- package/dist/es/packages/textarea/style/textarea.scss +43 -16
- package/dist/es/packages/textarea/textarea.d.ts +2 -0
- package/dist/es/packages/textarea/textarea.js +9 -7
- package/dist/es/packages/timedetail/style/style.css +10 -4
- package/dist/es/packages/timedetail/style/timedetail.scss +2 -0
- package/dist/es/packages/timeselect/style/style.css +52 -83
- package/dist/es/packages/timeselect/timeselect.d.ts +9 -45
- package/dist/es/packages/timeselect/timeselect.js +1 -4
- package/dist/es/packages/toast/Notification.js +15 -26
- package/dist/es/packages/toast/style/index.js +1 -0
- package/dist/es/packages/toast/style/style.css +131 -38
- package/dist/es/packages/toast/style/toast.scss +76 -54
- package/dist/es/packages/toast/toast.d.ts +12 -60
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/style/style.css +97 -140
- package/dist/es/packages/trendarrow/style/style.css +7 -2
- package/dist/es/packages/trendarrow/style/trendarrow.scss +2 -1
- package/dist/es/packages/trendarrow/trendarrow.d.ts +11 -55
- package/dist/es/packages/uploader/index.d.ts +1 -1
- package/dist/es/packages/uploader/preview.js +13 -14
- package/dist/es/packages/uploader/style/style.css +20 -15
- package/dist/es/packages/uploader/types.d.ts +17 -0
- package/dist/es/packages/uploader/types.js +1 -0
- package/dist/es/packages/uploader/uploader.d.ts +29 -200
- package/dist/es/packages/uploader/uploader.js +241 -220
- package/dist/es/packages/video/style/style.css +4 -0
- package/dist/es/packages/video/video.d.ts +11 -27
- package/dist/es/packages/video/video.js +16 -2
- package/dist/es/packages/virtuallist/style/style.css +8 -4
- package/dist/es/packages/watermark/style/style.css +4 -0
- package/dist/es/utils/add-color-for-harmony.d.ts +9 -0
- package/dist/es/utils/add-color-for-harmony.js +16 -0
- package/dist/es/utils/platform-taro.d.ts +1 -0
- package/dist/es/utils/platform-taro.js +5 -0
- package/dist/nutui.react.umd.js +21031 -4140
- package/dist/style.css +1 -1
- package/dist/style.scss +110 -0
- package/dist/styles/jd-font.scss +16 -0
- package/dist/styles/theme-dark.scss +121 -110
- package/dist/styles/theme-default.scss +100 -93
- package/dist/styles/themes/default.css +1 -0
- package/dist/styles/themes/default.scss +2 -105
- package/dist/styles/variables-jmapp.scss +4 -0
- package/dist/styles/variables-jrkf.scss +25 -27
- package/dist/styles/variables.scss +340 -263
- package/package.json +8 -3
- package/dist/cjs/packages/nutui.react.build.rn.d.ts +0 -203
- package/dist/cjs/packages/nutui.react.build.rn.js +0 -418
- package/dist/cjs/packages/nutui.react.rn.d.ts +0 -304
- package/dist/cjs/packages/nutui.react.rn.js +0 -519
- package/dist/cjs/packages/popup/index.rn.d.ts +0 -3
- package/dist/cjs/packages/popup/popup.rn.d.ts +0 -26
- package/dist/cjs/packages/popup/popup.rn.js +0 -186
- package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
- package/dist/cjs/packages/uploader/file-item.js +0 -28
- package/dist/cjs/packages/uploader/utils.d.ts +0 -30
- package/dist/cjs/packages/uploader/utils.js +0 -184
- package/dist/es/packages/nutui.react.build.rn.d.ts +0 -203
- package/dist/es/packages/nutui.react.build.rn.js +0 -203
- package/dist/es/packages/nutui.react.rn.d.ts +0 -304
- package/dist/es/packages/nutui.react.rn.js +0 -304
- package/dist/es/packages/popup/index.rn.d.ts +0 -3
- package/dist/es/packages/popup/index.rn.js +0 -2
- package/dist/es/packages/popup/popup.rn.d.ts +0 -26
- package/dist/es/packages/popup/popup.rn.js +0 -174
- package/dist/es/packages/uploader/file-item.d.ts +0 -19
- package/dist/es/packages/uploader/file-item.js +0 -18
- package/dist/es/packages/uploader/utils.d.ts +0 -30
- package/dist/es/packages/uploader/utils.js +0 -154
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/* #ifdef harmony */
|
|
2
|
+
/* #endif */
|
|
3
|
+
/* #ifndef harmony */
|
|
4
|
+
/* #endif */
|
|
1
5
|
.nut-collapse-item {
|
|
2
6
|
position: relative;
|
|
3
7
|
}
|
|
@@ -24,7 +28,7 @@
|
|
|
24
28
|
padding: var(--nutui-collapse-item-padding, 13px 26px);
|
|
25
29
|
font-size: var(--nutui-collapse-item-font-size, var(--nutui-font-size-base, 14px));
|
|
26
30
|
line-height: var(--nutui-collapse-item-line-height, 24px);
|
|
27
|
-
background-color: var(--nutui-
|
|
31
|
+
background-color: var(--nutui-gray-1);
|
|
28
32
|
box-sizing: border-box;
|
|
29
33
|
}
|
|
30
34
|
.nut-collapse-item-header::after {
|
|
@@ -35,12 +39,12 @@
|
|
|
35
39
|
right: 16px;
|
|
36
40
|
left: 16px;
|
|
37
41
|
bottom: 0;
|
|
38
|
-
border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-
|
|
42
|
+
border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3));
|
|
39
43
|
-webkit-transform: scaleY(0.5);
|
|
40
44
|
transform: scaleY(0.5);
|
|
41
45
|
}
|
|
42
46
|
.nut-collapse-item-title {
|
|
43
|
-
color: var(--nutui-collapse-item-color, var(--nutui-
|
|
47
|
+
color: var(--nutui-collapse-item-color, var(--nutui-gray-7));
|
|
44
48
|
display: flex;
|
|
45
49
|
align-items: center;
|
|
46
50
|
}
|
|
@@ -52,13 +56,13 @@
|
|
|
52
56
|
overflow: hidden;
|
|
53
57
|
text-overflow: ellipsis;
|
|
54
58
|
white-space: nowrap;
|
|
55
|
-
color: var(--nutui-collapse-item-extra-color, var(--nutui-
|
|
59
|
+
color: var(--nutui-collapse-item-extra-color, var(--nutui-gray-6));
|
|
56
60
|
}
|
|
57
61
|
.nut-collapse-item-icon-box {
|
|
58
62
|
display: flex;
|
|
59
63
|
width: 24px;
|
|
60
64
|
position: relative;
|
|
61
|
-
color: var(--nutui-
|
|
65
|
+
color: var(--nutui-gray-6);
|
|
62
66
|
}
|
|
63
67
|
.nut-collapse-item-icon {
|
|
64
68
|
display: flex;
|
|
@@ -71,25 +75,25 @@
|
|
|
71
75
|
transition: transform 0.3s;
|
|
72
76
|
}
|
|
73
77
|
.nut-collapse-item-header.disabled {
|
|
74
|
-
color: var(--nutui-collapse-item-disabled-color, var(--nutui-
|
|
78
|
+
color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
|
|
75
79
|
}
|
|
76
80
|
.nut-collapse-item-header.disabled .nut-collapse-item-title {
|
|
77
|
-
color: var(--nutui-collapse-item-disabled-color, var(--nutui-
|
|
81
|
+
color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
|
|
78
82
|
}
|
|
79
83
|
.nut-collapse-item-header.disabled .nut-collapse-item-icon {
|
|
80
|
-
color: var(--nutui-collapse-item-disabled-color, var(--nutui-
|
|
84
|
+
color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
|
|
81
85
|
}
|
|
82
86
|
.nut-collapse-item-content {
|
|
83
87
|
overflow: hidden;
|
|
84
88
|
display: block;
|
|
85
|
-
color: var(--nutui-collapse-wrapper-content-color, var(--nutui-
|
|
89
|
+
color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
|
|
86
90
|
font-size: var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-base, 14px));
|
|
87
91
|
line-height: var(--nutui-collapse-wrapper-content-line-height, 1.5);
|
|
88
|
-
background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-
|
|
92
|
+
background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1));
|
|
89
93
|
transition: all 0.3s linear;
|
|
90
94
|
}
|
|
91
95
|
.nut-collapse-item-content-text {
|
|
92
|
-
color: var(--nutui-collapse-wrapper-content-color, var(--nutui-
|
|
96
|
+
color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
|
|
93
97
|
padding: var(--nutui-collapse-wrapper-content-padding, 12px 26px);
|
|
94
98
|
}
|
|
95
99
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryDisabledSpecial' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiColorBackground' | 'nutuiColorBackgroundOverlay' | 'nutuiColorBackgroundSunken' | 'nutuiColorMask' | 'nutuiColorMaskPart' | 'nutuiColorMaskFaultToleran' | 'nutuiColorBorder' | 'nutuiColorBorderDisabled' | 'nutuiColorTitle' | 'nutuiColorText' | 'nutuiColorTextHelp' | 'nutuiColorTextDisabled' | 'nutuiWhite12' | 'nutuiColorPrimaryText' | 'nutuiFontSizeXxs' | 'nutuiFontSizeXs' | 'nutuiFontSizeS' | 'nutuiFontSizeBase' | 'nutuiFontSizeL' | 'nutuiFontSizeXl' | 'nutuiFontSizeXxl' | 'nutuiFontSize10' | 'nutuiFontSize11' | 'nutuiFontWeightLight' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacingXxxs' | 'nutuiSpacingXxs' | 'nutuiSpacingXs' | 'nutuiSpacingS' | 'nutuiSpacingBase' | 'nutuiSpacingL' | 'nutuiSpacingXl' | 'nutuiSpacingXxl' | 'nutuiSpacingXxxl' | 'nutuiRadiusXxxs' | 'nutuiRadiusXxs' | 'nutuiRadiusXs' | 'nutuiRadiusS' | 'nutuiRadiusBase' | 'nutuiRadiusL' | 'nutuiRadiusXl' | 'nutuiRadiusXxl' | 'nutuiRadiusXxxl' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultDisabledColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonLargeBorderRadius' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonSmallBorderRadius' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniBorderRadius' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiCellGroupWrapMargin' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiCountdownFontWeight' | 'nutuiCountdownHeight' | 'nutuiCountdownWidth' | 'nutuiCountdownNumberPadding' | 'nutuiCountdownNumberBorderRadius' | 'nutuiCountdownNumberMargin' | 'nutuiCountdownNumberBorderColor' | 'nutuiCountdownNumberColor' | 'nutuiCountdownNumberBackgroundColor' | 'nutuiCountdownNumberPrimaryBorderColor' | 'nutuiCountdownNumberPrimaryColor' | 'nutuiCountdownNumberPrimaryBackgroundColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseDisabledBackgroundColor' | 'nutuiSwitchOpenDisabledBackgroundColor' | 'nutuiSwitchCloseLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideBorderRadius' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiSwitchBoxShadow' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiHoverbuttonSpacing' | 'nutuiSpacing16' | 'nutuiHoverbuttonPositionBottom' | 'nutuiHoverbuttonPositionRight' | 'nutuiHoverbuttonItemBorderColor' | 'nutuiBlack3' | 'nutuiHoverbuttonItemBackground' | 'nutuiGray1' | 'nutuiHoverbuttonItemBackgroundActive' | 'nutuiGray3' | 'nutuiHoverbuttonItemIconColor' | 'nutuiGray7' | 'nutuiHoverbuttonItemIconColorActive' | 'nutuiGray6' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverBorderColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack1';
|
|
1
|
+
export type NutCSSVariables = 'nutuiBrand6' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiBrand3' | 'nutuiBrand1' | 'nutuiRed6' | 'nutuiGray8' | 'nutuiRed3' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiGreen2' | 'nutuiGreen3' | 'nutuiColorSuccessDisabled' | 'nutuiGreen1' | 'nutuiYellow2' | 'nutuiYellow3' | 'nutuiColorWarningDisabled' | 'nutuiYellow1' | 'nutuiRed2' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiRed1' | 'nutuiColorDangerBackground' | 'nutuiGray3' | 'nutuiGray1' | 'nutuiColorBackgroundSunken' | 'nutuiGray2' | 'nutuiBlack10' | 'nutuiBlack7' | 'nutuiBlack2' | 'nutuiBlack3' | 'nutuiGray4' | 'nutuiGray7' | 'nutuiGray6' | 'nutuiGray5' | 'nutuiWhite12' | 'nutuiBlue2' | 'nutuiFontSizeXxs' | 'nutuiFontSizeXs' | 'nutuiFontSizeS' | 'nutuiFontSizeBase' | 'nutuiFontSizeL' | 'nutuiFontSizeXl' | 'nutuiFontSizeXxl' | 'nutuiFontSize10' | 'nutuiFontSize11' | 'nutuiFontWeightLight' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacingXxxs' | 'nutuiSpacingXxs' | 'nutuiSpacingXs' | 'nutuiSpacingS' | 'nutuiSpacingBase' | 'nutuiSpacingL' | 'nutuiSpacingXl' | 'nutuiSpacingXxl' | 'nutuiSpacingXxxl' | 'nutuiRadiusXxxs' | 'nutuiRadiusXxs' | 'nutuiRadiusXs' | 'nutuiRadiusS' | 'nutuiRadiusBase' | 'nutuiRadiusL' | 'nutuiRadiusXl' | 'nutuiRadiusXxl' | 'nutuiRadiusXxxl' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultDisabledColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonXlargeTextIconMargin' | 'nutuiButtonXlargeBorderRadius' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeBorderRadius' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonSmallBorderRadius' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniBorderRadius' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiCellGroupWrapMargin' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaPadding' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiCountdownFontWeight' | 'nutuiCountdownHeight' | 'nutuiCountdownWidth' | 'nutuiCountdownNumberPadding' | 'nutuiCountdownNumberBorderRadius' | 'nutuiCountdownNumberMargin' | 'nutuiCountdownNumberColor' | 'nutuiCountdownNumberBackgroundColor' | 'nutuiCountdownNumberBorderColor' | 'nutuiCountdownNumberPrimaryColor' | 'nutuiCountdownNumberPrimaryBackgroundColor' | 'nutuiCountdownNumberPrimaryBorderColor' | 'nutuiPriceColor' | 'nutuiColorTextHelp' | 'nutuiPriceDarkgrayColor' | 'nutuiPriceLineColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolXlargeSize' | 'nutuiPriceIntegerXlargeSize' | 'nutuiPriceDecimalXlargeSize' | 'nutuiPriceSymbolLargeSize' | 'nutuiPriceIntegerLargeSize' | 'nutuiPriceDecimalLargeSize' | 'nutuiPriceSymbolNormalSize' | 'nutuiPriceIntegerNormalSize' | 'nutuiPriceDecimalNormalSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchActiveBackgroundColor' | 'nutuiSwitchInactiveBackgroundColor' | 'nutuiSwitchActiveDisabledBackgroundColor' | 'nutuiSwitchInactiveDisabledBackgroundColor' | 'nutuiSwitchInactiveLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchBorderWidth' | 'nutuiSwitchInsideBorderRadius' | 'nutuiSwitchInsideBoxShadow' | 'nutuiSwitchLabelTextColor' | 'nutuiSwitchLabelFontSize' | 'nutuiSwitchInactiveDisabledLabelTextColor' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiHoverbuttonSpacing' | 'nutuiHoverbuttonPositionBottom' | 'nutuiHoverbuttonPositionRight' | 'nutuiHoverbuttonItemSize' | 'nutuiHoverbuttonItemBorderColor' | 'nutuiHoverbuttonItemBackground' | 'nutuiHoverbuttonItemBackgroundActive' | 'nutuiHoverbuttonItemIconColor' | 'nutuiHoverbuttonItemIconColorActive' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupTitleFontWeight' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupDescriptionSpacing' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiRateIconSize' | 'nutuiRateFontColor' | 'nutuiRateFontSize' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogMinWidth' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMaxHeight' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogBottomCloseIconSize' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiBadgeOutlineColor' | 'nutuiBadgeOutlineBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverBorderColor' | 'nutuiPopoverFontSize' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemWidth' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiSegmentedHeight' | 'nutuiSegmentedPadding' | 'nutuiSegmentedRadius' | 'nutuiSegmentedBackground' | 'nutuiSegmentedItemPadding' | 'nutuiSegmentedItemRadius' | 'nutuiSegmentedItemFontsize' | 'nutuiSegmentedItemColor' | 'nutuiSegmentedActiveBackground' | 'nutuiSegmentedIconMarginRight' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyBackgroundColor' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderWidth' | 'nutuiGridBorderColor' | 'nutuiGridItemBorderRadius' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidebarBackgroundColor' | 'nutuiSidebarBorderRadius' | 'nutuiSidebarWidth' | 'nutuiSidebarMaxWidth' | 'nutuiSidebarTitleHeight' | 'nutuiSidebarInactiveFontSize' | 'nutuiSidebarActiveFontSize' | 'nutuiSidebarActiveFontWeight' | 'nutuiSidebarActiveColor' | 'nutuiSidebarItemBackground' | 'nutuiSidebarItemPadding' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiCountupSeparatorColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiLoadingLottieBackground' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack1';
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
3
|
-
export type CountDownType = 'default' | 'primary';
|
|
4
|
-
export interface CountDownProps extends BasicComponent {
|
|
5
|
-
type: CountDownType;
|
|
6
|
-
paused: boolean;
|
|
7
|
-
startTime: number;
|
|
8
|
-
endTime: number;
|
|
9
|
-
remainingTime: number;
|
|
10
|
-
millisecond: boolean;
|
|
11
|
-
format: string;
|
|
12
|
-
autoStart: boolean;
|
|
13
|
-
time: number;
|
|
14
|
-
destroy: boolean;
|
|
15
|
-
onEnd: () => void;
|
|
16
|
-
onPaused: (restTime: number) => void;
|
|
17
|
-
onRestart: (restTime: number) => void;
|
|
18
|
-
onUpdate: (restTime: any) => void;
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CountDownProps } from './types';
|
|
21
3
|
export declare const CountDown: React.ForwardRefExoticComponent<Partial<CountDownProps> & React.RefAttributes<unknown>>;
|
|
@@ -141,10 +141,11 @@ var InternalCountDown = function(props, ref) {
|
|
|
141
141
|
} else if (formatCache.includes('SS')) {
|
|
142
142
|
formatCache = formatCache.replace('SS', msC.slice(0, 2));
|
|
143
143
|
} else if (formatCache.includes('S')) {
|
|
144
|
-
formatCache = formatCache.replace('
|
|
144
|
+
formatCache = formatCache.replace('S', msC.slice(0, 1));
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
-
|
|
147
|
+
var isTextDom = type === 'text' ? '<span class="nut-countdown-number-text">$1</span>' : '<span class="nut-countdown-number">$1</span>';
|
|
148
|
+
formatCache = formatCache.replace(/(\d+)/g, type === 'primary' ? '<span class="nut-countdown-number-primary">$1</span>' : isTextDom);
|
|
148
149
|
return formatCache;
|
|
149
150
|
};
|
|
150
151
|
var pause = function() {
|
|
@@ -6,33 +6,58 @@
|
|
|
6
6
|
font-size: $countdown-font-size;
|
|
7
7
|
&-number-primary,
|
|
8
8
|
&-number,
|
|
9
|
+
&-number-text,
|
|
9
10
|
&-unit {
|
|
10
11
|
display: flex;
|
|
11
12
|
align-items: center;
|
|
12
13
|
justify-content: center;
|
|
13
14
|
height: $countdown-height;
|
|
15
|
+
box-sizing: border-box;
|
|
14
16
|
font-weight: $coutdown-font-weight;
|
|
15
17
|
font-size: $countdown-font-size;
|
|
18
|
+
line-height: calc($countdown-font-size + 2px);
|
|
19
|
+
font-family: 'JD';
|
|
16
20
|
}
|
|
17
21
|
&-number,
|
|
18
22
|
&-number-primary {
|
|
23
|
+
position: relative;
|
|
19
24
|
min-width: $countdown-width;
|
|
20
25
|
padding: $countdown-number-padding;
|
|
21
26
|
border-radius: $countdown-number-border-radius;
|
|
22
27
|
margin: $countdown-number-margin;
|
|
28
|
+
text-align: center;
|
|
29
|
+
&::after {
|
|
30
|
+
content: '';
|
|
31
|
+
position: absolute;
|
|
32
|
+
top: -50%;
|
|
33
|
+
bottom: -50%;
|
|
34
|
+
left: -50%;
|
|
35
|
+
right: -50%;
|
|
36
|
+
transform: scale(0.5);
|
|
37
|
+
border-radius: calc($countdown-number-border-radius * 2);
|
|
38
|
+
}
|
|
23
39
|
}
|
|
24
40
|
&-number {
|
|
25
|
-
border: 1px solid $countdown-number-border-color;
|
|
26
41
|
background-color: $countdown-number-background-color;
|
|
27
42
|
color: $countdown-number-color;
|
|
28
|
-
|
|
43
|
+
&::after {
|
|
44
|
+
border: 1px solid $countdown-number-border-color;
|
|
45
|
+
}
|
|
29
46
|
}
|
|
47
|
+
|
|
30
48
|
&-number-primary {
|
|
31
|
-
border: 1px solid $countdown-number-primary-border-color;
|
|
32
49
|
background-color: $countdown-number-primary-background-color;
|
|
33
50
|
color: $countdown-number-primary-color;
|
|
51
|
+
&::after {
|
|
52
|
+
border: 1px solid $countdown-number-primary-border-color;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
&-number-text {
|
|
56
|
+
border: 0;
|
|
57
|
+
background-color: transparent;
|
|
58
|
+
color: $countdown-number-color;
|
|
34
59
|
}
|
|
35
60
|
&-unit {
|
|
36
|
-
color: $color
|
|
61
|
+
color: $countdown-color;
|
|
37
62
|
}
|
|
38
63
|
}
|
|
@@ -1,35 +1,62 @@
|
|
|
1
|
+
/* #ifdef harmony */
|
|
2
|
+
/* #endif */
|
|
3
|
+
/* #ifndef harmony */
|
|
4
|
+
/* #endif */
|
|
1
5
|
.nut-countdown {
|
|
2
6
|
display: var(--nutui-countdown-display, flex);
|
|
3
7
|
flex-direction: row;
|
|
4
8
|
align-items: center;
|
|
5
|
-
color: var(--nutui-countdown-color, var(--nutui-
|
|
6
|
-
font-size: var(--nutui-countdown-font-size,
|
|
9
|
+
color: var(--nutui-countdown-color, var(--nutui-brand-6));
|
|
10
|
+
font-size: var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px));
|
|
7
11
|
}
|
|
8
|
-
.nut-countdown-number-primary, .nut-countdown-number, .nut-countdown-unit {
|
|
12
|
+
.nut-countdown-number-primary, .nut-countdown-number, .nut-countdown-number-text, .nut-countdown-unit {
|
|
9
13
|
display: flex;
|
|
10
14
|
align-items: center;
|
|
11
15
|
justify-content: center;
|
|
12
|
-
height: var(--nutui-countdown-height,
|
|
13
|
-
|
|
14
|
-
font-
|
|
16
|
+
height: var(--nutui-countdown-height, 16px);
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
font-weight: var(--nutui-countdown-font-weight, var(--nutui-font-weight, 400));
|
|
19
|
+
font-size: var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px));
|
|
20
|
+
line-height: calc(var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px)) + 2px);
|
|
21
|
+
font-family: "JD";
|
|
15
22
|
}
|
|
16
23
|
.nut-countdown-number, .nut-countdown-number-primary {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
24
|
+
position: relative;
|
|
25
|
+
min-width: var(--nutui-countdown-width, 16px);
|
|
26
|
+
padding: var(--nutui-countdown-number-padding, 0 0);
|
|
27
|
+
border-radius: var(--nutui-countdown-number-border-radius, var(--nutui-radius-xxs, 2px));
|
|
28
|
+
margin: var(--nutui-countdown-number-margin, 0 1px);
|
|
29
|
+
text-align: center;
|
|
30
|
+
}
|
|
31
|
+
.nut-countdown-number::after, .nut-countdown-number-primary::after {
|
|
32
|
+
content: "";
|
|
33
|
+
position: absolute;
|
|
34
|
+
top: -50%;
|
|
35
|
+
bottom: -50%;
|
|
36
|
+
left: -50%;
|
|
37
|
+
right: -50%;
|
|
38
|
+
transform: scale(0.5);
|
|
39
|
+
border-radius: calc(var(--nutui-countdown-number-border-radius, var(--nutui-radius-xxs, 2px)) * 2);
|
|
21
40
|
}
|
|
22
41
|
.nut-countdown-number {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
42
|
+
background-color: var(--nutui-countdown-number-background-color, var(--nutui-gray-1));
|
|
43
|
+
color: var(--nutui-countdown-number-color, var(--nutui-brand-6));
|
|
44
|
+
}
|
|
45
|
+
.nut-countdown-number::after {
|
|
46
|
+
border: 1px solid var(--nutui-countdown-number-border-color, var(--nutui-red-3));
|
|
27
47
|
}
|
|
28
48
|
.nut-countdown-number-primary {
|
|
29
|
-
|
|
30
|
-
background-color: var(--nutui-countdown-number-primary-background-color, var(--nutui-color-primary, #ff0f23));
|
|
49
|
+
background-color: var(--nutui-countdown-number-primary-background-color, var(--nutui-brand-6));
|
|
31
50
|
color: var(--nutui-countdown-number-primary-color, #ffffff);
|
|
32
51
|
}
|
|
52
|
+
.nut-countdown-number-primary::after {
|
|
53
|
+
border: 1px solid var(--nutui-countdown-number-primary-border-color, var(--nutui-brand-6));
|
|
54
|
+
}
|
|
55
|
+
.nut-countdown-number-text {
|
|
56
|
+
border: 0;
|
|
57
|
+
background-color: transparent;
|
|
58
|
+
color: var(--nutui-countdown-number-color, var(--nutui-brand-6));
|
|
59
|
+
}
|
|
33
60
|
.nut-countdown-unit {
|
|
34
|
-
color: var(--nutui-color
|
|
61
|
+
color: var(--nutui-countdown-color, var(--nutui-brand-6));
|
|
35
62
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BasicComponent } from "../../utils/typings";
|
|
2
|
+
export type CountDownType = 'default' | 'primary' | 'text';
|
|
3
|
+
export interface CountDownTimeProps {
|
|
4
|
+
d: number;
|
|
5
|
+
h: number;
|
|
6
|
+
m: number;
|
|
7
|
+
s: number;
|
|
8
|
+
ms: number;
|
|
9
|
+
}
|
|
10
|
+
export interface CountDownProps extends BasicComponent {
|
|
11
|
+
type: CountDownType;
|
|
12
|
+
paused: boolean;
|
|
13
|
+
startTime: number;
|
|
14
|
+
endTime: number;
|
|
15
|
+
remainingTime: number;
|
|
16
|
+
millisecond: boolean;
|
|
17
|
+
format: string;
|
|
18
|
+
autoStart: boolean;
|
|
19
|
+
time: number;
|
|
20
|
+
destroy: boolean;
|
|
21
|
+
onEnd: () => void;
|
|
22
|
+
onPaused: (restTime: number) => void;
|
|
23
|
+
onRestart: (restTime: number) => void;
|
|
24
|
+
onUpdate: (restTime: string | CountDownTimeProps) => void;
|
|
25
|
+
children: React.ReactNode;
|
|
26
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -9,9 +9,8 @@
|
|
|
9
9
|
&-listitem {
|
|
10
10
|
height: $countup-height;
|
|
11
11
|
overflow: hidden;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
font-weight: $font-weight-bold;
|
|
12
|
+
user-select: none;
|
|
13
|
+
-webkit-tap-highlight-color: transparent;
|
|
15
14
|
|
|
16
15
|
&-number {
|
|
17
16
|
margin: 0 $countup-lr-margin;
|
|
@@ -25,7 +24,9 @@
|
|
|
25
24
|
display: flex;
|
|
26
25
|
height: 80%;
|
|
27
26
|
align-items: flex-end;
|
|
28
|
-
color: $countup-
|
|
27
|
+
color: $countup-separator-color;
|
|
28
|
+
font-size: $countup-base-size;
|
|
29
|
+
font-weight: $font-weight-bold;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
&-number {
|
|
@@ -33,10 +34,15 @@
|
|
|
33
34
|
flex-direction: column;
|
|
34
35
|
align-items: center;
|
|
35
36
|
width: $countup-width;
|
|
37
|
+
transition: transform 1s ease-in-out;
|
|
38
|
+
transform: translate(0, 0);
|
|
36
39
|
|
|
37
|
-
|
|
40
|
+
&-text {
|
|
38
41
|
height: $countup-height;
|
|
39
42
|
line-height: $countup-height;
|
|
43
|
+
color: $countup-color;
|
|
44
|
+
font-size: $countup-base-size;
|
|
45
|
+
font-weight: $font-weight-bold;
|
|
40
46
|
}
|
|
41
47
|
}
|
|
42
48
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/* #ifdef harmony */
|
|
2
|
+
/* #endif */
|
|
3
|
+
/* #ifndef harmony */
|
|
4
|
+
/* #endif */
|
|
1
5
|
.nut-countup-list {
|
|
2
6
|
display: inline-flex;
|
|
3
7
|
height: var(--nutui-countup-height, 32px);
|
|
@@ -7,29 +11,35 @@
|
|
|
7
11
|
.nut-countup-listitem {
|
|
8
12
|
height: var(--nutui-countup-height, 32px);
|
|
9
13
|
overflow: hidden;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
font-weight: var(--nutui-font-weight-bold, 600);
|
|
14
|
+
user-select: none;
|
|
15
|
+
-webkit-tap-highlight-color: transparent;
|
|
13
16
|
}
|
|
14
17
|
.nut-countup-listitem-number {
|
|
15
18
|
margin: 0 var(--nutui-countup-lr-margin, 0);
|
|
16
19
|
border-radius: var(--nutui-countup-border-radius, 4px);
|
|
17
|
-
color: var(--nutui-countup-color, var(--nutui-
|
|
20
|
+
color: var(--nutui-countup-color, var(--nutui-gray-7));
|
|
18
21
|
background-color: var(--nutui-countup-bg-color, inherit);
|
|
19
22
|
}
|
|
20
23
|
.nut-countup-separator {
|
|
21
24
|
display: flex;
|
|
22
25
|
height: 80%;
|
|
23
26
|
align-items: flex-end;
|
|
24
|
-
color: var(--nutui-countup-
|
|
27
|
+
color: var(--nutui-countup-separator-color, var(--nutui-gray-7));
|
|
28
|
+
font-size: var(--nutui-countup-base-size, 18px);
|
|
29
|
+
font-weight: var(--nutui-font-weight-bold, 600);
|
|
25
30
|
}
|
|
26
31
|
.nut-countup-number {
|
|
27
32
|
display: flex;
|
|
28
33
|
flex-direction: column;
|
|
29
34
|
align-items: center;
|
|
30
35
|
width: var(--nutui-countup-width, auto);
|
|
36
|
+
transition: transform 1s ease-in-out;
|
|
37
|
+
transform: translate(0, 0);
|
|
31
38
|
}
|
|
32
|
-
.nut-countup-number
|
|
39
|
+
.nut-countup-number-text {
|
|
33
40
|
height: var(--nutui-countup-height, 32px);
|
|
34
41
|
line-height: var(--nutui-countup-height, 32px);
|
|
42
|
+
color: var(--nutui-countup-color, var(--nutui-gray-7));
|
|
43
|
+
font-size: var(--nutui-countup-base-size, 18px);
|
|
44
|
+
font-weight: var(--nutui-font-weight-bold, 600);
|
|
35
45
|
}
|