@nutui/nutui-react-taro 3.0.0-beta.1 → 3.0.0-beta.11

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 (880) hide show
  1. package/README.md +39 -9
  2. package/dist/cjs/packages/actionsheet/actionsheet.js +6 -3
  3. package/dist/cjs/packages/actionsheet/style/actionsheet.scss +10 -4
  4. package/dist/cjs/packages/actionsheet/style/style.css +58 -84
  5. package/dist/cjs/packages/actionsheet/style/style.harmony.css +36 -16
  6. package/dist/cjs/packages/address/address.js +2 -2
  7. package/dist/cjs/packages/address/existRender.js +2 -2
  8. package/dist/cjs/packages/address/style/style.css +126 -193
  9. package/dist/cjs/packages/address/style/style.harmony.css +7 -3
  10. package/dist/cjs/packages/animate/style/animate.scss +0 -3
  11. package/dist/cjs/packages/animate/style/style.css +4 -3
  12. package/dist/cjs/packages/animate/style/style.harmony.css +4 -3
  13. package/dist/cjs/packages/animatingnumbers/countup.js +38 -35
  14. package/dist/cjs/packages/animatingnumbers/style/style.css +16 -6
  15. package/dist/cjs/packages/animatingnumbers/style/style.harmony.css +4 -0
  16. package/dist/cjs/packages/audio/audio.js +2 -2
  17. package/dist/cjs/packages/audio/style/style.css +123 -97
  18. package/dist/cjs/packages/audio/style/style.harmony.css +7 -3
  19. package/dist/cjs/packages/avatar/avatar.js +19 -14
  20. package/dist/cjs/packages/avatar/style/avatar.scss +7 -60
  21. package/dist/cjs/packages/avatar/style/style.css +11 -45
  22. package/dist/cjs/packages/avatar/style/style.harmony.css +8 -114
  23. package/dist/cjs/packages/avatarcropper/avatarcropper.js +2 -2
  24. package/dist/cjs/packages/avatarcropper/style/style.css +4 -0
  25. package/dist/cjs/packages/avatarcropper/style/style.harmony.css +4 -0
  26. package/dist/cjs/packages/avatargroup/style/style.css +4 -0
  27. package/dist/cjs/packages/avatargroup/style/style.harmony.css +4 -0
  28. package/dist/cjs/packages/backtop/backtop.d.ts +3 -4
  29. package/dist/cjs/packages/backtop/backtop.js +16 -34
  30. package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
  31. package/dist/cjs/packages/backtop/style/index.js +2 -0
  32. package/dist/cjs/packages/backtop/style/style.css +141 -14
  33. package/dist/cjs/packages/backtop/style/style.harmony.css +12 -17
  34. package/dist/cjs/packages/badge/badge.d.ts +2 -12
  35. package/dist/cjs/packages/badge/badge.js +46 -29
  36. package/dist/cjs/packages/badge/index.d.ts +1 -1
  37. package/dist/cjs/packages/badge/style/badge.scss +62 -41
  38. package/dist/cjs/packages/badge/style/style.css +70 -41
  39. package/dist/cjs/packages/badge/style/style.harmony.css +83 -37
  40. package/dist/cjs/packages/badge/types.d.ts +12 -0
  41. package/dist/cjs/packages/badge/types.js +4 -0
  42. package/dist/cjs/packages/barrage/style/style.css +6 -2
  43. package/dist/cjs/packages/barrage/style/style.harmony.css +9 -5
  44. package/dist/cjs/packages/button/button.js +1 -1
  45. package/dist/cjs/packages/button/style/button.scss +48 -23
  46. package/dist/cjs/packages/button/style/style.css +110 -84
  47. package/dist/cjs/packages/button/style/style.harmony.css +76 -50
  48. package/dist/cjs/packages/calendar/calendar.js +2 -2
  49. package/dist/cjs/packages/calendar/style/style.css +56 -89
  50. package/dist/cjs/packages/calendar/style/style.harmony.css +18 -14
  51. package/dist/cjs/packages/calendarcard/calendarcard.js +10 -5
  52. package/dist/cjs/packages/calendarcard/icon.js +14 -2
  53. package/dist/cjs/packages/calendarcard/style/calendarcard.scss +25 -4
  54. package/dist/cjs/packages/calendarcard/style/style.css +40 -11
  55. package/dist/cjs/packages/calendarcard/style/style.harmony.css +66 -31
  56. package/dist/cjs/packages/calendaritem/calendaritem.js +2 -2
  57. package/dist/cjs/packages/calendaritem/style/style.css +4 -0
  58. package/dist/cjs/packages/calendaritem/style/style.harmony.css +4 -0
  59. package/dist/cjs/packages/card/card.js +3 -3
  60. package/dist/cjs/packages/card/style/card.scss +3 -18
  61. package/dist/cjs/packages/card/style/style.css +50 -36
  62. package/dist/cjs/packages/card/style/style.harmony.css +9 -15
  63. package/dist/cjs/packages/cascader/cascader.js +3 -6
  64. package/dist/cjs/packages/cascader/style/style.css +108 -178
  65. package/dist/cjs/packages/cascader/style/style.harmony.css +6 -2
  66. package/dist/cjs/packages/cell/cell.d.ts +5 -11
  67. package/dist/cjs/packages/cell/index.d.ts +1 -1
  68. package/dist/cjs/packages/cell/style/style.css +14 -10
  69. package/dist/cjs/packages/cell/style/style.harmony.css +8 -32
  70. package/dist/cjs/packages/cell/types.d.ts +12 -0
  71. package/dist/cjs/packages/cell/types.js +4 -0
  72. package/dist/cjs/packages/cellgroup/style/style.css +7 -3
  73. package/dist/cjs/packages/cellgroup/style/style.harmony.css +4 -0
  74. package/dist/cjs/packages/checkbox/checkbox.d.ts +2 -5
  75. package/dist/cjs/packages/checkbox/checkbox.js +1 -3
  76. package/dist/cjs/packages/checkbox/index.d.ts +7 -2
  77. package/dist/cjs/packages/checkbox/index.js +4 -1
  78. package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
  79. package/dist/cjs/packages/checkbox/style/style.css +48 -29
  80. package/dist/cjs/packages/checkbox/style/style.harmony.css +31 -22
  81. package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  82. package/dist/cjs/packages/checkboxgroup/style/style.css +21 -7
  83. package/dist/cjs/packages/checkboxgroup/style/style.harmony.css +19 -5
  84. package/dist/cjs/packages/circleprogress/style/style.css +7 -3
  85. package/dist/cjs/packages/circleprogress/style/style.harmony.css +7 -3
  86. package/dist/cjs/packages/col/style/style.css +4 -0
  87. package/dist/cjs/packages/col/style/style.harmony.css +76 -72
  88. package/dist/cjs/packages/collapse/style/style.css +15 -11
  89. package/dist/cjs/packages/collapse/style/style.harmony.css +4 -0
  90. package/dist/cjs/packages/collapseitem/style/style.css +15 -11
  91. package/dist/cjs/packages/collapseitem/style/style.harmony.css +8 -4
  92. package/dist/cjs/packages/configprovider/style/style.css +4 -0
  93. package/dist/cjs/packages/configprovider/style/style.harmony.css +4 -0
  94. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  95. package/dist/cjs/packages/countdown/countdown.d.ts +2 -27
  96. package/dist/cjs/packages/countdown/countdown.js +8 -4
  97. package/dist/cjs/packages/countdown/index.d.ts +1 -1
  98. package/dist/cjs/packages/countdown/style/countdown.scss +29 -4
  99. package/dist/cjs/packages/countdown/style/style.css +44 -17
  100. package/dist/cjs/packages/countdown/style/style.harmony.css +73 -17
  101. package/dist/cjs/packages/countdown/types.d.ts +26 -0
  102. package/dist/cjs/packages/countdown/types.js +4 -0
  103. package/dist/cjs/packages/countup/style/countup.scss +11 -5
  104. package/dist/cjs/packages/countup/style/style.css +16 -6
  105. package/dist/cjs/packages/datepicker/style/style.css +52 -85
  106. package/dist/cjs/packages/datepicker/style/style.harmony.css +4 -0
  107. package/dist/cjs/packages/dialog/dialog.js +14 -5
  108. package/dist/cjs/packages/dialog/style/dialog.scss +37 -21
  109. package/dist/cjs/packages/dialog/style/style.css +152 -112
  110. package/dist/cjs/packages/dialog/style/style.harmony.css +41 -18
  111. package/dist/cjs/packages/divider/style/style.css +8 -4
  112. package/dist/cjs/packages/divider/style/style.harmony.css +5 -0
  113. package/dist/cjs/packages/drag/style/style.css +4 -0
  114. package/dist/cjs/packages/drag/style/style.harmony.css +11 -3
  115. package/dist/cjs/packages/elevator/elevator.js +28 -19
  116. package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
  117. package/dist/cjs/packages/elevator/style/style.css +18 -11
  118. package/dist/cjs/packages/elevator/style/style.harmony.css +19 -12
  119. package/dist/cjs/packages/ellipsis/style/style.css +4 -0
  120. package/dist/cjs/packages/ellipsis/style/style.harmony.css +6 -2
  121. package/dist/cjs/packages/empty/empty.js +1 -1
  122. package/dist/cjs/packages/empty/style/empty.scss +9 -5
  123. package/dist/cjs/packages/empty/style/style.css +18 -9
  124. package/dist/cjs/packages/empty/style/style.harmony.css +17 -8
  125. package/dist/cjs/packages/fixednav/fixednav.js +2 -2
  126. package/dist/cjs/packages/fixednav/style/style.css +13 -9
  127. package/dist/cjs/packages/fixednav/style/style.harmony.css +9 -5
  128. package/dist/cjs/packages/form/style/style.css +23 -17
  129. package/dist/cjs/packages/form/style/style.harmony.css +8 -5
  130. package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
  131. package/dist/cjs/packages/formitem/style/style.css +10 -4
  132. package/dist/cjs/packages/formitem/style/style.harmony.css +40 -10
  133. package/dist/cjs/packages/grid/grid.js +2 -6
  134. package/dist/cjs/packages/grid/style/grid.scss +2 -2
  135. package/dist/cjs/packages/grid/style/style.css +19 -13
  136. package/dist/cjs/packages/grid/style/style.harmony.css +6 -107
  137. package/dist/cjs/packages/griditem/griditem.js +12 -6
  138. package/dist/cjs/packages/griditem/style/griditem.scss +6 -4
  139. package/dist/cjs/packages/griditem/style/style.css +16 -10
  140. package/dist/cjs/packages/griditem/style/style.harmony.css +10 -4
  141. package/dist/cjs/packages/hoverbutton/hoverbutton.js +2 -1
  142. package/dist/cjs/packages/hoverbutton/style/style.css +40 -15
  143. package/dist/cjs/packages/hoverbutton/style/style.harmony.css +9 -5
  144. package/dist/cjs/packages/hoverbutton/utils.d.ts +1 -0
  145. package/dist/cjs/packages/hoverbutton/utils.js +11 -0
  146. package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js +16 -8
  147. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
  148. package/dist/cjs/packages/hoverbuttonitem/style/style.css +36 -11
  149. package/dist/cjs/packages/hoverbuttonitem/style/style.harmony.css +33 -8
  150. package/dist/cjs/packages/hoverbuttonitem/utils.d.ts +2 -0
  151. package/dist/cjs/packages/hoverbuttonitem/utils.js +18 -0
  152. package/dist/cjs/packages/image/image.js +5 -5
  153. package/dist/cjs/packages/image/style/style.css +6 -2
  154. package/dist/cjs/packages/image/style/style.harmony.css +9 -5
  155. package/dist/cjs/packages/imagepreview/imagepreview.js +8 -7
  156. package/dist/cjs/packages/imagepreview/style/imagepreview.scss +11 -0
  157. package/dist/cjs/packages/imagepreview/style/style.css +153 -98
  158. package/dist/cjs/packages/imagepreview/style/style.harmony.css +15 -0
  159. package/dist/cjs/packages/indicator/indicator.d.ts +7 -2
  160. package/dist/cjs/packages/indicator/indicator.js +47 -12
  161. package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
  162. package/dist/cjs/packages/indicator/style/style.css +103 -22
  163. package/dist/cjs/packages/indicator/style/style.harmony.css +112 -15
  164. package/dist/cjs/packages/infiniteloading/infiniteloading.js +2 -2
  165. package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
  166. package/dist/cjs/packages/infiniteloading/style/style.css +8 -4
  167. package/dist/cjs/packages/infiniteloading/style/style.harmony.css +16 -3
  168. package/dist/cjs/packages/input/input.d.ts +1 -0
  169. package/dist/cjs/packages/input/input.js +10 -8
  170. package/dist/cjs/packages/input/style/input.scss +27 -12
  171. package/dist/cjs/packages/input/style/style.css +25 -11
  172. package/dist/cjs/packages/input/style/style.harmony.css +21 -7
  173. package/dist/cjs/packages/inputnumber/inputnumber.js +0 -1
  174. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
  175. package/dist/cjs/packages/inputnumber/style/style.css +26 -20
  176. package/dist/cjs/packages/inputnumber/style/style.harmony.css +20 -19
  177. package/dist/cjs/packages/layout/style/style.css +4 -0
  178. package/dist/cjs/packages/layout/style/style.harmony.css +4 -0
  179. package/dist/cjs/packages/loading/index.d.ts +1 -1
  180. package/dist/cjs/packages/loading/loading.d.ts +3 -10
  181. package/dist/cjs/packages/loading/loading.js +41 -12
  182. package/dist/cjs/packages/loading/style/loading.scss +7 -1
  183. package/dist/cjs/packages/loading/style/style.css +13 -3
  184. package/dist/cjs/packages/loading/style/style.harmony.css +13 -3
  185. package/dist/cjs/packages/loading/types.d.ts +13 -0
  186. package/dist/cjs/packages/loading/types.js +4 -0
  187. package/dist/cjs/packages/lottie/index.d.ts +4 -0
  188. package/dist/cjs/packages/lottie/index.js +22 -0
  189. package/dist/cjs/packages/lottie/mp.d.ts +3 -0
  190. package/dist/cjs/packages/lottie/mp.js +86 -0
  191. package/dist/cjs/packages/lottie/style/css.js +1 -0
  192. package/dist/cjs/packages/lottie/style/index.js +1 -0
  193. package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
  194. package/dist/cjs/packages/lottie/style/style.css +4 -0
  195. package/dist/cjs/packages/lottie/style/style.harmony.css +4 -0
  196. package/dist/cjs/packages/lottie/types.d.ts +11 -0
  197. package/dist/cjs/packages/lottie/types.js +6 -0
  198. package/dist/cjs/packages/lottie/web.d.ts +3 -0
  199. package/dist/cjs/packages/lottie/web.js +34 -0
  200. package/dist/cjs/packages/menu/style/style.css +18 -14
  201. package/dist/cjs/packages/menu/style/style.harmony.css +8 -3
  202. package/dist/cjs/packages/menuitem/style/style.css +14 -10
  203. package/dist/cjs/packages/menuitem/style/style.harmony.css +8 -3
  204. package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
  205. package/dist/cjs/packages/navbar/navbar.js +20 -123
  206. package/dist/cjs/packages/navbar/style/navbar.scss +48 -111
  207. package/dist/cjs/packages/navbar/style/style.css +50 -105
  208. package/dist/cjs/packages/navbar/style/style.harmony.css +47 -105
  209. package/dist/cjs/packages/noticebar/style/style.css +4 -0
  210. package/dist/cjs/packages/noticebar/style/style.harmony.css +8 -0
  211. package/dist/cjs/packages/notify/style/style.css +8 -4
  212. package/dist/cjs/packages/notify/style/style.harmony.css +7 -3
  213. package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +8 -7
  214. package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  215. package/dist/cjs/packages/numberkeyboard/style/style.css +62 -83
  216. package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +24 -8
  217. package/dist/cjs/packages/nutui.react.build.d.ts +9 -1
  218. package/dist/cjs/packages/nutui.react.build.js +174 -158
  219. package/dist/cjs/packages/nutui.react.d.ts +13 -1
  220. package/dist/cjs/packages/nutui.react.js +178 -158
  221. package/dist/cjs/packages/nutui.react.scss.d.ts +4 -0
  222. package/dist/cjs/packages/nutui.react.scss.js +4 -0
  223. package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
  224. package/dist/cjs/packages/overlay/style/style.css +11 -7
  225. package/dist/cjs/packages/overlay/style/style.harmony.css +15 -9
  226. package/dist/cjs/packages/pagination/pagination.js +5 -2
  227. package/dist/cjs/packages/pagination/style/pagination.scss +6 -12
  228. package/dist/cjs/packages/pagination/style/style.css +20 -22
  229. package/dist/cjs/packages/pagination/style/style.harmony.css +13 -21
  230. package/dist/cjs/packages/picker/picker.js +2 -2
  231. package/dist/cjs/packages/picker/style/style.css +52 -85
  232. package/dist/cjs/packages/picker/style/style.harmony.css +16 -12
  233. package/dist/cjs/packages/popover/popover.js +17 -23
  234. package/dist/cjs/packages/popover/style/popover.scss +47 -65
  235. package/dist/cjs/packages/popover/style/style.css +93 -136
  236. package/dist/cjs/packages/popover/style/style.harmony.css +65 -95
  237. package/dist/cjs/packages/popup/popup.js +24 -23
  238. package/dist/cjs/packages/popup/style/popup.scss +24 -59
  239. package/dist/cjs/packages/popup/style/style.css +41 -74
  240. package/dist/cjs/packages/popup/style/style.harmony.css +32 -139
  241. package/dist/cjs/packages/price/index.d.ts +1 -1
  242. package/dist/cjs/packages/price/price.d.ts +1 -10
  243. package/dist/cjs/packages/price/price.js +20 -14
  244. package/dist/cjs/packages/price/style/price.scss +49 -9
  245. package/dist/cjs/packages/price/style/style.css +39 -16
  246. package/dist/cjs/packages/price/style/style.harmony.css +60 -17
  247. package/dist/cjs/packages/price/types.d.ts +13 -0
  248. package/dist/cjs/packages/price/types.js +4 -0
  249. package/dist/cjs/packages/progress/progress.js +3 -4
  250. package/dist/cjs/packages/progress/style/progress.scss +2 -2
  251. package/dist/cjs/packages/progress/style/style.css +9 -4
  252. package/dist/cjs/packages/progress/style/style.harmony.css +8 -3
  253. package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +3 -2
  254. package/dist/cjs/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
  255. package/dist/cjs/packages/pulltorefresh/style/style.css +6 -2
  256. package/dist/cjs/packages/pulltorefresh/style/style.harmony.css +5 -1
  257. package/dist/cjs/packages/radio/index.d.ts +8 -2
  258. package/dist/cjs/packages/radio/index.js +6 -1
  259. package/dist/cjs/packages/radio/radio.d.ts +2 -5
  260. package/dist/cjs/packages/radio/radio.js +2 -4
  261. package/dist/cjs/packages/radio/style/radio.scss +4 -0
  262. package/dist/cjs/packages/radio/style/style.css +26 -19
  263. package/dist/cjs/packages/radio/style/style.harmony.css +20 -13
  264. package/dist/cjs/packages/radiogroup/radiogroup.d.ts +2 -1
  265. package/dist/cjs/packages/radiogroup/radiogroup.js +3 -2
  266. package/dist/cjs/packages/radiogroup/style/style.css +10 -6
  267. package/dist/cjs/packages/radiogroup/style/style.harmony.css +11 -8
  268. package/dist/cjs/packages/range/style/style.css +14 -10
  269. package/dist/cjs/packages/range/style/style.harmony.css +6 -0
  270. package/dist/cjs/packages/rate/index.d.ts +1 -1
  271. package/dist/cjs/packages/rate/rate.d.ts +2 -16
  272. package/dist/cjs/packages/rate/rate.js +7 -3
  273. package/dist/cjs/packages/rate/style/rate.scss +101 -10
  274. package/dist/cjs/packages/rate/style/style.css +89 -9
  275. package/dist/cjs/packages/rate/style/style.harmony.css +101 -13
  276. package/dist/cjs/packages/rate/types.d.ts +18 -0
  277. package/dist/cjs/packages/rate/types.js +4 -0
  278. package/dist/cjs/packages/resultpage/resultpage.js +20 -13
  279. package/dist/cjs/packages/resultpage/style/resultpage.scss +5 -3
  280. package/dist/cjs/packages/resultpage/style/style.css +16 -10
  281. package/dist/cjs/packages/resultpage/style/style.harmony.css +15 -12
  282. package/dist/cjs/packages/resultpage/types.d.ts +1 -1
  283. package/dist/cjs/packages/row/style/style.css +4 -0
  284. package/dist/cjs/packages/row/style/style.harmony.css +4 -0
  285. package/dist/cjs/packages/safearea/style/safearea.scss +1 -1
  286. package/dist/cjs/packages/safearea/style/style.css +5 -1
  287. package/dist/cjs/packages/safearea/style/style.harmony.css +5 -1
  288. package/dist/cjs/packages/searchbar/searchbar.d.ts +1 -1
  289. package/dist/cjs/packages/searchbar/searchbar.js +33 -35
  290. package/dist/cjs/packages/searchbar/style/searchbar.scss +10 -7
  291. package/dist/cjs/packages/searchbar/style/style.css +20 -13
  292. package/dist/cjs/packages/searchbar/style/style.harmony.css +29 -12
  293. package/dist/cjs/packages/segmented/index.d.ts +3 -0
  294. package/dist/cjs/packages/segmented/index.js +12 -0
  295. package/dist/cjs/packages/segmented/segmented.d.ts +3 -0
  296. package/dist/cjs/packages/segmented/segmented.js +76 -0
  297. package/dist/cjs/packages/segmented/style/css.js +1 -0
  298. package/dist/cjs/packages/segmented/style/index.js +1 -0
  299. package/dist/cjs/packages/segmented/style/segmented.scss +38 -0
  300. package/dist/cjs/packages/segmented/style/style.css +42 -0
  301. package/dist/cjs/packages/segmented/style/style.harmony.css +42 -0
  302. package/dist/cjs/packages/segmented/types.d.ts +15 -0
  303. package/dist/cjs/packages/segmented/types.js +4 -0
  304. package/dist/cjs/packages/shortpassword/style/style.css +52 -85
  305. package/dist/cjs/packages/shortpassword/style/style.harmony.css +15 -11
  306. package/dist/cjs/packages/sidebar/index.d.ts +3 -0
  307. package/dist/cjs/packages/sidebar/index.js +12 -0
  308. package/dist/cjs/packages/sidebar/sidebar.d.ts +6 -0
  309. package/dist/cjs/packages/sidebar/sidebar.js +206 -0
  310. package/dist/cjs/packages/sidebar/style/css.js +1 -0
  311. package/dist/cjs/packages/sidebar/style/index.js +3 -0
  312. package/dist/cjs/packages/sidebar/style/sidebar.scss +61 -0
  313. package/dist/cjs/packages/sidebar/style/style.css +79 -0
  314. package/dist/cjs/packages/sidebar/style/style.harmony.css +63 -0
  315. package/dist/cjs/packages/sidebar/types.d.ts +16 -0
  316. package/dist/cjs/packages/sidebar/types.js +4 -0
  317. package/dist/cjs/packages/sidebar/utils.d.ts +3 -0
  318. package/dist/cjs/packages/sidebar/utils.js +23 -0
  319. package/dist/cjs/packages/sidebaritem/index.d.ts +3 -0
  320. package/dist/cjs/packages/sidebaritem/index.js +12 -0
  321. package/dist/cjs/packages/sidebaritem/sidebaritem.d.ts +9 -0
  322. package/dist/cjs/packages/sidebaritem/sidebaritem.js +30 -0
  323. package/dist/cjs/packages/sidebaritem/style/css.js +1 -0
  324. package/dist/cjs/packages/sidebaritem/style/index.js +1 -0
  325. package/dist/cjs/packages/sidebaritem/style/sidebaritem.scss +16 -0
  326. package/dist/cjs/packages/sidebaritem/style/style.css +19 -0
  327. package/dist/cjs/packages/sidebaritem/style/style.harmony.css +19 -0
  328. package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
  329. package/dist/cjs/packages/sidenavbar/sidenavbar.js +3 -0
  330. package/dist/cjs/packages/sidenavbar/style/style.css +45 -78
  331. package/dist/cjs/packages/sidenavbar/style/style.harmony.css +8 -4
  332. package/dist/cjs/packages/sidenavbaritem/style/style.css +6 -2
  333. package/dist/cjs/packages/sidenavbaritem/style/style.harmony.css +4 -0
  334. package/dist/cjs/packages/signature/style/style.css +6 -2
  335. package/dist/cjs/packages/signature/style/style.harmony.css +4 -0
  336. package/dist/cjs/packages/skeleton/style/style.css +14 -48
  337. package/dist/cjs/packages/skeleton/style/style.harmony.css +7 -174
  338. package/dist/cjs/packages/space/style/style.css +4 -0
  339. package/dist/cjs/packages/space/style/style.harmony.css +4 -0
  340. package/dist/cjs/packages/step/style/style.css +26 -22
  341. package/dist/cjs/packages/step/style/style.harmony.css +21 -17
  342. package/dist/cjs/packages/steps/style/style.css +26 -22
  343. package/dist/cjs/packages/steps/style/style.harmony.css +4 -0
  344. package/dist/cjs/packages/sticky/style/style.css +4 -0
  345. package/dist/cjs/packages/sticky/style/style.harmony.css +4 -0
  346. package/dist/cjs/packages/subsidenavbar/style/style.css +6 -2
  347. package/dist/cjs/packages/subsidenavbar/style/style.harmony.css +6 -2
  348. package/dist/cjs/packages/swipe/style/style.css +4 -0
  349. package/dist/cjs/packages/swipe/style/style.harmony.css +4 -0
  350. package/dist/cjs/packages/swiper/style/style.css +103 -22
  351. package/dist/cjs/packages/swiper/style/style.harmony.css +4 -65
  352. package/dist/cjs/packages/swiperitem/style/style.css +4 -0
  353. package/dist/cjs/packages/swiperitem/style/style.harmony.css +4 -0
  354. package/dist/cjs/packages/switch/style/style.css +52 -32
  355. package/dist/cjs/packages/switch/style/style.harmony.css +47 -27
  356. package/dist/cjs/packages/switch/style/switch.scss +45 -29
  357. package/dist/cjs/packages/switch/switch.d.ts +2 -2
  358. package/dist/cjs/packages/switch/switch.js +3 -11
  359. package/dist/cjs/packages/tabbar/style/style.css +88 -47
  360. package/dist/cjs/packages/tabbar/style/style.harmony.css +4 -0
  361. package/dist/cjs/packages/tabbaritem/style/style.css +87 -46
  362. package/dist/cjs/packages/tabbaritem/style/style.harmony.css +22 -6
  363. package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +15 -3
  364. package/dist/cjs/packages/tabbaritem/tabbaritem.js +11 -4
  365. package/dist/cjs/packages/table/style/style.css +15 -11
  366. package/dist/cjs/packages/table/style/style.harmony.css +11 -5
  367. package/dist/cjs/packages/table/table.js +3 -3
  368. package/dist/cjs/packages/tabpane/style/style.css +5 -1
  369. package/dist/cjs/packages/tabpane/style/style.harmony.css +6 -2
  370. package/dist/cjs/packages/tabs/style/style.css +66 -99
  371. package/dist/cjs/packages/tabs/style/style.harmony.css +85 -118
  372. package/dist/cjs/packages/tabs/style/tabs.scss +69 -107
  373. package/dist/cjs/packages/tabs/tabs.js +2 -4
  374. package/dist/cjs/packages/tag/style/style.css +10 -5
  375. package/dist/cjs/packages/tag/style/style.harmony.css +5 -0
  376. package/dist/cjs/packages/tag/style/tag.scss +1 -0
  377. package/dist/cjs/packages/tag/tag.d.ts +1 -1
  378. package/dist/cjs/packages/tag/tag.js +5 -11
  379. package/dist/cjs/packages/textarea/style/style.css +34 -19
  380. package/dist/cjs/packages/textarea/style/style.harmony.css +24 -9
  381. package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
  382. package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
  383. package/dist/cjs/packages/textarea/textarea.js +12 -10
  384. package/dist/cjs/packages/timedetail/style/style.css +10 -4
  385. package/dist/cjs/packages/timedetail/style/style.harmony.css +11 -5
  386. package/dist/cjs/packages/timedetail/style/timedetail.scss +2 -0
  387. package/dist/cjs/packages/timeselect/style/style.css +52 -83
  388. package/dist/cjs/packages/timeselect/style/style.harmony.css +7 -3
  389. package/dist/cjs/packages/timeselect/timeselect.js +3 -6
  390. package/dist/cjs/packages/toast/style/index.js +1 -0
  391. package/dist/cjs/packages/toast/style/style.css +131 -38
  392. package/dist/cjs/packages/toast/style/style.harmony.css +66 -70
  393. package/dist/cjs/packages/toast/style/toast.scss +76 -54
  394. package/dist/cjs/packages/toast/toast.d.ts +6 -11
  395. package/dist/cjs/packages/toast/toast.js +28 -37
  396. package/dist/cjs/packages/tour/style/style.css +97 -140
  397. package/dist/cjs/packages/tour/style/style.harmony.css +6 -2
  398. package/dist/cjs/packages/tour/tour.js +2 -2
  399. package/dist/cjs/packages/trendarrow/style/style.css +7 -2
  400. package/dist/cjs/packages/trendarrow/style/style.harmony.css +7 -2
  401. package/dist/cjs/packages/trendarrow/style/trendarrow.scss +2 -1
  402. package/dist/cjs/packages/trendarrow/trendarrow.js +6 -4
  403. package/dist/cjs/packages/uploader/index.d.ts +1 -1
  404. package/dist/cjs/packages/uploader/preview.js +24 -23
  405. package/dist/cjs/packages/uploader/style/style.css +20 -15
  406. package/dist/cjs/packages/uploader/style/style.harmony.css +19 -13
  407. package/dist/cjs/packages/uploader/types.d.ts +17 -0
  408. package/dist/cjs/packages/uploader/types.js +4 -0
  409. package/dist/cjs/packages/uploader/uploader.d.ts +5 -27
  410. package/dist/cjs/packages/uploader/uploader.js +266 -218
  411. package/dist/cjs/packages/video/style/style.css +4 -0
  412. package/dist/cjs/packages/video/style/style.harmony.css +4 -0
  413. package/dist/cjs/packages/video/video.js +3 -3
  414. package/dist/cjs/packages/virtuallist/style/style.css +8 -4
  415. package/dist/cjs/packages/virtuallist/style/style.harmony.css +6 -14
  416. package/dist/cjs/packages/watermark/style/style.css +4 -0
  417. package/dist/cjs/packages/watermark/style/style.harmony.css +4 -0
  418. package/dist/cjs/utils/add-color-for-harmony.d.ts +9 -0
  419. package/dist/cjs/utils/add-color-for-harmony.js +27 -0
  420. package/dist/cjs/utils/platform-taro.d.ts +1 -0
  421. package/dist/cjs/utils/platform-taro.js +8 -0
  422. package/dist/es/packages/actionsheet/actionsheet.d.ts +7 -35
  423. package/dist/es/packages/actionsheet/actionsheet.js +6 -3
  424. package/dist/es/packages/actionsheet/style/actionsheet.scss +10 -4
  425. package/dist/es/packages/actionsheet/style/style.css +58 -84
  426. package/dist/es/packages/actionsheet/style/style.harmony.css +36 -16
  427. package/dist/es/packages/address/address.js +1 -1
  428. package/dist/es/packages/address/existRender.js +1 -1
  429. package/dist/es/packages/address/style/style.css +126 -193
  430. package/dist/es/packages/address/style/style.harmony.css +7 -3
  431. package/dist/es/packages/animate/style/animate.scss +0 -3
  432. package/dist/es/packages/animate/style/style.css +4 -3
  433. package/dist/es/packages/animate/style/style.harmony.css +4 -3
  434. package/dist/es/packages/animatingnumbers/countup.js +39 -36
  435. package/dist/es/packages/animatingnumbers/style/style.css +16 -6
  436. package/dist/es/packages/animatingnumbers/style/style.harmony.css +4 -0
  437. package/dist/es/packages/audio/audio.d.ts +10 -30
  438. package/dist/es/packages/audio/audio.js +1 -1
  439. package/dist/es/packages/audio/style/style.css +123 -97
  440. package/dist/es/packages/audio/style/style.harmony.css +7 -3
  441. package/dist/es/packages/avatar/avatar.js +19 -14
  442. package/dist/es/packages/avatar/style/avatar.scss +7 -60
  443. package/dist/es/packages/avatar/style/style.css +11 -45
  444. package/dist/es/packages/avatar/style/style.harmony.css +8 -114
  445. package/dist/es/packages/avatarcropper/avatarcropper.js +1 -1
  446. package/dist/es/packages/avatarcropper/style/style.css +4 -0
  447. package/dist/es/packages/avatarcropper/style/style.harmony.css +4 -0
  448. package/dist/es/packages/avatargroup/style/style.css +4 -0
  449. package/dist/es/packages/avatargroup/style/style.harmony.css +4 -0
  450. package/dist/es/packages/backtop/backtop.d.ts +3 -4
  451. package/dist/es/packages/backtop/backtop.js +18 -36
  452. package/dist/es/packages/backtop/style/backtop.scss +8 -17
  453. package/dist/es/packages/backtop/style/index.js +2 -0
  454. package/dist/es/packages/backtop/style/style.css +141 -14
  455. package/dist/es/packages/backtop/style/style.harmony.css +12 -17
  456. package/dist/es/packages/badge/badge.d.ts +2 -40
  457. package/dist/es/packages/badge/badge.js +45 -29
  458. package/dist/es/packages/badge/index.d.ts +1 -1
  459. package/dist/es/packages/badge/style/badge.scss +62 -41
  460. package/dist/es/packages/badge/style/style.css +70 -41
  461. package/dist/es/packages/badge/style/style.harmony.css +83 -37
  462. package/dist/es/packages/badge/types.d.ts +12 -0
  463. package/dist/es/packages/badge/types.js +1 -0
  464. package/dist/es/packages/barrage/style/style.css +6 -2
  465. package/dist/es/packages/barrage/style/style.harmony.css +9 -5
  466. package/dist/es/packages/button/button.js +1 -1
  467. package/dist/es/packages/button/style/button.scss +48 -23
  468. package/dist/es/packages/button/style/style.css +110 -84
  469. package/dist/es/packages/button/style/style.harmony.css +76 -50
  470. package/dist/es/packages/calendar/calendar.js +1 -1
  471. package/dist/es/packages/calendar/style/style.css +56 -89
  472. package/dist/es/packages/calendar/style/style.harmony.css +18 -14
  473. package/dist/es/packages/calendarcard/calendarcard.d.ts +13 -65
  474. package/dist/es/packages/calendarcard/calendarcard.js +10 -5
  475. package/dist/es/packages/calendarcard/icon.js +15 -3
  476. package/dist/es/packages/calendarcard/style/calendarcard.scss +25 -4
  477. package/dist/es/packages/calendarcard/style/style.css +40 -11
  478. package/dist/es/packages/calendarcard/style/style.harmony.css +66 -31
  479. package/dist/es/packages/calendaritem/calendaritem.js +1 -1
  480. package/dist/es/packages/calendaritem/style/style.css +4 -0
  481. package/dist/es/packages/calendaritem/style/style.harmony.css +4 -0
  482. package/dist/es/packages/card/card.d.ts +11 -55
  483. package/dist/es/packages/card/card.js +3 -3
  484. package/dist/es/packages/card/style/card.scss +3 -18
  485. package/dist/es/packages/card/style/style.css +50 -36
  486. package/dist/es/packages/card/style/style.harmony.css +9 -15
  487. package/dist/es/packages/cascader/cascader.js +3 -6
  488. package/dist/es/packages/cascader/style/style.css +108 -178
  489. package/dist/es/packages/cascader/style/style.harmony.css +6 -2
  490. package/dist/es/packages/cell/cell.d.ts +5 -11
  491. package/dist/es/packages/cell/index.d.ts +1 -1
  492. package/dist/es/packages/cell/style/style.css +14 -10
  493. package/dist/es/packages/cell/style/style.harmony.css +8 -32
  494. package/dist/es/packages/cell/types.d.ts +12 -0
  495. package/dist/es/packages/cell/types.js +1 -0
  496. package/dist/es/packages/cellgroup/style/style.css +7 -3
  497. package/dist/es/packages/cellgroup/style/style.harmony.css +4 -0
  498. package/dist/es/packages/checkbox/checkbox.d.ts +2 -5
  499. package/dist/es/packages/checkbox/checkbox.js +2 -4
  500. package/dist/es/packages/checkbox/index.d.ts +7 -2
  501. package/dist/es/packages/checkbox/index.js +4 -1
  502. package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
  503. package/dist/es/packages/checkbox/style/style.css +48 -29
  504. package/dist/es/packages/checkbox/style/style.harmony.css +31 -22
  505. package/dist/es/packages/checkboxgroup/checkboxgroup.d.ts +10 -50
  506. package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  507. package/dist/es/packages/checkboxgroup/style/style.css +21 -7
  508. package/dist/es/packages/checkboxgroup/style/style.harmony.css +19 -5
  509. package/dist/es/packages/circleprogress/circleprogress.d.ts +1 -1
  510. package/dist/es/packages/circleprogress/style/style.css +7 -3
  511. package/dist/es/packages/circleprogress/style/style.harmony.css +7 -3
  512. package/dist/es/packages/col/style/style.css +4 -0
  513. package/dist/es/packages/col/style/style.harmony.css +76 -72
  514. package/dist/es/packages/collapse/style/style.css +15 -11
  515. package/dist/es/packages/collapse/style/style.harmony.css +4 -0
  516. package/dist/es/packages/collapseitem/style/style.css +15 -11
  517. package/dist/es/packages/collapseitem/style/style.harmony.css +8 -4
  518. package/dist/es/packages/configprovider/style/style.css +4 -0
  519. package/dist/es/packages/configprovider/style/style.harmony.css +4 -0
  520. package/dist/es/packages/configprovider/types.d.ts +1 -1
  521. package/dist/es/packages/countdown/countdown.d.ts +2 -27
  522. package/dist/es/packages/countdown/countdown.js +7 -4
  523. package/dist/es/packages/countdown/index.d.ts +1 -1
  524. package/dist/es/packages/countdown/style/countdown.scss +29 -4
  525. package/dist/es/packages/countdown/style/style.css +44 -17
  526. package/dist/es/packages/countdown/style/style.harmony.css +73 -17
  527. package/dist/es/packages/countdown/types.d.ts +26 -0
  528. package/dist/es/packages/countdown/types.js +1 -0
  529. package/dist/es/packages/countup/style/countup.scss +11 -5
  530. package/dist/es/packages/countup/style/style.css +16 -6
  531. package/dist/es/packages/datepicker/style/style.css +52 -85
  532. package/dist/es/packages/datepicker/style/style.harmony.css +4 -0
  533. package/dist/es/packages/dialog/dialog.js +15 -6
  534. package/dist/es/packages/dialog/style/dialog.scss +37 -21
  535. package/dist/es/packages/dialog/style/style.css +152 -112
  536. package/dist/es/packages/dialog/style/style.harmony.css +41 -18
  537. package/dist/es/packages/divider/style/style.css +8 -4
  538. package/dist/es/packages/divider/style/style.harmony.css +5 -0
  539. package/dist/es/packages/drag/drag.d.ts +6 -30
  540. package/dist/es/packages/drag/style/style.css +4 -0
  541. package/dist/es/packages/drag/style/style.harmony.css +11 -3
  542. package/dist/es/packages/elevator/elevator.d.ts +9 -45
  543. package/dist/es/packages/elevator/elevator.js +30 -21
  544. package/dist/es/packages/elevator/style/elevator.scss +7 -4
  545. package/dist/es/packages/elevator/style/style.css +18 -11
  546. package/dist/es/packages/elevator/style/style.harmony.css +19 -12
  547. package/dist/es/packages/ellipsis/ellipsis.d.ts +1 -1
  548. package/dist/es/packages/ellipsis/style/style.css +4 -0
  549. package/dist/es/packages/ellipsis/style/style.harmony.css +6 -2
  550. package/dist/es/packages/empty/empty.js +1 -1
  551. package/dist/es/packages/empty/style/empty.scss +9 -5
  552. package/dist/es/packages/empty/style/style.css +18 -9
  553. package/dist/es/packages/empty/style/style.harmony.css +17 -8
  554. package/dist/es/packages/fixednav/fixednav.js +1 -1
  555. package/dist/es/packages/fixednav/style/style.css +13 -9
  556. package/dist/es/packages/fixednav/style/style.harmony.css +9 -5
  557. package/dist/es/packages/form/form.d.ts +1 -1
  558. package/dist/es/packages/form/style/style.css +23 -17
  559. package/dist/es/packages/form/style/style.harmony.css +8 -5
  560. package/dist/es/packages/formitem/style/formitem.scss +2 -0
  561. package/dist/es/packages/formitem/style/style.css +10 -4
  562. package/dist/es/packages/formitem/style/style.harmony.css +40 -10
  563. package/dist/es/packages/grid/grid.js +2 -6
  564. package/dist/es/packages/grid/style/grid.scss +2 -2
  565. package/dist/es/packages/grid/style/style.css +19 -13
  566. package/dist/es/packages/grid/style/style.harmony.css +6 -107
  567. package/dist/es/packages/griditem/griditem.js +12 -6
  568. package/dist/es/packages/griditem/style/griditem.scss +6 -4
  569. package/dist/es/packages/griditem/style/style.css +16 -10
  570. package/dist/es/packages/griditem/style/style.harmony.css +10 -4
  571. package/dist/es/packages/hoverbutton/hoverbutton.js +2 -1
  572. package/dist/es/packages/hoverbutton/style/style.css +40 -15
  573. package/dist/es/packages/hoverbutton/style/style.harmony.css +9 -5
  574. package/dist/es/packages/hoverbutton/utils.d.ts +1 -0
  575. package/dist/es/packages/hoverbutton/utils.js +1 -0
  576. package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +17 -9
  577. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
  578. package/dist/es/packages/hoverbuttonitem/style/style.css +36 -11
  579. package/dist/es/packages/hoverbuttonitem/style/style.harmony.css +33 -8
  580. package/dist/es/packages/hoverbuttonitem/utils.d.ts +2 -0
  581. package/dist/es/packages/hoverbuttonitem/utils.js +7 -0
  582. package/dist/es/packages/image/image.js +5 -5
  583. package/dist/es/packages/image/style/style.css +6 -2
  584. package/dist/es/packages/image/style/style.harmony.css +9 -5
  585. package/dist/es/packages/imagepreview/imagepreview.d.ts +15 -75
  586. package/dist/es/packages/imagepreview/imagepreview.js +4 -3
  587. package/dist/es/packages/imagepreview/style/imagepreview.scss +11 -0
  588. package/dist/es/packages/imagepreview/style/style.css +153 -98
  589. package/dist/es/packages/imagepreview/style/style.harmony.css +15 -0
  590. package/dist/es/packages/indicator/indicator.d.ts +7 -2
  591. package/dist/es/packages/indicator/indicator.js +47 -12
  592. package/dist/es/packages/indicator/style/indicator.scss +127 -14
  593. package/dist/es/packages/indicator/style/style.css +103 -22
  594. package/dist/es/packages/indicator/style/style.harmony.css +112 -15
  595. package/dist/es/packages/infiniteloading/infiniteloading.js +1 -1
  596. package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
  597. package/dist/es/packages/infiniteloading/style/style.css +8 -4
  598. package/dist/es/packages/infiniteloading/style/style.harmony.css +16 -3
  599. package/dist/es/packages/input/input.d.ts +1 -0
  600. package/dist/es/packages/input/input.js +10 -8
  601. package/dist/es/packages/input/style/input.scss +27 -12
  602. package/dist/es/packages/input/style/style.css +25 -11
  603. package/dist/es/packages/input/style/style.harmony.css +21 -7
  604. package/dist/es/packages/inputnumber/inputnumber.js +1 -2
  605. package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
  606. package/dist/es/packages/inputnumber/style/style.css +26 -20
  607. package/dist/es/packages/inputnumber/style/style.harmony.css +20 -19
  608. package/dist/es/packages/layout/style/style.css +4 -0
  609. package/dist/es/packages/layout/style/style.harmony.css +4 -0
  610. package/dist/es/packages/loading/index.d.ts +1 -1
  611. package/dist/es/packages/loading/loading.d.ts +3 -22
  612. package/dist/es/packages/loading/loading.js +40 -12
  613. package/dist/es/packages/loading/style/loading.scss +7 -1
  614. package/dist/es/packages/loading/style/style.css +13 -3
  615. package/dist/es/packages/loading/style/style.harmony.css +13 -3
  616. package/dist/es/packages/loading/types.d.ts +13 -0
  617. package/dist/es/packages/loading/types.js +1 -0
  618. package/dist/es/packages/lottie/index.d.ts +4 -0
  619. package/dist/es/packages/lottie/index.js +12 -0
  620. package/dist/es/packages/lottie/mp.d.ts +3 -0
  621. package/dist/es/packages/lottie/mp.js +74 -0
  622. package/dist/es/packages/lottie/style/css.js +1 -0
  623. package/dist/es/packages/lottie/style/index.js +1 -0
  624. package/dist/es/packages/lottie/style/lottie.scss +0 -0
  625. package/dist/es/packages/lottie/style/style.css +4 -0
  626. package/dist/es/packages/lottie/style/style.harmony.css +4 -0
  627. package/dist/es/packages/lottie/types.d.ts +11 -0
  628. package/dist/es/packages/lottie/types.js +1 -0
  629. package/dist/es/packages/lottie/web.d.ts +3 -0
  630. package/dist/es/packages/lottie/web.js +22 -0
  631. package/dist/es/packages/menu/style/style.css +18 -14
  632. package/dist/es/packages/menu/style/style.harmony.css +8 -3
  633. package/dist/es/packages/menuitem/style/style.css +14 -10
  634. package/dist/es/packages/menuitem/style/style.harmony.css +8 -3
  635. package/dist/es/packages/navbar/navbar.d.ts +1 -1
  636. package/dist/es/packages/navbar/navbar.js +19 -121
  637. package/dist/es/packages/navbar/style/navbar.scss +48 -111
  638. package/dist/es/packages/navbar/style/style.css +50 -105
  639. package/dist/es/packages/navbar/style/style.harmony.css +47 -105
  640. package/dist/es/packages/noticebar/noticebar.d.ts +1 -1
  641. package/dist/es/packages/noticebar/style/style.css +4 -0
  642. package/dist/es/packages/noticebar/style/style.harmony.css +8 -0
  643. package/dist/es/packages/notify/style/style.css +8 -4
  644. package/dist/es/packages/notify/style/style.harmony.css +7 -3
  645. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
  646. package/dist/es/packages/numberkeyboard/numberkeyboard.js +7 -6
  647. package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  648. package/dist/es/packages/numberkeyboard/style/style.css +62 -83
  649. package/dist/es/packages/numberkeyboard/style/style.harmony.css +24 -8
  650. package/dist/es/packages/nutui.react.build.d.ts +9 -1
  651. package/dist/es/packages/nutui.react.build.js +9 -1
  652. package/dist/es/packages/overlay/style/overlay.scss +6 -6
  653. package/dist/es/packages/overlay/style/style.css +11 -7
  654. package/dist/es/packages/overlay/style/style.harmony.css +15 -9
  655. package/dist/es/packages/pagination/pagination.js +5 -2
  656. package/dist/es/packages/pagination/style/pagination.scss +6 -12
  657. package/dist/es/packages/pagination/style/style.css +20 -22
  658. package/dist/es/packages/pagination/style/style.harmony.css +13 -21
  659. package/dist/es/packages/picker/picker.js +1 -1
  660. package/dist/es/packages/picker/style/style.css +52 -85
  661. package/dist/es/packages/picker/style/style.harmony.css +16 -12
  662. package/dist/es/packages/popover/popover.d.ts +12 -60
  663. package/dist/es/packages/popover/popover.js +17 -23
  664. package/dist/es/packages/popover/style/popover.scss +47 -65
  665. package/dist/es/packages/popover/style/style.css +93 -136
  666. package/dist/es/packages/popover/style/style.harmony.css +65 -95
  667. package/dist/es/packages/popup/popup.js +24 -23
  668. package/dist/es/packages/popup/style/popup.scss +24 -59
  669. package/dist/es/packages/popup/style/style.css +41 -74
  670. package/dist/es/packages/popup/style/style.harmony.css +32 -139
  671. package/dist/es/packages/price/index.d.ts +1 -1
  672. package/dist/es/packages/price/price.d.ts +1 -10
  673. package/dist/es/packages/price/price.js +21 -15
  674. package/dist/es/packages/price/style/price.scss +49 -9
  675. package/dist/es/packages/price/style/style.css +39 -16
  676. package/dist/es/packages/price/style/style.harmony.css +60 -17
  677. package/dist/es/packages/price/types.d.ts +13 -0
  678. package/dist/es/packages/price/types.js +1 -0
  679. package/dist/es/packages/progress/progress.js +3 -4
  680. package/dist/es/packages/progress/style/progress.scss +2 -2
  681. package/dist/es/packages/progress/style/style.css +9 -4
  682. package/dist/es/packages/progress/style/style.harmony.css +8 -3
  683. package/dist/es/packages/pulltorefresh/pulltorefresh.js +4 -3
  684. package/dist/es/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
  685. package/dist/es/packages/pulltorefresh/style/style.css +6 -2
  686. package/dist/es/packages/pulltorefresh/style/style.harmony.css +5 -1
  687. package/dist/es/packages/radio/index.d.ts +8 -2
  688. package/dist/es/packages/radio/index.js +5 -1
  689. package/dist/es/packages/radio/radio.d.ts +11 -50
  690. package/dist/es/packages/radio/radio.js +3 -5
  691. package/dist/es/packages/radio/style/radio.scss +4 -0
  692. package/dist/es/packages/radio/style/style.css +26 -19
  693. package/dist/es/packages/radio/style/style.harmony.css +20 -13
  694. package/dist/es/packages/radiogroup/radiogroup.d.ts +9 -36
  695. package/dist/es/packages/radiogroup/radiogroup.js +3 -2
  696. package/dist/es/packages/radiogroup/style/style.css +10 -6
  697. package/dist/es/packages/radiogroup/style/style.harmony.css +11 -8
  698. package/dist/es/packages/range/style/style.css +14 -10
  699. package/dist/es/packages/range/style/style.harmony.css +6 -0
  700. package/dist/es/packages/rate/index.d.ts +1 -1
  701. package/dist/es/packages/rate/rate.d.ts +2 -16
  702. package/dist/es/packages/rate/rate.js +8 -4
  703. package/dist/es/packages/rate/style/rate.scss +101 -10
  704. package/dist/es/packages/rate/style/style.css +89 -9
  705. package/dist/es/packages/rate/style/style.harmony.css +101 -13
  706. package/dist/es/packages/rate/types.d.ts +18 -0
  707. package/dist/es/packages/rate/types.js +1 -0
  708. package/dist/es/packages/resultpage/resultpage.js +21 -13
  709. package/dist/es/packages/resultpage/style/resultpage.scss +5 -3
  710. package/dist/es/packages/resultpage/style/style.css +16 -10
  711. package/dist/es/packages/resultpage/style/style.harmony.css +15 -12
  712. package/dist/es/packages/resultpage/types.d.ts +1 -1
  713. package/dist/es/packages/row/style/style.css +4 -0
  714. package/dist/es/packages/row/style/style.harmony.css +4 -0
  715. package/dist/es/packages/safearea/safearea.d.ts +1 -5
  716. package/dist/es/packages/safearea/style/safearea.scss +1 -1
  717. package/dist/es/packages/safearea/style/style.css +5 -1
  718. package/dist/es/packages/safearea/style/style.harmony.css +5 -1
  719. package/dist/es/packages/searchbar/searchbar.d.ts +19 -95
  720. package/dist/es/packages/searchbar/searchbar.js +33 -35
  721. package/dist/es/packages/searchbar/style/searchbar.scss +10 -7
  722. package/dist/es/packages/searchbar/style/style.css +20 -13
  723. package/dist/es/packages/searchbar/style/style.harmony.css +29 -12
  724. package/dist/es/packages/segmented/index.d.ts +3 -0
  725. package/dist/es/packages/segmented/index.js +2 -0
  726. package/dist/es/packages/segmented/segmented.d.ts +3 -0
  727. package/dist/es/packages/segmented/segmented.js +64 -0
  728. package/dist/es/packages/segmented/style/css.js +1 -0
  729. package/dist/es/packages/segmented/style/index.js +1 -0
  730. package/dist/es/packages/segmented/style/segmented.scss +38 -0
  731. package/dist/es/packages/segmented/style/style.css +42 -0
  732. package/dist/es/packages/segmented/style/style.harmony.css +42 -0
  733. package/dist/es/packages/segmented/types.d.ts +15 -0
  734. package/dist/es/packages/segmented/types.js +1 -0
  735. package/dist/es/packages/shortpassword/style/style.css +52 -85
  736. package/dist/es/packages/shortpassword/style/style.harmony.css +15 -11
  737. package/dist/es/packages/sidebar/index.d.ts +3 -0
  738. package/dist/es/packages/sidebar/index.js +2 -0
  739. package/dist/es/packages/sidebar/sidebar.d.ts +6 -0
  740. package/dist/es/packages/sidebar/sidebar.js +194 -0
  741. package/dist/es/packages/sidebar/style/css.js +1 -0
  742. package/dist/es/packages/sidebar/style/index.js +3 -0
  743. package/dist/es/packages/sidebar/style/sidebar.scss +61 -0
  744. package/dist/es/packages/sidebar/style/style.css +79 -0
  745. package/dist/es/packages/sidebar/style/style.harmony.css +63 -0
  746. package/dist/es/packages/sidebar/types.d.ts +16 -0
  747. package/dist/es/packages/sidebar/types.js +1 -0
  748. package/dist/es/packages/sidebar/utils.d.ts +3 -0
  749. package/dist/es/packages/sidebar/utils.js +14 -0
  750. package/dist/es/packages/sidebaritem/index.d.ts +3 -0
  751. package/dist/es/packages/sidebaritem/index.js +2 -0
  752. package/dist/es/packages/sidebaritem/sidebaritem.d.ts +9 -0
  753. package/dist/es/packages/sidebaritem/sidebaritem.js +19 -0
  754. package/dist/es/packages/sidebaritem/style/css.js +1 -0
  755. package/dist/es/packages/sidebaritem/style/index.js +1 -0
  756. package/dist/es/packages/sidebaritem/style/sidebaritem.scss +16 -0
  757. package/dist/es/packages/sidebaritem/style/style.css +19 -0
  758. package/dist/es/packages/sidebaritem/style/style.harmony.css +19 -0
  759. package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
  760. package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
  761. package/dist/es/packages/sidenavbar/style/style.css +45 -78
  762. package/dist/es/packages/sidenavbar/style/style.harmony.css +8 -4
  763. package/dist/es/packages/sidenavbaritem/style/style.css +6 -2
  764. package/dist/es/packages/sidenavbaritem/style/style.harmony.css +4 -0
  765. package/dist/es/packages/signature/style/style.css +6 -2
  766. package/dist/es/packages/signature/style/style.harmony.css +4 -0
  767. package/dist/es/packages/skeleton/style/style.css +14 -48
  768. package/dist/es/packages/skeleton/style/style.harmony.css +7 -174
  769. package/dist/es/packages/space/style/style.css +4 -0
  770. package/dist/es/packages/space/style/style.harmony.css +4 -0
  771. package/dist/es/packages/step/style/style.css +26 -22
  772. package/dist/es/packages/step/style/style.harmony.css +21 -17
  773. package/dist/es/packages/steps/style/style.css +26 -22
  774. package/dist/es/packages/steps/style/style.harmony.css +4 -0
  775. package/dist/es/packages/sticky/style/style.css +4 -0
  776. package/dist/es/packages/sticky/style/style.harmony.css +4 -0
  777. package/dist/es/packages/subsidenavbar/style/style.css +6 -2
  778. package/dist/es/packages/subsidenavbar/style/style.harmony.css +6 -2
  779. package/dist/es/packages/swipe/style/style.css +4 -0
  780. package/dist/es/packages/swipe/style/style.harmony.css +4 -0
  781. package/dist/es/packages/swiper/style/style.css +103 -22
  782. package/dist/es/packages/swiper/style/style.harmony.css +4 -65
  783. package/dist/es/packages/swiperitem/style/style.css +4 -0
  784. package/dist/es/packages/swiperitem/style/style.harmony.css +4 -0
  785. package/dist/es/packages/switch/style/style.css +52 -32
  786. package/dist/es/packages/switch/style/style.harmony.css +47 -27
  787. package/dist/es/packages/switch/style/switch.scss +45 -29
  788. package/dist/es/packages/switch/switch.d.ts +2 -2
  789. package/dist/es/packages/switch/switch.js +3 -11
  790. package/dist/es/packages/tabbar/style/style.css +88 -47
  791. package/dist/es/packages/tabbar/style/style.harmony.css +4 -0
  792. package/dist/es/packages/tabbar/tabbar.d.ts +7 -35
  793. package/dist/es/packages/tabbaritem/style/style.css +87 -46
  794. package/dist/es/packages/tabbaritem/style/style.harmony.css +22 -6
  795. package/dist/es/packages/tabbaritem/style/tabbaritem.scss +15 -3
  796. package/dist/es/packages/tabbaritem/tabbaritem.d.ts +7 -35
  797. package/dist/es/packages/tabbaritem/tabbaritem.js +11 -4
  798. package/dist/es/packages/table/style/style.css +15 -11
  799. package/dist/es/packages/table/style/style.harmony.css +11 -5
  800. package/dist/es/packages/table/table.js +1 -1
  801. package/dist/es/packages/tabpane/style/style.css +5 -1
  802. package/dist/es/packages/tabpane/style/style.harmony.css +6 -2
  803. package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
  804. package/dist/es/packages/tabs/style/style.css +66 -99
  805. package/dist/es/packages/tabs/style/style.harmony.css +85 -118
  806. package/dist/es/packages/tabs/style/tabs.scss +69 -107
  807. package/dist/es/packages/tabs/tabs.d.ts +12 -60
  808. package/dist/es/packages/tabs/tabs.js +2 -4
  809. package/dist/es/packages/tag/style/style.css +10 -5
  810. package/dist/es/packages/tag/style/style.harmony.css +5 -0
  811. package/dist/es/packages/tag/style/tag.scss +1 -0
  812. package/dist/es/packages/tag/tag.d.ts +1 -1
  813. package/dist/es/packages/tag/tag.js +6 -14
  814. package/dist/es/packages/textarea/style/style.css +34 -19
  815. package/dist/es/packages/textarea/style/style.harmony.css +24 -9
  816. package/dist/es/packages/textarea/style/textarea.scss +43 -16
  817. package/dist/es/packages/textarea/textarea.d.ts +2 -0
  818. package/dist/es/packages/textarea/textarea.js +10 -8
  819. package/dist/es/packages/timedetail/style/style.css +10 -4
  820. package/dist/es/packages/timedetail/style/style.harmony.css +11 -5
  821. package/dist/es/packages/timedetail/style/timedetail.scss +2 -0
  822. package/dist/es/packages/timeselect/style/style.css +52 -83
  823. package/dist/es/packages/timeselect/style/style.harmony.css +7 -3
  824. package/dist/es/packages/timeselect/timeselect.d.ts +9 -45
  825. package/dist/es/packages/timeselect/timeselect.js +2 -5
  826. package/dist/es/packages/toast/style/index.js +1 -0
  827. package/dist/es/packages/toast/style/style.css +131 -38
  828. package/dist/es/packages/toast/style/style.harmony.css +66 -70
  829. package/dist/es/packages/toast/style/toast.scss +76 -54
  830. package/dist/es/packages/toast/toast.d.ts +14 -75
  831. package/dist/es/packages/toast/toast.js +29 -38
  832. package/dist/es/packages/tour/style/style.css +97 -140
  833. package/dist/es/packages/tour/style/style.harmony.css +6 -2
  834. package/dist/es/packages/tour/tour.js +1 -1
  835. package/dist/es/packages/trendarrow/style/style.css +7 -2
  836. package/dist/es/packages/trendarrow/style/style.harmony.css +7 -2
  837. package/dist/es/packages/trendarrow/style/trendarrow.scss +2 -1
  838. package/dist/es/packages/trendarrow/trendarrow.d.ts +11 -55
  839. package/dist/es/packages/trendarrow/trendarrow.js +6 -4
  840. package/dist/es/packages/uploader/index.d.ts +1 -1
  841. package/dist/es/packages/uploader/preview.js +24 -23
  842. package/dist/es/packages/uploader/style/style.css +20 -15
  843. package/dist/es/packages/uploader/style/style.harmony.css +19 -13
  844. package/dist/es/packages/uploader/types.d.ts +17 -0
  845. package/dist/es/packages/uploader/types.js +1 -0
  846. package/dist/es/packages/uploader/uploader.d.ts +28 -190
  847. package/dist/es/packages/uploader/uploader.js +266 -218
  848. package/dist/es/packages/video/style/style.css +4 -0
  849. package/dist/es/packages/video/style/style.harmony.css +4 -0
  850. package/dist/es/packages/video/video.d.ts +5 -25
  851. package/dist/es/packages/video/video.js +3 -3
  852. package/dist/es/packages/virtuallist/style/style.css +8 -4
  853. package/dist/es/packages/virtuallist/style/style.harmony.css +6 -14
  854. package/dist/es/packages/virtuallist/virtuallist.d.ts +1 -1
  855. package/dist/es/packages/watermark/style/style.css +4 -0
  856. package/dist/es/packages/watermark/style/style.harmony.css +4 -0
  857. package/dist/es/utils/add-color-for-harmony.d.ts +9 -0
  858. package/dist/es/utils/add-color-for-harmony.js +16 -0
  859. package/dist/es/utils/platform-taro.d.ts +1 -0
  860. package/dist/es/utils/platform-taro.js +5 -0
  861. package/dist/nutui.react.umd.js +25128 -4435
  862. package/dist/style.css +1 -1
  863. package/dist/style.scss +110 -0
  864. package/dist/styles/jd-font.scss +16 -0
  865. package/dist/styles/theme-dark.scss +121 -110
  866. package/dist/styles/theme-default.scss +100 -93
  867. package/dist/styles/themes/default.css +1 -0
  868. package/dist/styles/themes/default.scss +2 -105
  869. package/dist/styles/variables-jmapp.scss +4 -0
  870. package/dist/styles/variables-jrkf.scss +25 -27
  871. package/dist/styles/variables.scss +346 -263
  872. package/package.json +8 -3
  873. package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
  874. package/dist/cjs/packages/uploader/file-item.js +0 -28
  875. package/dist/cjs/packages/uploader/utils.d.ts +0 -30
  876. package/dist/cjs/packages/uploader/utils.js +0 -184
  877. package/dist/es/packages/uploader/file-item.d.ts +0 -19
  878. package/dist/es/packages/uploader/file-item.js +0 -18
  879. package/dist/es/packages/uploader/utils.d.ts +0 -30
  880. package/dist/es/packages/uploader/utils.js +0 -154
