assui 2.0.2 → 2.0.6

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 (245) hide show
  1. package/es/button-drawer/index.d.ts +10 -0
  2. package/es/button-drawer/index.js +116 -0
  3. package/es/button-drawer/style/index.d.ts +1 -0
  4. package/es/button-drawer/style/index.js +1 -0
  5. package/es/button-modal/index.d.ts +14 -0
  6. package/es/button-modal/index.js +131 -0
  7. package/es/button-modal/style/index.d.ts +1 -0
  8. package/es/button-modal/style/index.js +1 -0
  9. package/es/condition-input/index.d.ts +15 -0
  10. package/es/condition-input/index.js +108 -0
  11. package/es/condition-input/parse2RegexOption.d.ts +13 -0
  12. package/es/condition-input/parse2RegexOption.js +57 -0
  13. package/es/condition-input/style/index.d.ts +1 -0
  14. package/es/condition-input/style/index.js +1 -0
  15. package/es/copy-to-clipboard/index.d.ts +22 -0
  16. package/es/copy-to-clipboard/index.js +95 -0
  17. package/es/copy-to-clipboard/style/index.css +249 -0
  18. package/es/copy-to-clipboard/style/index.d.ts +1 -0
  19. package/es/copy-to-clipboard/style/index.js +1 -0
  20. package/es/copy-to-clipboard/style/index.less +1 -0
  21. package/es/highlight-textarea/HighlighedContents.d.ts +7 -0
  22. package/es/highlight-textarea/HighlighedContents.js +15 -0
  23. package/es/highlight-textarea/extractSpansOfClasses.d.ts +15 -0
  24. package/es/highlight-textarea/extractSpansOfClasses.js +159 -0
  25. package/es/highlight-textarea/getRanges.d.ts +2 -0
  26. package/es/highlight-textarea/getRanges.js +142 -0
  27. package/es/highlight-textarea/getType.d.ts +2 -0
  28. package/es/highlight-textarea/getType.js +29 -0
  29. package/es/highlight-textarea/index.d.ts +12 -0
  30. package/es/highlight-textarea/index.js +132 -0
  31. package/es/highlight-textarea/style/index.css +38 -0
  32. package/es/highlight-textarea/style/index.d.ts +2 -0
  33. package/es/highlight-textarea/style/index.js +2 -0
  34. package/es/highlight-textarea/style/index.less +42 -0
  35. package/es/highlight-textarea/types.d.ts +16 -0
  36. package/es/highlight-textarea/types.js +0 -0
  37. package/es/highlight-words/index.d.ts +3 -0
  38. package/es/highlight-words/index.js +2 -0
  39. package/es/highlight-words/style/index.d.ts +1 -0
  40. package/es/highlight-words/style/index.js +0 -0
  41. package/es/icon/demo/svg/check-circle-filled.svg +6 -0
  42. package/es/icon/demo/svg/coin-circle.svg +9 -0
  43. package/es/icon/index.d.ts +27 -0
  44. package/es/icon/index.js +95 -0
  45. package/es/icon/style/index.d.ts +1 -0
  46. package/es/icon/style/index.js +0 -0
  47. package/es/icon/utils.d.ts +6 -0
  48. package/es/icon/utils.js +22 -0
  49. package/es/img-crop/EasyCrop.d.ts +6 -0
  50. package/es/img-crop/EasyCrop.js +113 -0
  51. package/es/img-crop/getCroppedImg.d.ts +6 -0
  52. package/es/img-crop/getCroppedImg.js +199 -0
  53. package/es/img-crop/index.d.ts +53 -0
  54. package/es/img-crop/index.js +531 -0
  55. package/es/img-crop/style/index.css +52 -0
  56. package/es/img-crop/style/index.d.ts +3 -0
  57. package/es/img-crop/style/index.js +3 -0
  58. package/es/img-crop/style/index.less +54 -0
  59. package/es/index.d.ts +34 -2
  60. package/es/index.js +18 -2
  61. package/es/keep-tab/demo/index.modules.less +66 -0
  62. package/es/keep-tab/index.d.ts +29 -0
  63. package/es/keep-tab/index.js +129 -0
  64. package/es/keep-tab/style/index.css +1129 -0
  65. package/es/keep-tab/style/index.d.ts +2 -0
  66. package/es/keep-tab/style/index.js +2 -0
  67. package/es/keep-tab/style/index.less +2 -0
  68. package/es/number-input/index.d.ts +22 -7
  69. package/es/number-input/index.js +22 -11
  70. package/es/number-input/style/index.d.ts +1 -1
  71. package/es/number-input/style/index.js +1 -1
  72. package/es/number-input/utils.d.ts +10 -11
  73. package/es/number-input/utils.js +7 -7
  74. package/es/rc-echart/core.d.ts +32 -0
  75. package/es/rc-echart/core.js +136 -0
  76. package/es/rc-echart/index.d.ts +21 -0
  77. package/es/rc-echart/index.js +27 -0
  78. package/es/rc-echart/style/index.d.ts +1 -0
  79. package/es/rc-echart/style/index.js +0 -0
  80. package/es/rc-motion/demo/CSSMotion.less +91 -0
  81. package/es/rc-motion/index.d.ts +2 -0
  82. package/es/rc-motion/index.js +2 -0
  83. package/es/rc-motion/style/index.d.ts +1 -0
  84. package/es/rc-motion/style/index.js +0 -0
  85. package/es/rc-qrcode/index.d.ts +20 -0
  86. package/es/rc-qrcode/index.js +57 -0
  87. package/es/rc-qrcode/style/index.d.ts +1 -0
  88. package/es/rc-qrcode/style/index.js +0 -0
  89. package/es/rc-qrcode/useQrcode.d.ts +4 -0
  90. package/es/rc-qrcode/useQrcode.js +50 -0
  91. package/es/rc-transition-group/index.d.ts +2 -0
  92. package/es/rc-transition-group/index.js +2 -0
  93. package/es/rc-transition-group/style/index.d.ts +1 -0
  94. package/es/rc-transition-group/style/index.js +0 -0
  95. package/es/single-img-upload/index.d.ts +19 -0
  96. package/es/single-img-upload/index.js +199 -0
  97. package/es/single-img-upload/style/index.css +74 -0
  98. package/es/single-img-upload/style/index.d.ts +3 -0
  99. package/es/single-img-upload/style/index.js +3 -0
  100. package/es/single-img-upload/style/index.less +85 -0
  101. package/es/sortable-hoc/demo/VerticalListBase/index.modules.less +63 -0
  102. package/es/sortable-hoc/demo/index.modules.less +248 -0
  103. package/es/sortable-hoc/index.d.ts +2 -0
  104. package/es/sortable-hoc/index.js +2 -0
  105. package/es/sortable-hoc/style/index.d.ts +1 -0
  106. package/es/sortable-hoc/style/index.js +0 -0
  107. package/es/split-pane/index.d.ts +59 -0
  108. package/es/split-pane/index.js +21 -0
  109. package/es/split-pane/style/index.css +41 -0
  110. package/es/split-pane/style/index.d.ts +1 -0
  111. package/es/split-pane/style/index.js +1 -0
  112. package/es/split-pane/style/index.less +49 -0
  113. package/es/text-area/index.d.ts +12 -0
  114. package/es/text-area/index.js +96 -0
  115. package/es/text-area/style/index.d.ts +1 -0
  116. package/es/text-area/style/index.js +1 -0
  117. package/es/text-input/index.d.ts +5 -0
  118. package/es/text-input/index.js +85 -0
  119. package/es/{number-input → text-input}/style/index.css +0 -3
  120. package/es/text-input/style/index.d.ts +1 -0
  121. package/es/text-input/style/index.js +1 -0
  122. package/es/{number-input → text-input}/style/index.less +0 -4
  123. package/lib/button-drawer/index.d.ts +10 -0
  124. package/lib/button-drawer/index.js +164 -0
  125. package/lib/button-drawer/style/index.d.ts +1 -0
  126. package/lib/button-drawer/style/index.js +7 -0
  127. package/lib/button-modal/index.d.ts +14 -0
  128. package/lib/button-modal/index.js +178 -0
  129. package/lib/button-modal/style/index.d.ts +1 -0
  130. package/lib/button-modal/style/index.js +7 -0
  131. package/lib/condition-input/index.d.ts +15 -0
  132. package/lib/condition-input/index.js +158 -0
  133. package/lib/condition-input/parse2RegexOption.d.ts +13 -0
  134. package/lib/condition-input/parse2RegexOption.js +72 -0
  135. package/lib/condition-input/style/index.d.ts +1 -0
  136. package/lib/condition-input/style/index.js +7 -0
  137. package/lib/copy-to-clipboard/index.d.ts +22 -0
  138. package/lib/copy-to-clipboard/index.js +143 -0
  139. package/lib/copy-to-clipboard/style/index.css +249 -0
  140. package/lib/copy-to-clipboard/style/index.d.ts +1 -0
  141. package/lib/copy-to-clipboard/style/index.js +7 -0
  142. package/lib/copy-to-clipboard/style/index.less +1 -0
  143. package/lib/highlight-textarea/HighlighedContents.d.ts +7 -0
  144. package/lib/highlight-textarea/HighlighedContents.js +29 -0
  145. package/lib/highlight-textarea/extractSpansOfClasses.d.ts +15 -0
  146. package/lib/highlight-textarea/extractSpansOfClasses.js +173 -0
  147. package/lib/highlight-textarea/getRanges.d.ts +2 -0
  148. package/lib/highlight-textarea/getRanges.js +156 -0
  149. package/lib/highlight-textarea/getType.d.ts +2 -0
  150. package/lib/highlight-textarea/getType.js +37 -0
  151. package/lib/highlight-textarea/index.d.ts +12 -0
  152. package/lib/highlight-textarea/index.js +183 -0
  153. package/lib/highlight-textarea/style/index.css +38 -0
  154. package/lib/highlight-textarea/style/index.d.ts +2 -0
  155. package/lib/highlight-textarea/style/index.js +9 -0
  156. package/lib/highlight-textarea/style/index.less +42 -0
  157. package/lib/highlight-textarea/types.d.ts +16 -0
  158. package/lib/highlight-textarea/types.js +5 -0
  159. package/lib/highlight-words/index.d.ts +3 -0
  160. package/lib/highlight-words/index.js +15 -0
  161. package/lib/highlight-words/style/index.d.ts +1 -0
  162. package/lib/highlight-words/style/index.js +0 -0
  163. package/lib/icon/demo/svg/check-circle-filled.svg +6 -0
  164. package/lib/icon/demo/svg/coin-circle.svg +9 -0
  165. package/lib/icon/index.d.ts +27 -0
  166. package/lib/icon/index.js +143 -0
  167. package/lib/icon/style/index.d.ts +1 -0
  168. package/lib/icon/style/index.js +0 -0
  169. package/lib/icon/utils.d.ts +6 -0
  170. package/lib/icon/utils.js +32 -0
  171. package/lib/img-crop/EasyCrop.d.ts +6 -0
  172. package/lib/img-crop/EasyCrop.js +160 -0
  173. package/lib/img-crop/getCroppedImg.d.ts +6 -0
  174. package/lib/img-crop/getCroppedImg.js +205 -0
  175. package/lib/img-crop/index.d.ts +53 -0
  176. package/lib/img-crop/index.js +582 -0
  177. package/lib/img-crop/style/index.css +52 -0
  178. package/lib/img-crop/style/index.d.ts +3 -0
  179. package/lib/img-crop/style/index.js +11 -0
  180. package/lib/img-crop/style/index.less +54 -0
  181. package/lib/index.d.ts +34 -2
  182. package/lib/index.js +160 -9
  183. package/lib/keep-tab/demo/index.modules.less +66 -0
  184. package/lib/keep-tab/index.d.ts +29 -0
  185. package/lib/keep-tab/index.js +181 -0
  186. package/lib/keep-tab/style/index.css +1129 -0
  187. package/lib/keep-tab/style/index.d.ts +2 -0
  188. package/lib/keep-tab/style/index.js +9 -0
  189. package/lib/keep-tab/style/index.less +2 -0
  190. package/lib/number-input/index.d.ts +22 -7
  191. package/lib/number-input/index.js +22 -11
  192. package/lib/number-input/style/index.d.ts +1 -1
  193. package/lib/number-input/style/index.js +1 -1
  194. package/lib/number-input/utils.d.ts +10 -11
  195. package/lib/number-input/utils.js +8 -8
  196. package/lib/rc-echart/core.d.ts +32 -0
  197. package/lib/rc-echart/core.js +185 -0
  198. package/lib/rc-echart/index.d.ts +21 -0
  199. package/lib/rc-echart/index.js +75 -0
  200. package/lib/rc-echart/style/index.d.ts +1 -0
  201. package/lib/rc-echart/style/index.js +0 -0
  202. package/lib/rc-motion/demo/CSSMotion.less +91 -0
  203. package/lib/rc-motion/index.d.ts +2 -0
  204. package/lib/rc-motion/index.js +43 -0
  205. package/lib/rc-motion/style/index.d.ts +1 -0
  206. package/lib/rc-motion/style/index.js +0 -0
  207. package/lib/rc-qrcode/index.d.ts +20 -0
  208. package/lib/rc-qrcode/index.js +108 -0
  209. package/lib/rc-qrcode/style/index.d.ts +1 -0
  210. package/lib/rc-qrcode/style/index.js +0 -0
  211. package/lib/rc-qrcode/useQrcode.d.ts +4 -0
  212. package/lib/rc-qrcode/useQrcode.js +66 -0
  213. package/lib/rc-transition-group/index.d.ts +2 -0
  214. package/lib/rc-transition-group/index.js +43 -0
  215. package/lib/rc-transition-group/style/index.d.ts +1 -0
  216. package/lib/rc-transition-group/style/index.js +0 -0
  217. package/lib/single-img-upload/index.d.ts +19 -0
  218. package/lib/single-img-upload/index.js +250 -0
  219. package/lib/single-img-upload/style/index.css +74 -0
  220. package/lib/single-img-upload/style/index.d.ts +3 -0
  221. package/lib/single-img-upload/style/index.js +11 -0
  222. package/lib/single-img-upload/style/index.less +85 -0
  223. package/lib/sortable-hoc/demo/VerticalListBase/index.modules.less +63 -0
  224. package/lib/sortable-hoc/demo/index.modules.less +248 -0
  225. package/lib/sortable-hoc/index.d.ts +2 -0
  226. package/lib/sortable-hoc/index.js +43 -0
  227. package/lib/sortable-hoc/style/index.d.ts +1 -0
  228. package/lib/sortable-hoc/style/index.js +0 -0
  229. package/lib/split-pane/index.d.ts +59 -0
  230. package/lib/split-pane/index.js +69 -0
  231. package/lib/split-pane/style/index.css +41 -0
  232. package/lib/split-pane/style/index.d.ts +1 -0
  233. package/lib/split-pane/style/index.js +7 -0
  234. package/lib/split-pane/style/index.less +49 -0
  235. package/lib/text-area/index.d.ts +12 -0
  236. package/lib/text-area/index.js +144 -0
  237. package/lib/text-area/style/index.d.ts +1 -0
  238. package/lib/text-area/style/index.js +7 -0
  239. package/lib/text-input/index.d.ts +5 -0
  240. package/lib/text-input/index.js +99 -0
  241. package/lib/{number-input → text-input}/style/index.css +0 -3
  242. package/lib/text-input/style/index.d.ts +1 -0
  243. package/lib/text-input/style/index.js +7 -0
  244. package/lib/{number-input → text-input}/style/index.less +0 -4
  245. package/package.json +20 -3
