@nutui/nutui-react 4.0.0-beta.3 → 4.0.0-beta.5

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.
Files changed (280) hide show
  1. package/CHANGELOG.md +21 -6
  2. package/dist/cjs/hooks/use-props-value.js +1 -1
  3. package/dist/cjs/hooks/use-touch.js +4 -4
  4. package/dist/cjs/packages/address/cascaderRender.js +1 -1
  5. package/dist/cjs/packages/address/existRender.js +1 -1
  6. package/dist/cjs/packages/animate/animate.js +1 -1
  7. package/dist/cjs/packages/audio/audio.js +1 -1
  8. package/dist/cjs/packages/avatar/avatar.js +1 -1
  9. package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
  10. package/dist/cjs/packages/barrage/barrage.js +1 -1
  11. package/dist/cjs/packages/button/button.js +1 -1
  12. package/dist/cjs/packages/card/card.js +1 -1
  13. package/dist/cjs/packages/cascader/utils.js +4 -4
  14. package/dist/cjs/packages/cell/cell.js +1 -1
  15. package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
  16. package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
  17. package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
  18. package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
  19. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  20. package/dist/cjs/packages/countdown/countdown.js +1 -1
  21. package/dist/cjs/packages/datepicker/datepicker.js +1 -1
  22. package/dist/cjs/packages/dialog/dialog.js +2 -2
  23. package/dist/cjs/packages/divider/divider.js +1 -1
  24. package/dist/cjs/packages/drag/drag.js +1 -1
  25. package/dist/cjs/packages/elevator/elevator.js +1 -1
  26. package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
  27. package/dist/cjs/packages/empty/empty.d.ts +4 -11
  28. package/dist/cjs/packages/empty/empty.js +22 -18
  29. package/dist/cjs/packages/empty/index.d.ts +1 -1
  30. package/dist/cjs/packages/empty/style/empty.scss +97 -31
  31. package/dist/cjs/packages/empty/style/style.css +77 -32
  32. package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
  33. package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
  34. package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
  35. package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
  36. package/dist/cjs/packages/fixednav/fixednav.js +1 -1
  37. package/dist/cjs/packages/grid/grid.js +1 -1
  38. package/dist/cjs/packages/griditem/griditem.js +1 -1
  39. package/dist/cjs/packages/indicator/indicator.js +1 -1
  40. package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
  41. package/dist/cjs/packages/input/input.js +1 -1
  42. package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
  43. package/dist/cjs/packages/loading/loading.js +1 -1
  44. package/dist/cjs/packages/menu/menu.js +1 -1
  45. package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
  46. package/dist/cjs/packages/overlay/overlay.js +1 -1
  47. package/dist/cjs/packages/pagination/pagination.js +1 -1
  48. package/dist/cjs/packages/picker/picker.js +1 -1
  49. package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
  50. package/dist/cjs/packages/popover/popover.js +1 -1
  51. package/dist/cjs/packages/price/price.js +1 -1
  52. package/dist/cjs/packages/progress/progress.js +1 -1
  53. package/dist/cjs/packages/quickenter/quickenter.js +2 -2
  54. package/dist/cjs/packages/radio/radio.js +1 -1
  55. package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
  56. package/dist/cjs/packages/rate/index.d.ts +1 -1
  57. package/dist/cjs/packages/rate/rate.js +54 -8
  58. package/dist/cjs/packages/rate/style/rate.scss +244 -76
  59. package/dist/cjs/packages/rate/style/style.css +198 -68
  60. package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
  61. package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
  62. package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
  63. package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
  64. package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
  65. package/dist/cjs/packages/signature/signature.js +1 -1
  66. package/dist/cjs/packages/skeleton/skeleton.js +1 -1
  67. package/dist/cjs/packages/step/step.js +1 -1
  68. package/dist/cjs/packages/steps/style/style.css +1 -1
  69. package/dist/cjs/packages/sticky/sticky.js +1 -1
  70. package/dist/cjs/packages/switch/switch.js +1 -1
  71. package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
  72. package/dist/cjs/packages/table/table.js +1 -1
  73. package/dist/cjs/packages/tabs/tabs.js +1 -1
  74. package/dist/cjs/packages/textarea/textarea.js +1 -1
  75. package/dist/cjs/packages/timeselect/timeselect.js +1 -1
  76. package/dist/cjs/packages/tour/tour.js +1 -1
  77. package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
  78. package/dist/cjs/packages/video/video.js +1 -1
  79. package/dist/cjs/packages/virtuallist/utils.js +1 -1
  80. package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
  81. package/dist/cjs/types/spec/empty/base.d.ts +12 -8
  82. package/dist/cjs/types/spec/empty/base.js +28 -1
  83. package/dist/cjs/types/spec/rate/base.d.ts +3 -0
  84. package/dist/cjs/utils/scale-f.js +1 -3
  85. package/dist/es/hooks/taro/use-custom-event.js +3 -3
  86. package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
  87. package/dist/es/hooks/use-click-away.js +2 -2
  88. package/dist/es/hooks/use-lock-scroll.js +3 -3
  89. package/dist/es/hooks/use-pagination.js +1 -1
  90. package/dist/es/hooks/use-ref-state.js +3 -3
  91. package/dist/es/hooks/use-touch.js +13 -13
  92. package/dist/es/hooks/use-watch.js +1 -1
  93. package/dist/es/locales/en-US.js +4 -4
  94. package/dist/es/locales/id-ID.js +4 -4
  95. package/dist/es/locales/ja-JP.js +4 -4
  96. package/dist/es/locales/tr-TR.js +4 -4
  97. package/dist/es/locales/vi-VN.js +4 -4
  98. package/dist/es/locales/zh-CN.js +4 -4
  99. package/dist/es/locales/zh-TW.js +4 -4
  100. package/dist/es/locales/zh-UG.js +4 -4
  101. package/dist/es/packages/actionsheet/actionsheet.js +8 -8
  102. package/dist/es/packages/address/address.js +10 -10
  103. package/dist/es/packages/address/cascaderRender.js +4 -4
  104. package/dist/es/packages/address/elevatorRender.js +17 -17
  105. package/dist/es/packages/address/existRender.js +5 -5
  106. package/dist/es/packages/address/utils.js +5 -5
  107. package/dist/es/packages/animate/animate.js +4 -4
  108. package/dist/es/packages/animatingnumbers/countup.js +2 -2
  109. package/dist/es/packages/audio/audio.js +26 -26
  110. package/dist/es/packages/avatar/avatar.js +4 -4
  111. package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
  112. package/dist/es/packages/avatargroup/avatargroup.js +1 -1
  113. package/dist/es/packages/backtop/backtop.js +3 -3
  114. package/dist/es/packages/badge/badge.js +3 -3
  115. package/dist/es/packages/barrage/barrage.js +5 -5
  116. package/dist/es/packages/button/button.js +2 -2
  117. package/dist/es/packages/calendar/calendar.js +12 -12
  118. package/dist/es/packages/calendar/utils.js +7 -7
  119. package/dist/es/packages/calendarcard/calendarcard.js +22 -22
  120. package/dist/es/packages/calendarcard/icon.js +4 -4
  121. package/dist/es/packages/calendarcard/utils.js +5 -5
  122. package/dist/es/packages/calendaritem/calendaritem.js +32 -32
  123. package/dist/es/packages/card/card.js +2 -2
  124. package/dist/es/packages/cascader/cascader.js +15 -15
  125. package/dist/es/packages/cascader/utils.js +6 -6
  126. package/dist/es/packages/cell/cell.js +5 -5
  127. package/dist/es/packages/cellgroup/cellgroup.js +2 -2
  128. package/dist/es/packages/checkbox/checkbox.js +10 -10
  129. package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
  130. package/dist/es/packages/circleprogress/circleprogress.js +5 -5
  131. package/dist/es/packages/col/col.js +2 -2
  132. package/dist/es/packages/collapse/collapse.js +3 -3
  133. package/dist/es/packages/collapse/context.js +2 -2
  134. package/dist/es/packages/collapseitem/collapseitem.js +5 -5
  135. package/dist/es/packages/configprovider/configprovider.js +5 -5
  136. package/dist/es/packages/configprovider/types.d.ts +1 -1
  137. package/dist/es/packages/countdown/countdown.js +12 -12
  138. package/dist/es/packages/datepicker/datepicker.js +12 -12
  139. package/dist/es/packages/datepicker/utils.js +7 -7
  140. package/dist/es/packages/datepickerview/datepickerview.js +5 -5
  141. package/dist/es/packages/dialog/confirm.js +8 -8
  142. package/dist/es/packages/dialog/content.js +5 -5
  143. package/dist/es/packages/dialog/dialog.js +23 -23
  144. package/dist/es/packages/divider/divider.js +3 -3
  145. package/dist/es/packages/drag/drag.js +4 -4
  146. package/dist/es/packages/elevator/elevator.js +14 -14
  147. package/dist/es/packages/ellipsis/ellipsis.js +11 -11
  148. package/dist/es/packages/empty/empty.d.ts +4 -11
  149. package/dist/es/packages/empty/empty.js +23 -19
  150. package/dist/es/packages/empty/index.d.ts +1 -1
  151. package/dist/es/packages/empty/style/empty.scss +97 -31
  152. package/dist/es/packages/empty/style/style.css +77 -32
  153. package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
  154. package/dist/es/packages/empty/style-jmapp/style.css +77 -32
  155. package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
  156. package/dist/es/packages/empty/style-jrkf/style.css +77 -32
  157. package/dist/es/packages/fixednav/fixednav.js +8 -8
  158. package/dist/es/packages/form/form.js +6 -6
  159. package/dist/es/packages/form/useform.js +4 -4
  160. package/dist/es/packages/formitem/formitem.js +1 -1
  161. package/dist/es/packages/grid/context.js +1 -1
  162. package/dist/es/packages/grid/grid.js +4 -4
  163. package/dist/es/packages/griditem/griditem.js +6 -6
  164. package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
  165. package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
  166. package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
  167. package/dist/es/packages/image/image.js +8 -8
  168. package/dist/es/packages/imagepreview/imagepreview.js +13 -13
  169. package/dist/es/packages/indicator/indicator.js +5 -5
  170. package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
  171. package/dist/es/packages/input/input.js +13 -13
  172. package/dist/es/packages/inputnumber/inputnumber.js +12 -12
  173. package/dist/es/packages/layout/layout.js +1 -1
  174. package/dist/es/packages/loading/loading.js +3 -3
  175. package/dist/es/packages/menu/menu.js +13 -13
  176. package/dist/es/packages/menuitem/menuitem.js +10 -10
  177. package/dist/es/packages/navbar/navbar.js +7 -7
  178. package/dist/es/packages/noticebar/noticebar.js +25 -25
  179. package/dist/es/packages/notify/Notification.js +1 -1
  180. package/dist/es/packages/notify/notify.js +3 -3
  181. package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
  182. package/dist/es/packages/overlay/overlay.js +6 -6
  183. package/dist/es/packages/pagination/pagination.js +8 -8
  184. package/dist/es/packages/picker/picker.js +15 -15
  185. package/dist/es/packages/pickerview/pickerroller.js +10 -10
  186. package/dist/es/packages/pickerview/pickerview.js +3 -3
  187. package/dist/es/packages/pickerview/utils.js +6 -6
  188. package/dist/es/packages/popover/popover.js +13 -13
  189. package/dist/es/packages/popup/popup.js +22 -22
  190. package/dist/es/packages/price/price.js +8 -8
  191. package/dist/es/packages/progress/progress.js +5 -5
  192. package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
  193. package/dist/es/packages/quickenter/quickenter.js +14 -14
  194. package/dist/es/packages/radio/radio.js +11 -11
  195. package/dist/es/packages/radiogroup/radiogroup.js +6 -6
  196. package/dist/es/packages/range/range.js +7 -7
  197. package/dist/es/packages/range/utils.js +2 -2
  198. package/dist/es/packages/rate/index.d.ts +1 -1
  199. package/dist/es/packages/rate/rate.js +65 -19
  200. package/dist/es/packages/rate/style/rate.scss +244 -76
  201. package/dist/es/packages/rate/style/style.css +198 -68
  202. package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
  203. package/dist/es/packages/rate/style-jmapp/style.css +198 -68
  204. package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
  205. package/dist/es/packages/rate/style-jrkf/style.css +198 -68
  206. package/dist/es/packages/resultpage/resultpage.js +1 -1
  207. package/dist/es/packages/row/row.js +4 -4
  208. package/dist/es/packages/safearea/safearea.js +1 -1
  209. package/dist/es/packages/searchbar/searchbar.js +3 -3
  210. package/dist/es/packages/segmented/segmented.js +4 -4
  211. package/dist/es/packages/shortpassword/shortpassword.js +7 -7
  212. package/dist/es/packages/sidebar/sidebar.js +8 -8
  213. package/dist/es/packages/sidebar/utils.js +1 -1
  214. package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
  215. package/dist/es/packages/signature/signature.js +12 -12
  216. package/dist/es/packages/skeleton/skeleton.js +4 -4
  217. package/dist/es/packages/space/space.js +1 -1
  218. package/dist/es/packages/step/step.js +2 -2
  219. package/dist/es/packages/steps/steps.js +1 -1
  220. package/dist/es/packages/steps/style/style.css +1 -1
  221. package/dist/es/packages/sticky/sticky.js +4 -4
  222. package/dist/es/packages/swipe/swipe.js +16 -16
  223. package/dist/es/packages/swiper/effects/default.js +2 -2
  224. package/dist/es/packages/swiper/effects/focus.js +4 -4
  225. package/dist/es/packages/swiper/swiper.js +14 -14
  226. package/dist/es/packages/swiperitem/swiperitem.js +2 -2
  227. package/dist/es/packages/switch/switch.js +6 -6
  228. package/dist/es/packages/tabbar/tabbar.js +2 -2
  229. package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
  230. package/dist/es/packages/table/table.js +10 -10
  231. package/dist/es/packages/tabpane/tabpane.js +1 -1
  232. package/dist/es/packages/tabs/tabs.js +10 -10
  233. package/dist/es/packages/tag/tag.js +10 -10
  234. package/dist/es/packages/textarea/textarea.js +12 -12
  235. package/dist/es/packages/timedetail/timedetail.js +3 -3
  236. package/dist/es/packages/timeselect/timeselect.js +6 -6
  237. package/dist/es/packages/toast/Notification.js +1 -1
  238. package/dist/es/packages/toast/toast.js +2 -2
  239. package/dist/es/packages/tour/tour.js +11 -11
  240. package/dist/es/packages/trendarrow/trendarrow.js +4 -4
  241. package/dist/es/packages/uploader/preview.js +8 -8
  242. package/dist/es/packages/uploader/uploader.js +15 -15
  243. package/dist/es/packages/video/video.js +4 -4
  244. package/dist/es/packages/virtuallist/utils.js +5 -5
  245. package/dist/es/packages/virtuallist/virtuallist.js +2 -2
  246. package/dist/es/packages/watermark/watermark.js +2 -2
  247. package/dist/es/types/spec/empty/base.d.ts +15 -11
  248. package/dist/es/types/spec/empty/base.js +13 -1
  249. package/dist/es/types/spec/rate/base.d.ts +9 -0
  250. package/dist/es/utils/clamp.js +1 -1
  251. package/dist/es/utils/date.js +3 -3
  252. package/dist/es/utils/get-rect.js +1 -1
  253. package/dist/es/utils/interceptor.js +1 -1
  254. package/dist/es/utils/is-date.js +1 -1
  255. package/dist/es/utils/is-empty.js +1 -1
  256. package/dist/es/utils/is-function.js +1 -1
  257. package/dist/es/utils/is-object.js +1 -1
  258. package/dist/es/utils/is-promise.js +1 -1
  259. package/dist/es/utils/pad-zero.js +1 -1
  260. package/dist/es/utils/px-check.js +1 -1
  261. package/dist/es/utils/scale-f.js +2 -4
  262. package/dist/es/utils/sleep.js +1 -1
  263. package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
  264. package/dist/es/utils/taro/get-rect-by-id.js +1 -1
  265. package/dist/es/utils/taro/get-rect.js +3 -3
  266. package/dist/es/utils/taro/get-system-info.js +2 -2
  267. package/dist/es/utils/taro/platform.js +4 -4
  268. package/dist/es/utils/upper-case-first.js +1 -1
  269. package/dist/nutui.react.umd.js +1146 -1080
  270. package/dist/style-jmapp.css +1 -1
  271. package/dist/style-jmapp.scss +41 -41
  272. package/dist/style-jrkf.css +1 -1
  273. package/dist/style-jrkf.scss +42 -42
  274. package/dist/style.css +1 -1
  275. package/dist/style.scss +35 -35
  276. package/dist/styles/variables-daojia.scss +25 -12
  277. package/dist/styles/variables-jmapp.scss +42 -17
  278. package/dist/styles/variables-jrkf.scss +24 -20
  279. package/dist/styles/variables.scss +32 -24
  280. package/package.json +1 -1
