vxe-pc-ui 4.15.13 → 4.15.15

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 (333) hide show
  1. package/dist/all.esm.js +709 -140
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/button/style.css +42 -72
  5. package/es/button/style.min.css +1 -1
  6. package/es/cascader/style.css +29 -33
  7. package/es/cascader/style.min.css +1 -1
  8. package/es/checkbox/src/button.js +3 -1
  9. package/es/checkbox/src/group.js +6 -1
  10. package/es/checkbox/style.css +22 -28
  11. package/es/checkbox/style.min.css +1 -1
  12. package/es/checkbox-button/style.css +151 -8
  13. package/es/checkbox-button/style.min.css +1 -1
  14. package/es/context-menu/style.css +14 -13
  15. package/es/context-menu/style.min.css +1 -1
  16. package/es/date-picker/src/date-picker.js +1 -1
  17. package/es/form/style.css +45 -95
  18. package/es/form/style.min.css +1 -1
  19. package/es/icon/style.css +1 -1
  20. package/es/icon-picker/src/icon-picker.js +145 -46
  21. package/es/icon-picker/style.css +49 -23
  22. package/es/icon-picker/style.min.css +1 -1
  23. package/es/language/ar-EG.js +3 -0
  24. package/es/language/de-DE.js +3 -0
  25. package/es/language/en-US.js +3 -0
  26. package/es/language/es-ES.js +3 -0
  27. package/es/language/fr-FR.js +3 -0
  28. package/es/language/hu-HU.js +3 -0
  29. package/es/language/hy-AM.js +3 -0
  30. package/es/language/id-ID.js +3 -0
  31. package/es/language/it-IT.js +3 -0
  32. package/es/language/ja-JP.js +3 -0
  33. package/es/language/ko-KR.js +3 -0
  34. package/es/language/ms-MY.js +3 -0
  35. package/es/language/nb-NO.js +3 -0
  36. package/es/language/pt-BR.js +3 -0
  37. package/es/language/ru-RU.js +3 -0
  38. package/es/language/th-TH.js +3 -0
  39. package/es/language/ug-CN.js +3 -0
  40. package/es/language/uk-UA.js +3 -0
  41. package/es/language/uz-UZ.js +3 -0
  42. package/es/language/vi-VN.js +3 -0
  43. package/es/language/zh-CHT.js +3 -0
  44. package/es/language/zh-CN.js +3 -0
  45. package/es/list/src/list.js +14 -1
  46. package/es/list/style.css +26 -28
  47. package/es/list/style.min.css +1 -1
  48. package/es/menu/style.css +22 -29
  49. package/es/menu/style.min.css +1 -1
  50. package/es/notice-bar/style.css +14 -10
  51. package/es/notice-bar/style.min.css +1 -1
  52. package/es/radio/src/button.js +3 -1
  53. package/es/radio/src/group.js +6 -1
  54. package/es/radio/style.css +22 -30
  55. package/es/radio/style.min.css +1 -1
  56. package/es/radio-button/style.css +151 -8
  57. package/es/radio-button/style.min.css +1 -1
  58. package/es/select/style.css +42 -59
  59. package/es/select/style.min.css +1 -1
  60. package/es/style.css +1 -1
  61. package/es/style.min.css +1 -1
  62. package/es/tree/src/tree.js +441 -18
  63. package/es/tree/src/util.js +15 -0
  64. package/es/tree/style.css +26 -25
  65. package/es/tree/style.min.css +1 -1
  66. package/es/tree-select/style.css +27 -31
  67. package/es/tree-select/style.min.css +1 -1
  68. package/es/ui/index.js +5 -2
  69. package/es/ui/src/log.js +1 -1
  70. package/es/upload/style.css +30 -41
  71. package/es/upload/style.min.css +1 -1
  72. package/es/vxe-button/style.css +42 -72
  73. package/es/vxe-button/style.min.css +1 -1
  74. package/es/vxe-cascader/style.css +29 -33
  75. package/es/vxe-cascader/style.min.css +1 -1
  76. package/es/vxe-checkbox/style.css +22 -28
  77. package/es/vxe-checkbox/style.min.css +1 -1
  78. package/es/vxe-checkbox-button/style.css +151 -8
  79. package/es/vxe-checkbox-button/style.min.css +1 -1
  80. package/es/vxe-context-menu/style.css +14 -13
  81. package/es/vxe-context-menu/style.min.css +1 -1
  82. package/es/vxe-form/style.css +45 -95
  83. package/es/vxe-form/style.min.css +1 -1
  84. package/es/vxe-icon-picker/style.css +49 -23
  85. package/es/vxe-icon-picker/style.min.css +1 -1
  86. package/es/vxe-list/style.css +26 -28
  87. package/es/vxe-list/style.min.css +1 -1
  88. package/es/vxe-menu/style.css +22 -29
  89. package/es/vxe-menu/style.min.css +1 -1
  90. package/es/vxe-notice-bar/style.css +14 -10
  91. package/es/vxe-notice-bar/style.min.css +1 -1
  92. package/es/vxe-radio/style.css +22 -30
  93. package/es/vxe-radio/style.min.css +1 -1
  94. package/es/vxe-radio-button/style.css +151 -8
  95. package/es/vxe-radio-button/style.min.css +1 -1
  96. package/es/vxe-select/style.css +42 -59
  97. package/es/vxe-select/style.min.css +1 -1
  98. package/es/vxe-tree/style.css +26 -25
  99. package/es/vxe-tree/style.min.css +1 -1
  100. package/es/vxe-tree-select/style.css +27 -31
  101. package/es/vxe-tree-select/style.min.css +1 -1
  102. package/es/vxe-upload/style.css +30 -41
  103. package/es/vxe-upload/style.min.css +1 -1
  104. package/lib/button/style/style.css +42 -72
  105. package/lib/button/style/style.min.css +1 -1
  106. package/lib/cascader/style/style.css +29 -33
  107. package/lib/cascader/style/style.min.css +1 -1
  108. package/lib/checkbox/src/button.js +3 -1
  109. package/lib/checkbox/src/button.min.js +1 -1
  110. package/lib/checkbox/src/group.js +6 -0
  111. package/lib/checkbox/src/group.min.js +1 -1
  112. package/lib/checkbox/style/style.css +22 -28
  113. package/lib/checkbox/style/style.min.css +1 -1
  114. package/lib/checkbox-button/style/style.css +151 -8
  115. package/lib/checkbox-button/style/style.min.css +1 -1
  116. package/lib/context-menu/style/style.css +14 -13
  117. package/lib/context-menu/style/style.min.css +1 -1
  118. package/lib/date-picker/src/date-picker.js +1 -1
  119. package/lib/date-picker/src/date-picker.min.js +1 -1
  120. package/lib/form/style/style.css +45 -95
  121. package/lib/form/style/style.min.css +1 -1
  122. package/lib/icon/style/style.css +1 -1
  123. package/lib/icon/style/style.min.css +1 -1
  124. package/lib/icon-picker/src/icon-picker.js +143 -29
  125. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  126. package/lib/icon-picker/style/style.css +49 -23
  127. package/lib/icon-picker/style/style.min.css +1 -1
  128. package/lib/index.umd.js +732 -50
  129. package/lib/index.umd.min.js +1 -1
  130. package/lib/language/ar-EG.js +3 -0
  131. package/lib/language/ar-EG.min.js +1 -1
  132. package/lib/language/ar-EG.umd.js +3 -0
  133. package/lib/language/de-DE.js +3 -0
  134. package/lib/language/de-DE.min.js +1 -1
  135. package/lib/language/de-DE.umd.js +3 -0
  136. package/lib/language/en-US.js +3 -0
  137. package/lib/language/en-US.min.js +1 -1
  138. package/lib/language/en-US.umd.js +3 -0
  139. package/lib/language/es-ES.js +3 -0
  140. package/lib/language/es-ES.min.js +1 -1
  141. package/lib/language/es-ES.umd.js +3 -0
  142. package/lib/language/fr-FR.js +3 -0
  143. package/lib/language/fr-FR.min.js +1 -1
  144. package/lib/language/fr-FR.umd.js +3 -0
  145. package/lib/language/hu-HU.js +3 -0
  146. package/lib/language/hu-HU.min.js +1 -1
  147. package/lib/language/hu-HU.umd.js +3 -0
  148. package/lib/language/hy-AM.js +3 -0
  149. package/lib/language/hy-AM.min.js +1 -1
  150. package/lib/language/hy-AM.umd.js +3 -0
  151. package/lib/language/id-ID.js +3 -0
  152. package/lib/language/id-ID.min.js +1 -1
  153. package/lib/language/id-ID.umd.js +3 -0
  154. package/lib/language/it-IT.js +3 -0
  155. package/lib/language/it-IT.min.js +1 -1
  156. package/lib/language/it-IT.umd.js +3 -0
  157. package/lib/language/ja-JP.js +3 -0
  158. package/lib/language/ja-JP.min.js +1 -1
  159. package/lib/language/ja-JP.umd.js +3 -0
  160. package/lib/language/ko-KR.js +3 -0
  161. package/lib/language/ko-KR.min.js +1 -1
  162. package/lib/language/ko-KR.umd.js +3 -0
  163. package/lib/language/ms-MY.js +3 -0
  164. package/lib/language/ms-MY.min.js +1 -1
  165. package/lib/language/ms-MY.umd.js +3 -0
  166. package/lib/language/nb-NO.js +3 -0
  167. package/lib/language/nb-NO.min.js +1 -1
  168. package/lib/language/nb-NO.umd.js +3 -0
  169. package/lib/language/pt-BR.js +3 -0
  170. package/lib/language/pt-BR.min.js +1 -1
  171. package/lib/language/pt-BR.umd.js +3 -0
  172. package/lib/language/ru-RU.js +3 -0
  173. package/lib/language/ru-RU.min.js +1 -1
  174. package/lib/language/ru-RU.umd.js +3 -0
  175. package/lib/language/th-TH.js +3 -0
  176. package/lib/language/th-TH.min.js +1 -1
  177. package/lib/language/th-TH.umd.js +3 -0
  178. package/lib/language/ug-CN.js +3 -0
  179. package/lib/language/ug-CN.min.js +1 -1
  180. package/lib/language/ug-CN.umd.js +3 -0
  181. package/lib/language/uk-UA.js +3 -0
  182. package/lib/language/uk-UA.min.js +1 -1
  183. package/lib/language/uk-UA.umd.js +3 -0
  184. package/lib/language/uz-UZ.js +3 -0
  185. package/lib/language/uz-UZ.min.js +1 -1
  186. package/lib/language/uz-UZ.umd.js +3 -0
  187. package/lib/language/vi-VN.js +3 -0
  188. package/lib/language/vi-VN.min.js +1 -1
  189. package/lib/language/vi-VN.umd.js +3 -0
  190. package/lib/language/zh-CHT.js +3 -0
  191. package/lib/language/zh-CHT.min.js +1 -1
  192. package/lib/language/zh-CHT.umd.js +3 -0
  193. package/lib/language/zh-CN.js +3 -0
  194. package/lib/language/zh-CN.min.js +1 -1
  195. package/lib/language/zh-CN.umd.js +3 -0
  196. package/lib/list/src/list.js +19 -1
  197. package/lib/list/src/list.min.js +1 -1
  198. package/lib/list/style/style.css +26 -28
  199. package/lib/list/style/style.min.css +1 -1
  200. package/lib/menu/style/style.css +22 -29
  201. package/lib/menu/style/style.min.css +1 -1
  202. package/lib/notice-bar/style/style.css +14 -10
  203. package/lib/notice-bar/style/style.min.css +1 -1
  204. package/lib/radio/src/button.js +3 -1
  205. package/lib/radio/src/button.min.js +1 -1
  206. package/lib/radio/src/group.js +7 -1
  207. package/lib/radio/src/group.min.js +1 -1
  208. package/lib/radio/style/style.css +22 -30
  209. package/lib/radio/style/style.min.css +1 -1
  210. package/lib/radio-button/style/style.css +151 -8
  211. package/lib/radio-button/style/style.min.css +1 -1
  212. package/lib/select/style/style.css +42 -59
  213. package/lib/select/style/style.min.css +1 -1
  214. package/lib/style.css +1 -1
  215. package/lib/style.min.css +1 -1
  216. package/lib/tree/src/tree.js +525 -14
  217. package/lib/tree/src/tree.min.js +1 -1
  218. package/lib/tree/src/util.js +16 -0
  219. package/lib/tree/src/util.min.js +1 -1
  220. package/lib/tree/style/style.css +26 -25
  221. package/lib/tree/style/style.min.css +1 -1
  222. package/lib/tree-select/style/style.css +27 -31
  223. package/lib/tree-select/style/style.min.css +1 -1
  224. package/lib/ui/index.js +5 -2
  225. package/lib/ui/index.min.js +1 -1
  226. package/lib/ui/src/log.js +1 -1
  227. package/lib/ui/src/log.min.js +1 -1
  228. package/lib/upload/style/style.css +30 -41
  229. package/lib/upload/style/style.min.css +1 -1
  230. package/lib/vxe-button/style/style.css +42 -72
  231. package/lib/vxe-button/style/style.min.css +1 -1
  232. package/lib/vxe-cascader/style/style.css +29 -33
  233. package/lib/vxe-cascader/style/style.min.css +1 -1
  234. package/lib/vxe-checkbox/style/style.css +22 -28
  235. package/lib/vxe-checkbox/style/style.min.css +1 -1
  236. package/lib/vxe-checkbox-button/style/style.css +151 -8
  237. package/lib/vxe-checkbox-button/style/style.min.css +1 -1
  238. package/lib/vxe-context-menu/style/style.css +14 -13
  239. package/lib/vxe-context-menu/style/style.min.css +1 -1
  240. package/lib/vxe-form/style/style.css +45 -95
  241. package/lib/vxe-form/style/style.min.css +1 -1
  242. package/lib/vxe-icon-picker/style/style.css +49 -23
  243. package/lib/vxe-icon-picker/style/style.min.css +1 -1
  244. package/lib/vxe-list/style/style.css +26 -28
  245. package/lib/vxe-list/style/style.min.css +1 -1
  246. package/lib/vxe-menu/style/style.css +22 -29
  247. package/lib/vxe-menu/style/style.min.css +1 -1
  248. package/lib/vxe-notice-bar/style/style.css +14 -10
  249. package/lib/vxe-notice-bar/style/style.min.css +1 -1
  250. package/lib/vxe-radio/style/style.css +22 -30
  251. package/lib/vxe-radio/style/style.min.css +1 -1
  252. package/lib/vxe-radio-button/style/style.css +151 -8
  253. package/lib/vxe-radio-button/style/style.min.css +1 -1
  254. package/lib/vxe-select/style/style.css +42 -59
  255. package/lib/vxe-select/style/style.min.css +1 -1
  256. package/lib/vxe-tree/style/style.css +26 -25
  257. package/lib/vxe-tree/style/style.min.css +1 -1
  258. package/lib/vxe-tree-select/style/style.css +27 -31
  259. package/lib/vxe-tree-select/style/style.min.css +1 -1
  260. package/lib/vxe-upload/style/style.css +30 -41
  261. package/lib/vxe-upload/style/style.min.css +1 -1
  262. package/package.json +1 -1
  263. package/packages/checkbox/src/button.ts +3 -1
  264. package/packages/checkbox/src/group.ts +6 -1
  265. package/packages/date-picker/src/date-picker.ts +1 -1
  266. package/packages/icon-picker/src/icon-picker.ts +157 -48
  267. package/packages/language/ar-EG.ts +3 -0
  268. package/packages/language/de-DE.ts +3 -0
  269. package/packages/language/en-US.ts +3 -0
  270. package/packages/language/es-ES.ts +3 -0
  271. package/packages/language/fr-FR.ts +3 -0
  272. package/packages/language/hu-HU.ts +3 -0
  273. package/packages/language/hy-AM.ts +3 -0
  274. package/packages/language/id-ID.ts +3 -0
  275. package/packages/language/it-IT.ts +3 -0
  276. package/packages/language/ja-JP.ts +3 -0
  277. package/packages/language/ko-KR.ts +3 -0
  278. package/packages/language/ms-MY.ts +3 -0
  279. package/packages/language/nb-NO.ts +3 -0
  280. package/packages/language/pt-BR.ts +3 -0
  281. package/packages/language/ru-RU.ts +3 -0
  282. package/packages/language/th-TH.ts +3 -0
  283. package/packages/language/ug-CN.ts +3 -0
  284. package/packages/language/uk-UA.ts +3 -0
  285. package/packages/language/uz-UZ.ts +3 -0
  286. package/packages/language/vi-VN.ts +3 -0
  287. package/packages/language/zh-CHT.ts +3 -0
  288. package/packages/language/zh-CN.ts +3 -0
  289. package/packages/list/src/list.ts +14 -1
  290. package/packages/radio/src/button.ts +3 -1
  291. package/packages/radio/src/group.ts +6 -1
  292. package/packages/tree/src/tree.ts +443 -14
  293. package/packages/tree/src/util.ts +17 -1
  294. package/packages/ui/index.ts +4 -1
  295. package/styles/components/button.scss +56 -137
  296. package/styles/components/cascader.scss +25 -27
  297. package/styles/components/checkbox-button.scss +65 -13
  298. package/styles/components/checkbox.scss +22 -24
  299. package/styles/components/context-menu.scss +15 -13
  300. package/styles/components/form.scss +57 -134
  301. package/styles/components/icon-picker.scss +56 -27
  302. package/styles/components/link.scss +1 -1
  303. package/styles/components/list.scss +24 -26
  304. package/styles/components/menu.scss +23 -25
  305. package/styles/components/notice-bar.scss +15 -13
  306. package/styles/components/radio-button.scss +65 -13
  307. package/styles/components/radio.scss +22 -23
  308. package/styles/components/select.scss +36 -62
  309. package/styles/components/tree-select.scss +26 -27
  310. package/styles/components/tree.scss +16 -14
  311. package/styles/components/upload.scss +28 -30
  312. package/styles/helpers/baseMixin.scss +2 -2
  313. package/styles/helpers/themeStatus.scss +58 -0
  314. package/styles/theme/base.scss +11 -3
  315. package/types/all.d.ts +205 -0
  316. package/types/components/checkbox-group.d.ts +3 -1
  317. package/types/components/checkbox.d.ts +1 -1
  318. package/types/components/icon-picker.d.ts +28 -4
  319. package/types/components/list.d.ts +2 -2
  320. package/types/components/radio-group.d.ts +3 -1
  321. package/types/components/tree.d.ts +36 -0
  322. /package/es/icon/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  323. /package/es/icon/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  324. /package/es/icon/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  325. /package/es/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  326. /package/es/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  327. /package/es/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  328. /package/lib/icon/style/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  329. /package/lib/icon/style/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  330. /package/lib/icon/style/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
  331. /package/lib/{iconfont.1782658269305.ttf → iconfont.1782810550462.ttf} +0 -0
  332. /package/lib/{iconfont.1782658269305.woff → iconfont.1782810550462.woff} +0 -0
  333. /package/lib/{iconfont.1782658269305.woff2 → iconfont.1782810550462.woff2} +0 -0
