@nutui/nutui-react 2.1.0 → 2.1.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (301) hide show
  1. package/CHANGELOG.md +0 -20
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +6 -7
  4. package/dist/esm/Address/style/style.css +1 -1
  5. package/dist/esm/Address.js +4 -4
  6. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  7. package/dist/esm/AnimatingNumbers.js +5 -5
  8. package/dist/esm/Audio/style/style.css +1 -1
  9. package/dist/esm/Audio.js +5 -5
  10. package/dist/esm/Avatar/style/style.css +1 -1
  11. package/dist/esm/Avatar.js +4 -4
  12. package/dist/esm/AvatarCropper/style/style.css +1 -1
  13. package/dist/esm/BackTop/style/style.css +1 -1
  14. package/dist/esm/Badge/style/style.css +1 -1
  15. package/dist/esm/Barrage/style/style.css +1 -1
  16. package/dist/esm/Button/style/style.css +1 -1
  17. package/dist/esm/Button.js +5 -84
  18. package/dist/esm/Calendar/style/style.css +1 -1
  19. package/dist/esm/CalendarCard/style/style.css +1 -1
  20. package/dist/esm/Card/style/style.css +1 -1
  21. package/dist/esm/Card.js +3 -3
  22. package/dist/esm/Cascader/style/style.css +1 -1
  23. package/dist/esm/Cell/style/style.css +1 -1
  24. package/dist/esm/Cell.js +5 -5
  25. package/dist/esm/CellGroup/style/style.css +1 -1
  26. package/dist/esm/CellGroup.js +3 -3
  27. package/dist/esm/Checkbox/style/style.css +1 -1
  28. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  29. package/dist/esm/CheckboxGroup.js +1 -1
  30. package/dist/esm/CircleProgress/style/style.css +1 -1
  31. package/dist/esm/CircleProgress.js +2 -2
  32. package/dist/esm/Col/style/style.css +1 -1
  33. package/dist/esm/Collapse/style/style.css +1 -1
  34. package/dist/esm/CollapseItem/style/style.css +1 -1
  35. package/dist/esm/CountDown/style/style.css +1 -1
  36. package/dist/esm/CountDown.js +1 -1
  37. package/dist/esm/DatePicker/style/style.css +1 -1
  38. package/dist/esm/Dialog/style/style.css +1 -1
  39. package/dist/esm/Dialog.js +9 -12
  40. package/dist/esm/Divider/style/style.css +1 -1
  41. package/dist/esm/Divider.js +1 -1
  42. package/dist/esm/Elevator/style/style.css +1 -1
  43. package/dist/esm/Elevator.js +12 -12
  44. package/dist/esm/Ellipsis/style/style.css +1 -1
  45. package/dist/esm/Empty/style/style.css +1 -1
  46. package/dist/esm/Empty.js +31 -10
  47. package/dist/esm/FixedNav/style/style.css +1 -1
  48. package/dist/esm/FixedNav.js +6 -6
  49. package/dist/esm/Form/style/style.css +1 -1
  50. package/dist/esm/FormItem/style/style.css +1 -1
  51. package/dist/esm/Grid/style/style.css +1 -1
  52. package/dist/esm/Grid.js +1 -1
  53. package/dist/esm/GridItem/style/style.css +1 -1
  54. package/dist/esm/Image/style/style.css +1 -1
  55. package/dist/esm/ImagePreview/style/style.css +1 -1
  56. package/dist/esm/Indicator/style/style.css +1 -1
  57. package/dist/esm/InfiniteLoading/style/style.css +1 -1
  58. package/dist/esm/InfiniteLoading.js +57 -4
  59. package/dist/esm/Input/style/style.css +1 -1
  60. package/dist/esm/InputNumber/style/style.css +1 -1
  61. package/dist/esm/InputNumber.js +5 -5
  62. package/dist/esm/Loading/style/style.css +1 -1
  63. package/dist/esm/Menu/style/style.css +1 -1
  64. package/dist/esm/Menu.js +7 -14
  65. package/dist/esm/MenuItem/style/style.css +1 -1
  66. package/dist/esm/NavBar/style/style.css +1 -1
  67. package/dist/esm/NavBar.js +10 -9
  68. package/dist/esm/NoticeBar/style/style.css +1 -1
  69. package/dist/esm/NoticeBar.js +4 -4
  70. package/dist/esm/Notify/style/style.css +1 -1
  71. package/dist/esm/Notify.js +1 -1
  72. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  73. package/dist/esm/NumberKeyboard.js +14 -14
  74. package/dist/esm/Overlay/style/style.css +1 -1
  75. package/dist/esm/Pagination/style/style.css +1 -1
  76. package/dist/esm/Pagination.js +14 -8
  77. package/dist/esm/Picker/style/style.css +1 -1
  78. package/dist/esm/Picker.js +5 -5
  79. package/dist/esm/Popover/style/style.css +1 -1
  80. package/dist/esm/Popover.js +13 -6
  81. package/dist/esm/Popup/style/style.css +1 -1
  82. package/dist/esm/Price/style/style.css +1 -1
  83. package/dist/esm/Price.js +5 -5
  84. package/dist/esm/Progress/style/style.css +1 -1
  85. package/dist/esm/Progress.js +1 -1
  86. package/dist/esm/PullToRefresh/style/style.css +1 -1
  87. package/dist/esm/PullToRefresh.js +37 -2
  88. package/dist/esm/Radio/style/style.css +1 -1
  89. package/dist/esm/RadioGroup/style/style.css +1 -1
  90. package/dist/esm/RadioGroup.js +1 -1
  91. package/dist/esm/Range/style/style.css +1 -1
  92. package/dist/esm/Rate/style/style.css +1 -1
  93. package/dist/esm/Rate.js +5 -5
  94. package/dist/esm/SearchBar/style/style.css +1 -1
  95. package/dist/esm/SearchBar.js +20 -20
  96. package/dist/esm/ShortPassword/style/style.css +1 -1
  97. package/dist/esm/ShortPassword.js +13 -13
  98. package/dist/esm/SideNavBar/style/style.css +1 -1
  99. package/dist/esm/SideNavBar.js +4 -4
  100. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  101. package/dist/esm/SideNavBarItem.js +1 -1
  102. package/dist/esm/Signature/style/style.css +1 -1
  103. package/dist/esm/Signature.js +3 -3
  104. package/dist/esm/Skeleton/style/style.css +1 -1
  105. package/dist/esm/Skeleton.js +7 -7
  106. package/dist/esm/Step/style/style.css +1 -1
  107. package/dist/esm/Steps/style/style.css +1 -1
  108. package/dist/esm/Sticky/style/style.css +1 -1
  109. package/dist/esm/Sticky.js +1 -1
  110. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  111. package/dist/esm/SubSideNavBar.js +6 -6
  112. package/dist/esm/Swipe/style/style.css +1 -1
  113. package/dist/esm/Swipe.js +2 -2
  114. package/dist/esm/Swiper/style/style.css +1 -1
  115. package/dist/esm/Swiper.js +3 -3
  116. package/dist/esm/Switch/style/style.css +1 -1
  117. package/dist/esm/Switch.js +3 -3
  118. package/dist/esm/TabPane/style/style.css +1 -1
  119. package/dist/esm/Tabbar/style/style.css +1 -1
  120. package/dist/esm/Tabbar.js +3 -3
  121. package/dist/esm/TabbarItem/style/style.css +1 -1
  122. package/dist/esm/Table/style/style.css +1 -1
  123. package/dist/esm/Table.js +11 -11
  124. package/dist/esm/Tabs/style/style.css +1 -1
  125. package/dist/esm/Tag/style/style.css +1 -1
  126. package/dist/esm/Tag.js +3 -3
  127. package/dist/esm/TextArea/style/style.css +1 -1
  128. package/dist/esm/TextArea.js +3 -3
  129. package/dist/esm/TimeDetail/style/style.css +1 -1
  130. package/dist/esm/TimeDetail.js +1 -1
  131. package/dist/esm/TimeSelect/style/style.css +1 -1
  132. package/dist/esm/TimeSelect.js +3 -4
  133. package/dist/esm/Toast/style/style.css +1 -1
  134. package/dist/esm/Toast.js +3 -3
  135. package/dist/esm/Tour/style/style.css +1 -1
  136. package/dist/esm/TrendArrow/style/style.css +1 -1
  137. package/dist/esm/TrendArrow.js +4 -4
  138. package/dist/esm/Uploader/style/style.css +1 -1
  139. package/dist/esm/Uploader.js +20 -20
  140. package/dist/esm/VirtualList/style/style.css +1 -1
  141. package/dist/esm/badge2.js +20 -7
  142. package/dist/esm/button2.js +88 -0
  143. package/dist/esm/cascader2.js +6 -6
  144. package/dist/esm/checkbox2.js +47 -10
  145. package/dist/esm/collapseitem2.js +7 -7
  146. package/dist/esm/configprovider2.js +1 -1
  147. package/dist/esm/context5.js +1 -1
  148. package/dist/esm/formitem2.js +4 -4
  149. package/dist/esm/griditem2.js +2 -2
  150. package/dist/esm/indicator2.js +3 -3
  151. package/dist/esm/menuitem2.js +7 -7
  152. package/dist/esm/overlay2.js +1 -1
  153. package/dist/esm/popup2.js +21 -20
  154. package/dist/esm/radio2.js +10 -5
  155. package/dist/esm/tabbaritem2.js +1 -1
  156. package/dist/esm/tabs2.js +8 -8
  157. package/dist/esm/types/src/packages/button/button.d.ts +3 -2
  158. package/dist/esm/types/src/packages/button/button.taro.d.ts +3 -2
  159. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +2 -0
  160. package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +2 -0
  161. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  162. package/dist/esm/types/src/packages/dialog/config.d.ts +1 -0
  163. package/dist/esm/types/src/packages/dialog/content.d.ts +1 -0
  164. package/dist/esm/types/src/packages/dialog/content.taro.d.ts +1 -0
  165. package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
  166. package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
  167. package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
  168. package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
  169. package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
  170. package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
  171. package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
  172. package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
  173. package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
  174. package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
  175. package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
  176. package/dist/esm/types/src/packages/navbar/navbar.d.ts +1 -0
  177. package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +1 -0
  178. package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
  179. package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
  180. package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
  181. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
  182. package/dist/esm/types/src/packages/popup/popup.d.ts +1 -0
  183. package/dist/esm/types/src/packages/popup/popup.taro.d.ts +3 -2
  184. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
  185. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
  186. package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -6
  187. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
  188. package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
  189. package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
  190. package/dist/locales/base.js +1 -1
  191. package/dist/locales/en-US.js +1 -1
  192. package/dist/locales/id-ID.js +1 -1
  193. package/dist/locales/tr-TR.js +1 -1
  194. package/dist/locales/zh-CN.js +2 -2
  195. package/dist/locales/zh-TW.js +1 -1
  196. package/dist/locales/zh-UG.js +1 -1
  197. package/dist/nutui.react.es.js +3041 -1636
  198. package/dist/nutui.react.umd.js +3051 -1646
  199. package/dist/packages/actionsheet/actionsheet.scss +15 -15
  200. package/dist/packages/address/address.scss +6 -6
  201. package/dist/packages/animatingnumbers/countup.scss +19 -6
  202. package/dist/packages/audio/audio.scss +17 -9
  203. package/dist/packages/avatar/avatar.scss +1 -1
  204. package/dist/packages/avatarcropper/avatarcropper.scss +4 -0
  205. package/dist/packages/backtop/backtop.scss +6 -3
  206. package/dist/packages/badge/badge.scss +25 -6
  207. package/dist/packages/barrage/barrage.scss +16 -6
  208. package/dist/packages/button/button.scss +163 -93
  209. package/dist/packages/calendar/calendar.scss +17 -16
  210. package/dist/packages/calendarcard/calendarcard.scss +8 -8
  211. package/dist/packages/card/card.scss +28 -14
  212. package/dist/packages/cascader/cascader.scss +6 -6
  213. package/dist/packages/cell/cell.scss +3 -3
  214. package/dist/packages/cellgroup/cellgroup.scss +6 -6
  215. package/dist/packages/checkbox/checkbox.scss +82 -22
  216. package/dist/packages/checkboxgroup/checkboxgroup.scss +17 -7
  217. package/dist/packages/collapseitem/collapseitem.scss +32 -10
  218. package/dist/packages/dialog/dialog.scss +22 -37
  219. package/dist/packages/divider/divider.scss +13 -13
  220. package/dist/packages/elevator/elevator.scss +51 -37
  221. package/dist/packages/empty/empty.scss +36 -6
  222. package/dist/packages/fixednav/fixednav.scss +27 -14
  223. package/dist/packages/form/form.scss +4 -4
  224. package/dist/packages/formitem/formitem.scss +6 -6
  225. package/dist/packages/grid/grid.scss +1 -1
  226. package/dist/packages/griditem/griditem.scss +16 -15
  227. package/dist/packages/image/image.scss +4 -2
  228. package/dist/packages/imagepreview/imagepreview.scss +1 -11
  229. package/dist/packages/indicator/indicator.scss +9 -9
  230. package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
  231. package/dist/packages/input/input.scss +4 -2
  232. package/dist/packages/inputnumber/inputnumber.scss +21 -18
  233. package/dist/packages/loading/loading.scss +3 -3
  234. package/dist/packages/menu/menu.scss +22 -30
  235. package/dist/packages/menuitem/menuitem.scss +55 -56
  236. package/dist/packages/navbar/navbar.scss +52 -16
  237. package/dist/packages/noticebar/noticebar.scss +12 -11
  238. package/dist/packages/notify/notify.scss +10 -18
  239. package/dist/packages/numberkeyboard/numberkeyboard.scss +19 -17
  240. package/dist/packages/pagination/pagination.scss +32 -9
  241. package/dist/packages/picker/picker.scss +19 -19
  242. package/dist/packages/popover/popover.scss +51 -35
  243. package/dist/packages/popup/popup.scss +225 -213
  244. package/dist/packages/price/price.scss +20 -9
  245. package/dist/packages/progress/progress.scss +1 -1
  246. package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
  247. package/dist/packages/radio/radio.scss +45 -40
  248. package/dist/packages/radiogroup/radiogroup.scss +18 -18
  249. package/dist/packages/range/range.scss +15 -4
  250. package/dist/packages/rate/rate.scss +8 -9
  251. package/dist/packages/searchbar/searchbar.scss +67 -42
  252. package/dist/packages/shortpassword/shortpassword.scss +24 -24
  253. package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
  254. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
  255. package/dist/packages/signature/signature.scss +5 -2
  256. package/dist/packages/skeleton/skeleton.scss +8 -8
  257. package/dist/packages/step/step.scss +27 -32
  258. package/dist/packages/sticky/sticky.scss +1 -1
  259. package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
  260. package/dist/packages/swipe/swipe.scss +8 -5
  261. package/dist/packages/swiper/swiper.scss +4 -4
  262. package/dist/packages/switch/switch.scss +39 -28
  263. package/dist/packages/tabbar/tabbar.scss +4 -4
  264. package/dist/packages/tabbaritem/tabbaritem.scss +8 -1
  265. package/dist/packages/table/table.scss +28 -28
  266. package/dist/packages/tabpane/tabpane.scss +2 -2
  267. package/dist/packages/tabs/tabs.scss +181 -137
  268. package/dist/packages/tag/tag.scss +12 -12
  269. package/dist/packages/textarea/textarea.scss +6 -6
  270. package/dist/packages/timedetail/timedetail.scss +8 -9
  271. package/dist/packages/timeselect/timeselect.scss +12 -21
  272. package/dist/packages/toast/toast.scss +37 -22
  273. package/dist/packages/tour/tour.scss +9 -4
  274. package/dist/packages/trendarrow/trendarrow.scss +8 -3
  275. package/dist/packages/uploader/uploader.scss +41 -37
  276. package/dist/packages/virtuallist/virtuallist.scss +13 -3
  277. package/dist/packages/watermark/watermark.scss +1 -0
  278. package/dist/style.css +1 -1
  279. package/dist/style.mjs +1 -1
  280. package/dist/styles/theme-dark.scss +118 -23
  281. package/dist/styles/theme-default.scss +114 -32
  282. package/dist/styles/theme-jmapp.scss +158 -32
  283. package/dist/styles/variables-jmapp.scss +1120 -1258
  284. package/dist/styles/variables.scss +953 -1174
  285. package/dist/types/packages/animate/animate.d.ts +1 -1
  286. package/dist/types/packages/button/button.d.ts +3 -2
  287. package/dist/types/packages/checkbox/checkbox.d.ts +2 -0
  288. package/dist/types/packages/configprovider/types.d.ts +1 -1
  289. package/dist/types/packages/dialog/config.d.ts +1 -0
  290. package/dist/types/packages/dialog/content.d.ts +1 -0
  291. package/dist/types/packages/empty/empty.d.ts +5 -1
  292. package/dist/types/packages/empty/index.d.ts +1 -0
  293. package/dist/types/packages/empty/types.d.ts +3 -0
  294. package/dist/types/packages/navbar/navbar.d.ts +1 -0
  295. package/dist/types/packages/pagination/pagination.d.ts +1 -1
  296. package/dist/types/packages/popover/popover.d.ts +4 -0
  297. package/dist/types/packages/popup/popup.d.ts +15 -2
  298. package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
  299. package/dist/types/packages/swipe/swipe.d.ts +6 -6
  300. package/dist/types/packages/tabs/tabs.d.ts +2 -2
  301. package/package.json +2 -2