@@ -0,0 +1,1129 @@
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable no-duplicate-selectors */
3
+ /* stylelint-disable */
4
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
+ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
6
+ padding: 8px 0;
7
+ font-size: 14px;
8
+ }
9
+ .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
10
+ padding: 16px 0;
11
+ font-size: 16px;
12
+ }
13
+ .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
14
+ padding: 6px 16px;
15
+ }
16
+ .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
17
+ padding: 7px 16px 6px;
18
+ }
19
+ .ant-tabs-rtl {
20
+ direction: rtl;
21
+ }
22
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
23
+ margin: 0 0 0 32px;
24
+ }
25
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
26
+ margin-left: 0;
27
+ }
28
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
29
+ margin-right: 0;
30
+ margin-left: 12px;
31
+ }
32
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
33
+ margin-right: 8px;
34
+ margin-left: -4px;
35
+ }
36
+ .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
37
+ margin: 0;
38
+ }
39
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
40
+ order: 1;
41
+ }
42
+ .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
43
+ order: 0;
44
+ }
45
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
46
+ order: 0;
47
+ }
48
+ .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
49
+ order: 1;
50
+ }
51
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
52
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
53
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
54
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
55
+ margin-right: 2px;
56
+ margin-left: 0;
57
+ }
58
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
59
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
60
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
61
+ .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
62
+ margin-right: 2px;
63
+ margin-left: 0;
64
+ }
65
+ .ant-tabs-dropdown-rtl {
66
+ direction: rtl;
67
+ }
68
+ .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
69
+ text-align: right;
70
+ }
71
+ .ant-tabs-top,
72
+ .ant-tabs-bottom {
73
+ flex-direction: column;
74
+ }
75
+ .ant-tabs-top > .ant-tabs-nav,
76
+ .ant-tabs-bottom > .ant-tabs-nav,
77
+ .ant-tabs-top > div > .ant-tabs-nav,
78
+ .ant-tabs-bottom > div > .ant-tabs-nav {
79
+ margin: 0 0 16px 0;
80
+ }
81
+ .ant-tabs-top > .ant-tabs-nav::before,
82
+ .ant-tabs-bottom > .ant-tabs-nav::before,
83
+ .ant-tabs-top > div > .ant-tabs-nav::before,
84
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
85
+ position: absolute;
86
+ right: 0;
87
+ left: 0;
88
+ border-bottom: 1px solid #f0f0f0;
89
+ content: '';
90
+ }
91
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
92
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
93
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
94
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
95
+ height: 2px;
96
+ }
97
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
98
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
99
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
100
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
101
+ transition: width 0.3s, left 0.3s, right 0.3s;
102
+ }
103
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
104
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
105
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
106
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
107
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
108
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
109
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
110
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
111
+ top: 0;
112
+ bottom: 0;
113
+ width: 30px;
114
+ }
115
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
116
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
117
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
118
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
119
+ left: 0;
120
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
121
+ }
122
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
123
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
124
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
125
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
126
+ right: 0;
127
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
128
+ }
129
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
130
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
131
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
132
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
133
+ opacity: 1;
134
+ }
135
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
136
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
137
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
138
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
139
+ opacity: 1;
140
+ }
141
+ .ant-tabs-top > .ant-tabs-nav::before,
142
+ .ant-tabs-top > div > .ant-tabs-nav::before {
143
+ bottom: 0;
144
+ }
145
+ .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
146
+ .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
147
+ bottom: 0;
148
+ }
149
+ .ant-tabs-bottom > .ant-tabs-nav,
150
+ .ant-tabs-bottom > div > .ant-tabs-nav {
151
+ order: 1;
152
+ margin-top: 16px;
153
+ margin-bottom: 0;
154
+ }
155
+ .ant-tabs-bottom > .ant-tabs-nav::before,
156
+ .ant-tabs-bottom > div > .ant-tabs-nav::before {
157
+ top: 0;
158
+ }
159
+ .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
160
+ .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
161
+ top: 0;
162
+ }
163
+ .ant-tabs-bottom > .ant-tabs-content-holder,
164
+ .ant-tabs-bottom > div > .ant-tabs-content-holder {
165
+ order: 0;
166
+ }
167
+ .ant-tabs-left > .ant-tabs-nav,
168
+ .ant-tabs-right > .ant-tabs-nav,
169
+ .ant-tabs-left > div > .ant-tabs-nav,
170
+ .ant-tabs-right > div > .ant-tabs-nav {
171
+ flex-direction: column;
172
+ min-width: 50px;
173
+ }
174
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
175
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
176
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
177
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
178
+ padding: 8px 24px;
179
+ text-align: center;
180
+ }
181
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
182
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
183
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
184
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
185
+ margin: 16px 0 0 0;
186
+ }
187
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
188
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
189
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
190
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
191
+ flex-direction: column;
192
+ }
193
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
194
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
195
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
196
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
197
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
198
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
199
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
200
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
201
+ right: 0;
202
+ left: 0;
203
+ height: 30px;
204
+ }
205
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
206
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
207
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
208
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
209
+ top: 0;
210
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
211
+ }
212
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
213
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
214
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
215
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
216
+ bottom: 0;
217
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
218
+ }
219
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
220
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
221
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
222
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
223
+ opacity: 1;
224
+ }
225
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
226
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
227
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
228
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
229
+ opacity: 1;
230
+ }
231
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
232
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
233
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
234
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
235
+ width: 2px;
236
+ }
237
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
238
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
239
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
240
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
241
+ transition: height 0.3s, top 0.3s;
242
+ }
243
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
244
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
245
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
246
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
247
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
248
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
249
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
250
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
251
+ flex: 1 0 auto;
252
+ flex-direction: column;
253
+ }
254
+ .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
255
+ .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
256
+ right: 0;
257
+ }
258
+ .ant-tabs-left > .ant-tabs-content-holder,
259
+ .ant-tabs-left > div > .ant-tabs-content-holder {
260
+ margin-left: -1px;
261
+ border-left: 1px solid #f0f0f0;
262
+ }
263
+ .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
264
+ .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
265
+ padding-left: 24px;
266
+ }
267
+ .ant-tabs-right > .ant-tabs-nav,
268
+ .ant-tabs-right > div > .ant-tabs-nav {
269
+ order: 1;
270
+ }
271
+ .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
272
+ .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
273
+ left: 0;
274
+ }
275
+ .ant-tabs-right > .ant-tabs-content-holder,
276
+ .ant-tabs-right > div > .ant-tabs-content-holder {
277
+ order: 0;
278
+ margin-right: -1px;
279
+ border-right: 1px solid #f0f0f0;
280
+ }
281
+ .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
282
+ .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
283
+ padding-right: 24px;
284
+ }
285
+ .ant-tabs-dropdown {
286
+ box-sizing: border-box;
287
+ margin: 0;
288
+ padding: 0;
289
+ color: rgba(0, 0, 0, 0.85);
290
+ font-size: 14px;
291
+ font-variant: tabular-nums;
292
+ line-height: 1.5715;
293
+ list-style: none;
294
+ font-feature-settings: 'tnum';
295
+ position: absolute;
296
+ top: -9999px;
297
+ left: -9999px;
298
+ z-index: 1050;
299
+ display: block;
300
+ }
301
+ .ant-tabs-dropdown-hidden {
302
+ display: none;
303
+ }
304
+ .ant-tabs-dropdown-menu {
305
+ max-height: 200px;
306
+ margin: 0;
307
+ padding: 4px 0;
308
+ overflow-x: hidden;
309
+ overflow-y: auto;
310
+ text-align: left;
311
+ list-style-type: none;
312
+ background-color: #fff;
313
+ background-clip: padding-box;
314
+ border-radius: 2px;
315
+ outline: none;
316
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
317
+ }
318
+ .ant-tabs-dropdown-menu-item {
319
+ min-width: 120px;
320
+ margin: 0;
321
+ padding: 5px 12px;
322
+ overflow: hidden;
323
+ color: rgba(0, 0, 0, 0.85);
324
+ font-weight: normal;
325
+ font-size: 14px;
326
+ line-height: 22px;
327
+ white-space: nowrap;
328
+ text-overflow: ellipsis;
329
+ cursor: pointer;
330
+ transition: all 0.3s;
331
+ }
332
+ .ant-tabs-dropdown-menu-item:hover {
333
+ background: #f5f5f5;
334
+ }
335
+ .ant-tabs-dropdown-menu-item-disabled,
336
+ .ant-tabs-dropdown-menu-item-disabled:hover {
337
+ color: rgba(0, 0, 0, 0.25);
338
+ background: transparent;
339
+ cursor: not-allowed;
340
+ }
341
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
342
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
343
+ margin: 0;
344
+ padding: 8px 16px;
345
+ background: #fafafa;
346
+ border: 1px solid #f0f0f0;
347
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
348
+ }
349
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
350
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
351
+ color: #1890ff;
352
+ background: #fff;
353
+ }
354
+ .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
355
+ .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
356
+ visibility: hidden;
357
+ }
358
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
359
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
360
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
361
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
362
+ margin-left: 2px;
363
+ }
364
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
365
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
366
+ border-radius: 2px 2px 0 0;
367
+ }
368
+ .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
369
+ .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
370
+ border-bottom-color: #fff;
371
+ }
372
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
373
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
374
+ border-radius: 0 0 2px 2px;
375
+ }
376
+ .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
377
+ .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
378
+ border-top-color: #fff;
379
+ }
380
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
381
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
382
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
383
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
384
+ margin-top: 2px;
385
+ }
386
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
387
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
388
+ border-radius: 2px 0 0 2px;
389
+ }
390
+ .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
391
+ .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
392
+ border-right-color: #fff;
393
+ }
394
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
395
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
396
+ border-radius: 0 2px 2px 0;
397
+ }
398
+ .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
399
+ .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
400
+ border-left-color: #fff;
401
+ }
402
+ .ant-tabs {
403
+ box-sizing: border-box;
404
+ margin: 0;
405
+ padding: 0;
406
+ color: rgba(0, 0, 0, 0.85);
407
+ font-size: 14px;
408
+ font-variant: tabular-nums;
409
+ line-height: 1.5715;
410
+ list-style: none;
411
+ font-feature-settings: 'tnum';
412
+ display: flex;
413
+ overflow: hidden;
414
+ }
415
+ .ant-tabs > .ant-tabs-nav,
416
+ .ant-tabs > div > .ant-tabs-nav {
417
+ position: relative;
418
+ display: flex;
419
+ flex: none;
420
+ align-items: center;
421
+ }
422
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
423
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
424
+ position: relative;
425
+ display: inline-block;
426
+ display: flex;
427
+ flex: auto;
428
+ align-self: stretch;
429
+ overflow: hidden;
430
+ white-space: nowrap;
431
+ transform: translate(0);
432
+ }
433
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
434
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
435
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
436
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
437
+ position: absolute;
438
+ z-index: 1;
439
+ opacity: 0;
440
+ transition: opacity 0.3s;
441
+ content: '';
442
+ pointer-events: none;
443
+ }
444
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
445
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
446
+ position: relative;
447
+ display: flex;
448
+ transition: transform 0.3s;
449
+ }
450
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
451
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
452
+ display: flex;
453
+ align-self: stretch;
454
+ }
455
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
456
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
457
+ position: absolute;
458
+ visibility: hidden;
459
+ pointer-events: none;
460
+ }
461
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
462
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
463
+ position: relative;
464
+ padding: 8px 16px;
465
+ background: transparent;
466
+ border: 0;
467
+ }
468
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
469
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
470
+ position: absolute;
471
+ right: 0;
472
+ bottom: 0;
473
+ left: 0;
474
+ height: 5px;
475
+ transform: translateY(100%);
476
+ content: '';
477
+ }
478
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
479
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
480
+ min-width: 40px;
481
+ margin-left: 2px;
482
+ padding: 0 8px;
483
+ background: #fafafa;
484
+ border: 1px solid #f0f0f0;
485
+ border-radius: 2px 2px 0 0;
486
+ outline: none;
487
+ cursor: pointer;
488
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
489
+ }
490
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
491
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
492
+ color: #40a9ff;
493
+ }
494
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
495
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
496
+ .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
497
+ .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
498
+ color: #096dd9;
499
+ }
500
+ .ant-tabs-extra-content {
501
+ flex: none;
502
+ }
503
+ .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
504
+ .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
505
+ justify-content: center;
506
+ }
507
+ .ant-tabs-ink-bar {
508
+ position: absolute;
509
+ background: #1890ff;
510
+ pointer-events: none;
511
+ }
512
+ .ant-tabs-tab {
513
+ position: relative;
514
+ display: inline-flex;
515
+ align-items: center;
516
+ padding: 12px 0;
517
+ font-size: 14px;
518
+ background: transparent;
519
+ border: 0;
520
+ outline: none;
521
+ cursor: pointer;
522
+ }
523
+ .ant-tabs-tab-btn:focus,
524
+ .ant-tabs-tab-remove:focus,
525
+ .ant-tabs-tab-btn:active,
526
+ .ant-tabs-tab-remove:active {
527
+ color: #096dd9;
528
+ }
529
+ .ant-tabs-tab-btn {
530
+ outline: none;
531
+ transition: all 0.3s;
532
+ }
533
+ .ant-tabs-tab-remove {
534
+ flex: none;
535
+ margin-right: -4px;
536
+ margin-left: 8px;
537
+ color: rgba(0, 0, 0, 0.45);
538
+ font-size: 12px;
539
+ background: transparent;
540
+ border: none;
541
+ outline: none;
542
+ cursor: pointer;
543
+ transition: all 0.3s;
544
+ }
545
+ .ant-tabs-tab-remove:hover {
546
+ color: rgba(0, 0, 0, 0.85);
547
+ }
548
+ .ant-tabs-tab:hover {
549
+ color: #40a9ff;
550
+ }
551
+ .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
552
+ color: #1890ff;
553
+ text-shadow: 0 0 0.25px currentColor;
554
+ }
555
+ .ant-tabs-tab.ant-tabs-tab-disabled {
556
+ color: rgba(0, 0, 0, 0.25);
557
+ cursor: not-allowed;
558
+ }
559
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
560
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
561
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
562
+ .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
563
+ color: rgba(0, 0, 0, 0.25);
564
+ }
565
+ .ant-tabs-tab .ant-tabs-tab-remove .anticon {
566
+ margin: 0;
567
+ }
568
+ .ant-tabs-tab .anticon {
569
+ margin-right: 12px;
570
+ }
571
+ .ant-tabs-tab + .ant-tabs-tab {
572
+ margin: 0 0 0 32px;
573
+ }
574
+ .ant-tabs-content {
575
+ display: flex;
576
+ width: 100%;
577
+ }
578
+ .ant-tabs-content-holder {
579
+ flex: auto;
580
+ min-width: 0;
581
+ min-height: 0;
582
+ }
583
+ .ant-tabs-content-animated {
584
+ transition: margin 0.3s;
585
+ }
586
+ .ant-tabs-tabpane {
587
+ flex: none;
588
+ width: 100%;
589
+ outline: none;
590
+ }
591
+ .ant-badge {
592
+ box-sizing: border-box;
593
+ margin: 0;
594
+ padding: 0;
595
+ color: rgba(0, 0, 0, 0.85);
596
+ font-size: 14px;
597
+ font-variant: tabular-nums;
598
+ line-height: 1.5715;
599
+ list-style: none;
600
+ font-feature-settings: 'tnum';
601
+ position: relative;
602
+ display: inline-block;
603
+ line-height: 1;
604
+ }
605
+ .ant-badge-count {
606
+ z-index: auto;
607
+ min-width: 20px;
608
+ height: 20px;
609
+ padding: 0 6px;
610
+ color: #fff;
611
+ font-weight: normal;
612
+ font-size: 12px;
613
+ line-height: 20px;
614
+ white-space: nowrap;
615
+ text-align: center;
616
+ background: #ff4d4f;
617
+ border-radius: 10px;
618
+ box-shadow: 0 0 0 1px #fff;
619
+ }
620
+ .ant-badge-count a,
621
+ .ant-badge-count a:hover {
622
+ color: #fff;
623
+ }
624
+ .ant-badge-count-sm {
625
+ min-width: 14px;
626
+ height: 14px;
627
+ padding: 0;
628
+ font-size: 12px;
629
+ line-height: 14px;
630
+ border-radius: 7px;
631
+ }
632
+ .ant-badge-multiple-words {
633
+ padding: 0 8px;
634
+ }
635
+ .ant-badge-dot {
636
+ z-index: auto;
637
+ width: 6px;
638
+ min-width: 6px;
639
+ height: 6px;
640
+ background: #ff4d4f;
641
+ border-radius: 100%;
642
+ box-shadow: 0 0 0 1px #fff;
643
+ }
644
+ .ant-badge-dot.ant-scroll-number {
645
+ transition: background 1.5s;
646
+ }
647
+ .ant-badge-count,
648
+ .ant-badge-dot,
649
+ .ant-badge .ant-scroll-number-custom-component {
650
+ position: absolute;
651
+ top: 0;
652
+ right: 0;
653
+ transform: translate(50%, -50%);
654
+ transform-origin: 100% 0%;
655
+ }
656
+ .ant-badge-count.anticon-spin,
657
+ .ant-badge-dot.anticon-spin,
658
+ .ant-badge .ant-scroll-number-custom-component.anticon-spin {
659
+ -webkit-animation: antBadgeLoadingCircle 1s infinite linear;
660
+ animation: antBadgeLoadingCircle 1s infinite linear;
661
+ }
662
+ .ant-badge-status {
663
+ line-height: inherit;
664
+ vertical-align: baseline;
665
+ }
666
+ .ant-badge-status-dot {
667
+ position: relative;
668
+ top: -1px;
669
+ display: inline-block;
670
+ width: 6px;
671
+ height: 6px;
672
+ vertical-align: middle;
673
+ border-radius: 50%;
674
+ }
675
+ .ant-badge-status-success {
676
+ background-color: #52c41a;
677
+ }
678
+ .ant-badge-status-processing {
679
+ position: relative;
680
+ background-color: #1890ff;
681
+ }
682
+ .ant-badge-status-processing::after {
683
+ position: absolute;
684
+ top: 0;
685
+ left: 0;
686
+ width: 100%;
687
+ height: 100%;
688
+ border: 1px solid #1890ff;
689
+ border-radius: 50%;
690
+ -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
691
+ animation: antStatusProcessing 1.2s infinite ease-in-out;
692
+ content: '';
693
+ }
694
+ .ant-badge-status-default {
695
+ background-color: #d9d9d9;
696
+ }
697
+ .ant-badge-status-error {
698
+ background-color: #ff4d4f;
699
+ }
700
+ .ant-badge-status-warning {
701
+ background-color: #faad14;
702
+ }
703
+ .ant-badge-status-pink {
704
+ background: #eb2f96;
705
+ }
706
+ .ant-badge-status-magenta {
707
+ background: #eb2f96;
708
+ }
709
+ .ant-badge-status-red {
710
+ background: #f5222d;
711
+ }
712
+ .ant-badge-status-volcano {
713
+ background: #fa541c;
714
+ }
715
+ .ant-badge-status-orange {
716
+ background: #fa8c16;
717
+ }
718
+ .ant-badge-status-yellow {
719
+ background: #fadb14;
720
+ }
721
+ .ant-badge-status-gold {
722
+ background: #faad14;
723
+ }
724
+ .ant-badge-status-cyan {
725
+ background: #13c2c2;
726
+ }
727
+ .ant-badge-status-lime {
728
+ background: #a0d911;
729
+ }
730
+ .ant-badge-status-green {
731
+ background: #52c41a;
732
+ }
733
+ .ant-badge-status-blue {
734
+ background: #1890ff;
735
+ }
736
+ .ant-badge-status-geekblue {
737
+ background: #2f54eb;
738
+ }
739
+ .ant-badge-status-purple {
740
+ background: #722ed1;
741
+ }
742
+ .ant-badge-status-text {
743
+ margin-left: 8px;
744
+ color: rgba(0, 0, 0, 0.85);
745
+ font-size: 14px;
746
+ }
747
+ .ant-badge-zoom-appear,
748
+ .ant-badge-zoom-enter {
749
+ -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
750
+ animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
751
+ -webkit-animation-fill-mode: both;
752
+ animation-fill-mode: both;
753
+ }
754
+ .ant-badge-zoom-leave {
755
+ -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
756
+ animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
757
+ -webkit-animation-fill-mode: both;
758
+ animation-fill-mode: both;
759
+ }
760
+ .ant-badge-not-a-wrapper .ant-badge-zoom-appear,
761
+ .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
762
+ -webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
763
+ animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
764
+ }
765
+ .ant-badge-not-a-wrapper .ant-badge-zoom-leave {
766
+ -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
767
+ animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
768
+ }
769
+ .ant-badge-not-a-wrapper:not(.ant-badge-status) {
770
+ vertical-align: middle;
771
+ }
772
+ .ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
773
+ transform: none;
774
+ }
775
+ .ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
776
+ .ant-badge-not-a-wrapper .ant-scroll-number {
777
+ position: relative;
778
+ top: auto;
779
+ display: block;
780
+ transform-origin: 50% 50%;
781
+ }
782
+ .ant-badge-not-a-wrapper .ant-badge-count {
783
+ transform: none;
784
+ }
785
+ @-webkit-keyframes antStatusProcessing {
786
+ 0% {
787
+ transform: scale(0.8);
788
+ opacity: 0.5;
789
+ }
790
+ 100% {
791
+ transform: scale(2.4);
792
+ opacity: 0;
793
+ }
794
+ }
795
+ @keyframes antStatusProcessing {
796
+ 0% {
797
+ transform: scale(0.8);
798
+ opacity: 0.5;
799
+ }
800
+ 100% {
801
+ transform: scale(2.4);
802
+ opacity: 0;
803
+ }
804
+ }
805
+ .ant-scroll-number {
806
+ overflow: hidden;
807
+ }
808
+ .ant-scroll-number-only {
809
+ position: relative;
810
+ display: inline-block;
811
+ height: 20px;
812
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
813
+ -webkit-transform-style: preserve-3d;
814
+ -webkit-backface-visibility: hidden;
815
+ }
816
+ .ant-scroll-number-only > p.ant-scroll-number-only-unit {
817
+ height: 20px;
818
+ margin: 0;
819
+ -webkit-transform-style: preserve-3d;
820
+ -webkit-backface-visibility: hidden;
821
+ }
822
+ .ant-scroll-number-symbol {
823
+ vertical-align: top;
824
+ }
825
+ @-webkit-keyframes antZoomBadgeIn {
826
+ 0% {
827
+ transform: scale(0) translate(50%, -50%);
828
+ opacity: 0;
829
+ }
830
+ 100% {
831
+ transform: scale(1) translate(50%, -50%);
832
+ }
833
+ }
834
+ @keyframes antZoomBadgeIn {
835
+ 0% {
836
+ transform: scale(0) translate(50%, -50%);
837
+ opacity: 0;
838
+ }
839
+ 100% {
840
+ transform: scale(1) translate(50%, -50%);
841
+ }
842
+ }
843
+ @-webkit-keyframes antZoomBadgeOut {
844
+ 0% {
845
+ transform: scale(1) translate(50%, -50%);
846
+ }
847
+ 100% {
848
+ transform: scale(0) translate(50%, -50%);
849
+ opacity: 0;
850
+ }
851
+ }
852
+ @keyframes antZoomBadgeOut {
853
+ 0% {
854
+ transform: scale(1) translate(50%, -50%);
855
+ }
856
+ 100% {
857
+ transform: scale(0) translate(50%, -50%);
858
+ opacity: 0;
859
+ }
860
+ }
861
+ @-webkit-keyframes antNoWrapperZoomBadgeIn {
862
+ 0% {
863
+ transform: scale(0);
864
+ opacity: 0;
865
+ }
866
+ 100% {
867
+ transform: scale(1);
868
+ }
869
+ }
870
+ @keyframes antNoWrapperZoomBadgeIn {
871
+ 0% {
872
+ transform: scale(0);
873
+ opacity: 0;
874
+ }
875
+ 100% {
876
+ transform: scale(1);
877
+ }
878
+ }
879
+ @-webkit-keyframes antNoWrapperZoomBadgeOut {
880
+ 0% {
881
+ transform: scale(1);
882
+ }
883
+ 100% {
884
+ transform: scale(0);
885
+ opacity: 0;
886
+ }
887
+ }
888
+ @keyframes antNoWrapperZoomBadgeOut {
889
+ 0% {
890
+ transform: scale(1);
891
+ }
892
+ 100% {
893
+ transform: scale(0);
894
+ opacity: 0;
895
+ }
896
+ }
897
+ @-webkit-keyframes antBadgeLoadingCircle {
898
+ 0% {
899
+ transform-origin: 50%;
900
+ }
901
+ 100% {
902
+ transform: translate(50%, -50%) rotate(360deg);
903
+ transform-origin: 50%;
904
+ }
905
+ }
906
+ @keyframes antBadgeLoadingCircle {
907
+ 0% {
908
+ transform-origin: 50%;
909
+ }
910
+ 100% {
911
+ transform: translate(50%, -50%) rotate(360deg);
912
+ transform-origin: 50%;
913
+ }
914
+ }
915
+ .ant-ribbon-wrapper {
916
+ position: relative;
917
+ }
918
+ .ant-ribbon {
919
+ box-sizing: border-box;
920
+ margin: 0;
921
+ padding: 0;
922
+ color: rgba(0, 0, 0, 0.85);
923
+ font-size: 14px;
924
+ font-variant: tabular-nums;
925
+ line-height: 1.5715;
926
+ list-style: none;
927
+ font-feature-settings: 'tnum';
928
+ position: absolute;
929
+ top: 8px;
930
+ height: 22px;
931
+ padding: 0 8px;
932
+ color: #fff;
933
+ line-height: 22px;
934
+ white-space: nowrap;
935
+ background-color: #1890ff;
936
+ border-radius: 2px;
937
+ }
938
+ .ant-ribbon-text {
939
+ color: #fff;
940
+ }
941
+ .ant-ribbon-corner {
942
+ position: absolute;
943
+ top: 100%;
944
+ width: 8px;
945
+ height: 8px;
946
+ color: currentColor;
947
+ border: 4px solid;
948
+ transform: scaleY(0.75);
949
+ transform-origin: top;
950
+ }
951
+ .ant-ribbon-corner::after {
952
+ position: absolute;
953
+ top: -4px;
954
+ left: -4px;
955
+ width: inherit;
956
+ height: inherit;
957
+ color: rgba(0, 0, 0, 0.25);
958
+ border: inherit;
959
+ content: '';
960
+ }
961
+ .ant-ribbon-color-pink {
962
+ color: #eb2f96;
963
+ background: #eb2f96;
964
+ }
965
+ .ant-ribbon-color-magenta {
966
+ color: #eb2f96;
967
+ background: #eb2f96;
968
+ }
969
+ .ant-ribbon-color-red {
970
+ color: #f5222d;
971
+ background: #f5222d;
972
+ }
973
+ .ant-ribbon-color-volcano {
974
+ color: #fa541c;
975
+ background: #fa541c;
976
+ }
977
+ .ant-ribbon-color-orange {
978
+ color: #fa8c16;
979
+ background: #fa8c16;
980
+ }
981
+ .ant-ribbon-color-yellow {
982
+ color: #fadb14;
983
+ background: #fadb14;
984
+ }
985
+ .ant-ribbon-color-gold {
986
+ color: #faad14;
987
+ background: #faad14;
988
+ }
989
+ .ant-ribbon-color-cyan {
990
+ color: #13c2c2;
991
+ background: #13c2c2;
992
+ }
993
+ .ant-ribbon-color-lime {
994
+ color: #a0d911;
995
+ background: #a0d911;
996
+ }
997
+ .ant-ribbon-color-green {
998
+ color: #52c41a;
999
+ background: #52c41a;
1000
+ }
1001
+ .ant-ribbon-color-blue {
1002
+ color: #1890ff;
1003
+ background: #1890ff;
1004
+ }
1005
+ .ant-ribbon-color-geekblue {
1006
+ color: #2f54eb;
1007
+ background: #2f54eb;
1008
+ }
1009
+ .ant-ribbon-color-purple {
1010
+ color: #722ed1;
1011
+ background: #722ed1;
1012
+ }
1013
+ .ant-ribbon.ant-ribbon-placement-end {
1014
+ right: -8px;
1015
+ border-bottom-right-radius: 0;
1016
+ }
1017
+ .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
1018
+ right: 0;
1019
+ border-color: currentColor transparent transparent currentColor;
1020
+ }
1021
+ .ant-ribbon.ant-ribbon-placement-start {
1022
+ left: -8px;
1023
+ border-bottom-left-radius: 0;
1024
+ }
1025
+ .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
1026
+ left: 0;
1027
+ border-color: currentColor currentColor transparent transparent;
1028
+ }
1029
+ .ant-badge-rtl {
1030
+ direction: rtl;
1031
+ }
1032
+ .ant-badge-rtl .ant-badge-count,
1033
+ .ant-badge-rtl .ant-badge-dot,
1034
+ .ant-badge-rtl .ant-badge .ant-scroll-number-custom-component {
1035
+ right: auto;
1036
+ left: 0;
1037
+ direction: ltr;
1038
+ transform: translate(-50%, -50%);
1039
+ transform-origin: 0% 0%;
1040
+ }
1041
+ .ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
1042
+ right: auto;
1043
+ left: 0;
1044
+ transform: translate(-50%, -50%);
1045
+ transform-origin: 0% 0%;
1046
+ }
1047
+ .ant-badge-rtl .ant-badge-status-text {
1048
+ margin-right: 8px;
1049
+ margin-left: 0;
1050
+ }
1051
+ .ant-badge-rtl .ant-badge-zoom-appear,
1052
+ .ant-badge-rtl .ant-badge-zoom-enter {
1053
+ -webkit-animation-name: antZoomBadgeInRtl;
1054
+ animation-name: antZoomBadgeInRtl;
1055
+ }
1056
+ .ant-badge-rtl .ant-badge-zoom-leave {
1057
+ -webkit-animation-name: antZoomBadgeOutRtl;
1058
+ animation-name: antZoomBadgeOutRtl;
1059
+ }
1060
+ .ant-badge-not-a-wrapper .ant-badge-count {
1061
+ transform: none;
1062
+ }
1063
+ .ant-ribbon-rtl {
1064
+ direction: rtl;
1065
+ }
1066
+ .ant-ribbon-rtl.ant-ribbon-placement-end {
1067
+ right: unset;
1068
+ left: -8px;
1069
+ border-bottom-right-radius: 2px;
1070
+ border-bottom-left-radius: 0;
1071
+ }
1072
+ .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
1073
+ right: unset;
1074
+ left: 0;
1075
+ border-color: currentColor currentColor transparent transparent;
1076
+ }
1077
+ .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
1078
+ border-color: currentColor currentColor transparent transparent;
1079
+ }
1080
+ .ant-ribbon-rtl.ant-ribbon-placement-start {
1081
+ right: -8px;
1082
+ left: unset;
1083
+ border-bottom-right-radius: 0;
1084
+ border-bottom-left-radius: 2px;
1085
+ }
1086
+ .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
1087
+ right: 0;
1088
+ left: unset;
1089
+ border-color: currentColor transparent transparent currentColor;
1090
+ }
1091
+ .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
1092
+ border-color: currentColor transparent transparent currentColor;
1093
+ }
1094
+ @-webkit-keyframes antZoomBadgeInRtl {
1095
+ 0% {
1096
+ transform: scale(0) translate(-50%, -50%);
1097
+ opacity: 0;
1098
+ }
1099
+ 100% {
1100
+ transform: scale(1) translate(-50%, -50%);
1101
+ }
1102
+ }
1103
+ @keyframes antZoomBadgeInRtl {
1104
+ 0% {
1105
+ transform: scale(0) translate(-50%, -50%);
1106
+ opacity: 0;
1107
+ }
1108
+ 100% {
1109
+ transform: scale(1) translate(-50%, -50%);
1110
+ }
1111
+ }
1112
+ @-webkit-keyframes antZoomBadgeOutRtl {
1113
+ 0% {
1114
+ transform: scale(1) translate(-50%, -50%);
1115
+ }
1116
+ 100% {
1117
+ transform: scale(0) translate(-50%, -50%);
1118
+ opacity: 0;
1119
+ }
1120
+ }
1121
+ @keyframes antZoomBadgeOutRtl {
1122
+ 0% {
1123
+ transform: scale(1) translate(-50%, -50%);
1124
+ }
1125
+ 100% {
1126
+ transform: scale(0) translate(-50%, -50%);
1127
+ opacity: 0;
1128
+ }
1129
+ }