package/lib/icon-picker/style/style.css CHANGED
@@ -1,12 +1,35 @@
1
+ .vxe-ico-picker,
2
+ .vxe-ico-picker--panel {
3
+ --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-default);
4
+ }
5
+ .vxe-ico-picker.size--medium,
6
+ .vxe-ico-picker--panel.size--medium {
7
+ --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-medium);
8
+ }
9
+ .vxe-ico-picker.size--small,
10
+ .vxe-ico-picker--panel.size--small {
11
+ --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-small);
12
+ }
13
+ .vxe-ico-picker.size--mini,
14
+ .vxe-ico-picker--panel.size--mini {
15
+ --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-mini);
16
+ }
17
+
1
18
  .vxe-ico-picker {
2
19
  position: relative;
3
20
  display: inline-block;
21
+ font-size: var(--vxe-ui-ico-picker-current-font-size);
4
22
  color: var(--vxe-ui-font-color);
5
23
  width: 100px;
6
24
  border: 1px solid var(--vxe-ui-input-border-color);
7
25
  border-radius: var(--vxe-ui-base-border-radius);
8
26
  background-color: var(--vxe-ui-layout-background-color);
9
27
  }
28
+ .vxe-ico-picker.is--disabled {
29
+ background-color: var(--vxe-ui-input-disabled-background-color);
30
+ color: var(--vxe-ui-font-disabled-color);
31
+ cursor: no-drop;
32
+ }
10
33
  .vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon {
11
34
  display: block;
12
35
  }