package/dist/packages/picker/picker.scss CHANGED
@@ -1,39 +1,39 @@
1
1
 
2
2
  .nut-picker {
3
- background-color: $background-color3;
3
+ background-color: $color-background-overlay;
4
4
  width: 100%;
5
5
 
6
- &__control {
6
+ &-control {
7
7
  display: flex;
8
- height: 56px;
9
- font-size: 16px;
8
+ height: $popup-title-height;
9
+ font-size: $popup-title-font-size;
10
10
  align-items: center;
11
11
  justify-content: space-between;
12
- padding: $picker-bar-button-padding;
12
+ padding: $popup-title-padding;
13
13
  }
14
14
 
15
- &__cancel-btn {
16
- color: $picker-bar-cancel-color;
17
- font-size: $picker-bar-cancel-font-size;
15
+ &-cancel-btn {
16
+ color: $color-text;
17
+ font-size: $picker-title-cancel-font-size;
18
18
  }
19
19
 
20
- &__confirm-btn {
21
- color: $picker-bar-ok-color;
22
- font-size: $picker-bar-ok-font-size;
20
+ &-confirm-btn {
21
+ color: $color-primary;
22
+ font-size: $picker-title-ok-font-size;
23
23
  }
24
24
 
25
- &__title {
25
+ &-title {
26
26
  flex: 1;
27
27
  overflow: hidden;
28
28
  text-overflow: ellipsis;
29
29
  white-space: nowrap;
30
30
  text-align: center;
31
- color: $picker-bar-title-color;
32
- font-size: $picker-bar-title-font-size;
33
- font-weight: $picker-bar-title-font-weight;
31
+ color: $color-title;
32
+ font-size: $popup-title-font-size;
33
+ font-weight: $font-weight-bold;
34
34
  }
35
35
 
36
- &__panel {
36
+ &-panel {
37
37
  display: flex;
38
38
  position: relative;
39
39
  }
@@ -81,7 +81,7 @@
81
81
  left: 0;
82
82
  right: 0;
83
83
  bottom: 0;
84
- background-image: $picker-mask-bg-img;
84
+ background-image: $picker-mask-background;
85
85
  background-position: top, bottom;
86
86
  background-size: 100% 108px;
87
87
  background-repeat: no-repeat;
@@ -144,8 +144,8 @@
144
144
  height: $picker-item-height;
145
145
  line-height: $picker-item-height;
146
146
  text-align: center;
147
- color: $picker-item-text-color;
148
- font-size: $picker-bar-title-font-size;
147
+ color: $color-title;
148
+ font-size: $font-size-base;
149
149
  }
150
150
 
151
151
  &-roller-item-hidden {
package/dist/packages/popover/popover.scss CHANGED
@@ -12,28 +12,28 @@
12
12
 
13
13
  &-top {
14
14
  bottom: 0;
15
- border-top-color: $popover-white-background-color;
15
+ border-top-color: $popover-border-color;
16
16
  border-bottom-width: 0;
17
17
  margin-bottom: -8px;
18
18
  }
19
19
 
20
20
  &-bottom {
21
21
  top: 0px;
22
- border-bottom-color: $popover-white-background-color;
22
+ border-bottom-color: $popover-border-color;
23
23
  border-top-width: 0;
24
24
  margin-top: -8px;
25
25
 
26
- &.nut-popover-arrow--bottom {
26
+ &.nut-popover-arrow-bottom {
27
27
  left: 50%;
28
28
  transform: translateX(-50%);
29
29
  }
30
30
 
31
- &.nut-popover-arrow--bottom-start {
31
+ &.nut-popover-arrow-bottom-start {
32
32
  left: 16px;
33
33
  transform: translateX(0%);
34
34
  }
35
35
 
36
- &.nut-popover-arrow--bottom-end {
36
+ &.nut-popover-arrow-bottom-end {
37
37
  right: 16px;
38
38
  transform: translateX(0%);
39
39
  }
@@ -41,21 +41,21 @@
41
41
 
42
42
  &-left {
43
43
  right: 0px;
44
- border-left-color: $popover-white-background-color;
44
+ border-left-color: $popover-border-color;
45
45
  border-right-width: 0;
46
46
  margin-right: -8px;
47
47
 
48
- &.nut-popover-arrow--left {
48
+ &.nut-popover-arrow-left {
49
49
  top: 50%;
50
50
  transform: translateY(-50%);
51
51
  }
52
52
 
53
- &.nut-popover-arrow--left-start {
53
+ &.nut-popover-arrow-left-start {
54
54
  top: 16px;
55
55
  transform: translateY(0%);
56
56
  }
57
57
 
58
- &.nut-popover-arrow--left-end {
58
+ &.nut-popover-arrow-left-end {
59
59
  bottom: 16px;
60
60
  transform: translateY(0%);
61
61
  }
@@ -63,21 +63,21 @@
63
63
 
64
64
  &-right {
65
65
  left: 0px;
66
- border-right-color: $popover-white-background-color;
66
+ border-right-color: $popover-border-color;
67
67
  border-left-width: 0;
68
68
  margin-left: -8px;
69
69
 
70
- &.nut-popover-arrow--right {
70
+ &.nut-popover-arrow-right {
71
71
  top: 50%;
72
72
  transform: translateY(-50%);
73
73
  }
74
74
 
75
- &.nut-popover-arrow--right-start {
75
+ &.nut-popover-arrow-right-start {
76
76
  top: 16px;
77
77
  transform: translateY(0%);
78
78
  }
79
79
 
80
- &.nut-popover-arrow--right-end {
80
+ &.nut-popover-arrow-right-end {
81
81
  bottom: 16px;
82
82
  transform: translateY(0%);
83
83
  }
@@ -91,7 +91,7 @@
91
91
  font-size: $popover-font-size;
92
92
  font-family: PingFangSC;
93
93
  font-weight: normal;
94
- color: $popover-primary-text-color;
94
+ color: $popover-text-color;
95
95
  box-shadow: 0 2px 12px #3232331f;
96
96
  max-height: initial;
97
97
  overflow-y: initial;
@@ -103,22 +103,18 @@
103
103
  }
104
104
 
105
105
  .nut-popover-menu-item {
106
+ position: relative;
106
107
  display: flex;
107
108
  align-items: center;
109
+ justify-content: center;
108
110
  padding: $popover-menu-item-padding;
109
- border-bottom: 1px solid $popover-border-bottom-color;
111
+ border-bottom: 1px solid $popover-divider-color;
110
112
 
111
113
  &:last-child {
112
114
  margin-bottom: 2px;
113
115
  border-bottom: none;
114
116
  }
115
117
 
116
- &:hover {
117
- cursor: pointer;
118
- color: $popover-menu-item-hover-text-color;
119
- background-color: $popover-menu-item-hover-background-color;
120
- }
121
-
122
118
  &:hover:nth-of-type(2) {
123
119
  border-radius: 8px 8px 0px 0px;
124
120
  }
@@ -127,9 +123,31 @@
127
123
  border-radius: 0px 0px 8px 8px;
128
124
  }
129
125
 
130
- .nut-popover-menu-item-name {
126
+ &-icon {
127
+ display: flex;
128
+ justify-content: center;
129
+ align-items: center;
130
+ width: 12px;
131
+ height: 12px;
132
+ font-size: 12px;
133
+ }
134
+
135
+ &-name {
131
136
  width: 100%;
132
137
  word-break: keep-all;
138
+ margin-left: 4px;
139
+ }
140
+
141
+ &-action-icon {
142
+ position: absolute;
143
+ right: $popover-menu-item-padding;
144
+ display: flex;
145
+ justify-content: center;
146
+ align-items: center;
147
+ width: 12px;
148
+ height: 12px;
149
+ font-size: 12px;
150
+ color: $color-text;
133
151
  }
134
152
 
135
153
  &.nut-popover-menu-disabled {
@@ -142,48 +160,46 @@
142
160
  }
143
161
  }
144
162
 
145
- &--top {
146
- .nut-popover-arrow--top {
163
+ &-top {
164
+ .nut-popover-arrow-top {
147
165
  left: 50%;
148
166
  transform: translateX(-50%);
149
167
  }
150
168
  }
151
169
 
152
- &--top-end {
153
- .nut-popover-arrow--top-end {
170
+ &-top-end {
171
+ .nut-popover-arrow-top-end {
154
172
  right: 16px;
155
173
  transform: translateX(0%);
156
174
  }
157
-
158
175
  right: 0;
159
176
  }
160
177
 
161
- &--top-start {
178
+ &-top-start {
162
179
  left: 0;
163
-
164
- .nut-popover-arrow--top-start {
180
+ .nut-popover-arrow-top-start {
165
181
  left: 16px;
166
182
  transform: translateX(0%);
167
183
  }
168
184
  }
169
185
 
170
- &--bottom-end {
186
+ &-bottom-end {
171
187
  right: 0;
172
188
  }
173
189
 
174
- &--left-end {
190
+ &-left-end {
175
191
  bottom: 0;
176
192
  }
177
193
 
178
- &--left-start {
194
+ &-left-start {
179
195
  top: 0;
180
196
  }
181
197
 
182
- &--right-end {
198
+ &-right-end {
183
199
  bottom: 0;
184
200
  }
185
201
 
186
- &--right-start {
202
+ &-right-start {
187
203
  top: 0;
188
204
  }
189
205
  }