package/dist/cjs/packages/tabs/style/style.harmony.css CHANGED
@@ -1,15 +1,24 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-tabs {
2
6
  display: flex;
3
7
  }
4
8
 
9
+ .nut-tabs-horizontal {
10
+ flex-direction: column;
11
+ }
12
+
5
13
  .nut-tabs-titles {
6
14
  display: flex;
7
15
  box-sizing: border-box;
8
16
  height: 44px;
9
- padding: 0 16px;
10
17
  user-select: none;
11
- overflow: hidden;
12
- background: #F7F8FC;
18
+ overflow-x: auto;
19
+ overflow-y: hidden;
20
+ background: #f2f3f5;
21
+ scrollbar-width: none;
13
22
  }
14
23
  .nut-tabs-titles::-webkit-scrollbar {
15
24
  display: none;
@@ -18,7 +27,6 @@
18
27
  }
19
28
  .nut-tabs-titles .nut-tabs-list {
20
29
  width: 100%;
21
- height: auto;
22
30
  display: flex;
23
31
  flex-shrink: 0;
24
32
  }
@@ -26,17 +34,13 @@
26
34
  justify-content: flex-start;
27
35
  }
28
36
  .nut-tabs-titles-left .nut-tabs-titles-item {
29
- padding: 0 10px;
37
+ padding: 0 22px;
30
38
  }