@@ -64,6 +87,15 @@
64
87
  transition: transform 0.2s ease-in-out;
65
88
  }
66
89
 
90
+ .vxe-ico-picker--panel-search {
91
+ display: block;
92
+ flex-shrink: 0;
93
+ padding: var(--vxe-ui-layout-padding-default);
94
+ }
95
+ .vxe-ico-picker--panel-search .vxe-ico-picker-search--input {
96
+ width: 100%;
97
+ }
98
+
67
99
  .vxe-ico-picker--readonly {
68
100
  color: var(--vxe-ui-font-color);
69
101
  display: inline-flex;
@@ -83,10 +115,17 @@
83
115
  color: var(--vxe-ui-font-primary-color);
84
116
  }
85
117
 
118
+ .vxe-ico-picker--all-list {
119
+ display: flex;
120
+ flex-direction: row;
121
+ flex-wrap: wrap;
122
+ }
123
+
86
124
  .vxe-ico-picker--list-wrapper {
87
125
  overflow-x: hidden;
88
126
  overflow-y: auto;
89
- max-height: 22.3em;
127
+ height: var(--vxe-ui-icon-picker-panel-height);
128
+ max-height: var(--vxe-ui-icon-picker-panel-max-height, var(--vxe-ui-icon-picker-panel-height, 22.3em));
90
129
  padding: var(--vxe-ui-layout-padding-qtr);
91
130
  }
