@nutui/nutui-react 3.0.0-beta.8 → 3.0.0-beta.9
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/dist/cjs/packages/actionsheet/style/style.css +45 -79
- package/dist/cjs/packages/address/address.js +9 -6
- package/dist/cjs/packages/address/style/style.css +74 -109
- package/dist/cjs/packages/animatingnumbers/style/style.css +3 -3
- package/dist/cjs/packages/audio/style/style.css +95 -84
- package/dist/cjs/packages/avatar/style/style.css +2 -2
- package/dist/cjs/packages/badge/style/style.css +8 -8
- package/dist/cjs/packages/barrage/style/style.css +2 -2
- package/dist/cjs/packages/button/style/button.scss +16 -4
- package/dist/cjs/packages/button/style/style.css +82 -71
- package/dist/cjs/packages/calendar/style/style.css +51 -85
- package/dist/cjs/packages/calendarcard/style/style.css +11 -11
- package/dist/cjs/packages/card/style/style.css +42 -23
- package/dist/cjs/packages/cascader/cascader.js +1 -1
- package/dist/cjs/packages/cascader/style/style.css +63 -98
- package/dist/cjs/packages/cell/cell.d.ts +2 -12
- package/dist/cjs/packages/cell/index.d.ts +1 -1
- package/dist/cjs/packages/cell/style/style.css +10 -10
- package/dist/cjs/packages/cell/types.d.ts +12 -0
- package/dist/cjs/packages/cell/types.js +4 -0
- package/dist/cjs/packages/cellgroup/style/style.css +3 -3
- package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
- package/dist/cjs/packages/checkbox/style/style.css +34 -29
- package/dist/cjs/packages/checkboxgroup/style/style.css +7 -7
- package/dist/cjs/packages/circleprogress/style/style.css +3 -3
- package/dist/cjs/packages/collapse/style/style.css +11 -11
- package/dist/cjs/packages/collapseitem/style/style.css +11 -11
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/style/style.css +9 -9
- package/dist/cjs/packages/countup/style/style.css +3 -3
- package/dist/cjs/packages/datepicker/style/style.css +48 -82
- package/dist/cjs/packages/dialog/style/style.css +92 -81
- package/dist/cjs/packages/divider/style/style.css +4 -4
- package/dist/cjs/packages/elevator/style/style.css +8 -8
- package/dist/cjs/packages/empty/style/style.css +3 -3
- package/dist/cjs/packages/fixednav/style/style.css +9 -9
- package/dist/cjs/packages/form/style/style.css +19 -17
- package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
- package/dist/cjs/packages/formitem/style/style.css +6 -4
- package/dist/cjs/packages/grid/style/style.css +7 -7
- package/dist/cjs/packages/griditem/style/style.css +6 -6
- package/dist/cjs/packages/hoverbutton/style/style.css +4 -4
- package/dist/cjs/packages/hoverbuttonitem/style/style.css +4 -4
- package/dist/cjs/packages/image/style/style.css +2 -2
- package/dist/cjs/packages/imagepreview/style/style.css +138 -95
- package/dist/cjs/packages/indicator/indicator.d.ts +4 -0
- package/dist/cjs/packages/indicator/indicator.js +39 -10
- package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
- package/dist/cjs/packages/indicator/style/style.css +99 -22
- package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
- package/dist/cjs/packages/infiniteloading/style/style.css +4 -4
- package/dist/cjs/packages/input/input.d.ts +1 -0
- package/dist/cjs/packages/input/input.js +7 -3
- package/dist/cjs/packages/input/style/input.scss +24 -13
- package/dist/cjs/packages/input/style/style.css +21 -15
- package/dist/cjs/packages/inputnumber/style/inputnumber.scss +2 -2
- package/dist/cjs/packages/inputnumber/style/style.css +9 -9
- package/dist/cjs/packages/loading/index.d.ts +1 -1
- package/dist/cjs/packages/loading/loading.d.ts +3 -10
- package/dist/cjs/packages/loading/loading.js +45 -12
- package/dist/cjs/packages/loading/style/loading.scss +7 -1
- package/dist/cjs/packages/loading/style/style.css +9 -3
- package/dist/cjs/packages/loading/types.d.ts +13 -0
- package/dist/cjs/packages/loading/types.js +4 -0
- package/dist/cjs/packages/lottie/index.d.ts +3 -0
- package/dist/cjs/packages/lottie/index.js +12 -0
- package/dist/cjs/packages/lottie/style/css.js +1 -0
- package/dist/cjs/packages/lottie/style/index.js +1 -0
- package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
- package/dist/cjs/packages/lottie/style/style.css +4 -0
- package/dist/cjs/packages/lottie/types.d.ts +11 -0
- package/dist/cjs/packages/lottie/types.js +6 -0
- package/dist/cjs/packages/lottie/web.d.ts +3 -0
- package/dist/cjs/packages/lottie/web.js +34 -0
- package/dist/cjs/packages/menu/style/style.css +14 -14
- package/dist/cjs/packages/menuitem/style/style.css +10 -10
- package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
- package/dist/cjs/packages/navbar/navbar.js +15 -65
- package/dist/cjs/packages/navbar/style/navbar.scss +32 -40
- package/dist/cjs/packages/navbar/style/style.css +27 -41
- package/dist/cjs/packages/notify/style/style.css +4 -4
- package/dist/cjs/packages/numberkeyboard/style/style.css +47 -81
- package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
- package/dist/cjs/packages/nutui.react.build.js +4 -0
- package/dist/cjs/packages/nutui.react.d.ts +4 -1
- package/dist/cjs/packages/nutui.react.js +5 -0
- package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
- package/dist/cjs/packages/nutui.react.scss.js +1 -0
- package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
- package/dist/cjs/packages/overlay/style/style.css +7 -7
- package/dist/cjs/packages/pagination/style/style.css +8 -8
- package/dist/cjs/packages/picker/style/style.css +48 -82
- package/dist/cjs/packages/popover/popover.js +17 -14
- package/dist/cjs/packages/popover/style/popover.scss +42 -65
- package/dist/cjs/packages/popover/style/style.css +85 -141
- package/dist/cjs/packages/popup/popup.js +24 -23
- package/dist/cjs/packages/popup/style/popup.scss +24 -56
- package/dist/cjs/packages/popup/style/style.css +37 -71
- package/dist/cjs/packages/price/index.d.ts +1 -1
- package/dist/cjs/packages/price/price.d.ts +1 -10
- package/dist/cjs/packages/price/price.js +9 -9
- package/dist/cjs/packages/price/style/price.scss +49 -9
- package/dist/cjs/packages/price/style/style.css +35 -16
- package/dist/cjs/packages/price/types.d.ts +13 -0
- package/dist/cjs/packages/price/types.js +4 -0
- package/dist/cjs/packages/progress/style/style.css +2 -2
- package/dist/cjs/packages/pulltorefresh/style/style.css +2 -2
- package/dist/cjs/packages/radio/style/radio.scss +3 -0
- package/dist/cjs/packages/radio/style/style.css +22 -19
- package/dist/cjs/packages/radiogroup/style/style.css +6 -6
- package/dist/cjs/packages/range/style/style.css +10 -10
- package/dist/cjs/packages/rate/style/style.css +4 -4
- package/dist/cjs/packages/resultpage/style/style.css +2 -2
- package/dist/cjs/packages/searchbar/style/style.css +5 -5
- package/dist/cjs/packages/segmented/style/style.css +3 -3
- package/dist/cjs/packages/shortpassword/style/style.css +48 -82
- package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
- package/dist/cjs/packages/sidenavbar/sidenavbar.js +5 -1
- package/dist/cjs/packages/sidenavbar/style/style.css +41 -75
- package/dist/cjs/packages/sidenavbaritem/style/style.css +2 -2
- package/dist/cjs/packages/signature/style/style.css +2 -2
- package/dist/cjs/packages/skeleton/style/style.css +5 -5
- package/dist/cjs/packages/step/style/style.css +22 -22
- package/dist/cjs/packages/steps/style/style.css +22 -22
- package/dist/cjs/packages/subsidenavbar/style/style.css +2 -2
- package/dist/cjs/packages/swiper/style/style.css +99 -22
- package/dist/cjs/packages/switch/style/style.css +10 -10
- package/dist/cjs/packages/switch/style/switch.scss +1 -1
- package/dist/cjs/packages/tabbar/style/style.css +13 -13
- package/dist/cjs/packages/tabbaritem/style/style.css +12 -12
- package/dist/cjs/packages/table/style/style.css +11 -11
- package/dist/cjs/packages/tabpane/style/style.css +1 -1
- package/dist/cjs/packages/tabs/style/style.css +21 -22
- package/dist/cjs/packages/tabs/style/tabs.scss +1 -1
- package/dist/cjs/packages/tag/style/style.css +5 -5
- package/dist/cjs/packages/textarea/style/style.css +30 -19
- package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
- package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
- package/dist/cjs/packages/textarea/textarea.js +9 -7
- package/dist/cjs/packages/timedetail/style/style.css +4 -4
- package/dist/cjs/packages/timeselect/style/style.css +46 -80
- package/dist/cjs/packages/timeselect/timeselect.js +1 -4
- package/dist/cjs/packages/toast/style/style.css +8 -8
- package/dist/cjs/packages/tour/style/style.css +89 -145
- package/dist/cjs/packages/trendarrow/style/style.css +1 -1
- package/dist/cjs/packages/uploader/index.d.ts +1 -1
- package/dist/cjs/packages/uploader/preview.js +13 -14
- package/dist/cjs/packages/uploader/style/style.css +13 -13
- package/dist/cjs/packages/uploader/types.d.ts +17 -0
- package/dist/cjs/packages/uploader/types.js +4 -0
- package/dist/cjs/packages/uploader/uploader.d.ts +5 -28
- package/dist/cjs/packages/uploader/uploader.js +241 -220
- package/dist/cjs/packages/virtuallist/style/style.css +4 -4
- package/dist/cjs/utils/platform-taro.d.ts +1 -0
- package/dist/cjs/utils/platform-taro.js +8 -0
- package/dist/es/packages/actionsheet/style/style.css +45 -79
- package/dist/es/packages/address/address.js +9 -6
- package/dist/es/packages/address/style/style.css +74 -109
- package/dist/es/packages/animatingnumbers/style/style.css +3 -3
- package/dist/es/packages/audio/style/style.css +95 -84
- package/dist/es/packages/avatar/style/style.css +2 -2
- package/dist/es/packages/badge/style/style.css +8 -8
- package/dist/es/packages/barrage/style/style.css +2 -2
- package/dist/es/packages/button/style/button.scss +16 -4
- package/dist/es/packages/button/style/style.css +82 -71
- package/dist/es/packages/calendar/style/style.css +51 -85
- package/dist/es/packages/calendarcard/style/style.css +11 -11
- package/dist/es/packages/card/style/style.css +42 -23
- package/dist/es/packages/cascader/cascader.js +2 -2
- package/dist/es/packages/cascader/style/style.css +63 -98
- package/dist/es/packages/cell/cell.d.ts +2 -12
- package/dist/es/packages/cell/index.d.ts +1 -1
- package/dist/es/packages/cell/style/style.css +10 -10
- package/dist/es/packages/cell/types.d.ts +12 -0
- package/dist/es/packages/cell/types.js +1 -0
- package/dist/es/packages/cellgroup/style/style.css +3 -3
- package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
- package/dist/es/packages/checkbox/style/style.css +34 -29
- package/dist/es/packages/checkboxgroup/style/style.css +7 -7
- package/dist/es/packages/circleprogress/style/style.css +3 -3
- package/dist/es/packages/collapse/style/style.css +11 -11
- package/dist/es/packages/collapseitem/style/style.css +11 -11
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/countdown/style/style.css +9 -9
- package/dist/es/packages/countup/style/style.css +3 -3
- package/dist/es/packages/datepicker/style/style.css +48 -82
- package/dist/es/packages/dialog/style/style.css +92 -81
- package/dist/es/packages/divider/style/style.css +4 -4
- package/dist/es/packages/elevator/style/style.css +8 -8
- package/dist/es/packages/empty/style/style.css +3 -3
- package/dist/es/packages/fixednav/style/style.css +9 -9
- package/dist/es/packages/form/style/style.css +19 -17
- package/dist/es/packages/formitem/style/formitem.scss +2 -0
- package/dist/es/packages/formitem/style/style.css +6 -4
- package/dist/es/packages/grid/style/style.css +7 -7
- package/dist/es/packages/griditem/style/style.css +6 -6
- package/dist/es/packages/hoverbutton/style/style.css +4 -4
- package/dist/es/packages/hoverbuttonitem/style/style.css +4 -4
- package/dist/es/packages/image/style/style.css +2 -2
- package/dist/es/packages/imagepreview/style/style.css +138 -95
- package/dist/es/packages/indicator/indicator.d.ts +4 -0
- package/dist/es/packages/indicator/indicator.js +39 -10
- package/dist/es/packages/indicator/style/indicator.scss +127 -14
- package/dist/es/packages/indicator/style/style.css +99 -22
- package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
- package/dist/es/packages/infiniteloading/style/style.css +4 -4
- package/dist/es/packages/input/input.d.ts +1 -0
- package/dist/es/packages/input/input.js +7 -3
- package/dist/es/packages/input/style/input.scss +24 -13
- package/dist/es/packages/input/style/style.css +21 -15
- package/dist/es/packages/inputnumber/style/inputnumber.scss +2 -2
- package/dist/es/packages/inputnumber/style/style.css +9 -9
- package/dist/es/packages/loading/index.d.ts +1 -1
- package/dist/es/packages/loading/loading.d.ts +3 -10
- package/dist/es/packages/loading/loading.js +44 -12
- package/dist/es/packages/loading/style/loading.scss +7 -1
- package/dist/es/packages/loading/style/style.css +9 -3
- package/dist/es/packages/loading/types.d.ts +13 -0
- package/dist/es/packages/loading/types.js +1 -0
- package/dist/es/packages/lottie/index.d.ts +3 -0
- package/dist/es/packages/lottie/index.js +2 -0
- package/dist/es/packages/lottie/style/css.js +1 -0
- package/dist/es/packages/lottie/style/index.js +1 -0
- package/dist/es/packages/lottie/style/lottie.scss +0 -0
- package/dist/es/packages/lottie/style/style.css +4 -0
- package/dist/es/packages/lottie/types.d.ts +11 -0
- package/dist/es/packages/lottie/types.js +1 -0
- package/dist/es/packages/lottie/web.d.ts +3 -0
- package/dist/es/packages/lottie/web.js +22 -0
- package/dist/es/packages/menu/style/style.css +14 -14
- package/dist/es/packages/menuitem/style/style.css +10 -10
- package/dist/es/packages/navbar/navbar.d.ts +1 -1
- package/dist/es/packages/navbar/navbar.js +14 -63
- package/dist/es/packages/navbar/style/navbar.scss +32 -40
- package/dist/es/packages/navbar/style/style.css +27 -41
- package/dist/es/packages/notify/style/style.css +4 -4
- package/dist/es/packages/numberkeyboard/style/style.css +47 -81
- package/dist/es/packages/nutui.react.build.d.ts +3 -1
- package/dist/es/packages/nutui.react.build.js +3 -1
- package/dist/es/packages/overlay/style/overlay.scss +6 -6
- package/dist/es/packages/overlay/style/style.css +7 -7
- package/dist/es/packages/pagination/style/style.css +8 -8
- package/dist/es/packages/picker/style/style.css +48 -82
- package/dist/es/packages/popover/popover.d.ts +13 -65
- package/dist/es/packages/popover/popover.js +17 -14
- package/dist/es/packages/popover/style/popover.scss +42 -65
- package/dist/es/packages/popover/style/style.css +85 -141
- package/dist/es/packages/popup/popup.js +24 -23
- package/dist/es/packages/popup/style/popup.scss +24 -56
- package/dist/es/packages/popup/style/style.css +37 -71
- package/dist/es/packages/price/index.d.ts +1 -1
- package/dist/es/packages/price/price.d.ts +1 -10
- package/dist/es/packages/price/price.js +9 -9
- package/dist/es/packages/price/style/price.scss +49 -9
- package/dist/es/packages/price/style/style.css +35 -16
- package/dist/es/packages/price/types.d.ts +13 -0
- package/dist/es/packages/price/types.js +1 -0
- package/dist/es/packages/progress/style/style.css +2 -2
- package/dist/es/packages/pulltorefresh/style/style.css +2 -2
- package/dist/es/packages/radio/style/radio.scss +3 -0
- package/dist/es/packages/radio/style/style.css +22 -19
- package/dist/es/packages/radiogroup/style/style.css +6 -6
- package/dist/es/packages/range/style/style.css +10 -10
- package/dist/es/packages/rate/style/style.css +4 -4
- package/dist/es/packages/resultpage/style/style.css +2 -2
- package/dist/es/packages/searchbar/style/style.css +5 -5
- package/dist/es/packages/segmented/style/style.css +3 -3
- package/dist/es/packages/shortpassword/style/style.css +48 -82
- package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
- package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
- package/dist/es/packages/sidenavbar/style/style.css +41 -75
- package/dist/es/packages/sidenavbaritem/style/style.css +2 -2
- package/dist/es/packages/signature/style/style.css +2 -2
- package/dist/es/packages/skeleton/style/style.css +5 -5
- package/dist/es/packages/step/style/style.css +22 -22
- package/dist/es/packages/steps/style/style.css +22 -22
- package/dist/es/packages/subsidenavbar/style/style.css +2 -2
- package/dist/es/packages/swiper/style/style.css +99 -22
- package/dist/es/packages/switch/style/style.css +10 -10
- package/dist/es/packages/switch/style/switch.scss +1 -1
- package/dist/es/packages/tabbar/style/style.css +13 -13
- package/dist/es/packages/tabbaritem/style/style.css +12 -12
- package/dist/es/packages/table/style/style.css +11 -11
- package/dist/es/packages/tabpane/style/style.css +1 -1
- package/dist/es/packages/tabs/style/style.css +21 -22
- package/dist/es/packages/tabs/style/tabs.scss +1 -1
- package/dist/es/packages/tag/style/style.css +5 -5
- package/dist/es/packages/textarea/style/style.css +30 -19
- package/dist/es/packages/textarea/style/textarea.scss +43 -16
- package/dist/es/packages/textarea/textarea.d.ts +2 -0
- package/dist/es/packages/textarea/textarea.js +9 -7
- package/dist/es/packages/timedetail/style/style.css +4 -4
- package/dist/es/packages/timeselect/style/style.css +46 -80
- package/dist/es/packages/timeselect/timeselect.js +1 -4
- package/dist/es/packages/toast/style/style.css +8 -8
- package/dist/es/packages/tour/style/style.css +89 -145
- package/dist/es/packages/trendarrow/style/style.css +1 -1
- package/dist/es/packages/uploader/index.d.ts +1 -1
- package/dist/es/packages/uploader/preview.js +13 -14
- package/dist/es/packages/uploader/style/style.css +13 -13
- package/dist/es/packages/uploader/types.d.ts +17 -0
- package/dist/es/packages/uploader/types.js +1 -0
- package/dist/es/packages/uploader/uploader.d.ts +29 -200
- package/dist/es/packages/uploader/uploader.js +241 -220
- package/dist/es/packages/virtuallist/style/style.css +4 -4
- package/dist/es/utils/platform-taro.d.ts +1 -0
- package/dist/es/utils/platform-taro.js +5 -0
- package/dist/nutui.react.umd.js +20248 -3662
- package/dist/style.css +1 -1
- package/dist/style.scss +108 -0
- package/dist/styles/jd-font.scss +9 -1
- package/dist/styles/theme-dark.scss +17 -17
- package/dist/styles/theme-default.scss +3 -3
- package/dist/styles/themes/default.css +1 -0
- package/dist/styles/variables-jmapp.scss +4 -0
- package/dist/styles/variables-jrkf.scss +4 -0
- package/dist/styles/variables.scss +128 -137
- package/package.json +8 -3
- package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
- package/dist/cjs/packages/uploader/file-item.js +0 -28
- package/dist/cjs/packages/uploader/utils.d.ts +0 -30
- package/dist/cjs/packages/uploader/utils.js +0 -184
- package/dist/es/packages/uploader/file-item.d.ts +0 -19
- package/dist/es/packages/uploader/file-item.js +0 -18
- package/dist/es/packages/uploader/utils.d.ts +0 -30
- package/dist/es/packages/uploader/utils.js +0 -154
|
@@ -1,29 +1,20 @@
|
|
|
1
1
|
// ----------------------------------------------------
|
|
2
2
|
// 主色调 // done
|
|
3
|
-
$color-primary: var(--nutui-
|
|
3
|
+
$color-primary: var(--nutui-brand-6) !default;
|
|
4
4
|
$color-primary-stop-1: var(--nutui-color-primary-stop-1, #ff475d) !default;
|
|
5
5
|
$color-primary-stop-2: var(--nutui-color-primary-stop-2, #ff0f23) !default;
|
|
6
6
|
$color-primary-pressed: var(--nutui-color-primary-pressed, #e53029) !default;
|
|
7
7
|
$color-primary-disabled: var(--nutui-color-primary-disabled, #c2c4cc) !default;
|
|
8
|
-
$color-primary-disabled-special: var(
|
|
9
|
-
|
|
10
|
-
#ffadbe
|
|
11
|
-
) !default;
|
|
12
|
-
$color-primary-light-pressed: var(
|
|
13
|
-
--nutui-color-primary-light-pressed,
|
|
14
|
-
#ffebf1
|
|
15
|
-
) !default;
|
|
8
|
+
$color-primary-disabled-special: var(--nutui-brand-3) !default;
|
|
9
|
+
$color-primary-light-pressed: var(--nutui-brand-1) !default;
|
|
16
10
|
$color-primary-gradient-1: linear-gradient(
|
|
17
11
|
135deg,
|
|
18
12
|
$color-primary-stop-1 0%,
|
|
19
13
|
$color-primary-stop-2 100%
|
|
20
14
|
) !default;
|
|
21
|
-
$color-primary-icon: var(--nutui-red-6
|
|
22
|
-
$color-primary-icon-disabled: var(--nutui-gray-8
|
|
23
|
-
$color-primary-specialdisabled: var(
|
|
24
|
-
--nutui-color-primary-specialdisabled,
|
|
25
|
-
#ffadbe
|
|
26
|
-
) !default;
|
|
15
|
+
$color-primary-icon: var(--nutui-red-6) !default;
|
|
16
|
+
$color-primary-icon-disabled: var(--nutui-gray-8) !default;
|
|
17
|
+
$color-primary-specialdisabled: var(--nutui-red-3) !default;
|
|
27
18
|
|
|
28
19
|
// 默认色
|
|
29
20
|
$color-default: var(--nutui-color-default) !default;
|
|
@@ -43,96 +34,66 @@ $color-info-background: var(
|
|
|
43
34
|
$color-info-text: var(--nutui-color-info, #0073ff) !default; // done
|
|
44
35
|
|
|
45
36
|
// 成功色
|
|
46
|
-
$color-success: var(--nutui-
|
|
47
|
-
$color-success-pressed: var(
|
|
48
|
-
--nutui-color-success-pressed,
|
|
49
|
-
#2aa32a
|
|
50
|
-
) !default; // done
|
|
37
|
+
$color-success: var(--nutui-green-2) !default; // done
|
|
38
|
+
$color-success-pressed: var(--nutui-green-3) !default; // done
|
|
51
39
|
$color-success-disabled: var(--nutui-color-success-disabled, #b2f0ae) !default;
|
|
52
|
-
$color-success-light: var(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
) !default; // done
|
|
56
|
-
$color-success-background: var(
|
|
57
|
-
--nutui-color-success-background,
|
|
58
|
-
#00d900
|
|
59
|
-
) !default; // done
|
|
60
|
-
$color-success-text: var(
|
|
61
|
-
--nutui-color-success-pressed,
|
|
62
|
-
#2aa32a
|
|
63
|
-
) !default; // done
|
|
40
|
+
$color-success-light: var(--nutui-green-1) !default; // done
|
|
41
|
+
$color-success-background: var(--nutui-green-2) !default; // done
|
|
42
|
+
$color-success-text: var(--nutui-green-3) !default; // done
|
|
64
43
|
|
|
65
44
|
// 警告色
|
|
66
|
-
$color-warning: var(--nutui-
|
|
67
|
-
$color-warning-pressed: var(
|
|
68
|
-
--nutui-color-warning-pressed,
|
|
69
|
-
#c47600
|
|
70
|
-
) !default; // done
|
|
45
|
+
$color-warning: var(--nutui-yellow-2) !default; // done
|
|
46
|
+
$color-warning-pressed: var(--nutui-yellow-3) !default; // done
|
|
71
47
|
$color-warning-disabled: var(--nutui-color-warning-disabled, #fdd3b9) !default;
|
|
72
|
-
$color-warning-light: var(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
) !default; // done
|
|
76
|
-
$color-warning-background: var(
|
|
77
|
-
--nutui-color-warning-background,
|
|
78
|
-
#ffbf00
|
|
79
|
-
) !default; // done
|
|
80
|
-
$color-warning-text: var(
|
|
81
|
-
--nutui-color-warning-pressed,
|
|
82
|
-
#c47600
|
|
83
|
-
) !default; // done
|
|
48
|
+
$color-warning-light: var(--nutui-yellow-1) !default; // done
|
|
49
|
+
$color-warning-background: var(--nutui-yellow-2) !default; // done
|
|
50
|
+
$color-warning-text: var(--nutui-yellow-3) !default; // done
|
|
84
51
|
|
|
85
52
|
// 危险色
|
|
86
|
-
$color-danger: var(--nutui-
|
|
53
|
+
$color-danger: var(--nutui-red-2) !default; //done
|
|
87
54
|
$color-danger-pressed: var(--nutui-color-danger-pressed) !default;
|
|
88
55
|
$color-danger-disabled: var(
|
|
89
56
|
--nutui-color-danger-disabled,
|
|
90
57
|
$color-primary-disabled-special
|
|
91
58
|
) !default;
|
|
92
|
-
$color-danger-light: var(--nutui-
|
|
59
|
+
$color-danger-light: var(--nutui-red-1) !default; //done
|
|
93
60
|
$color-danger-background: var(--nutui-color-danger-background) !default; //done
|
|
94
|
-
$color-danger-text: var(--nutui-
|
|
61
|
+
$color-danger-text: var(--nutui-red-2) !default; //done
|
|
95
62
|
|
|
96
63
|
// 背景色
|
|
97
|
-
$color-background: var(--nutui-
|
|
64
|
+
$color-background: var(--nutui-gray-3) !default; //done
|
|
98
65
|
// 卡片背景色
|
|
99
|
-
$color-background-overlay: var(
|
|
100
|
-
--nutui-color-background-overlay,
|
|
101
|
-
#ffffff
|
|
102
|
-
) !default;
|
|
66
|
+
$color-background-overlay: var(--nutui-gray-1) !default;
|
|
103
67
|
// 卡片内嵌背景色
|
|
104
68
|
$color-background-sunken: var(
|
|
105
69
|
--nutui-color-background-sunken,
|
|
106
|
-
|
|
70
|
+
var(--nutui-gray-2)
|
|
107
71
|
) !default;
|
|
108
72
|
|
|
109
73
|
// 蒙层颜色
|
|
110
74
|
// 页面全局蒙层
|
|
111
|
-
$color-mask: var(--nutui-
|
|
75
|
+
$color-mask: var(--nutui-black-10) !default;
|
|
112
76
|
// 局部蒙层
|
|
113
|
-
$color-mask-part: var(--nutui-
|
|
77
|
+
$color-mask-part: var(--nutui-black-7) !default;
|
|
114
78
|
// 容错蒙层
|
|
115
|
-
$color-mask-fault-toleran: var(
|
|
116
|
-
--nutui-color-mask-fault-toleran,
|
|
117
|
-
rgba(0, 0, 0, 0.02)
|
|
118
|
-
) !default;
|
|
79
|
+
$color-mask-fault-toleran: var(--nutui-black-2) !default;
|
|
119
80
|
|
|
120
81
|
// 边框色
|
|
121
|
-
$color-border: var(--nutui-
|
|
122
|
-
$color-border-disabled: var(--nutui-
|
|
82
|
+
$color-border: var(--nutui-black-3) !default;
|
|
83
|
+
$color-border-disabled: var(--nutui-gray-4) !default;
|
|
123
84
|
|
|
124
85
|
// 文本色
|
|
125
|
-
$color-title: var(--nutui-
|
|
126
|
-
$color-text: var(--nutui-
|
|
127
|
-
$color-text-help: var(--nutui-
|
|
128
|
-
$color-text-disabled: var(--nutui-
|
|
86
|
+
$color-title: var(--nutui-gray-7) !default;
|
|
87
|
+
$color-text: var(--nutui-gray-6) !default;
|
|
88
|
+
$color-text-help: var(--nutui-gray-5) !default;
|
|
89
|
+
$color-text-disabled: var(--nutui-gray-4) !default;
|
|
129
90
|
$color-text-dark: var(--nutui-white-12) !default;
|
|
130
|
-
$color-text-link: var(--nutui-
|
|
91
|
+
$color-text-link: var(--nutui-blue-2) !default;
|
|
131
92
|
|
|
132
93
|
// 与品牌色一起使用,默认为白色,不区分暗黑与明亮模式。
|
|
133
|
-
$color-primary-text:
|
|
94
|
+
$color-primary-text: #ffffff !default;
|
|
134
95
|
$white: #ffffff !default;
|
|
135
|
-
$black:
|
|
96
|
+
$black: #000000 !default;
|
|
136
97
|
|
|
137
98
|
// ---- Font Family ----
|
|
138
99
|
$font-family:
|
|
@@ -211,7 +172,7 @@ $button-square-border-radius: var(
|
|
|
211
172
|
--nutui-button-square-border-radius,
|
|
212
173
|
0
|
|
213
174
|
) !default;
|
|
214
|
-
$button-border-radius: var(--nutui-button-border-radius,
|
|
175
|
+
$button-border-radius: var(--nutui-button-border-radius, $radius-s) !default;
|
|
215
176
|
$button-border-width: var(--nutui-button-border-width, 1px) !default;
|
|
216
177
|
$button-normal-padding: var(--nutui-button-normal-padding, 0px 12px) !default;
|
|
217
178
|
$button-default-height: var(--nutui-button-default-height, 32px) !default;
|
|
@@ -235,7 +196,7 @@ $button-default-disabled-color: var(
|
|
|
235
196
|
$button-default-padding: var(--nutui-button-default-padding, 0px 12px) !default;
|
|
236
197
|
$button-default-font-size: var(
|
|
237
198
|
--nutui-button-default-font-size,
|
|
238
|
-
$font-size-
|
|
199
|
+
$font-size-base
|
|
239
200
|
) !default;
|
|
240
201
|
$button-default-font-weight: var(
|
|
241
202
|
--nutui-button-default-font-weight,
|
|
@@ -248,12 +209,20 @@ $button-xlarge-font-size: var(
|
|
|
248
209
|
--nutui-button-xlarge-font-size,
|
|
249
210
|
$font-size-xl
|
|
250
211
|
) !default;
|
|
212
|
+
$button-xlarge-text-icon-margin: var(
|
|
213
|
+
--nutui-button-xlarge-text-icon-margin,
|
|
214
|
+
6px
|
|
215
|
+
) !default;
|
|
216
|
+
$button-xlarge-border-radius: var(
|
|
217
|
+
--nutui-button-xlarge-border-radius,
|
|
218
|
+
$radius-base
|
|
219
|
+
) !default;
|
|
251
220
|
|
|
252
221
|
$button-large-height: var(--nutui-button-large-height, 40px) !default;
|
|
253
222
|
$button-large-padding: var(--nutui-button-large-padding, 0px 16px) !default;
|
|
254
223
|
$button-large-font-size: var(
|
|
255
224
|
--nutui-button-large-font-size,
|
|
256
|
-
$font-size-
|
|
225
|
+
$font-size-l
|
|
257
226
|
) !default;
|
|
258
227
|
$button-large-font-weight: var(
|
|
259
228
|
--nutui-button-large-font-weight,
|
|
@@ -261,7 +230,7 @@ $button-large-font-weight: var(
|
|
|
261
230
|
) !default;
|
|
262
231
|
$button-large-border-radius: var(
|
|
263
232
|
--nutui-button-large-border-radius,
|
|
264
|
-
|
|
233
|
+
$radius-s
|
|
265
234
|
) !default;
|
|
266
235
|
|
|
267
236
|
$button-small-font-size: var(
|
|
@@ -272,7 +241,7 @@ $button-small-padding: var(--nutui-button-small-padding, 0px 8px) !default;
|
|
|
272
241
|
$button-small-height: var(--nutui-button-small-height, 28px) !default;
|
|
273
242
|
$button-small-border-radius: var(
|
|
274
243
|
--nutui-button-small-border-radius,
|
|
275
|
-
|
|
244
|
+
$radius-xs
|
|
276
245
|
) !default;
|
|
277
246
|
|
|
278
247
|
$button-mini-padding: var(--nutui-button-mini-padding, 0px 8px) !default;
|
|
@@ -283,7 +252,7 @@ $button-mini-font-size: var(
|
|
|
283
252
|
) !default;
|
|
284
253
|
$button-mini-border-radius: var(
|
|
285
254
|
--nutui-button-mini-border-radius,
|
|
286
|
-
|
|
255
|
+
$radius-xs
|
|
287
256
|
) !default;
|
|
288
257
|
|
|
289
258
|
$button-primary-color: var(
|
|
@@ -373,10 +342,6 @@ $button-danger-disabled: var(
|
|
|
373
342
|
$color-danger-disabled
|
|
374
343
|
) !default;
|
|
375
344
|
|
|
376
|
-
$button-xlarge-text-icon-margin: var(
|
|
377
|
-
--nutui-button-xlarge-text-icon-margin,
|
|
378
|
-
6px
|
|
379
|
-
) !default;
|
|
380
345
|
$button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
|
|
381
346
|
|
|
382
347
|
// cell(✅)
|
|
@@ -586,35 +551,29 @@ $input-border-bottom-width: var(
|
|
|
586
551
|
--nutui-input-border-bottom-width,
|
|
587
552
|
0px
|
|
588
553
|
) !default;
|
|
589
|
-
$input-disabled-color: var(
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
) !default;
|
|
554
|
+
// $input-disabled-color: var(
|
|
555
|
+
// --nutui-input-disabled-color,
|
|
556
|
+
// $color-text-disabled
|
|
557
|
+
// ) !default;
|
|
593
558
|
$input-font-size: var(--nutui-input-font-size, $font-size-base) !default;
|
|
594
|
-
$input-border-radius: var(--nutui-input-border-radius,
|
|
595
|
-
$input-color: var(--nutui-input-color, $color-title) !default;
|
|
559
|
+
$input-border-radius: var(--nutui-input-border-radius, $radius-s) !default;
|
|
560
|
+
// $input-color: var(--nutui-input-color, $color-title) !default;
|
|
596
561
|
$input-background-color: var(
|
|
597
562
|
--nutui-input-background-color,
|
|
598
563
|
$color-background-overlay
|
|
599
564
|
) !default;
|
|
600
|
-
$input-padding: var(--nutui-input-padding,
|
|
565
|
+
$input-padding: var(--nutui-input-padding, 12px) !default;
|
|
601
566
|
|
|
602
567
|
// textarea(✅)
|
|
603
|
-
$textarea-
|
|
604
|
-
$textarea-padding: var(--nutui-textarea-padding, 10px 25px) !default;
|
|
605
|
-
$textarea-limit-color: var(--nutui-textarea-limit-color, $color-text) !default;
|
|
568
|
+
$textarea-padding: var(--nutui-textarea-padding, 12px) !default;
|
|
606
569
|
$textarea-text-color: var(--nutui-textarea-text-color, $color-title) !default;
|
|
607
570
|
$textarea-text-curror-color: var(
|
|
608
571
|
--nutui-textarea-text-curror-color,
|
|
609
|
-
$color-
|
|
572
|
+
$color-primary
|
|
610
573
|
) !default;
|
|
611
574
|
$textarea-text-line-height: var(
|
|
612
575
|
--nutui-textarea-text-line-height,
|
|
613
|
-
|
|
614
|
-
) !default;
|
|
615
|
-
$textarea-disabled-color: var(
|
|
616
|
-
--nutui-textarea-disabled-color,
|
|
617
|
-
$color-text-disabled
|
|
576
|
+
20px
|
|
618
577
|
) !default;
|
|
619
578
|
|
|
620
579
|
// inputnumber(✅)
|
|
@@ -734,7 +693,7 @@ $numberkeyboard-header-close-background-color: var(
|
|
|
734
693
|
) !default;
|
|
735
694
|
$numberkeyboard-key-background-color: var(
|
|
736
695
|
--nutui-numberkeyboard-key-background-color,
|
|
737
|
-
|
|
696
|
+
$color-background-overlay
|
|
738
697
|
) !default;
|
|
739
698
|
$numberkeyboard-key-active-background-color: var(
|
|
740
699
|
--nutui-numberkeyboard-key-active-background-color,
|
|
@@ -818,32 +777,53 @@ $countdown-number-primary-border-color: var(
|
|
|
818
777
|
$color-primary
|
|
819
778
|
) !default;
|
|
820
779
|
|
|
821
|
-
//
|
|
780
|
+
//price(✅)
|
|
781
|
+
$price-primary-color: var(--nutui-price-color, $color-primary) !default;
|
|
782
|
+
$price-color: var(--nutui-price-color, var(--nutui-color-text-help)) !default;
|
|
783
|
+
$price-darkgray-color: var(
|
|
784
|
+
--nutui-price-darkgray-color,
|
|
785
|
+
var(--nutui-gray-7)
|
|
786
|
+
) !default;
|
|
787
|
+
$price-line-color: var(
|
|
788
|
+
--nutui-price-line-color,
|
|
789
|
+
var(--nutui-color-text-help)
|
|
790
|
+
) !default;
|
|
822
791
|
$price-symbol-padding-right: var(
|
|
823
792
|
--nutui-price-symbol-padding-right,
|
|
824
|
-
|
|
793
|
+
0px
|
|
825
794
|
) !default;
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
$price-
|
|
795
|
+
|
|
796
|
+
//xlarge price(✅)
|
|
797
|
+
$price-symbol-xlarge-size: var(--nutui-price-symbol-xlarge-size, 12px) !default;
|
|
798
|
+
$price-integer-xlarge-size: var(
|
|
799
|
+
--nutui-price-integer-xlarge-size,
|
|
800
|
+
24px
|
|
801
|
+
) !default;
|
|
802
|
+
$price-decimal-xlarge-size: var(
|
|
803
|
+
--nutui-price-decimal-xlarge-size,
|
|
804
|
+
12px
|
|
805
|
+
) !default;
|
|
806
|
+
|
|
807
|
+
//large price(✅)
|
|
808
|
+
$price-symbol-large-size: var(--nutui-price-symbol-large-size, 12px) !default;
|
|
809
|
+
$price-integer-large-size: var(--nutui-price-integer-large-size, 18px) !default;
|
|
810
|
+
$price-decimal-large-size: var(--nutui-price-decimal-large-size, 12px) !default;
|
|
829
811
|
|
|
830
812
|
//normal price(✅)
|
|
831
|
-
$price-
|
|
832
|
-
$price-
|
|
833
|
-
|
|
834
|
-
$price-integer-medium-size: var(
|
|
835
|
-
--nutui-price-integer-medium-size,
|
|
813
|
+
$price-symbol-normal-size: var(--nutui-price-symbol-normal-size, 12px) !default;
|
|
814
|
+
$price-integer-normal-size: var(
|
|
815
|
+
--nutui-price-integer-normal-size,
|
|
836
816
|
16px
|
|
837
817
|
) !default;
|
|
838
|
-
$price-decimal-
|
|
839
|
-
--nutui-price-decimal-
|
|
840
|
-
|
|
818
|
+
$price-decimal-normal-size: var(
|
|
819
|
+
--nutui-price-decimal-normal-size,
|
|
820
|
+
12px
|
|
841
821
|
) !default;
|
|
842
822
|
|
|
843
823
|
// small price(✅)
|
|
844
|
-
$price-symbol-small-size: var(--nutui-price-symbol-small-size,
|
|
824
|
+
$price-symbol-small-size: var(--nutui-price-symbol-small-size, 12px) !default;
|
|
845
825
|
$price-integer-small-size: var(--nutui-price-integer-small-size, 12px) !default;
|
|
846
|
-
$price-decimal-small-size: var(--nutui-price-decimal-small-size,
|
|
826
|
+
$price-decimal-small-size: var(--nutui-price-decimal-small-size, 12px) !default;
|
|
847
827
|
|
|
848
828
|
//avatar(✅)
|
|
849
829
|
$avatar-square: var(--nutui-avatar-square, 5px) !default;
|
|
@@ -1057,30 +1037,28 @@ $overlay-animation-duration: var(
|
|
|
1057
1037
|
0.3s
|
|
1058
1038
|
) !default;
|
|
1059
1039
|
//popup(✅)
|
|
1060
|
-
$popup-border-radius: var(--nutui-popup-border-radius,
|
|
1061
|
-
$popup-icon-size: var(--nutui-popup-icon-size,
|
|
1040
|
+
$popup-border-radius: var(--nutui-popup-border-radius, $radius-xl) !default;
|
|
1041
|
+
$popup-icon-size: var(--nutui-popup-icon-size, 20px) !default;
|
|
1062
1042
|
$popup-title-padding: var(--nutui-popup-title-padding, 16px) !default;
|
|
1063
1043
|
$popup-title-font-size: var(
|
|
1064
1044
|
--nutui-popup-title-font-size,
|
|
1065
|
-
$font-size-
|
|
1045
|
+
$font-size-l
|
|
1066
1046
|
) !default;
|
|
1067
|
-
$popup-
|
|
1068
|
-
--nutui-popup-
|
|
1069
|
-
$font-
|
|
1047
|
+
$popup-title-font-weight: var(
|
|
1048
|
+
--nutui-popup-title-font-weight,
|
|
1049
|
+
$font-weight-bold
|
|
1070
1050
|
) !default;
|
|
1071
|
-
$popup-title-height: var(--nutui-popup-title-height, 50px) !default;
|
|
1072
|
-
$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
|
|
1073
|
-
$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
|
|
1074
|
-
$popup-icon-size: var(--nutui-popup-icon-size, $font-size-xl) !default;
|
|
1075
1051
|
$popup-description-font-size: var(
|
|
1076
1052
|
--nutui-popup-description-font-size,
|
|
1077
|
-
$font-size-
|
|
1053
|
+
$font-size-base
|
|
1078
1054
|
) !default;
|
|
1079
|
-
$popup-
|
|
1080
|
-
--nutui-popup-
|
|
1081
|
-
$
|
|
1055
|
+
$popup-description-spacing: var(
|
|
1056
|
+
--nutui-popup-description-spacing,
|
|
1057
|
+
$spacing-base
|
|
1082
1058
|
) !default;
|
|
1083
1059
|
$popup-title-height: var(--nutui-popup-title-height, 50px) !default;
|
|
1060
|
+
$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
|
|
1061
|
+
$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
|
|
1084
1062
|
|
|
1085
1063
|
// Notify(✅)
|
|
1086
1064
|
$notify-text-color: var(--nutui-notify-text-color, $white) !default;
|
|
@@ -1626,14 +1604,14 @@ $badge-outline-border: var(
|
|
|
1626
1604
|
);
|
|
1627
1605
|
|
|
1628
1606
|
//popover(✅)
|
|
1629
|
-
$popover-border-radius: var(--nutui-popover-border-radius,
|
|
1607
|
+
$popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
|
|
1630
1608
|
$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
|
|
1631
1609
|
$popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
|
|
1632
1610
|
$popover-content-background-color: var(
|
|
1633
1611
|
--nutui-popover-content-background-color,
|
|
1634
1612
|
#ffffff
|
|
1635
1613
|
) !default;
|
|
1636
|
-
$popover-text-color: var(--nutui-popover-text-color,
|
|
1614
|
+
$popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
|
|
1637
1615
|
$popover-hover-background-color: var(
|
|
1638
1616
|
--nutui-popover-hover-background-color,
|
|
1639
1617
|
#fff
|
|
@@ -1829,13 +1807,19 @@ $tabs-tabpane-backgroundColor: var(
|
|
|
1829
1807
|
// indicator(✅)
|
|
1830
1808
|
$indicator-color: var(--nutui-indicator-color, $color-primary) !default;
|
|
1831
1809
|
$indicator-dot-color: var(--nutui-indicator-dot-color, $color-border) !default;
|
|
1832
|
-
$indicator-dot-size: var(--nutui-indicator-dot-size,
|
|
1810
|
+
$indicator-dot-size: var(--nutui-indicator-dot-size, 3px) !default;
|
|
1833
1811
|
$indicator-dot-active-size: var(
|
|
1834
1812
|
--nutui-indicator-dot-active-size,
|
|
1835
|
-
|
|
1813
|
+
6px
|
|
1814
|
+
) !default;
|
|
1815
|
+
$indicator-border-radius: var(
|
|
1816
|
+
--nutui-indicator-border-radius,
|
|
1817
|
+
$radius-xxs
|
|
1818
|
+
) !default;
|
|
1819
|
+
$indicator-dot-margin: var(
|
|
1820
|
+
--nutui-indicator-dot-margin,
|
|
1821
|
+
$spacing-xxxs
|
|
1836
1822
|
) !default;
|
|
1837
|
-
$indicator-border-radius: var(--nutui-indicator-border-radius, 2px) !default;
|
|
1838
|
-
$indicator-dot-margin: var(--nutui-indicator-dot-margin, 2px) !default;
|
|
1839
1823
|
|
|
1840
1824
|
// menu(✅)
|
|
1841
1825
|
$menu-scroll-fixed-top: var(--nutui-menu-scroll-fixed-top, 0) !default;
|
|
@@ -2005,7 +1989,10 @@ $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
|
|
|
2005
1989
|
$empty-image-size: var(--nutui-empty-image-size, 160px) !default;
|
|
2006
1990
|
$empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default;
|
|
2007
1991
|
$empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
|
|
2008
|
-
$empty-background-color: var(
|
|
1992
|
+
$empty-background-color: var(
|
|
1993
|
+
--nutui-empty-background-color,
|
|
1994
|
+
$color-background-overlay
|
|
1995
|
+
) !default;
|
|
2009
1996
|
$empty-title-margin-bottom: var(
|
|
2010
1997
|
--nutui-empty-title-margin-bottom,
|
|
2011
1998
|
12px
|
|
@@ -2134,7 +2121,7 @@ $grid-item-content-padding: var(
|
|
|
2134
2121
|
) !default;
|
|
2135
2122
|
$grid-item-content-bg-color: var(
|
|
2136
2123
|
--nutui-grid-item-content-bg-color,
|
|
2137
|
-
|
|
2124
|
+
var(--nutui-gray-1)
|
|
2138
2125
|
) !default;
|
|
2139
2126
|
$grid-item-text-margin: var(--nutui-grid-item-text-margin, 8px) !default;
|
|
2140
2127
|
$grid-item-text-color: var(--nutui-grid-item-text-color, $color-title) !default;
|
|
@@ -2463,6 +2450,10 @@ $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
|
|
|
2463
2450
|
$loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
|
|
2464
2451
|
$loading-color: var(--nutui-loading-color, $color-text-help) !default;
|
|
2465
2452
|
$loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
|
|
2453
|
+
$loading-lottie-background: var(
|
|
2454
|
+
--nutui-loading-lottie-background,
|
|
2455
|
+
rgba(0, 0, 0, 0.06)
|
|
2456
|
+
) !default;
|
|
2466
2457
|
|
|
2467
2458
|
// ResultPage
|
|
2468
2459
|
$resultpage-width: var(--nutui-resultpage-width, 240px) !default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nutui/nutui-react",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.9",
|
|
4
4
|
"style": "dist/style.css",
|
|
5
5
|
"main": "dist/nutui.react.umd.js",
|
|
6
6
|
"module": "dist/es/packages/nutui.react.build.js",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@babel/runtime": "^7.23.9",
|
|
56
|
-
"@nutui/icons-react": "^
|
|
56
|
+
"@nutui/icons-react": "^3.0.0-beta.2",
|
|
57
57
|
"@nutui/jdesign-icons-react-taro": "1.0.6-beta.2",
|
|
58
58
|
"@nutui/touch-emulator": "^1.0.0",
|
|
59
59
|
"@react-spring/web": "~9.6.1",
|
|
@@ -63,6 +63,8 @@
|
|
|
63
63
|
"classnames": "^2.5.1",
|
|
64
64
|
"lodash.isequal": "^4.5.0",
|
|
65
65
|
"lodash.kebabcase": "^4.1.1",
|
|
66
|
+
"lottie-miniprogram": "^1.0.12",
|
|
67
|
+
"lottie-react": "^2.4.0",
|
|
66
68
|
"react-transition-group": "^4.4.5"
|
|
67
69
|
},
|
|
68
70
|
"peerDependencies": {
|
|
@@ -70,6 +72,9 @@
|
|
|
70
72
|
},
|
|
71
73
|
"resolutions": {
|
|
72
74
|
"@types/react": "^18.2.57",
|
|
73
|
-
"@types/react-dom": "^18.2.19"
|
|
75
|
+
"@types/react-dom": "^18.2.19",
|
|
76
|
+
"sass": "1.77.6",
|
|
77
|
+
"@tarojs/api": "4.0.8-beta.1",
|
|
78
|
+
"@tarojs/components": "4.0.8-beta.1"
|
|
74
79
|
}
|
|
75
80
|
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export declare class FileItem {
|
|
3
|
-
status: FileItemStatus;
|
|
4
|
-
message: string;
|
|
5
|
-
uid: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
url?: string;
|
|
8
|
-
type?: string;
|
|
9
|
-
path?: string;
|
|
10
|
-
percentage?: string | number;
|
|
11
|
-
formData?: FormData;
|
|
12
|
-
responseText?: string;
|
|
13
|
-
loadingIcon?: ReactNode;
|
|
14
|
-
failIcon?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
|
|
17
|
-
export type FileType<T> = {
|
|
18
|
-
[key: string]: T;
|
|
19
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "FileItem", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return FileItem;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _class_call_check = require("@swc/helpers/_/_class_call_check");
|
|
12
|
-
var _define_property = require("@swc/helpers/_/_define_property");
|
|
13
|
-
var FileItem = function FileItem() {
|
|
14
|
-
"use strict";
|
|
15
|
-
(0, _class_call_check._)(this, FileItem);
|
|
16
|
-
(0, _define_property._)(this, "status", 'ready');
|
|
17
|
-
(0, _define_property._)(this, "message", '');
|
|
18
|
-
(0, _define_property._)(this, "uid", new Date().getTime().toString());
|
|
19
|
-
(0, _define_property._)(this, "name", void 0);
|
|
20
|
-
(0, _define_property._)(this, "url", void 0);
|
|
21
|
-
(0, _define_property._)(this, "type", void 0);
|
|
22
|
-
(0, _define_property._)(this, "path", void 0);
|
|
23
|
-
(0, _define_property._)(this, "percentage", 0);
|
|
24
|
-
(0, _define_property._)(this, "formData", {});
|
|
25
|
-
(0, _define_property._)(this, "responseText", void 0);
|
|
26
|
-
(0, _define_property._)(this, "loadingIcon", void 0);
|
|
27
|
-
(0, _define_property._)(this, "failIcon", void 0);
|
|
28
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export declare class UploadOptions {
|
|
2
|
-
url: string;
|
|
3
|
-
name: string;
|
|
4
|
-
fileType?: string | undefined;
|
|
5
|
-
formData?: FormData;
|
|
6
|
-
sourceFile: any;
|
|
7
|
-
method: string;
|
|
8
|
-
xhrState: string | number;
|
|
9
|
-
timeout: number;
|
|
10
|
-
headers: {};
|
|
11
|
-
withCredentials: boolean;
|
|
12
|
-
onStart?: any;
|
|
13
|
-
taroFilePath?: string;
|
|
14
|
-
onProgress?: any;
|
|
15
|
-
onSuccess?: any;
|
|
16
|
-
onFailure?: any;
|
|
17
|
-
beforeXhrUpload?: any;
|
|
18
|
-
}
|
|
19
|
-
export declare const UPLOADING = "uploading";
|
|
20
|
-
export declare const SUCCESS = "success";
|
|
21
|
-
export declare const ERROR = "error";
|
|
22
|
-
export declare class Utils {
|
|
23
|
-
options: UploadOptions;
|
|
24
|
-
constructor(options: UploadOptions);
|
|
25
|
-
upload(): void;
|
|
26
|
-
}
|
|
27
|
-
export declare class UploaderTaro extends Utils {
|
|
28
|
-
constructor(options: UploadOptions);
|
|
29
|
-
uploadTaro(uploadFile: any, env: string): void;
|
|
30
|
-
}
|