31
39
  .nut-tabs-titles-right {
32
40
  justify-content: flex-end;
33
41
  }
34
42
  .nut-tabs-titles-right .nut-tabs-titles-item {
35
- padding: 0 10px;
36
- }
37
- .nut-tabs-titles-scrollable {
38
- overflow-x: auto;
39
- overflow-y: hidden;
43
+ padding: 0 22px;
40
44
  }
41
45
  .nut-tabs-titles-item {
42
46
  position: relative;
@@ -44,20 +48,23 @@
44
48
  align-items: center;
45
49
  justify-content: center;
46
50
  flex: 1 0 auto;
47
- margin: 0 12px;
51
+ padding: 0 12px;
48
52
  height: 44px;
49
53
  line-height: 44px;
50
54
  min-width: 50px;
51
55
  font-size: 14px;
52
- color: #1A1A1A;
56
+ color: #1a1a1a;
53
57
  text-overflow: ellipsis;
54
58
  white-space: nowrap;
55
59
  }
60
+ .nut-tabs-titles-item .nut-icon {
61
+ color: #1a1a1a;
62
+ }
56
63
  .nut-tabs-titles-item-left, .nut-tabs-titles-item-right {
57
64
  flex: none;
58
65
  }
59
66
  .nut-tabs-titles-item-text {
60
- text-align: center;
67
+ color: #1a1a1a;
61
68
  }
