@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
package/dist/esm/Dialog.js
CHANGED
|
@@ -130,19 +130,19 @@ var Content = function Content2(props) {
|
|
|
130
130
|
var classPrefix = "nut-dialog";
|
|
131
131
|
var renderHeader = function renderHeader2() {
|
|
132
132
|
return title ? React__default.createElement("div", {
|
|
133
|
-
className: "".concat(classPrefix, "
|
|
133
|
+
className: "".concat(classPrefix, "__header")
|
|
134
134
|
}, title) : null;
|
|
135
135
|
};
|
|
136
136
|
var renderFooter = function renderFooter2() {
|
|
137
137
|
return footer ? React__default.createElement("div", {
|
|
138
|
-
className: classNames("".concat(classPrefix, "
|
|
138
|
+
className: classNames("".concat(classPrefix, "__footer"), _defineProperty({}, footerDirection, footerDirection))
|
|
139
139
|
}, footer) : null;
|
|
140
140
|
};
|
|
141
141
|
var handleClick = function handleClick2(e) {
|
|
142
142
|
onClick && onClick(e);
|
|
143
143
|
};
|
|
144
144
|
return React__default.createElement("div", {
|
|
145
|
-
className: classNames("".concat(classPrefix, "
|
|
145
|
+
className: classNames("".concat(classPrefix, "__outer"), props.className),
|
|
146
146
|
style: props.style,
|
|
147
147
|
onClick: function onClick2(e) {
|
|
148
148
|
return handleClick(e);
|
|
@@ -153,7 +153,7 @@ var Content = function Content2(props) {
|
|
|
153
153
|
display: visible ? "flex" : "none"
|
|
154
154
|
}
|
|
155
155
|
}, renderHeader(), React__default.createElement("div", {
|
|
156
|
-
className: "".concat(classPrefix, "
|
|
156
|
+
className: "".concat(classPrefix, "__content")
|
|
157
157
|
}, React__default.createElement(React__default.Fragment, null, children)), renderFooter()));
|
|
158
158
|
};
|
|
159
159
|
Content.displayName = "NutContent";
|
|
@@ -237,13 +237,16 @@ var BaseDialog = function BaseDialog2(props, ref) {
|
|
|
237
237
|
};
|
|
238
238
|
return footer || React__default.createElement(React__default.Fragment, null, !hideCancelButton && React__default.createElement(Button, {
|
|
239
239
|
type: "default",
|
|
240
|
-
|
|
240
|
+
fill: "outline",
|
|
241
|
+
size: "small",
|
|
242
|
+
className: "".concat(classPrefix, "__footer-cancel"),
|
|
241
243
|
onClick: function onClick(e) {
|
|
242
244
|
return handleCancel(e);
|
|
243
245
|
}
|
|
244
246
|
}, cancelText || locale.cancel), !hideConfirmButton && React__default.createElement(Button, {
|
|
247
|
+
size: "small",
|
|
245
248
|
type: "primary",
|
|
246
|
-
className: classNames("".concat(classPrefix, "-
|
|
249
|
+
className: classNames("".concat(classPrefix, "__footer-ok"), {
|
|
247
250
|
disabled: disableConfirmButton
|
|
248
251
|
}),
|
|
249
252
|
disabled: disableConfirmButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-
|
|
1
|
+
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-1, #1a1a1a));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-gray-1, #1a1a1a));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider__center:before,.nut-divider__left:before,.nut-divider__right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider__center:after,.nut-divider__left:after,.nut-divider__right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider__left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider__right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider__hairline:before,.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider__vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-gray-1, #1a1a1a));margin:var(--nutui-divider-vertical-margin, 0 8px);width:auto}
|
package/dist/esm/Divider.js
CHANGED
|
@@ -33,7 +33,7 @@ var classPrefix = "nut-divider";
|
|
|
33
33
|
var Divider = function Divider2(props) {
|
|
34
34
|
var _classNames, _classNames2;
|
|
35
35
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, contentPosition = _defaultProps$props.contentPosition, style = _defaultProps$props.style, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
36
|
-
var classes = direction === "horizontal" ? classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "
|
|
36
|
+
var classes = direction === "horizontal" ? classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "__center"), children), _defineProperty(_classNames, "".concat(classPrefix, "__left"), contentPosition === "left"), _defineProperty(_classNames, "".concat(classPrefix, "__right"), contentPosition === "right"), _defineProperty(_classNames, "".concat(classPrefix, "__hairline"), true), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix), true), _defineProperty(_classNames2, "".concat(classPrefix, "__vertical"), direction === "vertical"), _classNames2));
|
|
37
37
|
return React__default.createElement("div", _objectSpread({
|
|
38
38
|
className: "".concat(classes, " ").concat(className || ""),
|
|
39
39
|
style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-
|
|
1
|
+
.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, 12px);color:var(--nutui-elevator-list-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid #f5f5f5);background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:absolute;right:var(--nutui-elevator-bars-right, 8px);top:var(--nutui-elevator-bars-top, 50%);font-size:var(--nutui-elevator-bars-font-size, 10px);transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator__bars__inner__item--active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}
|
package/dist/esm/Elevator.js
CHANGED
|
@@ -127,7 +127,7 @@ var Elevator = function Elevator2(props) {
|
|
|
127
127
|
};
|
|
128
128
|
var setListGroup = function setListGroup2() {
|
|
129
129
|
if (listview.current) {
|
|
130
|
-
var els = listview.current.querySelectorAll(".nut-
|
|
130
|
+
var els = listview.current.querySelectorAll(".nut-elevator__list__item");
|
|
131
131
|
els.forEach(function(el) {
|
|
132
132
|
if (el != null && !state.current.listGroup.includes(el)) {
|
|
133
133
|
state.current.listGroup.push(el);
|
|
@@ -164,27 +164,27 @@ var Elevator = function Elevator2(props) {
|
|
|
164
164
|
className: "".concat(classPrefix, " ").concat(className),
|
|
165
165
|
style
|
|
166
166
|
}, rest), sticky && scrollY > 0 ? React__default.createElement("div", {
|
|
167
|
-
className: "".concat(classPrefix, "
|
|
167
|
+
className: "".concat(classPrefix, "__list__fixed")
|
|
168
168
|
}, React__default.createElement("span", {
|
|
169
|
-
className: "".concat(classPrefix, "
|
|
169
|
+
className: "".concat(classPrefix, "__list__fixed__title")
|
|
170
170
|
}, list[currentIndex][floorKey])) : null, React__default.createElement("div", {
|
|
171
|
-
className: "".concat(classPrefix, "
|
|
171
|
+
className: "".concat(classPrefix, "__list"),
|
|
172
172
|
style: {
|
|
173
173
|
height: Number.isNaN(+height) ? height : "".concat(height, "px")
|
|
174
174
|
}
|
|
175
175
|
}, React__default.createElement("div", {
|
|
176
|
-
className: "".concat(classPrefix, "
|
|
176
|
+
className: "".concat(classPrefix, "__list__inner"),
|
|
177
177
|
ref: listview
|
|
178
178
|
}, list.map(function(item, idx) {
|
|
179
179
|
return React__default.createElement("div", {
|
|
180
|
-
className: "".concat(classPrefix, "
|
|
180
|
+
className: "".concat(classPrefix, "__list__item"),
|
|
181
181
|
key: idx
|
|
182
182
|
}, React__default.createElement("div", {
|
|
183
|
-
className: "".concat(classPrefix, "
|
|
183
|
+
className: "".concat(classPrefix, "__list__item__code")
|
|
184
184
|
}, item[floorKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
|
|
185
185
|
var _classNames;
|
|
186
186
|
return React__default.createElement("div", {
|
|
187
|
-
className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "
|
|
187
|
+
className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name"), true), _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name--highcolor"), currentData.id === subitem.id && currentKey === item[floorKey]), _classNames)),
|
|
188
188
|
key: subitem.id,
|
|
189
189
|
onClick: function onClick() {
|
|
190
190
|
return handleClickItem(item[floorKey], subitem);
|
|
@@ -194,11 +194,11 @@ var Elevator = function Elevator2(props) {
|
|
|
194
194
|
}, children)) : subitem.name);
|
|
195
195
|
})));
|
|
196
196
|
}))), showKeys ? React__default.createElement(React__default.Fragment, null, list.length && scrollStart ? React__default.createElement("div", {
|
|
197
|
-
className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "
|
|
197
|
+
className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__code--current"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__code--current--current"), true), _classNames2))
|
|
198
198
|
}, list[codeIndex][floorKey]) : null, React__default.createElement("div", {
|
|
199
|
-
className: "".concat(classPrefix, "
|
|
199
|
+
className: "".concat(classPrefix, "__bars")
|
|
200
200
|
}, React__default.createElement(animated.div, _objectSpread(_objectSpread({
|
|
201
|
-
className: "".concat(classPrefix, "
|
|
201
|
+
className: "".concat(classPrefix, "__bars__inner")
|
|
202
202
|
}, bind()), {}, {
|
|
203
203
|
style: {
|
|
204
204
|
touchAction: "pan-y"
|
|
@@ -206,7 +206,7 @@ var Elevator = function Elevator2(props) {
|
|
|
206
206
|
}), list.map(function(item, index) {
|
|
207
207
|
var _classNames3;
|
|
208
208
|
return React__default.createElement("div", {
|
|
209
|
-
className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "
|
|
209
|
+
className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item"), true), _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item--active"), item[floorKey] === list[currentIndex][floorKey]), _classNames3)),
|
|
210
210
|
"data-index": index,
|
|
211
211
|
key: index,
|
|
212
212
|
onClick: function onClick() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info));display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}
|
|
1
|
+
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #1988fa));display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px
|
|
1
|
+
.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px 0);background-color:var(--nutui-gray-6, #ffffff)}.nut-empty__image{width:var(--nutui-empty-image-size, 170px);height:var(--nutui-empty-image-size, 170px)}.nut-empty__image .img{width:100%;height:100%}.nut-empty__image img,.nut-empty__image image{width:100%;height:100%}.nut-empty__description{margin-top:var(--nutui-empty-description-margin-top, 4px);padding:var(--nutui-empty-description-padding, 0 40px);color:var(--nutui-empty-description-color, #666666);font-size:var(--nutui-empty-description-font-size, 14px);line-height:var(--nutui-empty-description-line-height, 20px)}
|
package/dist/esm/Empty.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
var _excluded = ["image", "imageSize", "
|
|
4
|
+
var _excluded = ["image", "imageSize", "description", "children", "className", "status"];
|
|
5
5
|
function ownKeys(e, r) {
|
|
6
6
|
var t = Object.keys(e);
|
|
7
7
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -26,26 +26,20 @@ function _objectSpread(e) {
|
|
|
26
26
|
import React__default, { useState, useEffect } from "react";
|
|
27
27
|
import { useConfig } from "./ConfigProvider.js";
|
|
28
28
|
import { C as ComponentDefaults } from "./typings.js";
|
|
29
|
-
import { B as Button } from "./button2.js";
|
|
30
|
-
import "classnames";
|
|
31
|
-
import "@nutui/icons-react";
|
|
32
29
|
var defaultStatus = {
|
|
33
30
|
empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
|
|
34
31
|
error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
|
|
35
32
|
network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
|
|
36
33
|
};
|
|
37
34
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
38
|
-
title: "",
|
|
39
35
|
description: "",
|
|
40
36
|
imageSize: "",
|
|
41
|
-
|
|
42
|
-
status: "empty",
|
|
43
|
-
actions: []
|
|
37
|
+
status: "empty"
|
|
44
38
|
});
|
|
45
39
|
var classPrefix = "nut-empty";
|
|
46
40
|
var Empty = function Empty2(props) {
|
|
47
|
-
useConfig();
|
|
48
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), image = _defaultProps$props.image, imageSize = _defaultProps$props.imageSize,
|
|
41
|
+
var _useConfig = useConfig(), locale = _useConfig.locale;
|
|
42
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), image = _defaultProps$props.image, imageSize = _defaultProps$props.imageSize, description = _defaultProps$props.description, children = _defaultProps$props.children, className = _defaultProps$props.className, status = _defaultProps$props.status, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
49
43
|
var _useState = useState({}), _useState2 = _slicedToArray(_useState, 2), imgStyle = _useState2[0], setImgStyle = _useState2[1];
|
|
50
44
|
var imageUrl = image || defaultStatus[status];
|
|
51
45
|
var imageNode = typeof imageUrl === "string" ? React__default.createElement("img", {
|
|
@@ -71,28 +65,13 @@ var Empty = function Empty2(props) {
|
|
|
71
65
|
});
|
|
72
66
|
}, [imageSize]);
|
|
73
67
|
return React__default.createElement("div", _objectSpread({
|
|
74
|
-
className: "".concat(classPrefix, " ").concat(className)
|
|
75
|
-
}, rest), React__default.createElement("div", {
|
|
76
|
-
className: "".concat(classPrefix, "
|
|
68
|
+
className: "".concat(classPrefix, " ").concat(className)
|
|
69
|
+
}, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
70
|
+
className: "".concat(classPrefix, "__image"),
|
|
77
71
|
style: imgStyle
|
|
78
|
-
}, imageNode), typeof
|
|
79
|
-
className: "".concat(classPrefix, "
|
|
80
|
-
},
|
|
81
|
-
className: "".concat(classPrefix, "-description")
|
|
82
|
-
}, description) : description, actions.length > 0 && React__default.createElement("div", {
|
|
83
|
-
className: "".concat(classPrefix, "-actions")
|
|
84
|
-
}, actions.map(function(item, index) {
|
|
85
|
-
return React__default.createElement(Button, {
|
|
86
|
-
className: "".concat(
|
|
87
|
-
// eslint-disable-next-line no-nested-ternary
|
|
88
|
-
actions.length > 1 ? index === 0 ? "".concat(classPrefix, "-actions-left") : "".concat(classPrefix, "-actions-right") : ""
|
|
89
|
-
),
|
|
90
|
-
type: "".concat(actions.length > 1 && index === 0 ? "default" : "primary"),
|
|
91
|
-
size: "small",
|
|
92
|
-
fill: "outline",
|
|
93
|
-
key: "action-".concat(index)
|
|
94
|
-
}, item === null || item === void 0 ? void 0 : item.text);
|
|
95
|
-
})), children);
|
|
72
|
+
}, imageNode), typeof description === "string" ? React__default.createElement("div", {
|
|
73
|
+
className: "".concat(classPrefix, "__description")
|
|
74
|
+
}, description || locale.noData) : description, children));
|
|
96
75
|
};
|
|
97
76
|
Empty.defaultProps = defaultProps;
|
|
98
77
|
Empty.displayName = "NutEmpty";
|
|
@@ -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-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 900);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav__list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav__btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 900);width:80px;padding-left:12px;height:100%;background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav__btn .text{width:24px;line-height:13px;font-size:10px;color:var(--nutui-fixednav-bg-color, #fff);flex-shrink:0}.nut-fixednav__btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav__list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 900);flex-shrink:0;height:100%;background:var(--nutui-fixednav-bg-color, #fff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav__list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0}.nut-fixednav__list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav__list-item .nut-fixednav__list-text{font-size:10px;color:var(--nutui-fixednav-font-color, #000)}.nut-fixednav__list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-color-primary, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav__btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav__btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.left .nut-fixednav__list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}.nut-drag .nut-fixednav{position:inherit}
|
package/dist/esm/FixedNav.js
CHANGED
|
@@ -24,7 +24,7 @@ function _objectSpread(e) {
|
|
|
24
24
|
}
|
|
25
25
|
import React__default from "react";
|
|
26
26
|
import classNames from "classnames";
|
|
27
|
-
import {
|
|
27
|
+
import { Left } from "@nutui/icons-react";
|
|
28
28
|
import Overlay from "./Overlay.js";
|
|
29
29
|
import { useConfig } from "./ConfigProvider.js";
|
|
30
30
|
import { C as ComponentDefaults } from "./typings.js";
|
|
@@ -65,10 +65,10 @@ var FixedNav = function FixedNav2(props) {
|
|
|
65
65
|
}), React__default.createElement("div", {
|
|
66
66
|
className: "list"
|
|
67
67
|
}, children || React__default.createElement("div", {
|
|
68
|
-
className: "".concat(classPrefix, "
|
|
68
|
+
className: "".concat(classPrefix, "__list")
|
|
69
69
|
}, list.map(function(item, index) {
|
|
70
70
|
return React__default.createElement("div", {
|
|
71
|
-
className: "".concat(classPrefix, "-
|
|
71
|
+
className: "".concat(classPrefix, "__list-item"),
|
|
72
72
|
onClick: function onClick(event) {
|
|
73
73
|
return handleClick(item, event);
|
|
74
74
|
},
|
|
@@ -77,16 +77,16 @@ var FixedNav = function FixedNav2(props) {
|
|
|
77
77
|
src: item.icon,
|
|
78
78
|
alt: ""
|
|
79
79
|
}), React__default.createElement("div", {
|
|
80
|
-
className: "".concat(classPrefix, "-
|
|
80
|
+
className: "".concat(classPrefix, "__list-text")
|
|
81
81
|
}, item.text), item.num && React__default.createElement("div", {
|
|
82
82
|
className: "b"
|
|
83
83
|
}, item.num));
|
|
84
84
|
}))), React__default.createElement("div", {
|
|
85
|
-
className: "".concat(classPrefix, "
|
|
85
|
+
className: "".concat(classPrefix, "__btn"),
|
|
86
86
|
onClick: function onClick() {
|
|
87
87
|
return onUpdateValue();
|
|
88
88
|
}
|
|
89
|
-
}, content || React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
89
|
+
}, content || React__default.createElement(React__default.Fragment, null, React__default.createElement(Left, {
|
|
90
90
|
color: "#fff"
|
|
91
91
|
}), React__default.createElement("div", {
|
|
92
92
|
className: "text"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-cell-group{display:block}.nut-cell-
|
|
1
|
+
.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, #ffffff);margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}.nut-form-item{display:flex}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-7, #1a1a1a);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #fa2c19))}.form-layout-right .nut-form-item__label{text-align:right;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item__label{position:relative;text-align:left;font-size:14px;padding-left:12px;white-space:nowrap}.form-layout-left .nut-form-item__label .required{display:block;line-height:1.5;position:absolute;left:.1em}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-form-item{display:flex}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-
|
|
1
|
+
.nut-form-item{display:flex}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-7, #1a1a1a);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #fa2c19))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-
|
|
1
|
+
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a))}.nut-grid-item__text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-grid-item-text-font-size, var(--nutui-font-size-2, 12px));line-height:1.5;word-break:break-all;margin:var(--nutui-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 8px);background:var(--nutui-grid-item-content-bg-color, #ffffff);border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.nut-grid-item__content--border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item__content--surround{border-top-width:1px;border-left-width:1px}.nut-grid-item__content--center{align-items:center;justify-content:center}.nut-grid-item__content--square{position:absolute;top:0;right:0;left:0}.nut-grid-item__content--reverse{flex-direction:column-reverse}.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal{flex-direction:row}.nut-grid-item__content--horizontal .nut-grid-item__text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse{flex-direction:row-reverse}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}.nut-grid-item__content--clickable{cursor:pointer}.nut-grid-item__content--clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item__content--clickable:active:before{opacity:.1}.nut-grid{display:flex;flex-wrap:wrap;border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.nut-grid__border{border-top-width:1px;border-left-width:1px}
|
package/dist/esm/Grid.js
CHANGED
|
@@ -40,7 +40,7 @@ var Grid = function Grid2(props) {
|
|
|
40
40
|
var childrenDom = React__default.Children.toArray(children);
|
|
41
41
|
var classPrefix = "nut-grid";
|
|
42
42
|
var rootClass = function rootClass2() {
|
|
43
|
-
return classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "
|
|
43
|
+
return classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__border"), !gap), className);
|
|
44
44
|
};
|
|
45
45
|
var rootStyle = function rootStyle2() {
|
|
46
46
|
var styleSelf = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-
|
|
1
|
+
.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a))}.nut-grid-item__text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-grid-item-text-font-size, var(--nutui-font-size-2, 12px));line-height:1.5;word-break:break-all;margin:var(--nutui-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 8px);background:var(--nutui-grid-item-content-bg-color, #ffffff);border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.nut-grid-item__content--border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item__content--surround{border-top-width:1px;border-left-width:1px}.nut-grid-item__content--center{align-items:center;justify-content:center}.nut-grid-item__content--square{position:absolute;top:0;right:0;left:0}.nut-grid-item__content--reverse{flex-direction:column-reverse}.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal{flex-direction:row}.nut-grid-item__content--horizontal .nut-grid-item__text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse{flex-direction:row-reverse}.nut-grid-item__content--horizontal.nut-grid-item__content--reverse .nut-grid-item__text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}.nut-grid-item__content--clickable{cursor:pointer}.nut-grid-item__content--clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item__content--clickable:active:before{opacity:.1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background
|
|
1
|
+
.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fa;background-size:100% 100%}
|
package/dist/esm/Image.js
CHANGED
|
@@ -73,12 +73,12 @@ var Image = function Image2(props) {
|
|
|
73
73
|
setComplete(true);
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
var containerStyle = {
|
|
76
|
+
var containerStyle = _objectSpread({
|
|
77
77
|
height: height ? pxCheck(height) : "",
|
|
78
78
|
width: width ? pxCheck(width) : "",
|
|
79
79
|
overflow: radius !== void 0 && radius !== null ? "hidden" : "",
|
|
80
80
|
borderRadius: radius !== void 0 && radius !== null ? pxCheck(radius) : ""
|
|
81
|
-
};
|
|
81
|
+
}, style);
|
|
82
82
|
var imgStyle = _objectSpread({
|
|
83
83
|
objectFit: fit,
|
|
84
84
|
objectPosition: position
|
|
@@ -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-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator__dot{margin:0 var(--nutui-indicator-dot-margin, 4px)}.nut-indicator__dot:first-child{margin-left:0}.nut-indicator__dot:last-child{margin-right:0}.nut-indicator__dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-size, 5px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-gray-3, #bfbfbf))}.nut-indicator__active{width:var(--nutui-indicator-dot-active-size, 15px);border-radius:var(--nutui-indicator-border-size, 3px);background-color:var(--nutui-indicator-color, var(--nutui-color-primary, #fa2c19))}.nut-indicator__vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator__vertical .nut-indicator__dot{margin:var(--nutui-indicator-dot-vertical-margin, 4px) 0}.nut-indicator__vertical .nut-indicator__dot:first-child{margin-top:0}.nut-indicator__vertical .nut-indicator__dot:last-child{margin-bottom:0}.nut-indicator__vertical .nut-indicator__active{width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-active-size, 15px)}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper__inner{display:flex;height:100%}.nut-swiper__vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper__indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%);z-index:1}.nut-swiper__indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fa;background-size:100% 100%}.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview .popup-bg{background:rgba(0,0,0,.9)}.nut-imagepreview .popup-box{height:100%;overflow:visible;background-color:transparent}.nut-imagepreview-pop{height:100%;background:transparent!important;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-
|
|
1
|
+
.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator__dot{margin:0 var(--nutui-indicator-dot-margin, 4px)}.nut-indicator__dot:first-child{margin-left:0}.nut-indicator__dot:last-child{margin-right:0}.nut-indicator__dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-size, 5px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-gray-3, #bfbfbf))}.nut-indicator__active{width:var(--nutui-indicator-dot-active-size, 15px);border-radius:var(--nutui-indicator-border-size, 3px);background-color:var(--nutui-indicator-color, var(--nutui-color-primary, #fa2c19))}.nut-indicator__vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator__vertical .nut-indicator__dot{margin:var(--nutui-indicator-dot-vertical-margin, 4px) 0}.nut-indicator__vertical .nut-indicator__dot:first-child{margin-top:0}.nut-indicator__vertical .nut-indicator__dot:last-child{margin-bottom:0}.nut-indicator__vertical .nut-indicator__active{width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-active-size, 15px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden
|
|
1
|
+
.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.nut-infiniteloading .nut-infinite-top .top-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--nutui-gray-2, #757575)}.nut-infiniteloading .nut-infinite-container .infiniteLi{color:var(--nutui-gray-1, #1a1a1a)}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-bottom-color, #c8c8c8);text-align:center}.nut-infiniteloading .nut-infinite-bottom .bottom-box{color:var(--nutui-gray-2, #757575)}
|
|
@@ -27,6 +27,7 @@ import React__default, { useState, useRef, useEffect } from "react";
|
|
|
27
27
|
import classNames from "classnames";
|
|
28
28
|
import { useConfig } from "./ConfigProvider.js";
|
|
29
29
|
import { C as ComponentDefaults } from "./typings.js";
|
|
30
|
+
import { r as requestAniFrame } from "./raf.js";
|
|
30
31
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
31
32
|
hasMore: true,
|
|
32
33
|
threshold: 200,
|
|
@@ -77,7 +78,7 @@ var InfiniteLoading = function InfiniteLoading2(props) {
|
|
|
77
78
|
};
|
|
78
79
|
};
|
|
79
80
|
var handleScroll = function handleScroll2() {
|
|
80
|
-
requestAniFrame(
|
|
81
|
+
requestAniFrame(function() {
|
|
81
82
|
if (!isScrollAtBottom() || !hasMore || isInfiniting) {
|
|
82
83
|
return false;
|
|
83
84
|
}
|
|
@@ -126,11 +127,6 @@ var InfiniteLoading = function InfiniteLoading2(props) {
|
|
|
126
127
|
onRefresh && onRefresh(refreshDone);
|
|
127
128
|
}
|
|
128
129
|
};
|
|
129
|
-
var requestAniFrame = function requestAniFrame2() {
|
|
130
|
-
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function fn(callback) {
|
|
131
|
-
window.setTimeout(callback, 1e3 / 60);
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
130
|
var getWindowScrollTop = function getWindowScrollTop2() {
|
|
135
131
|
return window.scrollY !== void 0 ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
|
|
136
132
|
};
|
|
@@ -172,68 +168,15 @@ var InfiniteLoading = function InfiniteLoading2(props) {
|
|
|
172
168
|
style: getStyle()
|
|
173
169
|
}, React__default.createElement("div", {
|
|
174
170
|
className: "top-box"
|
|
175
|
-
}, React__default.createElement("
|
|
176
|
-
className: "top-box-icons"
|
|
177
|
-
}, React__default.createElement("svg", {
|
|
178
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
179
|
-
width: "36",
|
|
180
|
-
height: "26",
|
|
181
|
-
viewBox: "0 0 36 26",
|
|
182
|
-
fill: "none"
|
|
183
|
-
}, React__default.createElement("path", {
|
|
184
|
-
d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
|
|
185
|
-
fill: "#8C8C8C"
|
|
186
|
-
}))), React__default.createElement("div", null, pullingText || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
|
|
171
|
+
}, pullingText || locale.infiniteloading.pullRefreshText)), React__default.createElement("div", {
|
|
187
172
|
className: "nut-infinite-container"
|
|
188
173
|
}, children), React__default.createElement("div", {
|
|
189
174
|
className: "nut-infinite-bottom"
|
|
190
175
|
}, isInfiniting ? React__default.createElement("div", {
|
|
191
176
|
className: "bottom-box"
|
|
192
|
-
}, React__default.createElement("
|
|
193
|
-
className: "
|
|
194
|
-
},
|
|
195
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
196
|
-
width: "24",
|
|
197
|
-
height: "24",
|
|
198
|
-
viewBox: "0 0 24 24",
|
|
199
|
-
fill: "none"
|
|
200
|
-
}, React__default.createElement("circle", {
|
|
201
|
-
cx: "2",
|
|
202
|
-
cy: "12",
|
|
203
|
-
r: "2",
|
|
204
|
-
fill: "#8C8C8C"
|
|
205
|
-
}), React__default.createElement("circle", {
|
|
206
|
-
cx: "12",
|
|
207
|
-
cy: "12",
|
|
208
|
-
r: "2",
|
|
209
|
-
fill: "#8C8C8C"
|
|
210
|
-
}), React__default.createElement("circle", {
|
|
211
|
-
cx: "22",
|
|
212
|
-
cy: "12",
|
|
213
|
-
r: "2",
|
|
214
|
-
fill: "#8C8C8C"
|
|
215
|
-
}))), loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
|
|
216
|
-
className: "bottom-box"
|
|
217
|
-
}, React__default.createElement("i", {
|
|
218
|
-
className: "bottom-box-icons"
|
|
219
|
-
}, React__default.createElement("svg", {
|
|
220
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
221
|
-
width: "24",
|
|
222
|
-
height: "24",
|
|
223
|
-
viewBox: "0 0 24 24",
|
|
224
|
-
fill: "none"
|
|
225
|
-
}, React__default.createElement("g", {
|
|
226
|
-
clipPath: "url(#clip0_202_858)"
|
|
227
|
-
}, React__default.createElement("path", {
|
|
228
|
-
d: "M23.1507 10.6435C21.8958 9.29889 21.6209 7.28491 20.8022 6.60353C19.9835 5.92216 18.7824 7.00753 18.3402 7.6467C15.896 5.92216 11.9879 6.00054 11.9879 6.00054C11.9879 6.00054 8.09759 5.92216 5.6475 7.6467C5.20528 7.00753 4.01012 5.92216 3.19143 6.60353C2.37274 7.28491 2.10383 9.29889 0.848906 10.6435C-0.0892994 11.6566 -0.166985 11.952 0.215468 12.754C0.591945 13.556 2.93447 14.2193 4.58977 12.6334C4.81088 13.4595 6.67534 18 11.9938 18C17.3123 18 19.1887 13.4595 19.4039 12.6334C21.0592 14.2193 23.4077 13.556 23.7901 12.754C24.1666 11.952 24.0889 11.6566 23.1507 10.6435Z",
|
|
229
|
-
fill: "#8C8C8C"
|
|
230
|
-
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
231
|
-
id: "clip0_202_858"
|
|
232
|
-
}, React__default.createElement("rect", {
|
|
233
|
-
width: "24",
|
|
234
|
-
height: "24",
|
|
235
|
-
fill: "white"
|
|
236
|
-
}))))), loadMoreText || locale.infiniteloading.loadMoreText)));
|
|
177
|
+
}, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
|
|
178
|
+
className: "tips"
|
|
179
|
+
}, loadMoreText || locale.infiniteloading.loadMoreText)));
|
|
237
180
|
};
|
|
238
181
|
InfiniteLoading.defaultProps = defaultProps;
|
|
239
182
|
InfiniteLoading.displayName = "NutInfiniteLoading";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 10px 25px);line-height:24px;font-size:var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;border-
|
|
1
|
+
.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 10px 25px);line-height:24px;background:#ffffff;font-size:var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, #eaf0fb)}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;color:var(--nutui-gray-1, #1a1a1a);flex:1;background-color:transparent;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none}.nut-input-disabled{color:var(--nutui-input-disabled-color, #c8c9cc)!important}.nut-input-disabled input:disabled{background:none;color:var(--nutui-input-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, #c8c9cc)}
|