package/dist/es/packages/empty/style/style.css CHANGED
@@ -15,51 +15,96 @@ page {
15
15
  align-items: center;
16
16
  flex-direction: column;
17
17
  justify-content: center;
18
- padding: var(--nutui-empty-padding, calc(32px * var(--nut-scale-f, 1)) calc(40px * var(--nut-scale-f, 1)));
19
- background-color: var(--nutui-empty-background-color, var(--nutui-color-background-overlay, #ffffff));
18
+ padding: var(--nutui-empty-padding, calc(20px * var(--nut-scale-f, 1)));
20
19
  }
21
- .nut-empty-base {
22
- width: var(--nutui-empty-image-size, calc(160px * var(--nut-scale-f, 1)));
23
- height: var(--nutui-empty-image-size, calc(160px * var(--nut-scale-f, 1)));
24
- }
25
- .nut-empty-base img,
26
- .nut-empty-base image {
27
- width: 100%;
28
- height: 100%;
29
- }
30
- .nut-empty-small {
31
- width: var(--nutui-empty-image-small-size, calc(120px * var(--nut-scale-f, 1)));
32
- height: var(--nutui-empty-image-small-size, calc(120px * var(--nut-scale-f, 1)));
33
- }
34
- .nut-empty-small img,
35
- .nut-empty-small image {
20
+ .nut-empty-image img,
21
+ .nut-empty-image image {
36
22
  width: 100%;
37
23
  height: 100%;
38
24
  }
39
25
  .nut-empty-title {
40
- margin-top: var(--nutui-empty-title-margin-top, 0px);
26
+ text-align: center;
27
+ color: var(--nutui-empty-title-color, var(--nutui-color-title, #1a1a1a));
41
28
  font-weight: var(--nutui-font-weight-bold, 600);
42
- margin-bottom: var(--nutui-empty-title-margin-bottom, calc(12px * var(--nut-scale-f, 1)));
43
- color: var(--nutui-color-title, #1a1a1a);
44
- font-size: var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))));
45
- line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
46
29
  }
47
30
  .nut-empty-description {
48
- color: var(--nutui-color-text, #505259);
49
- font-size: var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))));
50
- line-height: var(--nutui-empty-description-line-height, 1);
51
- }
52
- .nut-empty-actions-base {
53
- display: flex;
54
- flex-direction: row;
55
- margin-top: calc(24px * var(--nut-scale-f, 1));
31
+ text-align: center;
32
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help, #888b94));
33
+ font-weight: var(--nutui-font-weight, 400);
56
34
  }