62
69
  .nut-tabs-titles-item-smile {
63
70
  position: absolute;
@@ -65,9 +72,9 @@
65
72
  width: 0;
66
73
  height: 0;
67
74
  content: " ";
68
- bottom: 15%;
69
75
  left: 50%;
70
76
  transform: translate(-50%, 0);
77
+ bottom: 15%;
71
78
  border-radius: 2px;
72
79
  opacity: 1;
73
80
  overflow: hidden;
@@ -78,9 +85,9 @@
78
85
  width: 0;
79
86
  height: 0;
80
87
  content: " ";
81
- bottom: 15%;
82
88
  left: 50%;
83
89
  transform: translate(-50%, 0);
90
+ bottom: 15%;
84
91
  border-radius: 2px;
85
92
  opacity: 1;
86
93
  overflow: hidden;
@@ -93,67 +100,82 @@
93
100
  font-size: 20px;
94
101
  width: 100%;
95
102
  height: 100%;
96
- color: #FF0F23;
97
103
  }
98
- .nut-tabs-titles-item-active {
99
- color: #FF0F23;
100
- font-weight: 500;
104
+ .nut-tabs-titles-item-active .nut-icon {
105
+ color: #ff0f23;
106
+ }
107
+ .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
108
+ color: #ff0f23;
109
+ font-weight: 600;
101
110
  }