92
131
 
@@ -98,17 +137,20 @@
98
137
  .vxe-ico-picker--item {
99
138
  display: flex;
100
139
  flex-direction: column;
101
- width: 4.8em;
140
+ min-width: 4.8em;
141
+ width: var(--vxe-ui-icon-picker-item-width, 4.8em);
142
+ padding: var(--vxe-ui-layout-padding-half);
143
+ }
144
+ .vxe-ico-picker--item .vxe-ico-picker--item-inner {
102
145
  padding: 0.2em;
103
146
  border: 1px solid var(--vxe-ui-input-border-color);
104
147
  border-radius: var(--vxe-ui-base-border-radius);
105
- margin: var(--vxe-ui-layout-padding-half);
106
148
  cursor: pointer;
107
149
  }
108
- .vxe-ico-picker--item:hover {
150
+ .vxe-ico-picker--item .vxe-ico-picker--item-inner:hover {
109
151
  background-color: var(--vxe-ui-base-hover-background-color);
110
152
  }
111
- .vxe-ico-picker--item.is--selected {
153
+ .vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner {
112
154
  color: var(--vxe-ui-font-primary-color);
113
155
  border-color: var(--vxe-ui-font-primary-color);
114
156
  }
@@ -120,7 +162,7 @@
120
162
  align-items: center;
121
163
  justify-content: center;
122
164
  height: 1.5em;
123
- font-size: 1.4em;
165
+ font-size: var(--vxe-ui-icon-picker-panel-icon-font-size);
124
166
  }
125
167
  .vxe-ico-picker--item-icon > svg {
126
168
  max-width: 1em;
@@ -157,6 +199,7 @@
157
199
  position: absolute;
158
200
  left: 0;
159
201
  padding: 4px 0;
202
+ font-size: var(--vxe-ui-ico-picker-current-font-size);
160
203
  color: var(--vxe-ui-font-color);
161
204
  text-align: left;
162
205
  }
@@ -197,21 +240,4 @@
197
240
  .vxe-ico-picker.size--mini {
198
241
  height: var(--vxe-ui-input-height-mini);
199
242
  line-height: var(--vxe-ui-input-height-mini);
200
- }
201
-
202
- .vxe-ico-picker,
203
- .vxe-ico-picker--panel {
204
- font-size: var(--vxe-ui-font-size-default);
205
- }
206
- .vxe-ico-picker.size--medium,
207
- .vxe-ico-picker--panel.size--medium {
208
- font-size: var(--vxe-ui-font-size-medium);
209
- }
210
- .vxe-ico-picker.size--small,
211
- .vxe-ico-picker--panel.size--small {
212
- font-size: var(--vxe-ui-font-size-small);
213
- }
214
- .vxe-ico-picker.size--mini,
215
- .vxe-ico-picker--panel.size--mini {
216
- font-size: var(--vxe-ui-font-size-mini);
217
243
  }
package/lib/icon-picker/style/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-ico-picker{position:relative;display:inline-block;color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;max-height:22.3em;padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;width:4.8em;padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);margin:var(--vxe-ui-layout-padding-half);cursor:pointer}.vxe-ico-picker--item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:1.4em}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker,.vxe-ico-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-ico-picker,.vxe-ico-picker--panel{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{--vxe-ui-ico-picker-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-ico-picker{position:relative;display:inline-block;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color);color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--panel-search{display:block;flex-shrink:0;padding:var(--vxe-ui-layout-padding-default)}.vxe-ico-picker--panel-search .vxe-ico-picker-search--input{width:100%}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--all-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;height:var(--vxe-ui-icon-picker-panel-height);max-height:var(--vxe-ui-icon-picker-panel-max-height,var(--vxe-ui-icon-picker-panel-height,22.3em));padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;min-width:4.8em;width:var(--vxe-ui-icon-picker-item-width,4.8em);padding:var(--vxe-ui-layout-padding-half)}.vxe-ico-picker--item .vxe-ico-picker--item-inner{padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer}.vxe-ico-picker--item .vxe-ico-picker--item-inner:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected .vxe-ico-picker--item-inner{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:var(--vxe-ui-icon-picker-panel-icon-font-size)}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;font-size:var(--vxe-ui-ico-picker-current-font-size);color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}