@nutui/nutui-react 2.1.1-beta.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +44 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +7 -6
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +4 -4
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/AnimatingNumbers.js +5 -5
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Audio.js +5 -5
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +4 -4
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/BackTop/style/style.css +1 -1
- package/dist/esm/BackTop.js +3 -7
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Barrage/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Button.js +84 -5
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/style.css +1 -1
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Card.js +3 -3
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cell/style/style.css +1 -1
- package/dist/esm/Cell.js +5 -5
- package/dist/esm/CellGroup/style/style.css +1 -1
- package/dist/esm/CellGroup.js +3 -3
- package/dist/esm/Checkbox/style/style.css +1 -1
- package/dist/esm/CheckboxGroup/style/style.css +1 -1
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/CircleProgress/style/style.css +1 -1
- package/dist/esm/CircleProgress.js +2 -2
- package/dist/esm/Col/style/style.css +1 -1
- package/dist/esm/Collapse/style/style.css +1 -1
- package/dist/esm/CollapseItem/style/style.css +1 -1
- package/dist/esm/CountDown/style/style.css +1 -1
- package/dist/esm/CountDown.js +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +9 -6
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Divider.js +1 -1
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Elevator.js +12 -12
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/Empty.js +10 -31
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/FixedNav.js +6 -6
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Grid/style/style.css +1 -1
- package/dist/esm/Grid.js +1 -1
- package/dist/esm/GridItem/style/style.css +1 -1
- package/dist/esm/Image/style/style.css +1 -1
- package/dist/esm/Image.js +2 -2
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/Indicator/style/style.css +1 -1
- package/dist/esm/InfiniteLoading/style/style.css +1 -1
- package/dist/esm/InfiniteLoading.js +6 -63
- package/dist/esm/Input/style/style.css +1 -1
- package/dist/esm/InputNumber/style/style.css +1 -1
- package/dist/esm/InputNumber.js +5 -5
- package/dist/esm/Loading/style/style.css +1 -1
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/Menu.js +14 -7
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +9 -10
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +4 -4
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/Notify.js +2 -2
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +14 -14
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +8 -14
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +5 -5
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +6 -13
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Price.js +5 -5
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/Progress.js +1 -1
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/PullToRefresh.js +2 -37
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +5 -5
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +20 -20
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +13 -13
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBar.js +4 -4
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/SideNavBarItem.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +3 -3
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Skeleton.js +7 -7
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Sticky/style/style.css +1 -1
- package/dist/esm/Sticky.js +1 -1
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/SubSideNavBar.js +6 -6
- package/dist/esm/Swipe/style/style.css +1 -1
- package/dist/esm/Swipe.js +2 -2
- package/dist/esm/Swiper/style/style.css +1 -1
- package/dist/esm/Swiper.js +3 -6
- package/dist/esm/Switch/style/style.css +1 -1
- package/dist/esm/Switch.js +3 -3
- package/dist/esm/TabPane/style/style.css +1 -1
- package/dist/esm/Tabbar/style/style.css +1 -1
- package/dist/esm/Tabbar.js +3 -3
- package/dist/esm/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +11 -11
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +3 -3
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TextArea.js +3 -3
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +4 -3
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -4
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +4 -4
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +24 -22
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/badge2.js +2 -2
- package/dist/esm/cascader2.js +6 -6
- package/dist/esm/checkbox2.js +10 -47
- package/dist/esm/collapseitem2.js +7 -7
- package/dist/esm/configprovider2.js +2 -2
- package/dist/esm/context5.js +1 -1
- package/dist/esm/formitem2.js +4 -4
- package/dist/esm/griditem2.js +2 -2
- package/dist/esm/indicator2.js +3 -3
- package/dist/esm/menuitem2.js +7 -7
- package/dist/esm/overlay2.js +1 -1
- package/dist/esm/popup2.js +20 -21
- package/dist/esm/radio2.js +5 -10
- package/dist/esm/tabbaritem2.js +1 -1
- package/dist/esm/tabs2.js +8 -8
- package/dist/esm/types/src/packages/button/button.d.ts +2 -3
- package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -3
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +0 -2
- package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +0 -2
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/empty/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/empty.d.ts +1 -5
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +1 -5
- package/dist/esm/types/src/packages/empty/index.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/index.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/indicator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/inputnumber/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/navbar/navbar.d.ts +0 -1
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
- package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/popover/popover.d.ts +0 -4
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +0 -4
- package/dist/esm/types/src/packages/popup/popup.d.ts +0 -1
- package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -3
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +0 -1
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/swipe/swipe.d.ts +6 -0
- package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
- package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +2 -2
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +1794 -3192
- package/dist/nutui.react.umd.js +1808 -3206
- package/dist/packages/actionsheet/actionsheet.scss +15 -15
- package/dist/packages/address/address.scss +4 -4
- package/dist/packages/animatingnumbers/countup.scss +6 -19
- package/dist/packages/audio/audio.scss +9 -17
- package/dist/packages/avatar/avatar.scss +1 -1
- package/dist/packages/avatarcropper/avatarcropper.scss +0 -4
- package/dist/packages/backtop/backtop.scss +3 -6
- package/dist/packages/badge/badge.scss +10 -12
- package/dist/packages/barrage/barrage.scss +6 -16
- package/dist/packages/button/button.scss +93 -163
- package/dist/packages/calendar/calendar.scss +12 -13
- package/dist/packages/calendarcard/calendarcard.scss +6 -6
- package/dist/packages/card/card.scss +13 -27
- package/dist/packages/cascader/cascader.scss +6 -6
- package/dist/packages/cell/cell.scss +3 -3
- package/dist/packages/cellgroup/cellgroup.scss +6 -6
- package/dist/packages/checkbox/checkbox.scss +21 -81
- package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -17
- package/dist/packages/collapseitem/collapseitem.scss +10 -32
- package/dist/packages/dialog/dialog.scss +13 -13
- package/dist/packages/divider/divider.scss +7 -7
- package/dist/packages/elevator/elevator.scss +12 -13
- package/dist/packages/empty/empty.scss +6 -36
- package/dist/packages/fixednav/fixednav.scss +13 -26
- package/dist/packages/form/form.scss +4 -4
- package/dist/packages/formitem/formitem.scss +6 -6
- package/dist/packages/grid/grid.scss +1 -1
- package/dist/packages/griditem/griditem.scss +15 -16
- package/dist/packages/image/image.scss +2 -4
- package/dist/packages/imagepreview/imagepreview.scss +11 -1
- package/dist/packages/indicator/indicator.scss +9 -9
- package/dist/packages/infiniteloading/infiniteloading.scss +8 -23
- package/dist/packages/input/input.scss +2 -4
- package/dist/packages/inputnumber/inputnumber.scss +18 -21
- package/dist/packages/loading/loading.scss +3 -3
- package/dist/packages/menu/menu.scss +30 -22
- package/dist/packages/menuitem/menuitem.scss +56 -55
- package/dist/packages/navbar/navbar.scss +16 -52
- package/dist/packages/noticebar/noticebar.scss +11 -12
- package/dist/packages/notify/notify.scss +18 -10
- package/dist/packages/numberkeyboard/numberkeyboard.scss +17 -19
- package/dist/packages/pagination/pagination.scss +9 -32
- package/dist/packages/picker/picker.scss +19 -19
- package/dist/packages/popover/popover.scss +35 -51
- package/dist/packages/popup/popup.scss +213 -225
- package/dist/packages/price/price.scss +7 -18
- package/dist/packages/progress/progress.scss +1 -1
- package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -9
- package/dist/packages/radio/radio.scss +40 -45
- package/dist/packages/radiogroup/radiogroup.scss +18 -18
- package/dist/packages/range/range.scss +2 -13
- package/dist/packages/rate/rate.scss +9 -8
- package/dist/packages/searchbar/searchbar.scss +42 -67
- package/dist/packages/shortpassword/shortpassword.scss +13 -13
- package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
- package/dist/packages/signature/signature.scss +2 -5
- package/dist/packages/skeleton/skeleton.scss +8 -8
- package/dist/packages/step/step.scss +32 -27
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
- package/dist/packages/swipe/swipe.scss +5 -8
- package/dist/packages/swiper/swiper.scss +4 -4
- package/dist/packages/switch/switch.scss +27 -38
- package/dist/packages/tabbar/tabbar.scss +4 -4
- package/dist/packages/tabbaritem/tabbaritem.scss +1 -8
- package/dist/packages/table/table.scss +27 -27
- package/dist/packages/tabpane/tabpane.scss +2 -2
- package/dist/packages/tabs/tabs.scss +137 -181
- package/dist/packages/tag/tag.scss +12 -12
- package/dist/packages/textarea/textarea.scss +6 -6
- package/dist/packages/timedetail/timedetail.scss +9 -8
- package/dist/packages/timeselect/timeselect.scss +21 -12
- package/dist/packages/toast/toast.scss +22 -37
- package/dist/packages/tour/tour.scss +3 -8
- package/dist/packages/trendarrow/trendarrow.scss +3 -8
- package/dist/packages/uploader/uploader.scss +37 -41
- package/dist/packages/virtuallist/virtuallist.scss +3 -13
- package/dist/packages/watermark/watermark.scss +0 -1
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -5
- package/dist/styles/theme-dark.scss +28 -17
- package/dist/styles/theme-default.scss +37 -15
- package/dist/styles/theme-jmapp.scss +40 -17
- package/dist/styles/variables-jmapp.scss +1169 -883
- package/dist/styles/variables.scss +982 -685
- package/dist/types/packages/animate/animate.d.ts +2 -2
- package/dist/types/packages/button/button.d.ts +2 -3
- package/dist/types/packages/checkbox/checkbox.d.ts +0 -2
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/empty/empty.d.ts +1 -5
- package/dist/types/packages/empty/index.d.ts +0 -1
- package/dist/types/packages/navbar/navbar.d.ts +0 -1
- package/dist/types/packages/pagination/pagination.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +0 -4
- package/dist/types/packages/popup/popup.d.ts +2 -15
- package/dist/types/packages/searchbar/searchbar.d.ts +0 -5
- package/dist/types/packages/swipe/swipe.d.ts +6 -6
- package/dist/types/packages/swiper/swiper.d.ts +2 -2
- package/dist/types/packages/tabs/tabs.d.ts +2 -2
- package/package.json +2 -2
- package/dist/esm/button2.js +0 -88
- package/dist/esm/types/src/packages/empty/types.d.ts +0 -3
- package/dist/types/packages/empty/types.d.ts +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-
|
|
1
|
+
.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;-webkit-user-select:none;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles .nut-tabs__list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1 0 auto;padding:0 10px;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item.taro{height:46px;line-height:46px}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-color-primary, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-tag{padding:var(--nutui-tag-padding,
|
|
1
|
+
.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag--info.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}
|
package/dist/esm/Tag.js
CHANGED
|
@@ -44,7 +44,7 @@ var Tag = function Tag2(props) {
|
|
|
44
44
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, background = _defaultProps$props.background, plain = _defaultProps$props.plain, type = _defaultProps$props.type, round = _defaultProps$props.round, children = _defaultProps$props.children, mark = _defaultProps$props.mark, closeable = _defaultProps$props.closeable, closeIcon = _defaultProps$props.closeIcon, color = _defaultProps$props.color, onClick2 = _defaultProps$props.onClick, onClose2 = _defaultProps$props.onClose;
|
|
45
45
|
var _useState = useState(true), _useState2 = _slicedToArray(_useState, 2), visible = _useState2[0], setVisible = _useState2[1];
|
|
46
46
|
var classPrefix = "nut-tag";
|
|
47
|
-
var classes = classNames((_classNames = {}, _defineProperty(_classNames, classPrefix, true), _defineProperty(_classNames, "".concat(classPrefix, "
|
|
47
|
+
var classes = classNames((_classNames = {}, _defineProperty(_classNames, classPrefix, true), _defineProperty(_classNames, "".concat(classPrefix, "--").concat(type), type), _defineProperty(_classNames, "".concat(classPrefix, "--plain"), plain), _defineProperty(_classNames, "".concat(classPrefix, "--round"), round), _defineProperty(_classNames, "".concat(classPrefix, "--mark"), mark), _defineProperty(_classNames, "".concat(classPrefix, "--close"), closeable), _defineProperty(_classNames, "".concat(className), className), _classNames));
|
|
48
48
|
var handleClick = function handleClick2(e) {
|
|
49
49
|
onClick2 && onClick2(e);
|
|
50
50
|
};
|
|
@@ -77,8 +77,8 @@ var Tag = function Tag2(props) {
|
|
|
77
77
|
onClose2 && onClose2(e);
|
|
78
78
|
}
|
|
79
79
|
}, closeIcon) : React__default.createElement(Close, {
|
|
80
|
-
width:
|
|
81
|
-
height:
|
|
80
|
+
width: 12,
|
|
81
|
+
height: 12,
|
|
82
82
|
onClick: function onClick3(e) {
|
|
83
83
|
setVisible(false);
|
|
84
84
|
onClose2 && onClose2(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background
|
|
1
|
+
.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:#ffffff;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));padding:var(--nutui-textarea-padding, 10px 25px)}.nut-textarea__disabled .nut-textarea__textarea,.nut-textarea__disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nutui-textarea-disabled-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-limit-color, var(--nutui-gray-2, #757575))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nutui-textarea-font, var(--nutui-font-size-3, 14px));color:var(--nutui-textarea-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-gray-1, #1a1a1a));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea__textarea .taro-textarea{background-color:transparent;resize:none}.nut-textarea .cpoyText{position:absolute;top:-999999px;left:-999999px}
|
package/dist/esm/TextArea.js
CHANGED
|
@@ -91,10 +91,10 @@ var TextArea = function TextArea2(props) {
|
|
|
91
91
|
onBlur && onBlur(event);
|
|
92
92
|
};
|
|
93
93
|
return React__default.createElement("div", {
|
|
94
|
-
className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "
|
|
94
|
+
className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__disabled"), disabled), className)
|
|
95
95
|
}, React__default.createElement("textarea", _objectSpread({
|
|
96
96
|
ref: textareaRef,
|
|
97
|
-
className: "".concat(classPrefix, "
|
|
97
|
+
className: "".concat(classPrefix, "__textarea"),
|
|
98
98
|
style,
|
|
99
99
|
disabled,
|
|
100
100
|
readOnly,
|
|
@@ -118,7 +118,7 @@ var TextArea = function TextArea2(props) {
|
|
|
118
118
|
maxLength: maxLength === -1 ? void 0 : maxLength,
|
|
119
119
|
placeholder: placeholder || locale.placeholder
|
|
120
120
|
}, rest)), showCount && React__default.createElement("div", {
|
|
121
|
-
className: "".concat(classPrefix, "
|
|
121
|
+
className: "".concat(classPrefix, "__limit")
|
|
122
122
|
}, inputValue.length, "/", maxLength < 0 ? 0 : maxLength));
|
|
123
123
|
};
|
|
124
124
|
TextArea.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px
|
|
1
|
+
.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-line-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-timeselect-time-color, var(--nutui-gray-1, #1a1a1a));border-radius:5px;font-size:var(--nutui-timeselect-font-size, 14px);border:1px solid transparent;font-weight:700}.nut-timedetail__item.active{background-color:var(--nutui-timeselect-time-active-background, var(--nutui-gray-5, #f8f8f8));border:1px solid var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19))}
|
package/dist/esm/TimeDetail.js
CHANGED
|
@@ -59,7 +59,7 @@ var TimeDetail = function TimeDetail2(props) {
|
|
|
59
59
|
className: classNames(classPrefix, className)
|
|
60
60
|
}, timeList[optionKey.childrenKey].map(function(item) {
|
|
61
61
|
return React__default.createElement("span", {
|
|
62
|
-
className: classNames("".concat(classPrefix, "
|
|
62
|
+
className: classNames("".concat(classPrefix, "__item"), {
|
|
63
63
|
active: isActive(item[optionKey.valueKey])
|
|
64
64
|
}),
|
|
65
65
|
key: item[optionKey.valueKey],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:var(--nutui-timeselect-time-width, 100px);height:var(--nutui-timeselect-time-height, 50px);line-height:var(--nutui-timeselect-time-line-height, 50px);text-align:center;margin:var(--nutui-timeselect-time-margin, 0 10px 10px 0);background:var(--nutui-timeselect-time-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-timeselect-time-color, var(--nutui-gray-1, #1a1a1a));border-radius:5px;font-size:var(--nutui-timeselect-font-size, 14px);border:1px solid transparent;font-weight:700}.nut-timedetail__item.active{background-color:var(--nutui-timeselect-time-active-background, var(--nutui-gray-5, #f8f8f8));border:1px solid var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-timeselect-time-active-color, var(--nutui-color-primary, #fa2c19))}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-3, 14px));background:var(--nutui-timeselect-title-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:var(--nutui-timeselect-date-width, 140px);min-width:var(--nutui-timeselect-date-width, 140px);height:100%;overflow:auto;background:var(--nutui-gray-5, #f8f8f8)}.nut-timepannel{height:var(--nutui-timeselect-date-height, 40px);line-height:var(--nutui-timeselect-date-line-height, 40px);text-align:center;color:var(--nutui-timeselect-date-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-date-font-size, var(--nutui-font-size-3, 14px))}.nut-timepannel.active{background:var(--nutui-gray-6, #ffffff);color:var(--nutui-timeselect-date-active-color, var(--nutui-gray-1, #1a1a1a));font-weight:700}
|
package/dist/esm/TimeSelect.js
CHANGED
|
@@ -104,7 +104,6 @@ var TimeSelect = function TimeSelect2(props) {
|
|
|
104
104
|
round: true,
|
|
105
105
|
visible,
|
|
106
106
|
position: "bottom",
|
|
107
|
-
title: title || locale.timeselect.pickupTime,
|
|
108
107
|
style: _objectSpread({
|
|
109
108
|
width: "100%",
|
|
110
109
|
height: "20%"
|
|
@@ -113,9 +112,11 @@ var TimeSelect = function TimeSelect2(props) {
|
|
|
113
112
|
}, rest), React__default.createElement("div", {
|
|
114
113
|
className: classNames(classPrefix, className)
|
|
115
114
|
}, React__default.createElement("div", {
|
|
116
|
-
className: "".concat(classPrefix, "
|
|
115
|
+
className: "".concat(classPrefix, "__title")
|
|
116
|
+
}, title || locale.timeselect.pickupTime), React__default.createElement("div", {
|
|
117
|
+
className: "".concat(classPrefix, "__content")
|
|
117
118
|
}, React__default.createElement("div", {
|
|
118
|
-
className: "".concat(classPrefix, "-
|
|
119
|
+
className: "".concat(classPrefix, "__content-left")
|
|
119
120
|
}, options.map(function(item) {
|
|
120
121
|
return React__default.createElement("div", {
|
|
121
122
|
key: item[optionKey.valueKey],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-
|
|
1
|
+
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast__overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast__inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast__inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-cover{display:flex;align-items:center;justify-content:center;pointer-events:none;height:100%;background:var(--nutui-toast-cover-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-toast__inner{display:inline-block;font-size:var(--nutui-toast-text-font-size, 14px);min-width:40%;max-width:65%;text-align:var(--nutui-toast-inner-text-align, "center");padding:var(--nutui-toast-inner-padding, 24px 30px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 12px);color:var(--nutui-toast-font-color, #fff);position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);transform:translate(-50%,-50%)}.nut-toast__inner.normal{word-break:normal;word-wrap:normal}.nut-toast__inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text{font-size:var(--nutui-toast-text-font-size, 14px)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px)}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast__icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-loading .nut-toast__inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast__icon-wrapper{animation:rotation 2s linear infinite}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}
|
package/dist/esm/Toast.js
CHANGED
|
@@ -147,7 +147,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
147
147
|
break;
|
|
148
148
|
}
|
|
149
149
|
return React.createElement("p", {
|
|
150
|
-
className: "".concat(classPrefix, "-
|
|
150
|
+
className: "".concat(classPrefix, "__icon-wrapper")
|
|
151
151
|
}, iconNode);
|
|
152
152
|
}
|
|
153
153
|
return icon;
|
|
@@ -174,7 +174,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
174
174
|
return React.createElement(React.Fragment, null, React.createElement(Overlay, {
|
|
175
175
|
visible: show2,
|
|
176
176
|
style,
|
|
177
|
-
className: "".concat(classPrefix, "-
|
|
177
|
+
className: "".concat(classPrefix, "__overlay-default ").concat(className),
|
|
178
178
|
onClick: function onClick() {
|
|
179
179
|
_this3.clickCover();
|
|
180
180
|
},
|
|
@@ -184,7 +184,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
184
184
|
className: "".concat(classPrefix, " ").concat(classes),
|
|
185
185
|
id: "toast-".concat(id)
|
|
186
186
|
}, React.createElement("div", {
|
|
187
|
-
className: "".concat(classPrefix, "
|
|
187
|
+
className: "".concat(classPrefix, "__inner ").concat(classPrefix, "-").concat(position, " ").concat(contentClassName, " ").concat(wordBreak),
|
|
188
188
|
style: contentStyle
|
|
189
189
|
}, this.renderIcon(), title ? React.createElement("div", {
|
|
190
190
|
className: "".concat(classPrefix, "-title")
|
|
@@ -198,7 +198,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
198
198
|
_defineProperty(Notification, "newInstance", void 0);
|
|
199
199
|
Notification.newInstance = function(properties, callback) {
|
|
200
200
|
var element = document.createElement("div");
|
|
201
|
-
var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
|
|
201
|
+
var id = properties.id ? properties.id : "".concat(/* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime());
|
|
202
202
|
element.id = id;
|
|
203
203
|
properties.id = id;
|
|
204
204
|
document.body.appendChild(element);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-3, 14px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-primary-text-color, var(--nutui-gray-1, #1a1a1a));box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{display:flex;align-items:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-menu-item-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-menu-item-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh #00000080;border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-gray-3, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-2, #757575)}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-trendarrow{display:inline-flex;align-items:center;
|
|
1
|
+
.nut-trendarrow{display:inline-flex;align-items:center;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}
|
package/dist/esm/TrendArrow.js
CHANGED
|
@@ -32,9 +32,9 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
32
32
|
zero: false,
|
|
33
33
|
left: false,
|
|
34
34
|
sync: true,
|
|
35
|
-
color: "",
|
|
36
|
-
riseColor: "
|
|
37
|
-
dropColor: "
|
|
35
|
+
color: "#333",
|
|
36
|
+
riseColor: "#fa2c19",
|
|
37
|
+
dropColor: "#64b578",
|
|
38
38
|
riseIcon: null,
|
|
39
39
|
dropIcon: null
|
|
40
40
|
});
|
|
@@ -80,7 +80,7 @@ var TrendArrow = function TrendArrow2(props) {
|
|
|
80
80
|
var renderContent = function renderContent2(left2) {
|
|
81
81
|
var classNameSuffix = !left2 ? "icon-after" : "icon-before";
|
|
82
82
|
return React__default.createElement("span", {
|
|
83
|
-
className: "".concat(classPrefix, "
|
|
83
|
+
className: "".concat(classPrefix, "__").concat(classNameSuffix, " ").concat(classPrefix, "__value"),
|
|
84
84
|
style: calcStyle
|
|
85
85
|
}, calcRate);
|
|
86
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background,
|
|
1
|
+
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, #f3f3f3)}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader__slot{position:relative}.nut-uploader__upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-4, #f4f4f4));width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border:var(--nutui-uploader-picture-border, 0px);border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity, .7);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__icon-tip{font-size:var(--nutui-uploader-picture-icon-tip-font-size, 12px);color:var(--nutui-uploader-picture-icon-tip-color, #bfbfbf)}.nut-uploader__input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer!important;opacity:0}.nut-uploader__input:disabled{cursor:not-allowed}.nut-uploader__upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-4, #f4f4f4))}.nut-uploader__upload-disabled .nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity-disabled, .3);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);box-shadow:0 2px 10px #0000001a}.nut-uploader__preview__progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, rgba(0, 0, 0, .65));border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview__progress i{margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview__progress__msg{color:#fff;font-size:12px}.nut-uploader__preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px}.nut-uploader__preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-5, #f8f8f8)}.nut-uploader__preview-list .nut-uploader__preview-img__file__name{display:flex;-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader__preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader__preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader__preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader__preview-img{position:relative;width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);overflow:hidden}.nut-uploader__preview-img i{color:var(--nutui-gray-1, #1a1a1a)}.nut-uploader__preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, rgba(0, 0, 0, .45));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-img__c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview-img__file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader__preview-img__file__name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-2, #757575);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader__preview-img__file__name.error{color:red!important}.nut-uploader__preview-img__file__name.success{color:#1890ff!important}.nut-uploader__preview-img__file__name .nut-icon-link:before{margin-left:-45%;margin-top:-45%;transform:none}
|
package/dist/esm/Uploader.js
CHANGED
|
@@ -143,7 +143,7 @@ var Preview = function Preview2(_ref2) {
|
|
|
143
143
|
return React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map(function(item, index) {
|
|
144
144
|
var _item$type;
|
|
145
145
|
return React__default.createElement("div", {
|
|
146
|
-
className: "nut-
|
|
146
|
+
className: "nut-uploader__preview ".concat(previewType),
|
|
147
147
|
key: item.uid
|
|
148
148
|
}, previewType === "picture" && deletable && React__default.createElement(Failure, {
|
|
149
149
|
color: "rgba(0,0,0,0.6)",
|
|
@@ -152,17 +152,17 @@ var Preview = function Preview2(_ref2) {
|
|
|
152
152
|
return onDeleteItem(item, index);
|
|
153
153
|
}
|
|
154
154
|
}), previewType === "picture" && !children && React__default.createElement("div", {
|
|
155
|
-
className: "nut-
|
|
155
|
+
className: "nut-uploader__preview-img"
|
|
156
156
|
}, item.status === "ready" ? React__default.createElement("div", {
|
|
157
|
-
className: "nut-
|
|
157
|
+
className: "nut-uploader__preview__progress"
|
|
158
158
|
}, React__default.createElement("div", {
|
|
159
|
-
className: "nut-
|
|
159
|
+
className: "nut-uploader__preview__progress__msg"
|
|
160
160
|
}, item.message)) : item.status !== "success" && React__default.createElement("div", {
|
|
161
|
-
className: "nut-
|
|
161
|
+
className: "nut-uploader__preview__progress"
|
|
162
162
|
}, renderIcon(item), React__default.createElement("div", {
|
|
163
|
-
className: "nut-
|
|
163
|
+
className: "nut-uploader__preview__progress__msg"
|
|
164
164
|
}, item.message)), (_item$type = item.type) !== null && _item$type !== void 0 && _item$type.includes("image") ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
|
|
165
|
-
className: "nut-
|
|
165
|
+
className: "nut-uploader__preview-img__c",
|
|
166
166
|
style: {
|
|
167
167
|
objectFit: "fill"
|
|
168
168
|
},
|
|
@@ -172,33 +172,33 @@ var Preview = function Preview2(_ref2) {
|
|
|
172
172
|
return handleItemClick(item, index);
|
|
173
173
|
}
|
|
174
174
|
})) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", {
|
|
175
|
-
className: "nut-
|
|
175
|
+
className: "nut-uploader__preview-img__c",
|
|
176
176
|
src: previewUrl,
|
|
177
177
|
alt: "",
|
|
178
178
|
onClick: function onClick() {
|
|
179
179
|
return handleItemClick(item, index);
|
|
180
180
|
}
|
|
181
181
|
}) : React__default.createElement("div", {
|
|
182
|
-
className: "nut-
|
|
182
|
+
className: "nut-uploader__preview-img__file"
|
|
183
183
|
}, React__default.createElement("div", {
|
|
184
184
|
onClick: function onClick() {
|
|
185
185
|
return handleItemClick(item, index);
|
|
186
186
|
},
|
|
187
|
-
className: "nut-
|
|
187
|
+
className: "nut-uploader__preview-img__file__name"
|
|
188
188
|
}, React__default.createElement(Link, {
|
|
189
189
|
color: "#808080"
|
|
190
190
|
}), React__default.createElement("span", null, " ", item.name)))), item.status === "success" ? React__default.createElement("div", {
|
|
191
191
|
className: "tips"
|
|
192
192
|
}, item.name) : null), previewType === "list" && React__default.createElement("div", {
|
|
193
|
-
className: "nut-
|
|
193
|
+
className: "nut-uploader__preview-list"
|
|
194
194
|
}, React__default.createElement("div", {
|
|
195
|
-
className: "nut-
|
|
195
|
+
className: "nut-uploader__preview-img__file__name ".concat(item.status),
|
|
196
196
|
onClick: function onClick() {
|
|
197
197
|
return handleItemClick(item, index);
|
|
198
198
|
}
|
|
199
199
|
}, React__default.createElement(Link, null), React__default.createElement("span", null, " ", item.name)), deletable && React__default.createElement(Del, {
|
|
200
200
|
color: "#808080",
|
|
201
|
-
className: "nut-
|
|
201
|
+
className: "nut-uploader__preview-img__file__del",
|
|
202
202
|
onClick: function onClick() {
|
|
203
203
|
return onDeleteItem(item, index);
|
|
204
204
|
}
|
|
@@ -387,6 +387,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
|
|
|
387
387
|
};
|
|
388
388
|
var readFile = function readFile2(files) {
|
|
389
389
|
files.forEach(function(file, index) {
|
|
390
|
+
var _file$type;
|
|
390
391
|
var formData = new FormData();
|
|
391
392
|
formData.append(name, file);
|
|
392
393
|
var fileItem = new FileItem();
|
|
@@ -397,7 +398,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
|
|
|
397
398
|
fileItem.uid = file.lastModified + fileItem.uid;
|
|
398
399
|
fileItem.message = autoUpload ? locale.uploader.readyUpload : locale.uploader.waitingUpload;
|
|
399
400
|
executeUpload(fileItem, index);
|
|
400
|
-
if (preview && file.type.includes("image")) {
|
|
401
|
+
if (preview && (_file$type = file.type) !== null && _file$type !== void 0 && _file$type.includes("image")) {
|
|
401
402
|
var reader = new FileReader();
|
|
402
403
|
reader.onload = function(event) {
|
|
403
404
|
fileItem.url = event.target.result;
|
|
@@ -406,7 +407,8 @@ var InternalUploader = function InternalUploader2(props, ref) {
|
|
|
406
407
|
};
|
|
407
408
|
reader.readAsDataURL(file);
|
|
408
409
|
} else {
|
|
409
|
-
|
|
410
|
+
fileList.push(fileItem);
|
|
411
|
+
setFileList(_toConsumableArray(fileList));
|
|
410
412
|
}
|
|
411
413
|
});
|
|
412
414
|
};
|
|
@@ -474,12 +476,12 @@ var InternalUploader = function InternalUploader2(props, ref) {
|
|
|
474
476
|
return React__default.createElement("div", _objectSpread({
|
|
475
477
|
className: classes
|
|
476
478
|
}, restProps), (children || previewType === "list") && React__default.createElement("div", {
|
|
477
|
-
className: "nut-
|
|
479
|
+
className: "nut-uploader__slot"
|
|
478
480
|
}, children || React__default.createElement(Button, {
|
|
479
481
|
size: "small",
|
|
480
482
|
type: "primary"
|
|
481
483
|
}, "上传文件"), maxCount > fileList.length && React__default.createElement("input", {
|
|
482
|
-
className: "nut-
|
|
484
|
+
className: "nut-uploader__input",
|
|
483
485
|
type: "file",
|
|
484
486
|
capture,
|
|
485
487
|
name,
|
|
@@ -496,15 +498,15 @@ var InternalUploader = function InternalUploader2(props, ref) {
|
|
|
496
498
|
previewUrl,
|
|
497
499
|
children
|
|
498
500
|
})), maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement("div", {
|
|
499
|
-
className: classNames("nut-
|
|
500
|
-
"nut-
|
|
501
|
+
className: classNames("nut-uploader__upload", previewType, {
|
|
502
|
+
"nut-uploader__upload-disabled": disabled
|
|
501
503
|
})
|
|
502
504
|
}, React__default.createElement("div", {
|
|
503
|
-
className: "nut-
|
|
505
|
+
className: "nut-uploader__icon"
|
|
504
506
|
}, uploadIcon, React__default.createElement("span", {
|
|
505
|
-
className: "nut-
|
|
507
|
+
className: "nut-uploader__icon-tip"
|
|
506
508
|
}, uploadLabel)), React__default.createElement("input", {
|
|
507
|
-
className: "nut-
|
|
509
|
+
className: "nut-uploader__input",
|
|
508
510
|
type: "file",
|
|
509
511
|
capture,
|
|
510
512
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;
|
|
1
|
+
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}
|
package/dist/esm/badge2.js
CHANGED
|
@@ -57,7 +57,7 @@ var Badge = function Badge2(props) {
|
|
|
57
57
|
if (typeof value === "string" && value)
|
|
58
58
|
return value;
|
|
59
59
|
}
|
|
60
|
-
var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "
|
|
60
|
+
var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), _defineProperty({}, "".concat(classPrefix, "__sup"), isNumber() || isString() || dot), _defineProperty({}, "".concat(classPrefix, "__one"), typeof content() === "string" && ((_ref = "".concat(content())) === null || _ref === void 0 ? void 0 : _ref.length) === 1));
|
|
61
61
|
var getStyle = function getStyle2() {
|
|
62
62
|
var style2 = {};
|
|
63
63
|
style2.top = "".concat(Number(top) || parseFloat(String(top)) || 0, "px");
|
|
@@ -69,7 +69,7 @@ var Badge = function Badge2(props) {
|
|
|
69
69
|
className: classes,
|
|
70
70
|
style
|
|
71
71
|
}, isIcon() && React__default.createElement("div", {
|
|
72
|
-
className: "".concat(classPrefix, "
|
|
72
|
+
className: "".concat(classPrefix, "__icon")
|
|
73
73
|
}, value), children, !isIcon() && React__default.createElement("div", {
|
|
74
74
|
className: contentClasses,
|
|
75
75
|
style: getStyle()
|
package/dist/esm/cascader2.js
CHANGED
|
@@ -544,14 +544,14 @@ var InternalCascader = function InternalCascader2(props, ref) {
|
|
|
544
544
|
active: checked,
|
|
545
545
|
disabled: node.disabled
|
|
546
546
|
}, classPrefix2);
|
|
547
|
-
var classesTitle = classNames(_defineProperty({}, "".concat(classPrefix2, "
|
|
547
|
+
var classesTitle = classNames(_defineProperty({}, "".concat(classPrefix2, "__title"), true));
|
|
548
548
|
var renderIcon = function renderIcon2() {
|
|
549
549
|
if (checked) {
|
|
550
550
|
if (isValidElement(activeIcon)) {
|
|
551
551
|
return activeIcon;
|
|
552
552
|
}
|
|
553
553
|
return React__default.createElement(Checklist, {
|
|
554
|
-
className: "".concat(checked ? "".concat(classPrefix, "-
|
|
554
|
+
className: "".concat(checked ? "".concat(classPrefix, "__icon-check") : "")
|
|
555
555
|
});
|
|
556
556
|
}
|
|
557
557
|
return null;
|
|
@@ -569,7 +569,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
|
|
|
569
569
|
className: classesTitle
|
|
570
570
|
}, node.text), node.loading ? React__default.createElement(Loading, {
|
|
571
571
|
color: "#969799",
|
|
572
|
-
className: "nut-cascader-
|
|
572
|
+
className: "nut-cascader-item__icon-loading"
|
|
573
573
|
}) : renderIcon());
|
|
574
574
|
};
|
|
575
575
|
var renderTabs = function renderTabs2() {
|
|
@@ -586,12 +586,12 @@ var InternalCascader = function InternalCascader2(props, ref) {
|
|
|
586
586
|
setTabvalue(pane.paneKey);
|
|
587
587
|
state.tabsCursor = index;
|
|
588
588
|
},
|
|
589
|
-
className: "nut-
|
|
589
|
+
className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? "nut-tabs__titles-item--active" : ""),
|
|
590
590
|
key: pane.paneKey
|
|
591
591
|
}, React__default.createElement("span", {
|
|
592
|
-
className: "nut-
|
|
592
|
+
className: "nut-tabs__titles-item__text"
|
|
593
593
|
}, !state.initLoading && state.panes.length && (pane === null || pane === void 0 || (_pane$selectedNode2 = pane.selectedNode) === null || _pane$selectedNode2 === void 0 ? void 0 : _pane$selectedNode2.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode3 = pane.selectedNode) !== null && _pane$selectedNode3 !== void 0 && _pane$selectedNode3.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."), React__default.createElement("span", {
|
|
594
|
-
className: "nut-
|
|
594
|
+
className: "nut-tabs__titles-item__line"
|
|
595
595
|
}));
|
|
596
596
|
});
|
|
597
597
|
}
|