102
111
  .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
103
112
  overflow: unset;
104
113
  content: " ";
105
114
  width: 12px;
106
115
  height: 2px;
107
- background: #FF0F23;
116
+ background: #ff0f23;
108
117
  }
109
118
  .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
110
119
  overflow: unset;
111
120
  width: 40px;
112
121
  height: 20px;
113
122
  }
123
+ .nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon {
124
+ color: #ff0f23;
125
+ }
114
126
  .nut-tabs-titles-item-disabled {
115
- color: #C2C4CC;
127
+ color: #c2c4cc;
128
+ }
129
+ .nut-tabs-titles-item-disabled .nut-icon {
130
+ color: #c2c4cc;
116
131
  }
117
- .nut-tabs-titles-item:first-child {
118
- margin-left: 0;
132
+ .nut-tabs-titles-item-disabled .nut-tabs-titles-item-text {
133
+ color: #c2c4cc;
119
134
  }
120
- .nut-tabs-titles-item:last-child {
121
- margin-right: 0;
135
+ .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
136
+ color: #1a1a1a;
137
+ font-size: 16px;
122
138
  }
123
- .nut-tabs-titles-simple .nut-tabs-titles-item-active {
124
- color: #1A1A1A;
139
+ .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
140
+ color: #1a1a1a;
125
141
  font-size: 16px;
126
142
  }
127
143
  .nut-tabs-titles-card {
128
144
  padding: 0;
129
- background-color: undefined;
130
145
  }
131
146
  .nut-tabs-titles-card .nut-tabs-titles-item {
132
- margin: 0;
147
+ padding: 0;
133
148
  }
134
149
  .nut-tabs-titles-card .nut-tabs-titles-item-active {
135
- font-weight: 500;
150
+ font-weight: 600;
136
151
  background-color: #ffffff;
137
- border-radius: undefined;
152
+ border-radius: 8px 8px 0 0;
153
+ }
154
+ .nut-tabs-titles-button .nut-tabs-titles-item {
155
+ padding: 0 10px;
138
156
  }
139
- .nut-tabs-titles-button .nut-tabs-titles-item-active {
157
+ .nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text {
158
+ flex: 1;
140
159
  height: 28px;
141
- margin-top: 8px;
142
- margin-bottom: 8px;
160
+ display: flex;
161
+ align-items: center;
162
+ justify-content: center;
163
+ padding: 0 8px;
164
+ }
165
+ .nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
143
166
  background: undefined;
144
- color: #505259;
167
+ color: #ff0f23;
145
168
  border-radius: 50px;
146
- font-weight: 500;
147
- background-color: #FFEBF1;
148
- color: #FF0F23;
149
- border: 1px solid #FF0F23;
169
+ font-weight: 600;
170
+ background-color: #ffebf1;
171
+ border: 1px solid #ff0f23;
150
172
  }
151
173
  .nut-tabs-titles-divider {
152
174
  padding: 0;
153
175
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
154
176
  }
155
177
  .nut-tabs-titles-divider .nut-tabs-titles-item {
156
- margin: 0;
178
+ padding: 0;
157
179
  position: relative;
158
180
  }
159
181
  .nut-tabs-titles-divider .nut-tabs-titles-item::after {
@@ -170,73 +192,29 @@
170
192
  display: none;
171
193
  }
172
194
 
173
- [dir=rtl] .nut-tabs-titles-item-smile, [dir=rtl] .nut-tabs-titles-item-line,
174
- .nut-rtl .nut-tabs-titles-item-smile,
175
- .nut-rtl .nut-tabs-titles-item-line {
176
- left: auto;
177
- right: 50%;
178
- transform: translate(50%, 0);
179
- }
180
- [dir=rtl] .nut-tabs-titles-item:first-child,
181
- .nut-rtl .nut-tabs-titles-item:first-child {
182
- margin-left: 0;
183
- margin-right: 0;
184
- }
185
- [dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item::after,
186
- .nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item::after {
187
- right: auto;
188
- left: 0;
189
- }
190
-
191
- .nut-tabs-horizontal {
192
- flex-direction: column;
193
- position: relative;
194
- }
195
-
196
- .nut-tabs-vertical {
197
- flex-direction: row;
198
- width: 100%;
199
- }
200
195
  .nut-tabs-vertical .nut-tabs-ellipsis {
201
196
  text-overflow: ellipsis;
202
197
  white-space: nowrap;
203
198
  overflow: hidden;
204
199
  }
205
200
  .nut-tabs-vertical .nut-tabs-titles {
206
- box-sizing: border-box;
207
201
  flex-direction: column;
208
202
  height: 100%;
209
- padding: 0;
210
203
  width: 100px;
211
204
  flex-shrink: 0;
212
205
  }
213
206
  .nut-tabs-vertical .nut-tabs-titles .nut-tabs-list {
214
- width: 100%;
215
- display: flex;
216
207
  flex-direction: column;
217
- flex-shrink: 0;
218
- }
219
- .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item {
220
- padding-left: 14px;
221
- }
222
- .nut-tabs-vertical .nut-tabs-titles-scrollable {
223
- overflow-x: hidden;
224
- overflow-y: auto;
225
208
  }
226
209
  .nut-tabs-vertical .nut-tabs-titles-item {
227
210
  height: 40px;
228
- margin: 0;
229
211
  flex: none;
230
212
  }
231
213
  .nut-tabs-vertical .nut-tabs-titles-item-smile {
232
- width: 0;
233
- height: 0;
234
214
  overflow: hidden;
235
215
  transition: width 0.3s ease;
236
216
  }
237
217
  .nut-tabs-vertical .nut-tabs-titles-item-line {
238
- width: 0;
239
- height: 0;
240
218
  transform: translate(0, -50%);
241
219
  transition: height 0.3s ease;
242
220
  }
@@ -250,27 +228,23 @@
250
228
  left: 10px;
251
229
  width: 3px;
252
230
  height: 12px;
253
- background: linear-gradient(180deg, #FF0F23 0%, #FFEBF1 100%);
231
+ background: linear-gradient(180deg, #ff475d 0%, #ffebf1 100%);
254
232
  }
255
233
  .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
256
234
  right: -12px;
257
235
  bottom: -2%;
258
236
  left: auto;
259
- width: 40px;
260
- height: 20px;
261
237
  transform: rotate(320deg);
262
238
  }
263
239
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles {
264
240
  flex-direction: row;
265
- overflow-x: auto;
266
- overflow-y: hidden;
267
241
  height: 44px;
242
+ width: 100%;
243
+ padding: 0 !important;
268
244
  }
269
245
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list {
270
- width: 100%;
271
- display: flex;
272
246
  flex-direction: row;
273
- flex-shrink: 0;
247
+ height: auto;
274
248
  }
275
249
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content {
276
250
  flex-direction: row;
@@ -281,6 +255,9 @@
281
255
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
282
256
  left: 50%;
283
257
  transform: translate(-50%, 0);
258
+ width: 12px;
259
+ height: 2px;
260
+ background: #ff0f23;
284
261
  }
285
262
  .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
286
263
  left: 50%;
@@ -298,28 +275,26 @@
298
275
  .nut-tabs-vertical .nut-tabs-content .nut-tabpane {
299
276
  height: 100%;
300
277
  }
301
- .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles {
278
+
279
+ .nut-tabs-content {
302
280
  display: flex;
303
- flex-direction: row;
304
- padding: 0 !important;
305
- width: 100%;
281
+ box-sizing: border-box;
306
282
  }
307
- .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item {
308
- display: flex;
309
- align-items: center;
310
- justify-content: center;
311
- flex: 1 0 auto;
283
+ .nut-tabs-content-wrap {
284
+ overflow: hidden;
312
285
  }
313
- .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active {
314
- color: #FF0F23;
315
- font-weight: 500;
316
- font-size: 16px;
286
+
287
+ [dir=rtl] .nut-tabs-titles-item-smile, [dir=rtl] .nut-tabs-titles-item-line,
288
+ .nut-rtl .nut-tabs-titles-item-smile,
289
+ .nut-rtl .nut-tabs-titles-item-line {
290
+ left: auto;
291
+ right: 50%;
292
+ transform: translate(50%, 0);
317
293
  }
318
- .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
319
- content: " ";
320
- width: 12px;
321
- height: 2px;
322
- background: #FF0F23;
294
+ [dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item::after,
295
+ .nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item::after {
296
+ right: auto;
297
+ left: 0;
323
298
  }
324
299
 
325
300
  [dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,
@@ -349,12 +324,4 @@
349
324
  right: 50%;
350
325
  left: auto;
351
326
  transform: translate(50%, 0) rotate(0deg);
352
- }
353
-
354
- .nut-tabs-content {
355
- display: flex;
356
- box-sizing: border-box;
357
- }
358
- .nut-tabs-content-wrap {
359
- overflow: hidden;
360
327
  }
package/dist/cjs/packages/tabs/style/tabs.scss CHANGED
@@ -4,12 +4,17 @@
4
4
  display: flex;
5
5
  }
6
6
 
7
+ .nut-tabs-horizontal {
8
+ flex-direction: column;
9
+ }
10
+
7
11
  .nut-tabs-titles {
8
12
  display: flex;
9
13
  box-sizing: border-box;
10
14
  height: $tabs-titles-height;
11
15
  user-select: none;
12
- overflow: hidden;
16
+ overflow-x: auto;
17
+ overflow-y: hidden;
13
18
  background: $tabs-titles-background-color;
14
19
  scrollbar-width: none;
15
20
 
@@ -21,7 +26,6 @@
21
26
 
22
27
  .nut-tabs-list {
23
28
  width: 100%;
24
- height: auto;
25
29
  display: flex;
26
30
  flex-shrink: 0;
27
31
  }
@@ -40,11 +44,6 @@
40
44
  }
41
45
  }
42
46
 
43
- &-scrollable {
44
- overflow-x: auto;
45
- overflow-y: hidden;
46
- }
47
-
48
47
  &-item {
49
48
  position: relative;
50
49
  display: flex;
@@ -60,13 +59,17 @@
60
59
  text-overflow: ellipsis;
61
60
  white-space: nowrap;
62
61
 
62
+ .nut-icon {
63
+ color: $tabs-titles-item-color;
64
+ }
65
+
63
66
  &-left,
64
67
  &-right {
65
68
  flex: none;
66
69
  }
67
70
 
68
71
  &-text {
69
- text-align: center;
72
+ color: $tabs-titles-item-color;
70
73
  }
71
74
 
72
75
  &-smile,
@@ -76,9 +79,9 @@
76
79
  width: 0;
77
80
  height: 0;
78
81
  content: ' ';
79
- bottom: $tabs-tab-line-bottom;
80
82
  left: 50%;
81
83
  transform: translate(-50%, 0);
84
+ bottom: $tabs-tab-line-bottom;
82
85
  border-radius: $tabs-tab-line-border-radius;
83
86
  opacity: $tabs-tab-line-opacity;
84
87
  overflow: hidden;
@@ -92,13 +95,18 @@
92
95
  font-size: 20px;
93
96
  width: 100%;
94
97
  height: 100%;
95
- color: $color-primary;
96
98
  }
97
99
  }
98
100
 
99
101
  &-active {
100
- color: $tabs-titles-item-active-color;
101
- font-weight: $tabs-titles-item-active-font-weight;
102
+ .nut-icon {
103
+ color: $tabs-titles-item-active-color;
104
+ }
105
+
106
+ .nut-tabs-titles-item-text {
107
+ color: $tabs-titles-item-active-color;
108
+ font-weight: $tabs-titles-item-active-font-weight;
109
+ }
102
110
 
103
111
  .nut-tabs-titles-item-line {
104
112
  overflow: unset;
@@ -112,28 +120,42 @@
112
120
  overflow: unset;
113
121
  width: 40px;
114
122
  height: 20px;
123
+
124
+ .nut-icon {
125
+ color: $tabs-titles-item-active-color;
126
+ }
115
127
  }
116
128
  }
117
129
 
118
130
  &-disabled {
119
131
  color: $color-text-disabled;
132
+ .nut-icon {
133
+ color: $color-text-disabled;
134
+ }
135
+ .nut-tabs-titles-item-text {
136
+ color: $color-text-disabled;
137
+ }
120
138
  }
121
139
  }
122
140
 
123
141
  &-simple {
124
- .nut-tabs-titles-item-active {
125
- color: $color-title;
126
- font-size: $tabs-titles-item-active-font-size;
142
+ .nut-tabs-titles-item {
143
+ &-active {
144
+ .nut-tabs-titles-item-text,
145
+ .nut-icon {
146
+ color: $color-title;
147
+ font-size: $tabs-titles-item-active-font-size;
148
+ }
149
+ }
127
150
  }
128
151
  }
129
152
 
130
153
  &-card {
131
154
  padding: 0;
132
- background-color: $color-default-light;
155
+ // background-color: $color-default-light;
133
156
 
134
157
  .nut-tabs-titles-item {
135
158
  padding: 0;
136
-
137
159
  &-active {
138
160
  font-weight: $font-weight-bold;
139
161
  background-color: $white;
@@ -157,11 +179,10 @@
157
179
  .nut-tabs-titles-item-active {
158
180
  .nut-tabs-titles-item-text {
159
181
  background: $color-default-light;
160
- color: $color-text;
182
+ color: $tabs-titles-item-active-color;
161
183
  border-radius: $tabs-tab-button-border-radius;
162
184
  font-weight: $font-weight-bold;
163
185
  background-color: $tabs-tab-button-active-background-color;
164
- color: $color-primary;
165
186
  border: $tabs-tab-button-active-border;
166
187
  }
167
188
  }
@@ -195,35 +216,7 @@
195
216
  }
196
217
  }
197
218
 
198
- [dir='rtl'] .nut-tabs-titles,
199
- .nut-rtl .nut-tabs-titles {
200
- &-item {
201
- &-smile,
202
- &-line {
203
- left: auto;
204
- right: 50%;
205
- transform: translate(50%, 0);
206
- }
207
- }
208
- &-divider {
209
- .nut-tabs-titles-item {
210
- &::after {
211
- right: auto;
212
- left: 0;
213
- }
214
- }
215
- }
216
- }
217
-
218
- .nut-tabs-horizontal {
219
- flex-direction: column;
220
- position: relative;
221
- }
222
-
223
219
  .nut-tabs-vertical {
224
- flex-direction: row;
225
- width: 100%;
226
-
227
220
  .nut-tabs-ellipsis {
228
221
  text-overflow: ellipsis;
229
222
  white-space: nowrap;
@@ -231,47 +224,26 @@
231
224
  }
232
225
 
233
226
  .nut-tabs-titles {
234
- box-sizing: border-box;
235
227
  flex-direction: column;
236
228
  height: 100%;
237
- padding: 0;
238
229
  width: $tabs-vertical-titles-width;
239
230
  flex-shrink: 0;
240
231
 
241
232
  .nut-tabs-list {
242
- width: 100%;
243
- display: flex;
244
233
  flex-direction: column;
245
- flex-shrink: 0;
246
- }
247
-
248
- &-line {
249
- .nut-tabs-titles-item {
250
- padding-left: 14px;
251
- }
252
234
  }
253
235
  }
254
236
 
255
- .nut-tabs-titles-scrollable {
256
- overflow-x: hidden;
257
- overflow-y: auto;
258
- }
259
-
260
237
  .nut-tabs-titles-item {
261
238
  height: $tabs-vertical-titles-item-height;
262
- margin: 0;
263
239
  flex: none;
264
240
 
265
241
  &-smile {
266
- width: 0;
267
- height: 0;
268
242
  overflow: hidden;
269
243
  transition: width 0.3s ease;
270
244
  }
271
245
 
272
246
  &-line {
273
- width: 0;
274
- height: 0;
275
247
  transform: translate(0, -50%);
276
248
  transition: height 0.3s ease;
277
249
 
@@ -293,8 +265,6 @@
293
265
  right: -12px;
294
266
  bottom: -2%;
295
267
  left: auto;
296
- width: 40px;
297
- height: 20px;
298
268
  transform: rotate(320deg);
299
269
  }
300
270
  }
@@ -303,15 +273,13 @@
303
273
  .nut-tabs-horizontal {
304
274
  .nut-tabs-titles {
305
275
  flex-direction: row;
306
- overflow-x: auto;
307
- overflow-y: hidden;
308
276
  height: $tabs-titles-height;
277
+ width: 100%;
278
+ padding: 0 !important;
309
279
 
310
280
  .nut-tabs-list {
311
- width: 100%;
312
- display: flex;
313
281
  flex-direction: row;
314
- flex-shrink: 0;
282
+ height: auto;
315
283
  }
316
284
  }
317
285
 
@@ -325,6 +293,9 @@
325
293
  .nut-tabs-titles-item-line {
326
294
  left: 50%;
327
295
  transform: translate(-50%, 0);
296
+ width: $tabs-tab-line-width;
297
+ height: $tabs-tab-line-height;
298
+ background: $tabs-tab-line-color;
328
299
  }
329
300
 
330
301
  .nut-tabs-titles-item-smile {
@@ -348,32 +319,32 @@
348
319
  height: 100%;
349
320
  }
350
321
  }
322
+ }
351
323
 
352
- .nut-tabs-horizontal {
353
- .nut-tabs-titles {
354
- display: flex;
355
- flex-direction: row;
356
- padding: 0 !important;
357
- width: 100%;
358
-
359
- .nut-tabs-titles-item {
360
- display: flex;
361
- align-items: center;
362
- justify-content: center;
363
- flex: 1 0 auto;
324
+ .nut-tabs-content {
325
+ display: flex;
326
+ box-sizing: border-box;
364
327
 
365
- &-active {
366
- color: $color-primary;
367
- font-weight: $tabs-titles-item-active-font-weight;
368
- font-size: $tabs-titles-item-active-font-size;
328
+ &-wrap {
329
+ overflow: hidden;
330
+ }
331
+ }
369
332
 
370
- .nut-tabs-titles-item-line {
371
- content: ' ';
372
- width: $tabs-tab-line-width;
373
- height: $tabs-tab-line-height;
374
- background: $tabs-tab-line-color;
375
- }
376
- }
333
+ [dir='rtl'] .nut-tabs-titles,
334
+ .nut-rtl .nut-tabs-titles {
335
+ &-item {
336
+ &-smile,
337
+ &-line {
338
+ left: auto;
339
+ right: 50%;
340
+ transform: translate(50%, 0);
341
+ }
342
+ }
343
+ &-divider {
344
+ .nut-tabs-titles-item {
345
+ &::after {
346
+ right: auto;
347
+ left: 0;
377
348
  }
378
349
  }
379
350
  }
@@ -421,12 +392,3 @@
421
392
  }
422
393
  }
423
394
  }
424
-
425
- .nut-tabs-content {
426
- display: flex;
427
- box-sizing: border-box;
428
-
429
- &-wrap {
430
- overflow: hidden;
431
- }
432
- }