vxe-pc-ui 4.11.28 → 4.11.30

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 (233) hide show
  1. package/README.md +6 -0
  2. package/es/backtop/index.js +12 -0
  3. package/es/backtop/src/backtop.js +231 -0
  4. package/es/backtop/style.css +90 -0
  5. package/es/backtop/style.min.css +1 -0
  6. package/es/cascader/index.js +12 -0
  7. package/es/cascader/src/cascader.js +669 -0
  8. package/es/cascader/style.css +168 -0
  9. package/es/cascader/style.min.css +1 -0
  10. package/es/components.js +18 -0
  11. package/es/icon/{iconfont.1767178201934.ttf → iconfont.1767491587367.ttf} +0 -0
  12. package/es/icon/iconfont.1767491587367.woff +0 -0
  13. package/es/icon/iconfont.1767491587367.woff2 +0 -0
  14. package/es/icon/style.css +9 -1
  15. package/es/icon/style.min.css +1 -1
  16. package/{lib/icon/style/iconfont.1767178201934.ttf → es/iconfont.1767491587367.ttf} +0 -0
  17. package/es/iconfont.1767491587367.woff +0 -0
  18. package/es/iconfont.1767491587367.woff2 +0 -0
  19. package/es/layout-body/src/layout-body.js +39 -6
  20. package/es/mention/index.js +12 -0
  21. package/es/mention/src/mention.js +51 -0
  22. package/es/mention/style.css +0 -0
  23. package/es/mention/style.min.css +0 -0
  24. package/es/segmented/index.js +12 -0
  25. package/es/segmented/src/segmented.js +228 -0
  26. package/es/segmented/style.css +197 -0
  27. package/es/segmented/style.min.css +1 -0
  28. package/es/style.css +1 -1
  29. package/es/style.min.css +1 -1
  30. package/es/tabs/src/tabs.js +1 -4
  31. package/es/timeline/index.js +12 -0
  32. package/es/timeline/src/timeline-item.js +46 -0
  33. package/es/timeline/src/timeline.js +51 -0
  34. package/es/timeline/style.css +0 -0
  35. package/es/timeline/style.min.css +0 -0
  36. package/es/timeline-item/index.js +12 -0
  37. package/es/timeline-item/style.css +0 -0
  38. package/es/timeline-item/style.min.css +0 -0
  39. package/es/tour/index.js +12 -0
  40. package/es/tour/src/tour.js +51 -0
  41. package/es/tour/style.css +0 -0
  42. package/es/tour/style.min.css +0 -0
  43. package/es/ui/index.js +15 -2
  44. package/es/ui/src/log.js +1 -1
  45. package/es/vxe-backtop/index.js +3 -0
  46. package/es/vxe-backtop/style.css +90 -0
  47. package/es/vxe-backtop/style.min.css +1 -0
  48. package/es/vxe-cascader/index.js +3 -0
  49. package/es/vxe-cascader/style.css +168 -0
  50. package/es/vxe-cascader/style.min.css +1 -0
  51. package/es/vxe-icon/style.css +9 -1
  52. package/es/vxe-icon/style.min.css +1 -1
  53. package/es/vxe-mention/index.js +3 -0
  54. package/es/vxe-mention/style.css +0 -0
  55. package/es/vxe-mention/style.min.css +0 -0
  56. package/es/vxe-segmented/index.js +3 -0
  57. package/es/vxe-segmented/style.css +197 -0
  58. package/es/vxe-segmented/style.min.css +1 -0
  59. package/es/vxe-timeline/index.js +3 -0
  60. package/es/vxe-timeline/style.css +0 -0
  61. package/es/vxe-timeline/style.min.css +0 -0
  62. package/es/vxe-timeline-item/index.js +3 -0
  63. package/es/vxe-timeline-item/style.css +0 -0
  64. package/es/vxe-timeline-item/style.min.css +0 -0
  65. package/es/vxe-tour/index.js +3 -0
  66. package/es/vxe-tour/style.css +0 -0
  67. package/es/vxe-tour/style.min.css +0 -0
  68. package/lib/backtop/index.js +19 -0
  69. package/lib/backtop/index.min.js +1 -0
  70. package/lib/backtop/src/backtop.js +256 -0
  71. package/lib/backtop/src/backtop.min.js +1 -0
  72. package/lib/backtop/style/index.js +1 -0
  73. package/lib/backtop/style/style.css +90 -0
  74. package/lib/backtop/style/style.min.css +1 -0
  75. package/lib/cascader/index.js +19 -0
  76. package/lib/cascader/index.min.js +1 -0
  77. package/lib/cascader/src/cascader.js +723 -0
  78. package/lib/cascader/src/cascader.min.js +1 -0
  79. package/lib/cascader/style/index.js +1 -0
  80. package/lib/cascader/style/style.css +168 -0
  81. package/lib/cascader/style/style.min.css +1 -0
  82. package/lib/components.js +73 -1
  83. package/lib/components.min.js +1 -1
  84. package/lib/{iconfont.1767178201934.ttf → icon/style/iconfont.1767491587367.ttf} +0 -0
  85. package/lib/icon/style/iconfont.1767491587367.woff +0 -0
  86. package/lib/icon/style/iconfont.1767491587367.woff2 +0 -0
  87. package/lib/icon/style/style.css +9 -1
  88. package/lib/icon/style/style.min.css +9 -1
  89. package/{es/iconfont.1767178201934.ttf → lib/iconfont.1767491587367.ttf} +0 -0
  90. package/lib/iconfont.1767491587367.woff +0 -0
  91. package/lib/iconfont.1767491587367.woff2 +0 -0
  92. package/lib/index.umd.js +5263 -3740
  93. package/lib/index.umd.min.js +1 -1
  94. package/lib/layout-body/src/layout-body.js +34 -4
  95. package/lib/layout-body/src/layout-body.min.js +1 -1
  96. package/lib/mention/index.js +19 -0
  97. package/lib/mention/index.min.js +1 -0
  98. package/lib/mention/src/mention.js +62 -0
  99. package/lib/mention/src/mention.min.js +1 -0
  100. package/lib/mention/style/index.js +1 -0
  101. package/lib/mention/style/style.css +0 -0
  102. package/lib/mention/style/style.min.css +0 -0
  103. package/lib/segmented/index.js +19 -0
  104. package/lib/segmented/index.min.js +1 -0
  105. package/lib/segmented/src/segmented.js +245 -0
  106. package/lib/segmented/src/segmented.min.js +1 -0
  107. package/lib/segmented/style/index.js +1 -0
  108. package/lib/segmented/style/style.css +197 -0
  109. package/lib/segmented/style/style.min.css +1 -0
  110. package/lib/style.css +1 -1
  111. package/lib/style.min.css +1 -1
  112. package/lib/tabs/src/tabs.js +1 -5
  113. package/lib/tabs/src/tabs.min.js +1 -1
  114. package/lib/timeline/index.js +19 -0
  115. package/lib/timeline/index.min.js +1 -0
  116. package/lib/timeline/src/timeline-item.js +57 -0
  117. package/lib/timeline/src/timeline-item.min.js +1 -0
  118. package/lib/timeline/src/timeline.js +62 -0
  119. package/lib/timeline/src/timeline.min.js +1 -0
  120. package/lib/timeline/style/index.js +1 -0
  121. package/lib/timeline/style/style.css +0 -0
  122. package/lib/timeline/style/style.min.css +0 -0
  123. package/lib/timeline-item/index.js +19 -0
  124. package/lib/timeline-item/index.min.js +1 -0
  125. package/lib/timeline-item/style/index.js +1 -0
  126. package/lib/timeline-item/style/style.css +0 -0
  127. package/lib/timeline-item/style/style.min.css +0 -0
  128. package/lib/tour/index.js +19 -0
  129. package/lib/tour/index.min.js +1 -0
  130. package/lib/tour/src/tour.js +62 -0
  131. package/lib/tour/src/tour.min.js +1 -0
  132. package/lib/tour/style/index.js +1 -0
  133. package/lib/tour/style/style.css +0 -0
  134. package/lib/tour/style/style.min.css +0 -0
  135. package/lib/ui/index.js +15 -2
  136. package/lib/ui/index.min.js +1 -1
  137. package/lib/ui/src/log.js +1 -1
  138. package/lib/ui/src/log.min.js +1 -1
  139. package/lib/vxe-backtop/index.js +22 -0
  140. package/lib/vxe-backtop/index.min.js +1 -0
  141. package/lib/vxe-backtop/style/index.js +1 -0
  142. package/lib/vxe-backtop/style/style.css +90 -0
  143. package/lib/vxe-backtop/style/style.min.css +1 -0
  144. package/lib/vxe-cascader/index.js +22 -0
  145. package/lib/vxe-cascader/index.min.js +1 -0
  146. package/lib/vxe-cascader/style/index.js +1 -0
  147. package/lib/vxe-cascader/style/style.css +168 -0
  148. package/lib/vxe-cascader/style/style.min.css +1 -0
  149. package/lib/vxe-icon/style/style.css +9 -1
  150. package/lib/vxe-icon/style/style.min.css +1 -1
  151. package/lib/vxe-mention/index.js +22 -0
  152. package/lib/vxe-mention/index.min.js +1 -0
  153. package/lib/vxe-mention/style/index.js +1 -0
  154. package/lib/vxe-mention/style/style.css +0 -0
  155. package/lib/vxe-mention/style/style.min.css +0 -0
  156. package/lib/vxe-segmented/index.js +22 -0
  157. package/lib/vxe-segmented/index.min.js +1 -0
  158. package/lib/vxe-segmented/style/index.js +1 -0
  159. package/lib/vxe-segmented/style/style.css +197 -0
  160. package/lib/vxe-segmented/style/style.min.css +1 -0
  161. package/lib/vxe-timeline/index.js +22 -0
  162. package/lib/vxe-timeline/index.min.js +1 -0
  163. package/lib/vxe-timeline/style/index.js +1 -0
  164. package/lib/vxe-timeline/style/style.css +0 -0
  165. package/lib/vxe-timeline/style/style.min.css +0 -0
  166. package/lib/vxe-timeline-item/index.js +22 -0
  167. package/lib/vxe-timeline-item/index.min.js +1 -0
  168. package/lib/vxe-timeline-item/style/index.js +1 -0
  169. package/lib/vxe-timeline-item/style/style.css +0 -0
  170. package/lib/vxe-timeline-item/style/style.min.css +0 -0
  171. package/lib/vxe-tour/index.js +22 -0
  172. package/lib/vxe-tour/index.min.js +1 -0
  173. package/lib/vxe-tour/style/index.js +1 -0
  174. package/lib/vxe-tour/style/style.css +0 -0
  175. package/lib/vxe-tour/style/style.min.css +0 -0
  176. package/package.json +1 -1
  177. package/packages/backtop/index.ts +16 -0
  178. package/packages/backtop/src/backtop.ts +264 -0
  179. package/packages/cascader/index.ts +16 -0
  180. package/packages/cascader/src/cascader.ts +739 -0
  181. package/packages/components.ts +18 -0
  182. package/packages/layout-body/src/layout-body.ts +43 -9
  183. package/packages/mention/index.ts +16 -0
  184. package/packages/mention/src/mention.ts +71 -0
  185. package/packages/segmented/index.ts +16 -0
  186. package/packages/segmented/src/segmented.ts +264 -0
  187. package/packages/tabs/src/tabs.ts +1 -4
  188. package/packages/timeline/index.ts +16 -0
  189. package/packages/timeline/src/timeline-item.ts +67 -0
  190. package/packages/timeline/src/timeline.ts +71 -0
  191. package/packages/timeline-item/index.ts +16 -0
  192. package/packages/tour/index.ts +16 -0
  193. package/packages/tour/src/tour.ts +71 -0
  194. package/packages/ui/index.ts +15 -1
  195. package/styles/all.scss +7 -0
  196. package/styles/components/backtop.scss +111 -0
  197. package/styles/components/cascader.scss +140 -0
  198. package/styles/components/icon.scss +9 -2
  199. package/styles/components/mention.scss +0 -0
  200. package/styles/components/segmented.scss +216 -0
  201. package/styles/components/timeline-item.scss +0 -0
  202. package/styles/components/timeline.scss +0 -0
  203. package/styles/components/tour.scss +0 -0
  204. package/styles/icon/iconfont.ttf +0 -0
  205. package/styles/icon/iconfont.woff +0 -0
  206. package/styles/icon/iconfont.woff2 +0 -0
  207. package/styles/theme/base.scss +4 -0
  208. package/types/all.d.ts +21 -0
  209. package/types/components/backtop.d.ts +111 -0
  210. package/types/components/cascader.d.ts +255 -0
  211. package/types/components/icon.d.ts +2 -2
  212. package/types/components/layout-body.d.ts +9 -0
  213. package/types/components/list.d.ts +2 -2
  214. package/types/components/mention.d.ts +77 -0
  215. package/types/components/rate.d.ts +1 -1
  216. package/types/components/segmented.d.ts +123 -0
  217. package/types/components/select.d.ts +1 -1
  218. package/types/components/table.d.ts +4 -4
  219. package/types/components/timeline-item.d.ts +75 -0
  220. package/types/components/timeline.d.ts +77 -0
  221. package/types/components/tour.d.ts +77 -0
  222. package/types/components/tree-select.d.ts +1 -1
  223. package/types/components/tree.d.ts +1 -1
  224. package/types/ui/global-config.d.ts +14 -0
  225. package/types/ui/global-icon.d.ts +3 -0
  226. package/es/icon/iconfont.1767178201934.woff +0 -0
  227. package/es/icon/iconfont.1767178201934.woff2 +0 -0
  228. package/es/iconfont.1767178201934.woff +0 -0
  229. package/es/iconfont.1767178201934.woff2 +0 -0
  230. package/lib/icon/style/iconfont.1767178201934.woff +0 -0
  231. package/lib/icon/style/iconfont.1767178201934.woff2 +0 -0
  232. package/lib/iconfont.1767178201934.woff +0 -0
  233. package/lib/iconfont.1767178201934.woff2 +0 -0
