@nutui/nutui-react 2.0.23 → 2.1.0-beta.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 +0 -13
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +0 -4
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +3 -7
- package/dist/esm/AnimatingNumbers/style/style.css +1 -1
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/Avatar/style/style.css +1 -1
- package/dist/esm/Avatar.js +5 -5
- package/dist/esm/BackTop/style/style.css +1 -1
- package/dist/esm/Badge/style/style.css +1 -1
- package/dist/esm/Barrage/style/style.css +1 -1
- package/dist/esm/Button/style/style.css +1 -1
- package/dist/esm/Button.js +5 -84
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/Calendar.js +2 -1
- package/dist/esm/CalendarItem.js +0 -2
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cascader.js +0 -4
- package/dist/esm/Cell/style/style.css +1 -1
- package/dist/esm/CellGroup/style/style.css +1 -1
- 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/DatePicker/style/style.css +1 -1
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +1 -8
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/Elevator/style/style.css +1 -1
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/Empty.js +31 -10
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/FixedNav.js +2 -2
- 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/GridItem/style/style.css +1 -1
- package/dist/esm/Image/style/style.css +1 -1
- package/dist/esm/Image.js +10 -24
- 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 +57 -4
- 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 +5 -14
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/MenuItem.js +2 -4
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +3 -6
- package/dist/esm/Notify/style/style.css +1 -1
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/NumberKeyboard.js +7 -7
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Overlay.js +0 -4
- package/dist/esm/Pagination/style/style.css +1 -1
- package/dist/esm/Pagination.js +8 -2
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +8 -14
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +10 -2
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Popup.js +0 -4
- package/dist/esm/Price/style/style.css +1 -1
- package/dist/esm/Progress/style/style.css +1 -1
- package/dist/esm/PullToRefresh/style/style.css +1 -1
- package/dist/esm/PullToRefresh.js +37 -2
- package/dist/esm/Radio/style/style.css +1 -1
- package/dist/esm/RadioGroup/style/style.css +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Range.js +2 -2
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +3 -3
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +13 -13
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/SideNavBarItem/style/style.css +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +1 -1
- package/dist/esm/Skeleton/style/style.css +1 -1
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/SubSideNavBar/style/style.css +1 -1
- package/dist/esm/Swipe/style/style.css +1 -1
- package/dist/esm/Swipe.js +5 -8
- package/dist/esm/Swiper/style/style.css +1 -1
- 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/TabbarItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +2 -2
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +2 -2
- package/dist/esm/TextArea/style/style.css +1 -1
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +1 -2
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +2 -6
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/TrendArrow/style/style.css +1 -1
- package/dist/esm/TrendArrow.js +3 -3
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/badge2.js +19 -6
- package/dist/esm/button2.js +88 -0
- package/dist/esm/checkbox2.js +29 -7
- package/dist/esm/configprovider2.js +4 -4
- package/dist/esm/menuitem2.js +7 -7
- package/dist/esm/nutui-react.es.js +134 -136
- package/dist/esm/overlay2.js +18 -79
- package/dist/esm/popup2.js +22 -24
- package/dist/esm/radio2.js +10 -5
- package/dist/esm/types/src/packages/button/button.d.ts +4 -3
- package/dist/esm/types/src/packages/button/button.taro.d.ts +4 -3
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/datepicker/datepicker.d.ts +1 -2
- package/dist/esm/types/src/packages/datepicker/datepicker.taro.d.ts +1 -2
- package/dist/esm/types/src/packages/dialog/dialogwrap.taro.d.ts +14 -0
- package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
- package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
- package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.react.build.d.ts +1 -2
- package/dist/esm/types/src/packages/nutui.react.d.ts +1 -3
- package/dist/esm/types/src/packages/nutui.react.scss.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.react.taro.d.ts +1 -3
- package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +1 -2
- 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/picker/picker.d.ts +0 -2
- package/dist/esm/types/src/packages/picker/picker.taro.d.ts +0 -2
- package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
- package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
- package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -6
- 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/utils/use-touch.d.ts +9 -8
- package/dist/esm/use-touch.js +32 -23
- 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 +5 -5
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +1293 -1726
- package/dist/nutui.react.umd.js +1299 -1732
- package/dist/packages/actionsheet/actionsheet.scss +8 -4
- package/dist/packages/address/address.scss +6 -6
- package/dist/packages/animatingnumbers/countup.scss +15 -2
- package/dist/packages/audio/audio.scss +11 -3
- package/dist/packages/backtop/backtop.scss +11 -7
- package/dist/packages/badge/badge.scss +21 -2
- package/dist/packages/barrage/barrage.scss +16 -7
- package/dist/packages/button/button.scss +148 -78
- package/dist/packages/calendar/calendar.scss +17 -16
- package/dist/packages/card/card.scss +17 -3
- package/dist/packages/cascader/cascader.scss +2 -2
- package/dist/packages/checkbox/checkbox.scss +28 -23
- package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -7
- package/dist/packages/collapseitem/collapseitem.scss +7 -2
- package/dist/packages/dialog/dialog.scss +17 -32
- package/dist/packages/divider/divider.scss +6 -6
- package/dist/packages/elevator/elevator.scss +39 -25
- package/dist/packages/empty/empty.scss +36 -6
- package/dist/packages/fixednav/fixednav.scss +21 -8
- package/dist/packages/formitem/formitem.scss +1 -1
- package/dist/packages/griditem/griditem.scss +3 -2
- package/dist/packages/image/image.scss +4 -2
- package/dist/packages/imagepreview/imagepreview.scss +1 -11
- package/dist/packages/indicator/indicator.scss +3 -3
- package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
- package/dist/packages/input/input.scss +4 -2
- package/dist/packages/inputnumber/inputnumber.scss +21 -18
- package/dist/packages/loading/loading.scss +3 -3
- package/dist/packages/menu/menu.scss +20 -28
- package/dist/packages/menuitem/menuitem.scss +55 -56
- package/dist/packages/navbar/navbar.scss +11 -4
- package/dist/packages/noticebar/noticebar.scss +10 -11
- package/dist/packages/notify/notify.scss +5 -13
- package/dist/packages/numberkeyboard/numberkeyboard.scss +11 -9
- package/dist/packages/overlay/overlay.scss +0 -5
- package/dist/packages/pagination/pagination.scss +23 -0
- package/dist/packages/picker/picker.scss +15 -15
- package/dist/packages/popover/popover.scss +31 -15
- package/dist/packages/popup/popup.scss +220 -214
- package/dist/packages/price/price.scss +13 -2
- package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
- package/dist/packages/radio/radio.scss +45 -40
- package/dist/packages/radiogroup/radiogroup.scss +18 -18
- package/dist/packages/range/range.scss +15 -4
- package/dist/packages/rate/rate.scss +1 -2
- package/dist/packages/searchbar/searchbar.scss +60 -35
- package/dist/packages/shortpassword/shortpassword.scss +13 -13
- package/dist/packages/sidenavbar/sidenavbar.scss +3 -3
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +1 -1
- package/dist/packages/signature/signature.scss +3 -0
- package/dist/packages/skeleton/skeleton.scss +3 -3
- package/dist/packages/step/step.scss +6 -8
- package/dist/packages/subsidenavbar/subsidenavbar.scss +1 -1
- package/dist/packages/swipe/swipe.scss +3 -0
- package/dist/packages/switch/switch.scss +39 -28
- package/dist/packages/tabbar/tabbar.scss +1 -1
- package/dist/packages/tabbaritem/tabbaritem.scss +7 -0
- package/dist/packages/table/table.scss +6 -6
- package/dist/packages/tabpane/tabpane.scss +2 -2
- package/dist/packages/tabs/tabs.scss +129 -114
- package/dist/packages/tag/tag.scss +2 -2
- package/dist/packages/textarea/textarea.scss +1 -1
- package/dist/packages/timedetail/timedetail.scss +7 -8
- package/dist/packages/timeselect/timeselect.scss +10 -19
- package/dist/packages/toast/toast.scss +30 -15
- package/dist/packages/tour/tour.scss +9 -4
- package/dist/packages/trendarrow/trendarrow.scss +5 -0
- package/dist/packages/uploader/uploader.scss +28 -24
- package/dist/packages/virtuallist/virtuallist.scss +13 -3
- package/dist/packages/watermark/watermark.scss +1 -0
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/theme-dark.scss +118 -23
- package/dist/styles/theme-default.scss +114 -32
- package/dist/styles/theme-jmapp.scss +158 -32
- package/dist/styles/themes/default.scss +0 -1
- package/dist/styles/variables-jmapp.scss +1048 -1249
- package/dist/styles/variables.scss +884 -1174
- package/dist/types/index.d.ts +1 -3
- package/dist/types/packages/button/button.d.ts +4 -3
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/datepicker/datepicker.d.ts +1 -6
- package/dist/types/packages/empty/empty.d.ts +5 -1
- package/dist/types/packages/empty/index.d.ts +1 -0
- package/dist/types/packages/empty/types.d.ts +3 -0
- package/dist/types/packages/pagination/pagination.d.ts +1 -1
- package/dist/types/packages/picker/picker.d.ts +0 -6
- package/dist/types/packages/popover/popover.d.ts +4 -0
- package/dist/types/packages/popup/popup.d.ts +10 -2
- package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
- package/dist/types/packages/swipe/swipe.d.ts +6 -6
- package/dist/types/packages/tabs/tabs.d.ts +2 -2
- package/dist/types/utils/use-touch.d.ts +9 -8
- package/package.json +2 -2
- package/dist/esm/CalendarCard/style/css.js +0 -1
- package/dist/esm/CalendarCard/style/index.js +0 -2
- package/dist/esm/CalendarCard/style/style.css +0 -1
- package/dist/esm/CalendarCard.js +0 -513
- package/dist/esm/types/src/packages/calendarcard/__tests__/calendarcard.spec.d.ts +0 -1
- package/dist/esm/types/src/packages/calendarcard/calendarcard.d.ts +0 -24
- package/dist/esm/types/src/packages/calendarcard/calendarcard.taro.d.ts +0 -24
- package/dist/esm/types/src/packages/calendarcard/demo.d.ts +0 -3
- package/dist/esm/types/src/packages/calendarcard/demo.taro.d.ts +0 -3
- package/dist/esm/types/src/packages/calendarcard/icon.d.ts +0 -5
- package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts +0 -5
- package/dist/esm/types/src/packages/calendarcard/index.d.ts +0 -3
- package/dist/esm/types/src/packages/calendarcard/index.taro.d.ts +0 -3
- package/dist/esm/types/src/packages/calendarcard/types.d.ts +0 -11
- package/dist/esm/types/src/packages/calendarcard/utils.d.ts +0 -19
- package/dist/esm/types/src/utils/use-lock-scoll-taro.d.ts +0 -2
- package/dist/esm/types/src/utils/use-lock-scroll.d.ts +0 -2
- package/dist/packages/calendarcard/calendarcard.scss +0 -104
- package/dist/types/packages/calendarcard/calendarcard.d.ts +0 -76
- package/dist/types/packages/calendarcard/icon.d.ts +0 -5
- package/dist/types/packages/calendarcard/index.d.ts +0 -3
- package/dist/types/packages/calendarcard/types.d.ts +0 -11
- package/dist/types/packages/calendarcard/utils.d.ts +0 -19
- package/dist/types/utils/use-lock-scroll.d.ts +0 -2
|
@@ -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-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-
|
|
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__inner{display:inline-block;position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);min-width:30%;max-width:95.7%;font-size:var(--nutui-toast-text-font-size, 14px);padding:var(--nutui-toast-inner-padding, 16px 24px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 16px);color:var(--nutui-toast-font-color, #ffffff);transform:translate(-50%,-50%)}.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:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px);font-weight:500}.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-has-icon .nut-toast__icon-wrapper .nut-icon{width:24px;height:24px}.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}.nut-toast-loading .nut-toast__icon-wrapper .nut-icon{width:24px;height:24px}.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
|
@@ -56,16 +56,12 @@ function _isNativeReflectConstruct() {
|
|
|
56
56
|
}
|
|
57
57
|
import * as React from "react";
|
|
58
58
|
import classNames from "classnames";
|
|
59
|
-
import {
|
|
59
|
+
import { Tips, Failure, Loading, Check } from "@nutui/icons-react";
|
|
60
60
|
import { r as render, u as unmount } from "./render.js";
|
|
61
61
|
import { O as Overlay } from "./overlay2.js";
|
|
62
62
|
import { C as ComponentDefaults } from "./typings.js";
|
|
63
63
|
import "react-dom";
|
|
64
64
|
import "react-transition-group";
|
|
65
|
-
import "./use-touch.js";
|
|
66
|
-
import "./get-scroll-parent.js";
|
|
67
|
-
import "./can-use-dom.js";
|
|
68
|
-
import "./supports-passive.js";
|
|
69
65
|
var classPrefix = "nut-toast";
|
|
70
66
|
var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
71
67
|
_inherits(Notification2, _React$PureComponent);
|
|
@@ -143,7 +139,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
|
|
|
143
139
|
iconNode = React.createElement(Failure, null);
|
|
144
140
|
break;
|
|
145
141
|
case "warn":
|
|
146
|
-
iconNode = React.createElement(
|
|
142
|
+
iconNode = React.createElement(Tips, null);
|
|
147
143
|
break;
|
|
148
144
|
}
|
|
149
145
|
return React.createElement("p", {
|
|
@@ -1 +1 @@
|
|
|
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:var(--nutui-gray-6, #ffffff);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, 400);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:0px;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:0px;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:0px;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-2, 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-brand-color, #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-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{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-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:0px;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:0px;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:0px;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 +1 @@
|
|
|
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}
|
|
1
|
+
.nut-trendarrow{display:inline-flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);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: "",
|
|
36
|
+
riseColor: "var(--nutui-brand-6)",
|
|
37
|
+
dropColor: "var(--nutui-secondary-1)",
|
|
38
38
|
riseIcon: null,
|
|
39
39
|
dropIcon: null
|
|
40
40
|
});
|
|
@@ -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, var(--nutui-gray-3, #f6f6f6))}.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, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 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, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 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-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader__icon i,.nut-uploader__icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader__icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.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-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader__upload-disabled .nut-uploader__icon i,.nut-uploader__upload-disabled .nut-uploader__icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-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-image-border-radius, 4px);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, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader__preview__progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader__preview__progress__msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader__preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.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-2, #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-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader__preview-img i{color:var(--nutui-gray-7, #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-image-border-radius, 4px);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, var(--nutui-black-7));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-image-border-radius, 4px)}.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-6, #595959);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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-
|
|
1
|
+
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;color:var(--nutui-gray-7, #1a1a1a);background:var(--nutui-gray-1, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;color:var(--nutui-gray-7, #1a1a1a);background:var(--nutui-gray-1, #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}.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
|
@@ -28,23 +28,36 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
28
28
|
value: "",
|
|
29
29
|
dot: false,
|
|
30
30
|
max: 99,
|
|
31
|
-
top: "
|
|
32
|
-
right: "
|
|
31
|
+
top: "4",
|
|
32
|
+
right: "8",
|
|
33
33
|
color: ""
|
|
34
34
|
});
|
|
35
35
|
var Badge = function Badge2(props) {
|
|
36
|
+
var _ref;
|
|
36
37
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
|
|
37
38
|
var classPrefix = "nut-badge";
|
|
38
39
|
var classes = classNames(classPrefix, className);
|
|
39
|
-
var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
|
|
40
40
|
function content() {
|
|
41
41
|
if (dot || _typeof(value) === "object")
|
|
42
42
|
return null;
|
|
43
43
|
if (typeof value === "number" && typeof max === "number") {
|
|
44
|
-
return max < value ? "".concat(max, "+") : value;
|
|
44
|
+
return max < value ? "".concat(max, "+") : "".concat(value);
|
|
45
45
|
}
|
|
46
46
|
return value;
|
|
47
47
|
}
|
|
48
|
+
function isIcon() {
|
|
49
|
+
if (_typeof(value) === "object" && value)
|
|
50
|
+
return value;
|
|
51
|
+
}
|
|
52
|
+
function isNumber() {
|
|
53
|
+
if (typeof value === "number" && value)
|
|
54
|
+
return value;
|
|
55
|
+
}
|
|
56
|
+
function isString() {
|
|
57
|
+
if (typeof value === "string" && value)
|
|
58
|
+
return value;
|
|
59
|
+
}
|
|
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));
|
|
48
61
|
var getStyle = function getStyle2() {
|
|
49
62
|
var style2 = {};
|
|
50
63
|
style2.top = "".concat(Number(top) || parseFloat(String(top)) || 0, "px");
|
|
@@ -55,9 +68,9 @@ var Badge = function Badge2(props) {
|
|
|
55
68
|
return React__default.createElement("div", {
|
|
56
69
|
className: classes,
|
|
57
70
|
style
|
|
58
|
-
},
|
|
71
|
+
}, isIcon() && React__default.createElement("div", {
|
|
59
72
|
className: "".concat(classPrefix, "__icon")
|
|
60
|
-
}, value),
|
|
73
|
+
}, value), children, !isIcon() && React__default.createElement("div", {
|
|
61
74
|
className: contentClasses,
|
|
62
75
|
style: getStyle()
|
|
63
76
|
}, content()));
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "rightIcon", "children", "className", "style", "nativeType", "onClick"];
|
|
4
|
+
function ownKeys(object, enumerableOnly) {
|
|
5
|
+
var keys = Object.keys(object);
|
|
6
|
+
if (Object.getOwnPropertySymbols) {
|
|
7
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
8
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
9
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
10
|
+
})), keys.push.apply(keys, symbols);
|
|
11
|
+
}
|
|
12
|
+
return keys;
|
|
13
|
+
}
|
|
14
|
+
function _objectSpread(target) {
|
|
15
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
16
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
17
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
18
|
+
_defineProperty(target, key, source[key]);
|
|
19
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
20
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return target;
|
|
24
|
+
}
|
|
25
|
+
import React__default, { useCallback } from "react";
|
|
26
|
+
import classNames from "classnames";
|
|
27
|
+
import { Loading } from "@nutui/icons-react";
|
|
28
|
+
import { C as ComponentDefaults } from "./typings.js";
|
|
29
|
+
var prefixCls = "nut-button";
|
|
30
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
31
|
+
color: "",
|
|
32
|
+
type: "default",
|
|
33
|
+
size: "normal",
|
|
34
|
+
shape: "round",
|
|
35
|
+
fill: "outline",
|
|
36
|
+
loading: false,
|
|
37
|
+
disabled: false,
|
|
38
|
+
block: false,
|
|
39
|
+
icon: null,
|
|
40
|
+
rightIcon: null,
|
|
41
|
+
nativeType: "button",
|
|
42
|
+
onClick: function onClick(e) {
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
var Button = React__default.forwardRef(function(props, ref) {
|
|
46
|
+
var _classNames;
|
|
47
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, rightIcon = _defaultProps$props.rightIcon, children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, onClick2 = _defaultProps$props.onClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
48
|
+
var getStyle = useCallback(function() {
|
|
49
|
+
var style2 = {};
|
|
50
|
+
if (props.color) {
|
|
51
|
+
if (props.fill && (props.fill === "outline" || props.fill === "dashed")) {
|
|
52
|
+
style2.color = color;
|
|
53
|
+
style2.background = "#fff";
|
|
54
|
+
if (!(color !== null && color !== void 0 && color.includes("gradient"))) {
|
|
55
|
+
style2.borderColor = color;
|
|
56
|
+
}
|
|
57
|
+
} else {
|
|
58
|
+
style2.color = "#fff";
|
|
59
|
+
style2.background = color;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
return style2;
|
|
63
|
+
}, [color]);
|
|
64
|
+
var handleClick = function handleClick2(e) {
|
|
65
|
+
if (!loading && !disabled && onClick2) {
|
|
66
|
+
onClick2(e);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
return React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
|
|
70
|
+
ref,
|
|
71
|
+
type: nativeType,
|
|
72
|
+
className: classNames(prefixCls, "".concat(prefixCls, "--").concat(type), props.fill ? "".concat(prefixCls, "--").concat(fill) : null, children ? "" : "".concat(prefixCls, "--icononly"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames), className),
|
|
73
|
+
style: _objectSpread(_objectSpread({}, getStyle()), style),
|
|
74
|
+
onClick: function onClick3(e) {
|
|
75
|
+
return handleClick(e);
|
|
76
|
+
}
|
|
77
|
+
}), React__default.createElement("div", {
|
|
78
|
+
className: "nut-button-warp"
|
|
79
|
+
}, loading ? React__default.createElement(Loading, {
|
|
80
|
+
className: "nut-icon-loading"
|
|
81
|
+
}) : null, !loading && icon ? icon : null, children && React__default.createElement("div", {
|
|
82
|
+
className: "".concat(icon || loading ? "nut-button-text" : "").concat(rightIcon ? " nut-button-text right" : "")
|
|
83
|
+
}, children), rightIcon || null));
|
|
84
|
+
});
|
|
85
|
+
Button.displayName = "NutButton";
|
|
86
|
+
export {
|
|
87
|
+
Button as B
|
|
88
|
+
};
|
package/dist/esm/checkbox2.js
CHANGED
|
@@ -24,7 +24,7 @@ function _objectSpread(target) {
|
|
|
24
24
|
return target;
|
|
25
25
|
}
|
|
26
26
|
import React__default, { createContext, useContext, useState, useEffect } from "react";
|
|
27
|
-
import {
|
|
27
|
+
import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react";
|
|
28
28
|
import classNames from "classnames";
|
|
29
29
|
import CheckboxGroup from "./CheckboxGroup.js";
|
|
30
30
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -76,6 +76,21 @@ var Checkbox = function Checkbox2(props) {
|
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
78
|
var renderIcon = function renderIcon2() {
|
|
79
|
+
if (innerDisabled) {
|
|
80
|
+
if (innerIndeterminate) {
|
|
81
|
+
return React__default.createElement(CheckDisabled, {
|
|
82
|
+
className: color()
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
if (innerChecked) {
|
|
86
|
+
return React__default.createElement(Checked, {
|
|
87
|
+
className: color()
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
return React__default.createElement(CheckDisabled, {
|
|
91
|
+
className: color()
|
|
92
|
+
});
|
|
93
|
+
}
|
|
79
94
|
if (!innerChecked) {
|
|
80
95
|
return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, {
|
|
81
96
|
className: color()
|
|
@@ -91,20 +106,27 @@ var Checkbox = function Checkbox2(props) {
|
|
|
91
106
|
});
|
|
92
107
|
};
|
|
93
108
|
var color = function color2() {
|
|
109
|
+
var cls = "".concat(classPrefix, "-icon ");
|
|
94
110
|
if (innerDisabled) {
|
|
95
|
-
|
|
111
|
+
if (innerChecked && !innerIndeterminate) {
|
|
112
|
+
return "".concat(cls).concat(classPrefix, "-icon-checked ").concat(classPrefix, "-icon-disabled");
|
|
113
|
+
}
|
|
114
|
+
if (innerChecked && innerIndeterminate) {
|
|
115
|
+
return "".concat(cls).concat(classPrefix, "-icon-indeterminate ").concat(classPrefix, "-icon-disabled");
|
|
116
|
+
}
|
|
117
|
+
return "".concat(cls).concat(classPrefix, "-icon-disabled");
|
|
96
118
|
}
|
|
97
119
|
if (innerChecked) {
|
|
98
120
|
if (innerIndeterminate) {
|
|
99
|
-
return "".concat(classPrefix, "
|
|
121
|
+
return "".concat(cls).concat(classPrefix, "-icon-indeterminate");
|
|
100
122
|
}
|
|
101
|
-
return "".concat(classPrefix, "
|
|
123
|
+
return "".concat(cls).concat(classPrefix, "-icon-checked");
|
|
102
124
|
}
|
|
103
|
-
return
|
|
125
|
+
return cls;
|
|
104
126
|
};
|
|
105
127
|
var renderLabel = function renderLabel2() {
|
|
106
128
|
return React__default.createElement("span", {
|
|
107
|
-
className: classNames("".concat(classPrefix, "
|
|
129
|
+
className: classNames("".concat(classPrefix, "-label "), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
|
|
108
130
|
}, children || label);
|
|
109
131
|
};
|
|
110
132
|
var handleClick = function handleClick2() {
|
|
@@ -118,7 +140,7 @@ var Checkbox = function Checkbox2(props) {
|
|
|
118
140
|
setChecked(latestChecked);
|
|
119
141
|
};
|
|
120
142
|
return React__default.createElement("div", _objectSpread(_objectSpread({
|
|
121
|
-
className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "
|
|
143
|
+
className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "-reverse"), labelPosition === "left"))
|
|
122
144
|
}, rest), {}, {
|
|
123
145
|
onClick: handleClick
|
|
124
146
|
}), renderIcon(), renderLabel());
|
|
@@ -986,8 +986,8 @@ var zhCN = {
|
|
|
986
986
|
},
|
|
987
987
|
infiniteloading: {
|
|
988
988
|
pullRefreshText: "松开刷新",
|
|
989
|
-
loadText: "
|
|
990
|
-
loadMoreText: "
|
|
989
|
+
loadText: "加载中",
|
|
990
|
+
loadMoreText: "没有更多了"
|
|
991
991
|
},
|
|
992
992
|
pagination: {
|
|
993
993
|
prev: "上一页",
|
|
@@ -1095,8 +1095,8 @@ var zhCN = {
|
|
|
1095
1095
|
},
|
|
1096
1096
|
pullToRefresh: {
|
|
1097
1097
|
pullingText: "下拉刷新",
|
|
1098
|
-
canReleaseText: "
|
|
1099
|
-
refreshingText: "
|
|
1098
|
+
canReleaseText: "松手刷新",
|
|
1099
|
+
refreshingText: "刷新中",
|
|
1100
1100
|
completeText: "刷新成功"
|
|
1101
1101
|
},
|
|
1102
1102
|
tour: {
|
package/dist/esm/menuitem2.js
CHANGED
|
@@ -141,10 +141,10 @@ var MenuItem = forwardRef(function(props, ref) {
|
|
|
141
141
|
closeOnClickAway
|
|
142
142
|
);
|
|
143
143
|
return React__default.createElement("div", {
|
|
144
|
-
className: "nut-menu-
|
|
144
|
+
className: "nut-menu-container",
|
|
145
145
|
ref: micRef
|
|
146
146
|
}, parent.overlay ? React__default.createElement(Overlay, {
|
|
147
|
-
className: "nut-
|
|
147
|
+
className: "nut-menu-container-overlay",
|
|
148
148
|
style: getPosition(),
|
|
149
149
|
lockScroll: parent.lockScroll,
|
|
150
150
|
visible: showPopup,
|
|
@@ -154,19 +154,19 @@ var MenuItem = forwardRef(function(props, ref) {
|
|
|
154
154
|
}
|
|
155
155
|
}) : null, React__default.createElement("div", {
|
|
156
156
|
className: classNames(className, {
|
|
157
|
-
"nut-menu-
|
|
158
|
-
"nut-menu-
|
|
157
|
+
"nut-menu-container-wrap": direction === "down",
|
|
158
|
+
"nut-menu-container-wrap-up": direction !== "down"
|
|
159
159
|
}),
|
|
160
160
|
style: _objectSpread(_objectSpread({}, style), isShow())
|
|
161
161
|
}, React__default.createElement(CSSTransition, {
|
|
162
162
|
"in": showPopup,
|
|
163
163
|
timeout: 100,
|
|
164
|
-
classNames: direction === "down" ? "menu-
|
|
164
|
+
classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
|
|
165
165
|
}, React__default.createElement("div", {
|
|
166
|
-
className: "nut-menu-
|
|
166
|
+
className: "nut-menu-container-content"
|
|
167
167
|
}, options === null || options === void 0 ? void 0 : options.map(function(item) {
|
|
168
168
|
return React__default.createElement("div", {
|
|
169
|
-
className: "nut-menu-
|
|
169
|
+
className: "nut-menu-container-item ".concat(classNames({
|
|
170
170
|
active: item.value === innerValue
|
|
171
171
|
})),
|
|
172
172
|
key: item.text,
|