57
- .nut-empty-actions-small {
35
+ .nut-empty-actions {
58
36
  display: flex;
59
37
  flex-direction: row;
60
- margin-top: calc(16px * var(--nut-scale-f, 1));
38
+ justify-content: center;
61
39
  }
62
40
  .nut-empty-action {
63
41
  margin-right: calc(6px * var(--nut-scale-f, 1));
64
42
  margin-left: calc(6px * var(--nut-scale-f, 1));
43
+ }
44
+ .nut-empty-partial-body {
45
+ display: flex;
46
+ flex-direction: row;
47
+ align-items: center;
48
+ max-width: 100%;
49
+ }
50
+ .nut-empty-content {
51
+ flex: 1;
52
+ min-width: 0;
53
+ }
54
+ .nut-empty--full {
55
+ padding-top: var(--nutui-empty-full-padding-top, calc(160px * var(--nut-scale-f, 1)));
56
+ }
57
+ .nut-empty--full .nut-empty-image {
58
+ width: var(--nutui-empty-full-image-size, calc(160px * var(--nut-scale-f, 1)));
59
+ height: var(--nutui-empty-full-image-size, calc(160px * var(--nut-scale-f, 1)));
60
+ }
61
+ .nut-empty--full .nut-empty-title {
62
+ font-size: var(--nutui-empty-full-title-font-size, var(--nutui-font-size-md, calc(16px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
63
+ line-height: var(--nutui-empty-full-title-line-height, var(--nutui-line-height-xxl, var(--nutui-font-size-xxl, calc(24px * var(--nut-scale-font, var(--nut-scale-f, 1))))));
64
+ }
65
+ .nut-empty--full .nut-empty-description {
66
+ font-size: var(--nutui-empty-full-description-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
67
+ line-height: var(--nutui-empty-full-description-line-height, calc(22px * var(--nut-scale-font, var(--nut-scale-f, 1))));
68
+ }
69
+ .nut-empty--full .nut-empty-actions {
70
+ margin-top: var(--nutui-empty-full-actions-margin-top, calc(8px * var(--nut-scale-f, 1)));
71
+ }
72
+ .nut-empty--half .nut-empty-image {
73
+ width: var(--nutui-empty-half-image-size, calc(80px * var(--nut-scale-f, 1)));
74
+ height: var(--nutui-empty-half-image-size, calc(80px * var(--nut-scale-f, 1)));
75
+ }
76
+ .nut-empty--half .nut-empty-title {
77
+ font-size: var(--nutui-empty-half-title-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
78
+ line-height: var(--nutui-empty-half-title-line-height, calc(22px * var(--nut-scale-font, var(--nut-scale-f, 1))));
79
+ }
80
+ .nut-empty--half .nut-empty-description {
81
+ font-size: var(--nutui-empty-half-description-font-size, var(--nutui-font-size-m, calc(13px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
82
+ line-height: var(--nutui-empty-half-description-line-height, var(--nutui-line-height-2xl, var(--nutui-font-size-2xl, calc(20px * var(--nut-scale-font, var(--nut-scale-f, 1))))));
83
+ }
84
+ .nut-empty--half .nut-empty-actions {
85
+ margin-top: var(--nutui-empty-half-actions-margin-top, calc(8px * var(--nut-scale-f, 1)));
86
+ }
87
+ .nut-empty--partial {
88
+ padding: var(--nutui-empty-partial-padding, calc(0px * var(--nut-scale-f, 1)) calc(16px * var(--nut-scale-f, 1)));
89
+ }
90
+ .nut-empty--partial .nut-empty-partial-body {
91
+ gap: var(--nutui-empty-partial-content-gap, calc(8px * var(--nut-scale-f, 1)));
92
+ }
93
+ .nut-empty--partial .nut-empty-image {
94
+ width: var(--nutui-empty-partial-image-size, calc(32px * var(--nut-scale-f, 1)));
95
+ height: var(--nutui-empty-partial-image-size, calc(32px * var(--nut-scale-f, 1)));
96
+ }
97
+ .nut-empty--partial .nut-empty-title {
98
+ text-align: left;
99
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, calc(13px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
100
+ line-height: var(--nutui-empty-partial-description-line-height, calc(32px * var(--nut-scale-font, var(--nut-scale-f, 1))));
101
+ color: var(--nutui-empty-title-color, var(--nutui-color-title, #1a1a1a));
102
+ font-weight: var(--nutui-font-weight, 400);
103
+ }
104
+ .nut-empty--partial .nut-empty-description {
105
+ text-align: left;
106
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, calc(13px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
107
+ line-height: var(--nutui-empty-partial-description-line-height, calc(32px * var(--nut-scale-font, var(--nut-scale-f, 1))));
108
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help, #888b94));
109
+ font-weight: var(--nutui-font-weight, 400);
65
110
  }
package/dist/es/packages/empty/style-jmapp/empty.scss CHANGED
@@ -6,23 +6,8 @@
6
6
  flex-direction: column;
7
7
  justify-content: center;
8
8
  padding: $empty-padding;
9
- background-color: $empty-background-color;
10
-
11
- &-base {
12
- width: $empty-image-size;
13
- height: $empty-image-size;
14
-
15
- img,
16
- image {
17
- width: 100%;
18
- height: 100%;
19
- }
20
- }
21
-
22
- &-small {
23
- width: $empty-image-small-size;
24
- height: $empty-image-small-size;
25
9
 
10
+ &-image {
26
11
  img,
27
12
  image {
28
13
  width: 100%;
@@ -31,32 +16,113 @@
31
16
  }
32
17
 
33
18
  &-title {
34
- margin-top: $empty-title-margin-top;
19
+ text-align: center;
20
+ color: $empty-title-color;
35
21
  font-weight: $font-weight-bold;
36
- margin-bottom: $empty-title-margin-bottom;
37
- color: $color-title;
38
- font-size: $font-size-l;
39
- line-height: $empty-title-line-height;
40
22
  }
41
23
 
42
24
  &-description {
43
- color: $color-text;
44
- font-size: $font-size-s;
45
- line-height: $empty-description-line-height;
46
- }
47
- &-actions-base {
48
- display: flex;
49
- flex-direction: row;
50
- margin-top: scale-px(24px);
25
+ text-align: center;
26
+ color: $empty-description-color;
27
+ font-weight: $font-weight;
51
28
  }
52
- &-actions-small {
29
+
30
+ &-actions {
53
31
  display: flex;
54
32
  flex-direction: row;
55
- margin-top: scale-px(16px);
33
+ justify-content: center;
56
34
  }
57
35
 
58
36
  &-action {
59
37
  margin-right: scale-px(6px);
60
38
  margin-left: scale-px(6px);
61
39
  }
40
+
41
+ &-partial-body {
42
+ display: flex;
43
+ flex-direction: row;
44
+ align-items: center;
45
+ max-width: 100%;
46
+ }
47
+
48
+ &-content {
49
+ flex: 1;
50
+ min-width: 0;
51
+ }
52
+
53
+ // 全屏型：整页无数据
54
+ &--full {
55
+ padding-top: $empty-full-padding-top;
56
+
57
+ .nut-empty-image {
58
+ width: $empty-full-image-size;
59
+ height: $empty-full-image-size;
60
+ }
61
+
62
+ .nut-empty-title {
63
+ font-size: $empty-full-title-font-size;
64
+ line-height: $empty-full-title-line-height;
65
+ }
66
+
67
+ .nut-empty-description {
68
+ font-size: $empty-full-description-font-size;
69
+ line-height: $empty-full-description-line-height;
70
+ }
71
+
72
+ .nut-empty-actions {
73
+ margin-top: $empty-full-actions-margin-top;
74
+ }
75
+ }
76
+
77
+ // 半屏型：模块、弹层等区域
78
+ &--half {
79
+ .nut-empty-image {
80
+ width: $empty-half-image-size;
81
+ height: $empty-half-image-size;
82
+ }
83
+
84
+ .nut-empty-title {
85
+ font-size: $empty-half-title-font-size;
86
+ line-height: $empty-half-title-line-height;
87
+ }
88
+
89
+ .nut-empty-description {
90
+ font-size: $empty-half-description-font-size;
91
+ line-height: $empty-half-description-line-height;
92
+ }
93
+
94
+ .nut-empty-actions {
95
+ margin-top: $empty-half-actions-margin-top;
96
+ }
97
+ }
98
+
99
+ // 局部型：横向图文
100
+ &--partial {
101
+ padding: $empty-partial-padding;
102
+
103
+ .nut-empty-partial-body {
104
+ gap: $empty-partial-content-gap;
105
+ }
106
+
107
+ .nut-empty-image {
108
+ width: $empty-partial-image-size;
109
+ height: $empty-partial-image-size;
110
+ }
111
+
112
+ .nut-empty-title {
113
+ text-align: left;
114
+ font-size: $empty-partial-description-font-size;
115
+ line-height: $empty-partial-description-line-height;
116
+ color: $empty-title-color;
117
+ font-weight: $font-weight;
118
+ }
119
+
120
+ .nut-empty-description {
121
+ text-align: left;
122
+ font-size: $empty-partial-description-font-size;
123
+ line-height: $empty-partial-description-line-height;
124
+ color: $empty-description-color;
125
+ font-weight: $font-weight;
126
+ }
127
+ }
62
128
  }
package/dist/es/packages/empty/style-jmapp/style.css CHANGED
@@ -9,51 +9,96 @@
9
9
  align-items: center;
10
10
  flex-direction: column;
11
11
  justify-content: center;
12
- padding: var(--nutui-empty-padding, 32px 40px);
13
- background-color: var(--nutui-empty-background-color, #fff);
12
+ padding: var(--nutui-empty-padding, 20px);
14
13
  }
15
- .nut-empty-base {
16
- width: var(--nutui-empty-image-size, 160px);
17
- height: var(--nutui-empty-image-size, 160px);
18
- }
19
- .nut-empty-base img,
20
- .nut-empty-base image {
21
- width: 100%;
22
- height: 100%;
23
- }
24
- .nut-empty-small {
25
- width: var(--nutui-empty-image-small-size, 120px);
26
- height: var(--nutui-empty-image-small-size, 120px);
27
- }
28
- .nut-empty-small img,
29
- .nut-empty-small image {
14
+ .nut-empty-image img,
15
+ .nut-empty-image image {
30
16
  width: 100%;
31
17
  height: 100%;
32
18
  }
33
19
  .nut-empty-title {
34
- margin-top: var(--nutui-empty-title-margin-top, 0px);
20
+ text-align: center;
21
+ color: var(--nutui-empty-title-color, var(--nutui-color-title));
35
22
  font-weight: var(--nutui-font-weight-bold);
36
- margin-bottom: var(--nutui-empty-title-margin-bottom, 8px);
37
- color: var(--nutui-color-title);
38
- font-size: var(--nutui-font-text-large);
39
- line-height: var(--nutui-empty-title-line-height, var(--nutui-font-text));
40
23
  }
41
24
  .nut-empty-description {
42
- color: var(--nutui-color-text);
43
- font-size: var(--nutui-font-text-small);
44
- line-height: var(--nutui-empty-description-line-height, 1.2);
45
- }
46
- .nut-empty-actions-base {
47
- display: flex;
48
- flex-direction: row;
49
- margin-top: scale-px(24px);
25
+ text-align: center;
26
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
27
+ font-weight: var(--nutui-font-weight);
50
28
  }
51
- .nut-empty-actions-small {
29
+ .nut-empty-actions {
52
30
  display: flex;
53
31
  flex-direction: row;
54
- margin-top: scale-px(16px);
32
+ justify-content: center;
55
33
  }
56
34
  .nut-empty-action {
57
35
  margin-right: scale-px(6px);
58
36
  margin-left: scale-px(6px);
37
+ }
38
+ .nut-empty-partial-body {
39
+ display: flex;
40
+ flex-direction: row;
41
+ align-items: center;
42
+ max-width: 100%;
43
+ }
44
+ .nut-empty-content {
45
+ flex: 1;
46
+ min-width: 0;
47
+ }
48
+ .nut-empty--full {
49
+ padding-top: var(--nutui-empty-full-padding-top, 160px);
50
+ }
51
+ .nut-empty--full .nut-empty-image {
52
+ width: var(--nutui-empty-full-image-size, 160px);
53
+ height: var(--nutui-empty-full-image-size, 160px);
54
+ }
55
+ .nut-empty--full .nut-empty-title {
56
+ font-size: var(--nutui-empty-full-title-font-size, var(--nutui-font-size-md, 16px));
57
+ line-height: var(--nutui-empty-full-title-line-height, var(--nutui-line-height-xxl, var(--nutui-font-size-8)));
58
+ }
59
+ .nut-empty--full .nut-empty-description {
60
+ font-size: var(--nutui-empty-full-description-font-size, var(--nutui-font-text));
61
+ line-height: var(--nutui-empty-full-description-line-height, 22px);
62
+ }
63
+ .nut-empty--full .nut-empty-actions {
64
+ margin-top: var(--nutui-empty-full-actions-margin-top, 8px);
65
+ }
66
+ .nut-empty--half .nut-empty-image {
67
+ width: var(--nutui-empty-half-image-size, 80px);
68
+ height: var(--nutui-empty-half-image-size, 80px);
69
+ }
70
+ .nut-empty--half .nut-empty-title {
71
+ font-size: var(--nutui-empty-half-title-font-size, var(--nutui-font-text-small));
72
+ line-height: var(--nutui-empty-half-title-line-height, 22px);
73
+ }
74
+ .nut-empty--half .nut-empty-description {
75
+ font-size: var(--nutui-empty-half-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
76
+ line-height: var(--nutui-empty-half-description-line-height, var(--nutui-line-height-2xl, var(--nutui-font-size-2xl, 20px)));
77
+ }
78
+ .nut-empty--half .nut-empty-actions {
79
+ margin-top: var(--nutui-empty-half-actions-margin-top, 8px);
80
+ }
81
+ .nut-empty--partial {
82
+ padding: var(--nutui-empty-partial-padding, 0px 16px);
83
+ }
84
+ .nut-empty--partial .nut-empty-partial-body {
85
+ gap: var(--nutui-empty-partial-content-gap, 8px);
86
+ }
87
+ .nut-empty--partial .nut-empty-image {
88
+ width: var(--nutui-empty-partial-image-size, 32px);
89
+ height: var(--nutui-empty-partial-image-size, 32px);
90
+ }
91
+ .nut-empty--partial .nut-empty-title {
92
+ text-align: left;
93
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
94
+ line-height: var(--nutui-empty-partial-description-line-height, 32px);
95
+ color: var(--nutui-empty-title-color, var(--nutui-color-title));
96
+ font-weight: var(--nutui-font-weight);
97
+ }
98
+ .nut-empty--partial .nut-empty-description {
99
+ text-align: left;
100
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
101
+ line-height: var(--nutui-empty-partial-description-line-height, 32px);
102
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
103
+ font-weight: var(--nutui-font-weight);
59
104
  }
package/dist/es/packages/empty/style-jrkf/empty.scss CHANGED
@@ -6,23 +6,8 @@
6
6
  flex-direction: column;
7
7
  justify-content: center;
8
8
  padding: $empty-padding;
9
- background-color: $empty-background-color;
10
-
11
- &-base {
12
- width: $empty-image-size;
13
- height: $empty-image-size;
14
-
15
- img,
16
- image {
17
- width: 100%;
18
- height: 100%;
19
- }
20
- }
21
-
22
- &-small {
23
- width: $empty-image-small-size;
24
- height: $empty-image-small-size;
25
9
 
10
+ &-image {
26
11
  img,
27
12
  image {
28
13
  width: 100%;
@@ -31,32 +16,113 @@
31
16
  }
32
17
 
33
18
  &-title {
34
- margin-top: $empty-title-margin-top;
19
+ text-align: center;
20
+ color: $empty-title-color;
35
21
  font-weight: $font-weight-bold;
36
- margin-bottom: $empty-title-margin-bottom;
37
- color: $color-title;
38
- font-size: $font-size-l;
39
- line-height: $empty-title-line-height;
40
22
  }
41
23
 
42
24
  &-description {
43
- color: $color-text;
44
- font-size: $font-size-s;
45
- line-height: $empty-description-line-height;
46
- }
47
- &-actions-base {
48
- display: flex;
49
- flex-direction: row;
50
- margin-top: scale-px(24px);
25
+ text-align: center;
26
+ color: $empty-description-color;
27
+ font-weight: $font-weight;
51
28
  }
52
- &-actions-small {
29
+
30
+ &-actions {
53
31
  display: flex;
54
32
  flex-direction: row;
55
- margin-top: scale-px(16px);
33
+ justify-content: center;
56
34
  }
57
35
 
58
36
  &-action {
59
37
  margin-right: scale-px(6px);
60
38
  margin-left: scale-px(6px);
61
39
  }
40
+
41
+ &-partial-body {
42
+ display: flex;
43
+ flex-direction: row;
44
+ align-items: center;
45
+ max-width: 100%;
46
+ }
47
+
48
+ &-content {
49
+ flex: 1;
50
+ min-width: 0;
51
+ }
52
+
53
+ // 全屏型：整页无数据
54
+ &--full {
55
+ padding-top: $empty-full-padding-top;
56
+
57
+ .nut-empty-image {
58
+ width: $empty-full-image-size;
59
+ height: $empty-full-image-size;
60
+ }
61
+
62
+ .nut-empty-title {
63
+ font-size: $empty-full-title-font-size;
64
+ line-height: $empty-full-title-line-height;
65
+ }
66
+
67
+ .nut-empty-description {
68
+ font-size: $empty-full-description-font-size;
69
+ line-height: $empty-full-description-line-height;
70
+ }
71
+
72
+ .nut-empty-actions {
73
+ margin-top: $empty-full-actions-margin-top;
74
+ }
75
+ }
76
+
77
+ // 半屏型：模块、弹层等区域
78
+ &--half {
79
+ .nut-empty-image {
80
+ width: $empty-half-image-size;
81
+ height: $empty-half-image-size;
82
+ }
83
+
84
+ .nut-empty-title {
85
+ font-size: $empty-half-title-font-size;
86
+ line-height: $empty-half-title-line-height;
87
+ }
88
+
89
+ .nut-empty-description {
90
+ font-size: $empty-half-description-font-size;
91
+ line-height: $empty-half-description-line-height;
92
+ }
93
+
94
+ .nut-empty-actions {
95
+ margin-top: $empty-half-actions-margin-top;
96
+ }
97
+ }
98
+
99
+ // 局部型：横向图文
100
+ &--partial {
101
+ padding: $empty-partial-padding;
102
+
103
+ .nut-empty-partial-body {
104
+ gap: $empty-partial-content-gap;
105
+ }
106
+
107
+ .nut-empty-image {
108
+ width: $empty-partial-image-size;
109
+ height: $empty-partial-image-size;
110
+ }
111
+
112
+ .nut-empty-title {
113
+ text-align: left;
114
+ font-size: $empty-partial-description-font-size;
115
+ line-height: $empty-partial-description-line-height;
116
+ color: $empty-title-color;
117
+ font-weight: $font-weight;
118
+ }
119
+
120
+ .nut-empty-description {
121
+ text-align: left;
122
+ font-size: $empty-partial-description-font-size;
123
+ line-height: $empty-partial-description-line-height;
124
+ color: $empty-description-color;
125
+ font-weight: $font-weight;
126
+ }
127
+ }
62
128
  }
package/dist/es/packages/empty/style-jrkf/style.css CHANGED
@@ -9,51 +9,96 @@
9
9
  align-items: center;
10
10
  flex-direction: column;
11
11
  justify-content: center;
12
- padding: var(--nutui-empty-padding, 32px 40px);
13
- background-color: var(--nutui-empty-background-color, #fff);
12
+ padding: var(--nutui-empty-padding, 20px);
14
13
  }
15
- .nut-empty-base {
16
- width: var(--nutui-empty-image-size, 160px);
17
- height: var(--nutui-empty-image-size, 160px);
18
- }
19
- .nut-empty-base img,
20
- .nut-empty-base image {
21
- width: 100%;
22
- height: 100%;
23
- }
24
- .nut-empty-small {
25
- width: var(--nutui-empty-image-small-size, 120px);
26
- height: var(--nutui-empty-image-small-size, 120px);
27
- }
28
- .nut-empty-small img,
29
- .nut-empty-small image {
14
+ .nut-empty-image img,
15
+ .nut-empty-image image {
30
16
  width: 100%;
31
17
  height: 100%;
32
18
  }
33
19
  .nut-empty-title {
34
- margin-top: var(--nutui-empty-title-margin-top, 0px);
20
+ text-align: center;
21
+ color: var(--nutui-empty-title-color, var(--nutui-color-title));
35
22
  font-weight: var(--nutui-font-weight-bold);
36
- margin-bottom: var(--nutui-empty-title-margin-bottom, 8px);
37
- color: var(--nutui-color-title);
38
- font-size: var(--nutui-font-text-large);
39
- line-height: var(--nutui-empty-title-line-height, var(--nutui-font-text));
40
23
  }
41
24
  .nut-empty-description {
42
- color: var(--nutui-color-text);
43
- font-size: var(--nutui-font-text-small);
44
- line-height: var(--nutui-empty-description-line-height, 1.2);
45
- }
46
- .nut-empty-actions-base {
47
- display: flex;
48
- flex-direction: row;
49
- margin-top: scale-px(24px);
25
+ text-align: center;
26
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
27
+ font-weight: var(--nutui-font-weight);
50
28
  }
51
- .nut-empty-actions-small {
29
+ .nut-empty-actions {
52
30
  display: flex;
53
31
  flex-direction: row;
54
- margin-top: scale-px(16px);
32
+ justify-content: center;
55
33
  }
56
34
  .nut-empty-action {
57
35
  margin-right: scale-px(6px);
58
36
  margin-left: scale-px(6px);
37
+ }
38
+ .nut-empty-partial-body {
39
+ display: flex;
40
+ flex-direction: row;
41
+ align-items: center;
42
+ max-width: 100%;
43
+ }
44
+ .nut-empty-content {
45
+ flex: 1;
46
+ min-width: 0;
47
+ }
48
+ .nut-empty--full {
49
+ padding-top: var(--nutui-empty-full-padding-top, 160px);
50
+ }
51
+ .nut-empty--full .nut-empty-image {
52
+ width: var(--nutui-empty-full-image-size, 160px);
53
+ height: var(--nutui-empty-full-image-size, 160px);
54
+ }
55
+ .nut-empty--full .nut-empty-title {
56
+ font-size: var(--nutui-empty-full-title-font-size, var(--nutui-font-size-md, 16px));
57
+ line-height: var(--nutui-empty-full-title-line-height, var(--nutui-line-height-xxl, var(--nutui-font-size-8)));
58
+ }
59
+ .nut-empty--full .nut-empty-description {
60
+ font-size: var(--nutui-empty-full-description-font-size, var(--nutui-font-text));
61
+ line-height: var(--nutui-empty-full-description-line-height, 22px);
62
+ }
63
+ .nut-empty--full .nut-empty-actions {
64
+ margin-top: var(--nutui-empty-full-actions-margin-top, 8px);
65
+ }
66
+ .nut-empty--half .nut-empty-image {
67
+ width: var(--nutui-empty-half-image-size, 80px);
68
+ height: var(--nutui-empty-half-image-size, 80px);
69
+ }
70
+ .nut-empty--half .nut-empty-title {
71
+ font-size: var(--nutui-empty-half-title-font-size, var(--nutui-font-text-small));
72
+ line-height: var(--nutui-empty-half-title-line-height, 22px);
73
+ }
74
+ .nut-empty--half .nut-empty-description {
75
+ font-size: var(--nutui-empty-half-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
76
+ line-height: var(--nutui-empty-half-description-line-height, var(--nutui-line-height-2xl, var(--nutui-font-size-2xl, 20px)));
77
+ }
78
+ .nut-empty--half .nut-empty-actions {
79
+ margin-top: var(--nutui-empty-half-actions-margin-top, 8px);
80
+ }
81
+ .nut-empty--partial {
82
+ padding: var(--nutui-empty-partial-padding, 0px 16px);
83
+ }
84
+ .nut-empty--partial .nut-empty-partial-body {
85
+ gap: var(--nutui-empty-partial-content-gap, 8px);
86
+ }
87
+ .nut-empty--partial .nut-empty-image {
88
+ width: var(--nutui-empty-partial-image-size, 32px);
89
+ height: var(--nutui-empty-partial-image-size, 32px);
90
+ }
91
+ .nut-empty--partial .nut-empty-title {
92
+ text-align: left;
93
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
94
+ line-height: var(--nutui-empty-partial-description-line-height, 32px);
95
+ color: var(--nutui-empty-title-color, var(--nutui-color-title));
96
+ font-weight: var(--nutui-font-weight);
97
+ }
98
+ .nut-empty--partial .nut-empty-description {
99
+ text-align: left;
100
+ font-size: var(--nutui-empty-partial-description-font-size, var(--nutui-font-size-m, var(--nutui-font-text-small)));
101
+ line-height: var(--nutui-empty-partial-description-line-height, 32px);
102
+ color: var(--nutui-empty-description-color, var(--nutui-color-text-help));
103
+ font-weight: var(--nutui-font-weight);
59
104
  }