@@ -0,0 +1,197 @@
1
+ .vxe-segmented {
2
+ display: block;
3
+ color: var(--vxe-ui-font-color);
4
+ font-family: var(--vxe-ui-font-family);
5
+ }
6
+
7
+ .vxe-segmented--group {
8
+ display: inline-flex;
9
+ position: relative;
10
+ background-color: var(--vxe-ui-segmented-item-background-color);
11
+ }
12
+
13
+ .vxe-segmented--inner {
14
+ width: 100%;
15
+ position: relative;
16
+ display: flex;
17
+ flex-direction: row;
18
+ white-space: nowrap;
19
+ }
20
+
21
+ .vxe-segmented--item {
22
+ display: block;
23
+ padding: 0 0.8em;
24
+ margin: 0;
25
+ }
26
+ .vxe-segmented--item:not(.is--disabled) {
27
+ cursor: pointer;
28
+ }
29
+
30
+ .vxe-segmented--input {
31
+ position: absolute;
32
+ width: 0;
33
+ height: 0;
34
+ border: 0;
35
+ -webkit-appearance: none;
36
+ -moz-appearance: none;
37
+ appearance: none;
38
+ pointer-events: none;
39
+ }
40
+
41
+ .vxe-segmented--content {
42
+ display: flex;
43
+ flex-direction: column;
44
+ align-items: center;
45
+ justify-content: center;
46
+ text-align: center;
47
+ padding: 0.4em 0;
48
+ transition: color 0.3s;
49
+ }
50
+
51
+ .vxe-segmented--label {
52
+ overflow: hidden;
53
+ text-overflow: ellipsis;
54
+ white-space: nowrap;
55
+ }
56
+
57
+ .vxe-segmented--selected {
58
+ display: none;
59
+ position: absolute;
60
+ top: 0;
61
+ left: 0;
62
+ width: 0;
63
+ height: 100%;
64
+ transition: all 0.3s;
65
+ pointer-events: none;
66
+ }
67
+
68
+ .vxe-segmented.type--round .vxe-segmented--group {
69
+ border-radius: 1em;
70
+ }
71
+ .vxe-segmented.type--round .vxe-segmented--selected {
72
+ border-radius: 1em;
73
+ }
74
+ .vxe-segmented.type--round .vxe-segmented--item:hover {
75
+ border-radius: 1em;
76
+ }
77
+ .vxe-segmented.type--default .vxe-segmented--content, .vxe-segmented.type--round .vxe-segmented--content {
78
+ min-height: 2.2em;
79
+ height: 100%;
80
+ }
81
+ .vxe-segmented.type--default .vxe-segmented--item:hover, .vxe-segmented.type--round .vxe-segmented--item:hover {
82
+ background-color: var(--vxe-ui-segmented-item-hover-background-color);
83
+ }
84
+ .vxe-segmented.type--default .vxe-segmented--item.is--checked .vxe-segmented--content, .vxe-segmented.type--round .vxe-segmented--item.is--checked .vxe-segmented--content {
85
+ color: #fff;
86
+ }
87
+ .vxe-segmented.type--default .vxe-segmented--selected, .vxe-segmented.type--round .vxe-segmented--selected {
88
+ background-color: var(--vxe-ui-font-primary-color);
89
+ }
90
+ .vxe-segmented.type--default.theme--primary .vxe-segmented--group, .vxe-segmented.type--round.theme--primary .vxe-segmented--group {
91
+ background-color: var(--vxe-ui-font-primary-tinge-color);
92
+ }
93
+ .vxe-segmented.type--default.theme--primary .vxe-segmented--selected, .vxe-segmented.type--round.theme--primary .vxe-segmented--selected {
94
+ background-color: var(--vxe-ui-font-primary-color);
95
+ }
96
+ .vxe-segmented.type--default.theme--primary .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--primary .vxe-segmented--item.is--checked {
97
+ color: #fff;
98
+ }
99
+ .vxe-segmented.type--default.theme--success .vxe-segmented--group, .vxe-segmented.type--round.theme--success .vxe-segmented--group {
100
+ background-color: var(--vxe-ui-status-success-tinge-color);
101
+ }
102
+ .vxe-segmented.type--default.theme--success .vxe-segmented--selected, .vxe-segmented.type--round.theme--success .vxe-segmented--selected {
103
+ background-color: var(--vxe-ui-status-success-color);
104
+ }
105
+ .vxe-segmented.type--default.theme--success .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--success .vxe-segmented--item.is--checked {
106
+ color: #fff;
107
+ }
108
+ .vxe-segmented.type--default.theme--info .vxe-segmented--group, .vxe-segmented.type--round.theme--info .vxe-segmented--group {
109
+ background-color: var(--vxe-ui-status-info-tinge-color);
110
+ }
111
+ .vxe-segmented.type--default.theme--info .vxe-segmented--selected, .vxe-segmented.type--round.theme--info .vxe-segmented--selected {
112
+ background-color: var(--vxe-ui-status-info-color);
113
+ }
114
+ .vxe-segmented.type--default.theme--info .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--info .vxe-segmented--item.is--checked {
115
+ color: #fff;
116
+ }
117
+ .vxe-segmented.type--default.theme--warning .vxe-segmented--group, .vxe-segmented.type--round.theme--warning .vxe-segmented--group {
118
+ background-color: var(--vxe-ui-status-warning-tinge-color);
119
+ }
120
+ .vxe-segmented.type--default.theme--warning .vxe-segmented--selected, .vxe-segmented.type--round.theme--warning .vxe-segmented--selected {
121
+ background-color: var(--vxe-ui-status-warning-color);
122
+ }
123
+ .vxe-segmented.type--default.theme--warning .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--warning .vxe-segmented--item.is--checked {
124
+ color: #fff;
125
+ }
126
+ .vxe-segmented.type--default.theme--danger .vxe-segmented--group, .vxe-segmented.type--round.theme--danger .vxe-segmented--group {
127
+ background-color: var(--vxe-ui-status-danger-tinge-color);
128
+ }
129
+ .vxe-segmented.type--default.theme--danger .vxe-segmented--selected, .vxe-segmented.type--round.theme--danger .vxe-segmented--selected {
130
+ background-color: var(--vxe-ui-status-danger-color);
131
+ }
132
+ .vxe-segmented.type--default.theme--danger .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--danger .vxe-segmented--item.is--checked {
133
+ color: #fff;
134
+ }
135
+ .vxe-segmented.type--default.theme--error .vxe-segmented--group, .vxe-segmented.type--round.theme--error .vxe-segmented--group {
136
+ background-color: var(--vxe-ui-status-error-tinge-color);
137
+ }
138
+ .vxe-segmented.type--default.theme--error .vxe-segmented--selected, .vxe-segmented.type--round.theme--error .vxe-segmented--selected {
139
+ background-color: var(--vxe-ui-status-error-color);
140
+ }
141
+ .vxe-segmented.type--default.theme--error .vxe-segmented--item.is--checked, .vxe-segmented.type--round.theme--error .vxe-segmented--item.is--checked {
142
+ color: #fff;
143
+ }
144
+ .vxe-segmented.type--default .vxe-segmented--group, .vxe-segmented.type--inside .vxe-segmented--group {
145
+ border-radius: var(--vxe-ui-base-border-radius);
146
+ }
147
+ .vxe-segmented.type--default .vxe-segmented--selected, .vxe-segmented.type--inside .vxe-segmented--selected {
148
+ border-radius: var(--vxe-ui-base-border-radius);
149
+ }
150
+ .vxe-segmented.type--inside .vxe-segmented--content {
151
+ min-height: 1.8em;
152
+ }
153
+ .vxe-segmented.type--inside .vxe-segmented--inner {
154
+ padding: 0.2em;
155
+ }
156
+ .vxe-segmented.type--inside .vxe-segmented--item:hover .vxe-segmented--content {
157
+ color: var(--vxe-ui-font-primary-color);
158
+ }
159
+ .vxe-segmented.type--inside .vxe-segmented--item.is--checked .vxe-segmented--content {
160
+ color: var(--vxe-ui-font-primary-color);
161
+ }
162
+ .vxe-segmented.type--inside .vxe-segmented--selected {
163
+ top: 0.2em;
164
+ height: calc(100% - 0.4em);
165
+ background-color: #fff;
166
+ }
167
+ .vxe-segmented.type--inside.theme--primary .vxe-segmented--item.is--checked {
168
+ color: var(--vxe-ui-font-primary-tinge-color);
169
+ }
170
+ .vxe-segmented.type--inside.theme--success .vxe-segmented--item.is--checked {
171
+ color: var(--vxe-ui-status-success-tinge-color);
172
+ }
173
+ .vxe-segmented.type--inside.theme--info .vxe-segmented--item.is--checked {
174
+ color: var(--vxe-ui-status-info-tinge-color);
175
+ }
176
+ .vxe-segmented.type--inside.theme--warning .vxe-segmented--item.is--checked {
177
+ color: var(--vxe-ui-status-warning-tinge-color);
178
+ }
179
+ .vxe-segmented.type--inside.theme--danger .vxe-segmented--item.is--checked {
180
+ color: var(--vxe-ui-status-danger-tinge-color);
181
+ }
182
+ .vxe-segmented.type--inside.theme--error .vxe-segmented--item.is--checked {
183
+ color: var(--vxe-ui-status-error-tinge-color);
184
+ }
185
+
186
+ .vxe-segmented {
187
+ font-size: var(--vxe-ui-font-size-default);
188
+ }
189
+ .vxe-segmented.size--medium {
190
+ font-size: var(--vxe-ui-font-size-medium);
191
+ }
192
+ .vxe-segmented.size--small {
193
+ font-size: var(--vxe-ui-font-size-small);
194
+ }
195
+ .vxe-segmented.size--mini {
196
+ font-size: var(--vxe-ui-font-size-mini);
197
+ }
@@ -0,0 +1 @@
1
+ .vxe-segmented{display:block;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-segmented--group{display:inline-flex;position:relative;background-color:var(--vxe-ui-segmented-item-background-color)}.vxe-segmented--inner{width:100%;position:relative;display:flex;flex-direction:row;white-space:nowrap}.vxe-segmented--item{display:block;padding:0 .8em;margin:0}.vxe-segmented--item:not(.is--disabled){cursor:pointer}.vxe-segmented--input{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.vxe-segmented--content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.4em 0;transition:color .3s}.vxe-segmented--label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-segmented--selected{display:none;position:absolute;top:0;left:0;width:0;height:100%;transition:all .3s;pointer-events:none}.vxe-segmented.type--round .vxe-segmented--group{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--selected{border-radius:1em}.vxe-segmented.type--round .vxe-segmented--item:hover{border-radius:1em}.vxe-segmented.type--default .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--content{min-height:2.2em;height:100%}.vxe-segmented.type--default .vxe-segmented--item:hover,.vxe-segmented.type--round .vxe-segmented--item:hover{background-color:var(--vxe-ui-segmented-item-hover-background-color)}.vxe-segmented.type--default .vxe-segmented--item.is--checked .vxe-segmented--content,.vxe-segmented.type--round .vxe-segmented--item.is--checked .vxe-segmented--content{color:#fff}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--round .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--group,.vxe-segmented.type--round.theme--primary .vxe-segmented--group{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--selected,.vxe-segmented.type--round.theme--primary .vxe-segmented--selected{background-color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--default.theme--primary .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--primary .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--success .vxe-segmented--group,.vxe-segmented.type--round.theme--success .vxe-segmented--group{background-color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--selected,.vxe-segmented.type--round.theme--success .vxe-segmented--selected{background-color:var(--vxe-ui-status-success-color)}.vxe-segmented.type--default.theme--success .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--success .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--info .vxe-segmented--group,.vxe-segmented.type--round.theme--info .vxe-segmented--group{background-color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--selected,.vxe-segmented.type--round.theme--info .vxe-segmented--selected{background-color:var(--vxe-ui-status-info-color)}.vxe-segmented.type--default.theme--info .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--info .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--warning .vxe-segmented--group,.vxe-segmented.type--round.theme--warning .vxe-segmented--group{background-color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--selected,.vxe-segmented.type--round.theme--warning .vxe-segmented--selected{background-color:var(--vxe-ui-status-warning-color)}.vxe-segmented.type--default.theme--warning .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--warning .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--danger .vxe-segmented--group,.vxe-segmented.type--round.theme--danger .vxe-segmented--group{background-color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--selected,.vxe-segmented.type--round.theme--danger .vxe-segmented--selected{background-color:var(--vxe-ui-status-danger-color)}.vxe-segmented.type--default.theme--danger .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--danger .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default.theme--error .vxe-segmented--group,.vxe-segmented.type--round.theme--error .vxe-segmented--group{background-color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--selected,.vxe-segmented.type--round.theme--error .vxe-segmented--selected{background-color:var(--vxe-ui-status-error-color)}.vxe-segmented.type--default.theme--error .vxe-segmented--item.is--checked,.vxe-segmented.type--round.theme--error .vxe-segmented--item.is--checked{color:#fff}.vxe-segmented.type--default .vxe-segmented--group,.vxe-segmented.type--inside .vxe-segmented--group{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--default .vxe-segmented--selected,.vxe-segmented.type--inside .vxe-segmented--selected{border-radius:var(--vxe-ui-base-border-radius)}.vxe-segmented.type--inside .vxe-segmented--content{min-height:1.8em}.vxe-segmented.type--inside .vxe-segmented--inner{padding:.2em}.vxe-segmented.type--inside .vxe-segmented--item:hover .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--item.is--checked .vxe-segmented--content{color:var(--vxe-ui-font-primary-color)}.vxe-segmented.type--inside .vxe-segmented--selected{top:.2em;height:calc(100% - .4em);background-color:#fff}.vxe-segmented.type--inside.theme--primary .vxe-segmented--item.is--checked{color:var(--vxe-ui-font-primary-tinge-color)}.vxe-segmented.type--inside.theme--success .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-success-tinge-color)}.vxe-segmented.type--inside.theme--info .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-info-tinge-color)}.vxe-segmented.type--inside.theme--warning .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-warning-tinge-color)}.vxe-segmented.type--inside.theme--danger .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-danger-tinge-color)}.vxe-segmented.type--inside.theme--error .vxe-segmented--item.is--checked{color:var(--vxe-ui-status-error-tinge-color)}.vxe-segmented{font-size:var(--vxe-ui-font-size-default)}.vxe-segmented.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-segmented.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-segmented.size--mini{font-size:var(--vxe-ui-font-size-mini)}