element-plus-secondary 0.6.2 → 0.6.4

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 (539) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/alert/index.mjs +2 -2
  3. package/es/components/alert/src/alert.mjs +36 -96
  4. package/es/components/alert/src/alert.mjs.map +1 -1
  5. package/es/components/alert/src/alert2.mjs +96 -36
  6. package/es/components/alert/src/alert2.mjs.map +1 -1
  7. package/es/components/autocomplete/src/autocomplete.mjs +1 -1
  8. package/es/components/backtop/index.mjs +2 -2
  9. package/es/components/backtop/src/backtop.mjs +54 -21
  10. package/es/components/backtop/src/backtop.mjs.map +1 -1
  11. package/es/components/backtop/src/backtop2.mjs +21 -54
  12. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  13. package/es/components/badge/index.mjs +2 -2
  14. package/es/components/badge/src/badge.mjs +17 -55
  15. package/es/components/badge/src/badge.mjs.map +1 -1
  16. package/es/components/badge/src/badge2.mjs +55 -17
  17. package/es/components/badge/src/badge2.mjs.map +1 -1
  18. package/es/components/breadcrumb/index.mjs +2 -2
  19. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -37
  20. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  21. package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -11
  22. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  23. package/es/components/calendar/index.mjs +2 -2
  24. package/es/components/calendar/src/calendar.mjs +131 -18
  25. package/es/components/calendar/src/calendar.mjs.map +1 -1
  26. package/es/components/calendar/src/calendar2.mjs +18 -131
  27. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  28. package/es/components/card/index.mjs +2 -2
  29. package/es/components/card/src/card.mjs +35 -16
  30. package/es/components/card/src/card.mjs.map +1 -1
  31. package/es/components/card/src/card2.mjs +16 -35
  32. package/es/components/card/src/card2.mjs.map +1 -1
  33. package/es/components/cascader/src/index.mjs +2 -2
  34. package/es/components/cascader-panel/src/index.mjs +1 -1
  35. package/es/components/cascader-panel/src/menu.mjs +1 -1
  36. package/es/components/cascader-panel/src/node.mjs +209 -116
  37. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  38. package/es/components/cascader-panel/src/node2.mjs +116 -209
  39. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  40. package/es/components/cascader-panel/src/store.mjs +1 -1
  41. package/es/components/check-tag/index.mjs +2 -2
  42. package/es/components/check-tag/src/check-tag.mjs +12 -30
  43. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  44. package/es/components/check-tag/src/check-tag2.mjs +30 -12
  45. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  46. package/es/components/collapse/index.mjs +2 -2
  47. package/es/components/collapse/src/collapse.mjs +17 -30
  48. package/es/components/collapse/src/collapse.mjs.map +1 -1
  49. package/es/components/collapse/src/collapse2.mjs +30 -17
  50. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  51. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  52. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  53. package/es/components/dropdown/src/dropdown.mjs +2 -2
  54. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  55. package/es/components/form/index.mjs +2 -2
  56. package/es/components/form/src/form-item.mjs +316 -43
  57. package/es/components/form/src/form-item.mjs.map +1 -1
  58. package/es/components/form/src/form-item2.mjs +43 -316
  59. package/es/components/form/src/form-item2.mjs.map +1 -1
  60. package/es/components/image/index.d.ts +2 -2
  61. package/es/components/image/src/image.vue.d.ts +2 -2
  62. package/es/components/image-viewer/index.d.ts +1 -1
  63. package/es/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  64. package/es/components/index.mjs +35 -35
  65. package/es/components/input/index.mjs +2 -2
  66. package/es/components/input/src/input.mjs +116 -442
  67. package/es/components/input/src/input.mjs.map +1 -1
  68. package/es/components/input/src/input2.mjs +442 -116
  69. package/es/components/input/src/input2.mjs.map +1 -1
  70. package/es/components/input-number/index.mjs +2 -2
  71. package/es/components/input-number/src/input-number.mjs +322 -62
  72. package/es/components/input-number/src/input-number.mjs.map +1 -1
  73. package/es/components/input-number/src/input-number2.mjs +62 -322
  74. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  75. package/es/components/message/index.mjs +1 -1
  76. package/es/components/message/src/message.mjs +146 -86
  77. package/es/components/message/src/message.mjs.map +1 -1
  78. package/es/components/message/src/message2.mjs +86 -146
  79. package/es/components/message/src/message2.mjs.map +1 -1
  80. package/es/components/message/src/method.mjs +2 -2
  81. package/es/components/notification/index.mjs +1 -1
  82. package/es/components/notification/src/notification.mjs +145 -69
  83. package/es/components/notification/src/notification.mjs.map +1 -1
  84. package/es/components/notification/src/notification2.mjs +69 -145
  85. package/es/components/notification/src/notification2.mjs.map +1 -1
  86. package/es/components/notification/src/notify.mjs +2 -2
  87. package/es/components/page-header/index.mjs +2 -2
  88. package/es/components/page-header/src/page-header.mjs +102 -17
  89. package/es/components/page-header/src/page-header.mjs.map +1 -1
  90. package/es/components/page-header/src/page-header2.mjs +17 -102
  91. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  92. package/es/components/pagination/src/components/jumper.mjs +60 -9
  93. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  94. package/es/components/pagination/src/components/jumper2.mjs +9 -60
  95. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  96. package/es/components/pagination/src/components/next.mjs +19 -34
  97. package/es/components/pagination/src/components/next.mjs.map +1 -1
  98. package/es/components/pagination/src/components/next2.mjs +34 -19
  99. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  100. package/es/components/pagination/src/components/pager.mjs +17 -208
  101. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  102. package/es/components/pagination/src/components/pager2.mjs +208 -17
  103. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  104. package/es/components/pagination/src/components/prev.mjs +18 -34
  105. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  106. package/es/components/pagination/src/components/prev2.mjs +34 -18
  107. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  108. package/es/components/pagination/src/components/sizes.vue.d.ts +12 -0
  109. package/es/components/pagination/src/components/total.mjs +7 -28
  110. package/es/components/pagination/src/components/total.mjs.map +1 -1
  111. package/es/components/pagination/src/components/total2.mjs +28 -7
  112. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  113. package/es/components/pagination/src/pagination.mjs +5 -5
  114. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  115. package/es/components/popover/index.mjs +2 -2
  116. package/es/components/popover/src/popover.mjs +111 -66
  117. package/es/components/popover/src/popover.mjs.map +1 -1
  118. package/es/components/popover/src/popover2.mjs +66 -111
  119. package/es/components/popover/src/popover2.mjs.map +1 -1
  120. package/es/components/popper/index.mjs +2 -2
  121. package/es/components/popper/src/content.mjs +212 -94
  122. package/es/components/popper/src/content.mjs.map +1 -1
  123. package/es/components/popper/src/content2.mjs +94 -212
  124. package/es/components/popper/src/content2.mjs.map +1 -1
  125. package/es/components/progress/index.mjs +2 -2
  126. package/es/components/progress/src/progress.mjs +202 -57
  127. package/es/components/progress/src/progress.mjs.map +1 -1
  128. package/es/components/progress/src/progress2.mjs +57 -202
  129. package/es/components/progress/src/progress2.mjs.map +1 -1
  130. package/es/components/radio/index.mjs +4 -4
  131. package/es/components/radio/src/radio-button.mjs +68 -9
  132. package/es/components/radio/src/radio-button.mjs.map +1 -1
  133. package/es/components/radio/src/radio-button2.mjs +9 -68
  134. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  135. package/es/components/radio/src/radio-group2.mjs +1 -1
  136. package/es/components/radio/src/radio.mjs +78 -34
  137. package/es/components/radio/src/radio.mjs.map +1 -1
  138. package/es/components/radio/src/radio2.mjs +34 -78
  139. package/es/components/radio/src/radio2.mjs.map +1 -1
  140. package/es/components/result/index.mjs +2 -2
  141. package/es/components/result/src/result.mjs +29 -63
  142. package/es/components/result/src/result.mjs.map +1 -1
  143. package/es/components/result/src/result2.mjs +63 -29
  144. package/es/components/result/src/result2.mjs.map +1 -1
  145. package/es/components/roving-focus-group/index.mjs +3 -3
  146. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  147. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  148. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  149. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  150. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  151. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  152. package/es/components/scrollbar/index.mjs +2 -2
  153. package/es/components/scrollbar/src/scrollbar.mjs +47 -175
  154. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  155. package/es/components/scrollbar/src/scrollbar2.mjs +175 -47
  156. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  157. package/es/components/select/index.d.ts +12 -0
  158. package/es/components/select/src/option.mjs +9 -3
  159. package/es/components/select/src/option.mjs.map +1 -1
  160. package/es/components/select/src/option.vue.d.ts +7 -0
  161. package/es/components/select/src/select.mjs +12 -7
  162. package/es/components/select/src/select.mjs.map +1 -1
  163. package/es/components/select-v2/src/defaults.mjs +1 -1
  164. package/es/components/select-v2/src/select.mjs +1 -0
  165. package/es/components/select-v2/src/select.mjs.map +1 -1
  166. package/es/components/skeleton/index.mjs +2 -2
  167. package/es/components/skeleton/src/skeleton-item.mjs +18 -23
  168. package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
  169. package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
  170. package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
  171. package/es/components/skeleton/src/skeleton2.mjs +1 -1
  172. package/es/components/slider/src/button.mjs +95 -21
  173. package/es/components/slider/src/button.mjs.map +1 -1
  174. package/es/components/slider/src/button2.mjs +21 -95
  175. package/es/components/slider/src/button2.mjs.map +1 -1
  176. package/es/components/slider/src/slider2.mjs +1 -1
  177. package/es/components/steps/index.mjs +2 -2
  178. package/es/components/steps/src/item.mjs +194 -20
  179. package/es/components/steps/src/item.mjs.map +1 -1
  180. package/es/components/steps/src/item2.mjs +20 -194
  181. package/es/components/steps/src/item2.mjs.map +1 -1
  182. package/es/components/switch/index.mjs +2 -2
  183. package/es/components/switch/src/switch.mjs +88 -240
  184. package/es/components/switch/src/switch.mjs.map +1 -1
  185. package/es/components/switch/src/switch2.mjs +240 -88
  186. package/es/components/switch/src/switch2.mjs.map +1 -1
  187. package/es/components/tabs/index.mjs +2 -2
  188. package/es/components/tabs/src/tab-pane.mjs +13 -73
  189. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  190. package/es/components/tabs/src/tab-pane2.mjs +73 -13
  191. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  192. package/es/components/tag/index.mjs +2 -2
  193. package/es/components/tag/src/tag.mjs +32 -96
  194. package/es/components/tag/src/tag.mjs.map +1 -1
  195. package/es/components/tag/src/tag2.mjs +96 -32
  196. package/es/components/tag/src/tag2.mjs.map +1 -1
  197. package/es/components/time-picker/src/common/picker.mjs +14 -1
  198. package/es/components/time-picker/src/common/picker.mjs.map +1 -1
  199. package/es/components/time-picker/src/common/picker.vue.d.ts +3 -0
  200. package/es/components/time-select/index.d.ts +36 -0
  201. package/es/components/time-select/index.mjs +1 -1
  202. package/es/components/time-select/src/time-select.mjs +48 -117
  203. package/es/components/time-select/src/time-select.mjs.map +1 -1
  204. package/es/components/time-select/src/time-select.vue.d.ts +18 -0
  205. package/es/components/time-select/src/time-select2.mjs +117 -48
  206. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  207. package/es/components/timeline/index.mjs +2 -2
  208. package/es/components/timeline/src/timeline-item.mjs +70 -42
  209. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  210. package/es/components/timeline/src/timeline-item2.mjs +42 -70
  211. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  212. package/es/components/tooltip/index.mjs +4 -4
  213. package/es/components/tooltip/src/content.mjs +39 -167
  214. package/es/components/tooltip/src/content.mjs.map +1 -1
  215. package/es/components/tooltip/src/content2.mjs +167 -39
  216. package/es/components/tooltip/src/content2.mjs.map +1 -1
  217. package/es/components/tooltip/src/tooltip.mjs +170 -35
  218. package/es/components/tooltip/src/tooltip.mjs.map +1 -1
  219. package/es/components/tooltip/src/tooltip2.mjs +35 -170
  220. package/es/components/tooltip/src/tooltip2.mjs.map +1 -1
  221. package/es/components/tooltip/src/trigger.mjs +74 -16
  222. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  223. package/es/components/tooltip/src/trigger2.mjs +16 -74
  224. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  225. package/es/components/tooltip-v2/index.mjs +2 -2
  226. package/es/components/tooltip-v2/src/content.mjs +50 -113
  227. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  228. package/es/components/tooltip-v2/src/content2.mjs +113 -50
  229. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  230. package/es/components/tooltip-v2/src/root.mjs +81 -17
  231. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  232. package/es/components/tooltip-v2/src/root2.mjs +17 -81
  233. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  234. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  235. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  236. package/es/components/transfer/index.mjs +2 -2
  237. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  238. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  239. package/es/components/transfer/src/transfer-panel.mjs +19 -131
  240. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  241. package/es/components/transfer/src/transfer-panel2.mjs +131 -19
  242. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  243. package/es/components/transfer/src/transfer.mjs +69 -159
  244. package/es/components/transfer/src/transfer.mjs.map +1 -1
  245. package/es/components/transfer/src/transfer2.mjs +159 -69
  246. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  247. package/es/components/tree/index.d.ts +12 -0
  248. package/es/components/tree/src/tree.mjs +7 -2
  249. package/es/components/tree/src/tree.mjs.map +1 -1
  250. package/es/components/tree/src/tree.vue.d.ts +7 -0
  251. package/es/components/tree-select/src/tree-select-option.d.ts +36 -0
  252. package/es/components/upload/index.mjs +3 -3
  253. package/es/components/upload/src/upload-content.mjs +33 -170
  254. package/es/components/upload/src/upload-content.mjs.map +1 -1
  255. package/es/components/upload/src/upload-content2.mjs +170 -33
  256. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  257. package/es/components/upload/src/upload-dragger.mjs +70 -11
  258. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  259. package/es/components/upload/src/upload-dragger2.mjs +11 -70
  260. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  261. package/es/components/upload/src/upload-list.mjs +26 -170
  262. package/es/components/upload/src/upload-list.mjs.map +1 -1
  263. package/es/components/upload/src/upload-list2.mjs +170 -26
  264. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  265. package/es/components/upload/src/upload2.mjs +2 -2
  266. package/es/index.mjs +35 -35
  267. package/lib/components/alert/index.js +2 -2
  268. package/lib/components/alert/src/alert.js +37 -95
  269. package/lib/components/alert/src/alert.js.map +1 -1
  270. package/lib/components/alert/src/alert2.js +95 -37
  271. package/lib/components/alert/src/alert2.js.map +1 -1
  272. package/lib/components/autocomplete/src/autocomplete.js +1 -1
  273. package/lib/components/backtop/index.js +2 -2
  274. package/lib/components/backtop/src/backtop.js +54 -22
  275. package/lib/components/backtop/src/backtop.js.map +1 -1
  276. package/lib/components/backtop/src/backtop2.js +22 -54
  277. package/lib/components/backtop/src/backtop2.js.map +1 -1
  278. package/lib/components/badge/index.js +2 -2
  279. package/lib/components/badge/src/badge.js +17 -55
  280. package/lib/components/badge/src/badge.js.map +1 -1
  281. package/lib/components/badge/src/badge2.js +55 -17
  282. package/lib/components/badge/src/badge2.js.map +1 -1
  283. package/lib/components/breadcrumb/index.js +2 -2
  284. package/lib/components/breadcrumb/src/breadcrumb.js +11 -37
  285. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  286. package/lib/components/breadcrumb/src/breadcrumb2.js +37 -11
  287. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  288. package/lib/components/calendar/index.js +2 -2
  289. package/lib/components/calendar/src/calendar.js +131 -19
  290. package/lib/components/calendar/src/calendar.js.map +1 -1
  291. package/lib/components/calendar/src/calendar2.js +19 -131
  292. package/lib/components/calendar/src/calendar2.js.map +1 -1
  293. package/lib/components/card/index.js +2 -2
  294. package/lib/components/card/src/card.js +35 -16
  295. package/lib/components/card/src/card.js.map +1 -1
  296. package/lib/components/card/src/card2.js +16 -35
  297. package/lib/components/card/src/card2.js.map +1 -1
  298. package/lib/components/cascader/src/index.js +2 -2
  299. package/lib/components/cascader-panel/src/index.js +1 -1
  300. package/lib/components/cascader-panel/src/menu.js +1 -1
  301. package/lib/components/cascader-panel/src/node.js +209 -116
  302. package/lib/components/cascader-panel/src/node.js.map +1 -1
  303. package/lib/components/cascader-panel/src/node2.js +116 -209
  304. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  305. package/lib/components/cascader-panel/src/store.js +1 -1
  306. package/lib/components/check-tag/index.js +2 -2
  307. package/lib/components/check-tag/src/check-tag.js +13 -30
  308. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  309. package/lib/components/check-tag/src/check-tag2.js +30 -13
  310. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  311. package/lib/components/collapse/index.js +2 -2
  312. package/lib/components/collapse/src/collapse.js +19 -30
  313. package/lib/components/collapse/src/collapse.js.map +1 -1
  314. package/lib/components/collapse/src/collapse2.js +30 -19
  315. package/lib/components/collapse/src/collapse2.js.map +1 -1
  316. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  317. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  318. package/lib/components/dropdown/src/dropdown.js +2 -2
  319. package/lib/components/dropdown/src/dropdown2.js +1 -1
  320. package/lib/components/form/index.js +2 -2
  321. package/lib/components/form/src/form-item.js +320 -44
  322. package/lib/components/form/src/form-item.js.map +1 -1
  323. package/lib/components/form/src/form-item2.js +44 -320
  324. package/lib/components/form/src/form-item2.js.map +1 -1
  325. package/lib/components/image/index.d.ts +2 -2
  326. package/lib/components/image/src/image.vue.d.ts +2 -2
  327. package/lib/components/image-viewer/index.d.ts +1 -1
  328. package/lib/components/image-viewer/src/image-viewer.vue.d.ts +1 -1
  329. package/lib/components/index.js +35 -35
  330. package/lib/components/input/index.js +2 -2
  331. package/lib/components/input/src/input.js +116 -441
  332. package/lib/components/input/src/input.js.map +1 -1
  333. package/lib/components/input/src/input2.js +441 -116
  334. package/lib/components/input/src/input2.js.map +1 -1
  335. package/lib/components/input-number/index.js +2 -2
  336. package/lib/components/input-number/src/input-number.js +321 -62
  337. package/lib/components/input-number/src/input-number.js.map +1 -1
  338. package/lib/components/input-number/src/input-number2.js +62 -321
  339. package/lib/components/input-number/src/input-number2.js.map +1 -1
  340. package/lib/components/message/index.js +1 -1
  341. package/lib/components/message/src/message.js +144 -87
  342. package/lib/components/message/src/message.js.map +1 -1
  343. package/lib/components/message/src/message2.js +87 -144
  344. package/lib/components/message/src/message2.js.map +1 -1
  345. package/lib/components/message/src/method.js +2 -2
  346. package/lib/components/notification/index.js +1 -1
  347. package/lib/components/notification/src/notification.js +144 -70
  348. package/lib/components/notification/src/notification.js.map +1 -1
  349. package/lib/components/notification/src/notification2.js +70 -144
  350. package/lib/components/notification/src/notification2.js.map +1 -1
  351. package/lib/components/notification/src/notify.js +2 -2
  352. package/lib/components/page-header/index.js +2 -2
  353. package/lib/components/page-header/src/page-header.js +102 -18
  354. package/lib/components/page-header/src/page-header.js.map +1 -1
  355. package/lib/components/page-header/src/page-header2.js +18 -102
  356. package/lib/components/page-header/src/page-header2.js.map +1 -1
  357. package/lib/components/pagination/src/components/jumper.js +60 -9
  358. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  359. package/lib/components/pagination/src/components/jumper2.js +9 -60
  360. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  361. package/lib/components/pagination/src/components/next.js +19 -34
  362. package/lib/components/pagination/src/components/next.js.map +1 -1
  363. package/lib/components/pagination/src/components/next2.js +34 -19
  364. package/lib/components/pagination/src/components/next2.js.map +1 -1
  365. package/lib/components/pagination/src/components/pager.js +17 -208
  366. package/lib/components/pagination/src/components/pager.js.map +1 -1
  367. package/lib/components/pagination/src/components/pager2.js +208 -17
  368. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  369. package/lib/components/pagination/src/components/prev.js +19 -34
  370. package/lib/components/pagination/src/components/prev.js.map +1 -1
  371. package/lib/components/pagination/src/components/prev2.js +34 -19
  372. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  373. package/lib/components/pagination/src/components/sizes.vue.d.ts +12 -0
  374. package/lib/components/pagination/src/components/total.js +7 -28
  375. package/lib/components/pagination/src/components/total.js.map +1 -1
  376. package/lib/components/pagination/src/components/total2.js +28 -7
  377. package/lib/components/pagination/src/components/total2.js.map +1 -1
  378. package/lib/components/pagination/src/pagination.js +5 -5
  379. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  380. package/lib/components/popover/index.js +2 -2
  381. package/lib/components/popover/src/popover.js +111 -67
  382. package/lib/components/popover/src/popover.js.map +1 -1
  383. package/lib/components/popover/src/popover2.js +67 -111
  384. package/lib/components/popover/src/popover2.js.map +1 -1
  385. package/lib/components/popper/index.js +2 -2
  386. package/lib/components/popper/src/content.js +212 -99
  387. package/lib/components/popper/src/content.js.map +1 -1
  388. package/lib/components/popper/src/content2.js +99 -212
  389. package/lib/components/popper/src/content2.js.map +1 -1
  390. package/lib/components/progress/index.js +2 -2
  391. package/lib/components/progress/src/progress.js +202 -57
  392. package/lib/components/progress/src/progress.js.map +1 -1
  393. package/lib/components/progress/src/progress2.js +57 -202
  394. package/lib/components/progress/src/progress2.js.map +1 -1
  395. package/lib/components/radio/index.js +4 -4
  396. package/lib/components/radio/src/radio-button.js +68 -9
  397. package/lib/components/radio/src/radio-button.js.map +1 -1
  398. package/lib/components/radio/src/radio-button2.js +9 -68
  399. package/lib/components/radio/src/radio-button2.js.map +1 -1
  400. package/lib/components/radio/src/radio-group2.js +1 -1
  401. package/lib/components/radio/src/radio.js +78 -36
  402. package/lib/components/radio/src/radio.js.map +1 -1
  403. package/lib/components/radio/src/radio2.js +36 -78
  404. package/lib/components/radio/src/radio2.js.map +1 -1
  405. package/lib/components/result/index.js +2 -2
  406. package/lib/components/result/src/result.js +31 -63
  407. package/lib/components/result/src/result.js.map +1 -1
  408. package/lib/components/result/src/result2.js +63 -31
  409. package/lib/components/result/src/result2.js.map +1 -1
  410. package/lib/components/roving-focus-group/index.js +2 -2
  411. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  412. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  413. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  414. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  415. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  416. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  417. package/lib/components/scrollbar/index.js +2 -2
  418. package/lib/components/scrollbar/src/scrollbar.js +48 -175
  419. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  420. package/lib/components/scrollbar/src/scrollbar2.js +175 -48
  421. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  422. package/lib/components/select/index.d.ts +12 -0
  423. package/lib/components/select/src/option.js +8 -2
  424. package/lib/components/select/src/option.js.map +1 -1
  425. package/lib/components/select/src/option.vue.d.ts +7 -0
  426. package/lib/components/select/src/select.js +12 -7
  427. package/lib/components/select/src/select.js.map +1 -1
  428. package/lib/components/select-v2/src/defaults.js +1 -1
  429. package/lib/components/select-v2/src/select.js +1 -0
  430. package/lib/components/select-v2/src/select.js.map +1 -1
  431. package/lib/components/skeleton/index.js +2 -2
  432. package/lib/components/skeleton/src/skeleton-item.js +18 -23
  433. package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
  434. package/lib/components/skeleton/src/skeleton-item2.js +23 -18
  435. package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
  436. package/lib/components/skeleton/src/skeleton2.js +1 -1
  437. package/lib/components/slider/src/button.js +95 -22
  438. package/lib/components/slider/src/button.js.map +1 -1
  439. package/lib/components/slider/src/button2.js +22 -95
  440. package/lib/components/slider/src/button2.js.map +1 -1
  441. package/lib/components/slider/src/slider2.js +1 -1
  442. package/lib/components/steps/index.js +2 -2
  443. package/lib/components/steps/src/item.js +194 -20
  444. package/lib/components/steps/src/item.js.map +1 -1
  445. package/lib/components/steps/src/item2.js +20 -194
  446. package/lib/components/steps/src/item2.js.map +1 -1
  447. package/lib/components/switch/index.js +2 -2
  448. package/lib/components/switch/src/switch.js +88 -239
  449. package/lib/components/switch/src/switch.js.map +1 -1
  450. package/lib/components/switch/src/switch2.js +239 -88
  451. package/lib/components/switch/src/switch2.js.map +1 -1
  452. package/lib/components/tabs/index.js +2 -2
  453. package/lib/components/tabs/src/tab-pane.js +13 -73
  454. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  455. package/lib/components/tabs/src/tab-pane2.js +73 -13
  456. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  457. package/lib/components/tag/index.js +2 -2
  458. package/lib/components/tag/src/tag.js +33 -96
  459. package/lib/components/tag/src/tag.js.map +1 -1
  460. package/lib/components/tag/src/tag2.js +96 -33
  461. package/lib/components/tag/src/tag2.js.map +1 -1
  462. package/lib/components/time-picker/src/common/picker.js +14 -1
  463. package/lib/components/time-picker/src/common/picker.js.map +1 -1
  464. package/lib/components/time-picker/src/common/picker.vue.d.ts +3 -0
  465. package/lib/components/time-select/index.d.ts +36 -0
  466. package/lib/components/time-select/index.js +1 -1
  467. package/lib/components/time-select/src/time-select.js +48 -122
  468. package/lib/components/time-select/src/time-select.js.map +1 -1
  469. package/lib/components/time-select/src/time-select.vue.d.ts +18 -0
  470. package/lib/components/time-select/src/time-select2.js +122 -48
  471. package/lib/components/time-select/src/time-select2.js.map +1 -1
  472. package/lib/components/timeline/index.js +2 -2
  473. package/lib/components/timeline/src/timeline-item.js +70 -42
  474. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  475. package/lib/components/timeline/src/timeline-item2.js +42 -70
  476. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  477. package/lib/components/tooltip/index.js +4 -4
  478. package/lib/components/tooltip/src/content.js +39 -167
  479. package/lib/components/tooltip/src/content.js.map +1 -1
  480. package/lib/components/tooltip/src/content2.js +167 -39
  481. package/lib/components/tooltip/src/content2.js.map +1 -1
  482. package/lib/components/tooltip/src/tooltip.js +169 -38
  483. package/lib/components/tooltip/src/tooltip.js.map +1 -1
  484. package/lib/components/tooltip/src/tooltip2.js +38 -169
  485. package/lib/components/tooltip/src/tooltip2.js.map +1 -1
  486. package/lib/components/tooltip/src/trigger.js +74 -16
  487. package/lib/components/tooltip/src/trigger.js.map +1 -1
  488. package/lib/components/tooltip/src/trigger2.js +16 -74
  489. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  490. package/lib/components/tooltip-v2/index.js +2 -2
  491. package/lib/components/tooltip-v2/src/content.js +50 -113
  492. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  493. package/lib/components/tooltip-v2/src/content2.js +113 -50
  494. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  495. package/lib/components/tooltip-v2/src/root.js +81 -17
  496. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  497. package/lib/components/tooltip-v2/src/root2.js +17 -81
  498. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  499. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  500. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  501. package/lib/components/transfer/index.js +2 -2
  502. package/lib/components/transfer/src/composables/use-check.js +1 -1
  503. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  504. package/lib/components/transfer/src/transfer-panel.js +21 -131
  505. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  506. package/lib/components/transfer/src/transfer-panel2.js +131 -21
  507. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  508. package/lib/components/transfer/src/transfer.js +73 -159
  509. package/lib/components/transfer/src/transfer.js.map +1 -1
  510. package/lib/components/transfer/src/transfer2.js +159 -73
  511. package/lib/components/transfer/src/transfer2.js.map +1 -1
  512. package/lib/components/tree/index.d.ts +12 -0
  513. package/lib/components/tree/src/tree.js +6 -1
  514. package/lib/components/tree/src/tree.js.map +1 -1
  515. package/lib/components/tree/src/tree.vue.d.ts +7 -0
  516. package/lib/components/tree-select/src/tree-select-option.d.ts +36 -0
  517. package/lib/components/upload/index.js +3 -3
  518. package/lib/components/upload/src/upload-content.js +32 -169
  519. package/lib/components/upload/src/upload-content.js.map +1 -1
  520. package/lib/components/upload/src/upload-content2.js +169 -32
  521. package/lib/components/upload/src/upload-content2.js.map +1 -1
  522. package/lib/components/upload/src/upload-dragger.js +70 -12
  523. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  524. package/lib/components/upload/src/upload-dragger2.js +12 -70
  525. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  526. package/lib/components/upload/src/upload-list.js +27 -170
  527. package/lib/components/upload/src/upload-list.js.map +1 -1
  528. package/lib/components/upload/src/upload-list2.js +170 -27
  529. package/lib/components/upload/src/upload-list2.js.map +1 -1
  530. package/lib/components/upload/src/upload2.js +2 -2
  531. package/lib/index.js +35 -35
  532. package/package.json +1 -1
  533. package/theme-chalk/el-select-dropdown.css +1 -1
  534. package/theme-chalk/el-select.css +1 -1
  535. package/theme-chalk/el-tag.css +1 -1
  536. package/theme-chalk/index.css +1 -1
  537. package/theme-chalk/src/select-dropdown.scss +4 -4
  538. package/theme-chalk/src/select.scss +8 -0
  539. package/theme-chalk/src/tag.scss +4 -0
@@ -1 +1 @@
1
- {"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, SVGAttributes } from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n type: {\n type: String,\n default: 'line',\n values: ['line', 'circle', 'dashboard'],\n },\n percentage: {\n type: Number,\n default: 0,\n validator: (val: number): boolean => val >= 0 && val <= 100,\n },\n status: {\n type: String,\n default: '',\n values: ['', 'success', 'exception', 'warning'],\n },\n indeterminate: {\n type: Boolean,\n default: false,\n },\n duration: {\n type: Number,\n default: 3,\n },\n strokeWidth: {\n type: Number,\n default: 6,\n },\n strokeLinecap: {\n type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n default: 'round',\n },\n textInside: {\n type: Boolean,\n default: false,\n },\n width: {\n type: Number,\n default: 126,\n },\n showText: {\n type: Boolean,\n default: true,\n },\n color: {\n type: definePropType<string | ProgressColor[] | ProgressFn>([\n String,\n Array,\n Function,\n ]),\n default: '',\n },\n format: {\n type: definePropType<ProgressFn>(Function),\n default: (percentage: number): string => `${percentage}%`,\n },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC;AAC3C,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG;AAC9C,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC;AACnD,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,UAAU,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7C,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n ns.m(type),\n ns.is(status),\n {\n [ns.m('without-text')]: !showText,\n [ns.m('text-inside')]: textInside,\n },\n ]\"\n role=\"progressbar\"\n :aria-valuenow=\"percentage\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n >\n <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n <div\n :class=\"ns.be('bar', 'outer')\"\n :style=\"{ height: `${strokeWidth}px` }\"\n >\n <div\n :class=\"[\n ns.be('bar', 'inner'),\n { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n ]\"\n :style=\"barStyle\"\n >\n <div\n v-if=\"(showText || $slots.default) && textInside\"\n :class=\"ns.be('bar', 'innerText')\"\n >\n <slot :percentage=\"percentage\">\n <span>{{ content }}</span>\n </slot>\n </div>\n </div>\n </div>\n </div>\n <div\n v-else\n :class=\"ns.b('circle')\"\n :style=\"{ height: `${width}px`, width: `${width}px` }\"\n >\n <svg viewBox=\"0 0 100 100\">\n <path\n :class=\"ns.be('circle', 'track')\"\n :d=\"trackPath\"\n :stroke=\"`var(${ns.cssVarName('fill-color-light')}, #e5e9f2)`\"\n :stroke-width=\"relativeStrokeWidth\"\n fill=\"none\"\n :style=\"trailPathStyle\"\n />\n <path\n :class=\"ns.be('circle', 'path')\"\n :d=\"trackPath\"\n :stroke=\"stroke\"\n fill=\"none\"\n :opacity=\"percentage ? 1 : 0\"\n :stroke-linecap=\"strokeLinecap\"\n :stroke-width=\"relativeStrokeWidth\"\n :style=\"circlePathStyle\"\n />\n </svg>\n </div>\n <div\n v-if=\"(showText || $slots.default) && !textInside\"\n :class=\"ns.e('text')\"\n :style=\"{ fontSize: `${progressTextSize}px` }\"\n >\n <slot :percentage=\"percentage\">\n <span v-if=\"!status\">{{ content }}</span>\n <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n </slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n CircleClose,\n Close,\n WarningFilled,\n} from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isString } from '@element-plus/utils'\nimport { progressProps } from './progress'\nimport type { CSSProperties } from 'vue'\nimport type { ProgressColor } from './progress'\n\ndefineOptions({\n name: 'ElProgress',\n})\n\nconst STATUS_COLOR_MAP: Record<string, string> = {\n success: '#13ce66',\n exception: '#ff4949',\n warning: '#e6a23c',\n default: '#20a0ff',\n}\n\nconst props = defineProps(progressProps)\n\nconst ns = useNamespace('progress')\n\nconst barStyle = computed<CSSProperties>(() => ({\n width: `${props.percentage}%`,\n animationDuration: `${props.duration}s`,\n backgroundColor: getCurrentColor(props.percentage),\n}))\n\nconst relativeStrokeWidth = computed(() =>\n ((props.strokeWidth / props.width) * 100).toFixed(1)\n)\n\nconst radius = computed(() => {\n if (['circle', 'dashboard'].includes(props.type)) {\n return Number.parseInt(\n `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,\n 10\n )\n }\n return 0\n})\n\nconst trackPath = computed(() => {\n const r = radius.value\n const isDashboard = props.type === 'dashboard'\n return `\n M 50 50\n m 0 ${isDashboard ? '' : '-'}${r}\n a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n `\n})\n\nconst perimeter = computed(() => 2 * Math.PI * radius.value)\n\nconst rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\nconst strokeDashoffset = computed(() => {\n const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n return `${offset}px`\n})\n\nconst trailPathStyle = computed<CSSProperties>(() => ({\n strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n strokeDashoffset: strokeDashoffset.value,\n}))\n\nconst circlePathStyle = computed<CSSProperties>(() => ({\n strokeDasharray: `${\n perimeter.value * rate.value * (props.percentage / 100)\n }px, ${perimeter.value}px`,\n strokeDashoffset: strokeDashoffset.value,\n transition:\n 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s',\n}))\n\nconst stroke = computed(() => {\n let ret: string\n if (props.color) {\n ret = getCurrentColor(props.percentage)\n } else {\n ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default\n }\n return ret\n})\n\nconst statusIcon = computed(() => {\n if (props.status === 'warning') {\n return WarningFilled\n }\n if (props.type === 'line') {\n return props.status === 'success' ? CircleCheck : CircleClose\n } else {\n return props.status === 'success' ? Check : Close\n }\n})\n\nconst progressTextSize = computed(() => {\n return props.type === 'line'\n ? 12 + props.strokeWidth * 0.4\n : props.width * 0.111111 + 2\n})\n\nconst content = computed(() => props.format(props.percentage))\n\nfunction getColors(color: ProgressColor[]) {\n const span = 100 / color.length\n const seriesColors = color.map((seriesColor, index) => {\n if (isString(seriesColor)) {\n return {\n color: seriesColor,\n percentage: (index + 1) * span,\n }\n }\n return seriesColor\n })\n return seriesColors.sort((a, b) => a.percentage - b.percentage)\n}\n\nconst getCurrentColor = (percentage: number) => {\n const { color } = props\n if (isFunction(color)) {\n return color(percentage)\n } else if (isString(color)) {\n return color\n } else {\n const colors = getColors(color)\n for (const color of colors) {\n if (color.percentage > percentage) return color.color\n }\n return colors[colors.length - 1]?.color\n }\n}\n</script>\n"],"names":[],"mappings":"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"}
@@ -1,208 +1,63 @@
1
- import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createBlock, withCtx, resolveDynamicComponent } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { WarningFilled, CircleCheck, CircleClose, Check, Close } from '@element-plus/icons-vue';
4
- import '../../../hooks/index.mjs';
5
1
  import '../../../utils/index.mjs';
6
- import { progressProps } from './progress.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
- import { isString, isFunction } from '@vue/shared';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
10
3
 
11
- const _hoisted_1 = ["aria-valuenow"];
12
- const _hoisted_2 = { viewBox: "0 0 100 100" };
13
- const _hoisted_3 = ["d", "stroke", "stroke-width"];
14
- const _hoisted_4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
15
- const _hoisted_5 = { key: 0 };
16
- const __default__ = defineComponent({
17
- name: "ElProgress"
18
- });
19
- const _sfc_main = /* @__PURE__ */ defineComponent({
20
- ...__default__,
21
- props: progressProps,
22
- setup(__props) {
23
- const props = __props;
24
- const STATUS_COLOR_MAP = {
25
- success: "#13ce66",
26
- exception: "#ff4949",
27
- warning: "#e6a23c",
28
- default: "#20a0ff"
29
- };
30
- const ns = useNamespace("progress");
31
- const barStyle = computed(() => ({
32
- width: `${props.percentage}%`,
33
- animationDuration: `${props.duration}s`,
34
- backgroundColor: getCurrentColor(props.percentage)
35
- }));
36
- const relativeStrokeWidth = computed(() => (props.strokeWidth / props.width * 100).toFixed(1));
37
- const radius = computed(() => {
38
- if (["circle", "dashboard"].includes(props.type)) {
39
- return Number.parseInt(`${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`, 10);
40
- }
41
- return 0;
42
- });
43
- const trackPath = computed(() => {
44
- const r = radius.value;
45
- const isDashboard = props.type === "dashboard";
46
- return `
47
- M 50 50
48
- m 0 ${isDashboard ? "" : "-"}${r}
49
- a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
50
- a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
51
- `;
52
- });
53
- const perimeter = computed(() => 2 * Math.PI * radius.value);
54
- const rate = computed(() => props.type === "dashboard" ? 0.75 : 1);
55
- const strokeDashoffset = computed(() => {
56
- const offset = -1 * perimeter.value * (1 - rate.value) / 2;
57
- return `${offset}px`;
58
- });
59
- const trailPathStyle = computed(() => ({
60
- strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
61
- strokeDashoffset: strokeDashoffset.value
62
- }));
63
- const circlePathStyle = computed(() => ({
64
- strokeDasharray: `${perimeter.value * rate.value * (props.percentage / 100)}px, ${perimeter.value}px`,
65
- strokeDashoffset: strokeDashoffset.value,
66
- transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
67
- }));
68
- const stroke = computed(() => {
69
- let ret;
70
- if (props.color) {
71
- ret = getCurrentColor(props.percentage);
72
- } else {
73
- ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default;
74
- }
75
- return ret;
76
- });
77
- const statusIcon = computed(() => {
78
- if (props.status === "warning") {
79
- return WarningFilled;
80
- }
81
- if (props.type === "line") {
82
- return props.status === "success" ? CircleCheck : CircleClose;
83
- } else {
84
- return props.status === "success" ? Check : Close;
85
- }
86
- });
87
- const progressTextSize = computed(() => {
88
- return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
89
- });
90
- const content = computed(() => props.format(props.percentage));
91
- function getColors(color) {
92
- const span = 100 / color.length;
93
- const seriesColors = color.map((seriesColor, index) => {
94
- if (isString(seriesColor)) {
95
- return {
96
- color: seriesColor,
97
- percentage: (index + 1) * span
98
- };
99
- }
100
- return seriesColor;
101
- });
102
- return seriesColors.sort((a, b) => a.percentage - b.percentage);
103
- }
104
- const getCurrentColor = (percentage) => {
105
- var _a;
106
- const { color } = props;
107
- if (isFunction(color)) {
108
- return color(percentage);
109
- } else if (isString(color)) {
110
- return color;
111
- } else {
112
- const colors = getColors(color);
113
- for (const color2 of colors) {
114
- if (color2.percentage > percentage)
115
- return color2.color;
116
- }
117
- return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
118
- }
119
- };
120
- return (_ctx, _cache) => {
121
- return openBlock(), createElementBlock("div", {
122
- class: normalizeClass([
123
- unref(ns).b(),
124
- unref(ns).m(_ctx.type),
125
- unref(ns).is(_ctx.status),
126
- {
127
- [unref(ns).m("without-text")]: !_ctx.showText,
128
- [unref(ns).m("text-inside")]: _ctx.textInside
129
- }
130
- ]),
131
- role: "progressbar",
132
- "aria-valuenow": _ctx.percentage,
133
- "aria-valuemin": "0",
134
- "aria-valuemax": "100"
135
- }, [
136
- _ctx.type === "line" ? (openBlock(), createElementBlock("div", {
137
- key: 0,
138
- class: normalizeClass(unref(ns).b("bar"))
139
- }, [
140
- createElementVNode("div", {
141
- class: normalizeClass(unref(ns).be("bar", "outer")),
142
- style: normalizeStyle({ height: `${_ctx.strokeWidth}px` })
143
- }, [
144
- createElementVNode("div", {
145
- class: normalizeClass([
146
- unref(ns).be("bar", "inner"),
147
- { [unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate }
148
- ]),
149
- style: normalizeStyle(unref(barStyle))
150
- }, [
151
- (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (openBlock(), createElementBlock("div", {
152
- key: 0,
153
- class: normalizeClass(unref(ns).be("bar", "innerText"))
154
- }, [
155
- renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
156
- createElementVNode("span", null, toDisplayString(unref(content)), 1)
157
- ])
158
- ], 2)) : createCommentVNode("v-if", true)
159
- ], 6)
160
- ], 6)
161
- ], 2)) : (openBlock(), createElementBlock("div", {
162
- key: 1,
163
- class: normalizeClass(unref(ns).b("circle")),
164
- style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
165
- }, [
166
- (openBlock(), createElementBlock("svg", _hoisted_2, [
167
- createElementVNode("path", {
168
- class: normalizeClass(unref(ns).be("circle", "track")),
169
- d: unref(trackPath),
170
- stroke: `var(${unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
171
- "stroke-width": unref(relativeStrokeWidth),
172
- fill: "none",
173
- style: normalizeStyle(unref(trailPathStyle))
174
- }, null, 14, _hoisted_3),
175
- createElementVNode("path", {
176
- class: normalizeClass(unref(ns).be("circle", "path")),
177
- d: unref(trackPath),
178
- stroke: unref(stroke),
179
- fill: "none",
180
- opacity: _ctx.percentage ? 1 : 0,
181
- "stroke-linecap": _ctx.strokeLinecap,
182
- "stroke-width": unref(relativeStrokeWidth),
183
- style: normalizeStyle(unref(circlePathStyle))
184
- }, null, 14, _hoisted_4)
185
- ]))
186
- ], 6)),
187
- (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
188
- key: 2,
189
- class: normalizeClass(unref(ns).e("text")),
190
- style: normalizeStyle({ fontSize: `${unref(progressTextSize)}px` })
191
- }, [
192
- renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
193
- !_ctx.status ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(content)), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
194
- default: withCtx(() => [
195
- (openBlock(), createBlock(resolveDynamicComponent(unref(statusIcon))))
196
- ]),
197
- _: 1
198
- }))
199
- ])
200
- ], 6)) : createCommentVNode("v-if", true)
201
- ], 10, _hoisted_1);
202
- };
4
+ const progressProps = buildProps({
5
+ type: {
6
+ type: String,
7
+ default: "line",
8
+ values: ["line", "circle", "dashboard"]
9
+ },
10
+ percentage: {
11
+ type: Number,
12
+ default: 0,
13
+ validator: (val) => val >= 0 && val <= 100
14
+ },
15
+ status: {
16
+ type: String,
17
+ default: "",
18
+ values: ["", "success", "exception", "warning"]
19
+ },
20
+ indeterminate: {
21
+ type: Boolean,
22
+ default: false
23
+ },
24
+ duration: {
25
+ type: Number,
26
+ default: 3
27
+ },
28
+ strokeWidth: {
29
+ type: Number,
30
+ default: 6
31
+ },
32
+ strokeLinecap: {
33
+ type: definePropType(String),
34
+ default: "round"
35
+ },
36
+ textInside: {
37
+ type: Boolean,
38
+ default: false
39
+ },
40
+ width: {
41
+ type: Number,
42
+ default: 126
43
+ },
44
+ showText: {
45
+ type: Boolean,
46
+ default: true
47
+ },
48
+ color: {
49
+ type: definePropType([
50
+ String,
51
+ Array,
52
+ Function
53
+ ]),
54
+ default: ""
55
+ },
56
+ format: {
57
+ type: definePropType(Function),
58
+ default: (percentage) => `${percentage}%`
203
59
  }
204
60
  });
205
- var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/progress/src/progress.vue"]]);
206
61
 
207
- export { Progress as default };
62
+ export { progressProps };
208
63
  //# sourceMappingURL=progress2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress2.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n ns.b(),\n ns.m(type),\n ns.is(status),\n {\n [ns.m('without-text')]: !showText,\n [ns.m('text-inside')]: textInside,\n },\n ]\"\n role=\"progressbar\"\n :aria-valuenow=\"percentage\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n >\n <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n <div\n :class=\"ns.be('bar', 'outer')\"\n :style=\"{ height: `${strokeWidth}px` }\"\n >\n <div\n :class=\"[\n ns.be('bar', 'inner'),\n { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n ]\"\n :style=\"barStyle\"\n >\n <div\n v-if=\"(showText || $slots.default) && textInside\"\n :class=\"ns.be('bar', 'innerText')\"\n >\n <slot :percentage=\"percentage\">\n <span>{{ content }}</span>\n </slot>\n </div>\n </div>\n </div>\n </div>\n <div\n v-else\n :class=\"ns.b('circle')\"\n :style=\"{ height: `${width}px`, width: `${width}px` }\"\n >\n <svg viewBox=\"0 0 100 100\">\n <path\n :class=\"ns.be('circle', 'track')\"\n :d=\"trackPath\"\n :stroke=\"`var(${ns.cssVarName('fill-color-light')}, #e5e9f2)`\"\n :stroke-width=\"relativeStrokeWidth\"\n fill=\"none\"\n :style=\"trailPathStyle\"\n />\n <path\n :class=\"ns.be('circle', 'path')\"\n :d=\"trackPath\"\n :stroke=\"stroke\"\n fill=\"none\"\n :opacity=\"percentage ? 1 : 0\"\n :stroke-linecap=\"strokeLinecap\"\n :stroke-width=\"relativeStrokeWidth\"\n :style=\"circlePathStyle\"\n />\n </svg>\n </div>\n <div\n v-if=\"(showText || $slots.default) && !textInside\"\n :class=\"ns.e('text')\"\n :style=\"{ fontSize: `${progressTextSize}px` }\"\n >\n <slot :percentage=\"percentage\">\n <span v-if=\"!status\">{{ content }}</span>\n <el-icon v-else><component :is=\"statusIcon\" /></el-icon>\n </slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n Check,\n CircleCheck,\n CircleClose,\n Close,\n WarningFilled,\n} from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isString } from '@element-plus/utils'\nimport { progressProps } from './progress'\nimport type { CSSProperties } from 'vue'\nimport type { ProgressColor } from './progress'\n\ndefineOptions({\n name: 'ElProgress',\n})\n\nconst STATUS_COLOR_MAP: Record<string, string> = {\n success: '#13ce66',\n exception: '#ff4949',\n warning: '#e6a23c',\n default: '#20a0ff',\n}\n\nconst props = defineProps(progressProps)\n\nconst ns = useNamespace('progress')\n\nconst barStyle = computed<CSSProperties>(() => ({\n width: `${props.percentage}%`,\n animationDuration: `${props.duration}s`,\n backgroundColor: getCurrentColor(props.percentage),\n}))\n\nconst relativeStrokeWidth = computed(() =>\n ((props.strokeWidth / props.width) * 100).toFixed(1)\n)\n\nconst radius = computed(() => {\n if (['circle', 'dashboard'].includes(props.type)) {\n return Number.parseInt(\n `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,\n 10\n )\n }\n return 0\n})\n\nconst trackPath = computed(() => {\n const r = radius.value\n const isDashboard = props.type === 'dashboard'\n return `\n M 50 50\n m 0 ${isDashboard ? '' : '-'}${r}\n a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n `\n})\n\nconst perimeter = computed(() => 2 * Math.PI * radius.value)\n\nconst rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\nconst strokeDashoffset = computed(() => {\n const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n return `${offset}px`\n})\n\nconst trailPathStyle = computed<CSSProperties>(() => ({\n strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n strokeDashoffset: strokeDashoffset.value,\n}))\n\nconst circlePathStyle = computed<CSSProperties>(() => ({\n strokeDasharray: `${\n perimeter.value * rate.value * (props.percentage / 100)\n }px, ${perimeter.value}px`,\n strokeDashoffset: strokeDashoffset.value,\n transition:\n 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s',\n}))\n\nconst stroke = computed(() => {\n let ret: string\n if (props.color) {\n ret = getCurrentColor(props.percentage)\n } else {\n ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default\n }\n return ret\n})\n\nconst statusIcon = computed(() => {\n if (props.status === 'warning') {\n return WarningFilled\n }\n if (props.type === 'line') {\n return props.status === 'success' ? CircleCheck : CircleClose\n } else {\n return props.status === 'success' ? Check : Close\n }\n})\n\nconst progressTextSize = computed(() => {\n return props.type === 'line'\n ? 12 + props.strokeWidth * 0.4\n : props.width * 0.111111 + 2\n})\n\nconst content = computed(() => props.format(props.percentage))\n\nfunction getColors(color: ProgressColor[]) {\n const span = 100 / color.length\n const seriesColors = color.map((seriesColor, index) => {\n if (isString(seriesColor)) {\n return {\n color: seriesColor,\n percentage: (index + 1) * span,\n }\n }\n return seriesColor\n })\n return seriesColors.sort((a, b) => a.percentage - b.percentage)\n}\n\nconst getCurrentColor = (percentage: number) => {\n const { color } = props\n if (isFunction(color)) {\n return color(percentage)\n } else if (isString(color)) {\n return color\n } else {\n const colors = getColors(color)\n for (const color of colors) {\n if (color.percentage > percentage) return color.color\n }\n return colors[colors.length - 1]?.color\n }\n}\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"progress2.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, SVGAttributes } from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n type: {\n type: String,\n default: 'line',\n values: ['line', 'circle', 'dashboard'],\n },\n percentage: {\n type: Number,\n default: 0,\n validator: (val: number): boolean => val >= 0 && val <= 100,\n },\n status: {\n type: String,\n default: '',\n values: ['', 'success', 'exception', 'warning'],\n },\n indeterminate: {\n type: Boolean,\n default: false,\n },\n duration: {\n type: Number,\n default: 3,\n },\n strokeWidth: {\n type: Number,\n default: 6,\n },\n strokeLinecap: {\n type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n default: 'round',\n },\n textInside: {\n type: Boolean,\n default: false,\n },\n width: {\n type: Number,\n default: 126,\n },\n showText: {\n type: Boolean,\n default: true,\n },\n color: {\n type: definePropType<string | ProgressColor[] | ProgressFn>([\n String,\n Array,\n Function,\n ]),\n default: '',\n },\n format: {\n type: definePropType<ProgressFn>(Function),\n default: (percentage: number): string => `${percentage}%`,\n },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC;AAC3C,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG;AAC9C,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC;AACnD,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,UAAU,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7C,GAAG;AACH,CAAC;;;;"}
@@ -1,10 +1,10 @@
1
1
  import '../../utils/index.mjs';
2
- import Radio from './src/radio2.mjs';
3
- import RadioButton from './src/radio-button2.mjs';
2
+ import Radio from './src/radio.mjs';
3
+ import RadioButton from './src/radio-button.mjs';
4
4
  import RadioGroup from './src/radio-group.mjs';
5
- export { radioEmits, radioProps, radioPropsBase } from './src/radio.mjs';
5
+ export { radioEmits, radioProps, radioPropsBase } from './src/radio2.mjs';
6
6
  export { radioGroupEmits, radioGroupProps } from './src/radio-group2.mjs';
7
- export { radioButtonProps } from './src/radio-button.mjs';
7
+ export { radioButtonProps } from './src/radio-button2.mjs';
8
8
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
9
9
 
10
10
  const ElRadio = withInstall(Radio, {
@@ -1,14 +1,73 @@
1
- import '../../../utils/index.mjs';
2
- import { radioPropsBase } from './radio.mjs';
3
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, computed, inject, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createElementVNode, isRef, vModelRadio, normalizeStyle, withModifiers, renderSlot, createTextVNode, toDisplayString } from 'vue';
2
+ import '../../../hooks/index.mjs';
3
+ import { useRadio } from './use-radio.mjs';
4
+ import { radioButtonProps } from './radio-button2.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
4
7
 
5
- const radioButtonProps = buildProps({
6
- ...radioPropsBase,
7
- name: {
8
- type: String,
9
- default: ""
8
+ const _hoisted_1 = ["value", "name", "disabled"];
9
+ const __default__ = defineComponent({
10
+ name: "ElRadioButton"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: radioButtonProps,
15
+ setup(__props) {
16
+ const props = __props;
17
+ const ns = useNamespace("radio");
18
+ const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
19
+ const activeStyle = computed(() => {
20
+ return {
21
+ backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
22
+ borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
23
+ boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
24
+ color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
25
+ };
26
+ });
27
+ const customStyle = inject("$custom-style-filter", {});
28
+ const normalStyle = computed(() => {
29
+ return customStyle.text ? { color: customStyle.text } : {};
30
+ });
31
+ return (_ctx, _cache) => {
32
+ var _a;
33
+ return openBlock(), createElementBlock("label", {
34
+ class: normalizeClass([
35
+ unref(ns).b("button"),
36
+ unref(ns).is("active", unref(modelValue) === _ctx.label),
37
+ unref(ns).is("disabled", unref(disabled)),
38
+ unref(ns).is("focus", unref(focus)),
39
+ unref(ns).bm("button", unref(size))
40
+ ])
41
+ }, [
42
+ withDirectives(createElementVNode("input", {
43
+ ref_key: "radioRef",
44
+ ref: radioRef,
45
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
46
+ class: normalizeClass(unref(ns).be("button", "original-radio")),
47
+ value: _ctx.label,
48
+ type: "radio",
49
+ name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
50
+ disabled: unref(disabled),
51
+ onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
52
+ onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
53
+ }, null, 42, _hoisted_1), [
54
+ [vModelRadio, unref(modelValue)]
55
+ ]),
56
+ createElementVNode("span", {
57
+ class: normalizeClass(unref(ns).be("button", "inner")),
58
+ style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : unref(normalStyle)),
59
+ onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
60
+ }, ["stop"]))
61
+ }, [
62
+ renderSlot(_ctx.$slots, "default", {}, () => [
63
+ createTextVNode(toDisplayString(_ctx.label), 1)
64
+ ])
65
+ ], 38)
66
+ ], 2);
67
+ };
10
68
  }
11
69
  });
70
+ var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/radio/src/radio-button.vue"]]);
12
71
 
13
- export { radioButtonProps };
72
+ export { RadioButton as default };
14
73
  //# sourceMappingURL=radio-button.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\nimport type RadioButton from './radio-button.vue'\n\nexport const radioButtonProps = buildProps({\n ...radioPropsBase,\n name: {\n type: String,\n default: '',\n },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\nexport type RadioButtonInstance = InstanceType<typeof RadioButton>\n"],"names":[],"mappings":";;;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"radio-button.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b('button'),\n ns.is('active', modelValue === label),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.bm('button', size),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.be('button', 'original-radio')\"\n :value=\"label\"\n type=\"radio\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n />\n <span\n :class=\"ns.be('button', 'inner')\"\n :style=\"modelValue === label ? activeStyle : normalStyle\"\n @keydown.stop\n >\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './use-radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup } =\n useRadio(props)\n\nconst activeStyle = computed<CSSProperties>(() => {\n return {\n backgroundColor: radioGroup?.fill || '',\n borderColor: radioGroup?.fill || '',\n boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n color: radioGroup?.textColor || '',\n }\n})\n\nconst customStyle = inject('$custom-style-filter', {}) as {\n text: string\n }\n\nconst normalStyle = computed<CSSProperties>(() => {\n return customStyle.text ? { color: customStyle.text } : {}\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAwCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA,EAAE,UAAU,KAAO,EAAA,IAAA,EAAM,UAAU,UAAY,EAAA,UAAA,EAAA,GACnD,SAAS,KAAK,CAAA,CAAA;AAEhB,IAAM,MAAA,WAAA,GAAc,SAAwB,MAAM;AAChD,MAAO,OAAA;AAAA,QACL,eAAA,EAAiB,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACrC,WAAA,EAAa,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACjC,SAAW,EAAA,CAAA,UAAA,IAAmB,IAAA,GAAA,KAAA,CAAA,GAAA,eAAkC,IAAA,CAAA,WAAA,EAAA,UAAA,CAAA,IAAA,CAAA,CAAA,GAAA,EAAA;AAAA,QAChE,KAAA,EAAO,eAAyB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAA,EAAA;AAAA,OAClC,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA,MAAA,CAAO,sBAAwB,EAAA,EAAE,CAAA,CAAA;AAIrD,IAAM,MAAA,WAAA,GAAc,SAAwB,MAAM;AAChD,MAAA,OAAO,YAAY,IAAO,GAAA,EAAE,OAAO,WAAY,CAAA,IAAA,KAAS,EAAC,CAAA;AAAA,KAC1D,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,73 +1,14 @@
1
- import { defineComponent, computed, inject, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createElementVNode, isRef, vModelRadio, normalizeStyle, withModifiers, renderSlot, createTextVNode, toDisplayString } from 'vue';
2
- import '../../../hooks/index.mjs';
3
- import { useRadio } from './use-radio.mjs';
4
- import { radioButtonProps } from './radio-button.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import '../../../utils/index.mjs';
2
+ import { radioPropsBase } from './radio2.mjs';
3
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
7
4
 
8
- const _hoisted_1 = ["value", "name", "disabled"];
9
- const __default__ = defineComponent({
10
- name: "ElRadioButton"
11
- });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: radioButtonProps,
15
- setup(__props) {
16
- const props = __props;
17
- const ns = useNamespace("radio");
18
- const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
19
- const activeStyle = computed(() => {
20
- return {
21
- backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
22
- borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
23
- boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
24
- color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
25
- };
26
- });
27
- const customStyle = inject("$custom-style-filter", {});
28
- const normalStyle = computed(() => {
29
- return customStyle.text ? { color: customStyle.text } : {};
30
- });
31
- return (_ctx, _cache) => {
32
- var _a;
33
- return openBlock(), createElementBlock("label", {
34
- class: normalizeClass([
35
- unref(ns).b("button"),
36
- unref(ns).is("active", unref(modelValue) === _ctx.label),
37
- unref(ns).is("disabled", unref(disabled)),
38
- unref(ns).is("focus", unref(focus)),
39
- unref(ns).bm("button", unref(size))
40
- ])
41
- }, [
42
- withDirectives(createElementVNode("input", {
43
- ref_key: "radioRef",
44
- ref: radioRef,
45
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
46
- class: normalizeClass(unref(ns).be("button", "original-radio")),
47
- value: _ctx.label,
48
- type: "radio",
49
- name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
50
- disabled: unref(disabled),
51
- onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
52
- onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
53
- }, null, 42, _hoisted_1), [
54
- [vModelRadio, unref(modelValue)]
55
- ]),
56
- createElementVNode("span", {
57
- class: normalizeClass(unref(ns).be("button", "inner")),
58
- style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : unref(normalStyle)),
59
- onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
60
- }, ["stop"]))
61
- }, [
62
- renderSlot(_ctx.$slots, "default", {}, () => [
63
- createTextVNode(toDisplayString(_ctx.label), 1)
64
- ])
65
- ], 38)
66
- ], 2);
67
- };
5
+ const radioButtonProps = buildProps({
6
+ ...radioPropsBase,
7
+ name: {
8
+ type: String,
9
+ default: ""
68
10
  }
69
11
  });
70
- var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/radio/src/radio-button.vue"]]);
71
12
 
72
- export { RadioButton as default };
13
+ export { radioButtonProps };
73
14
  //# sourceMappingURL=radio-button2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b('button'),\n ns.is('active', modelValue === label),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.bm('button', size),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.be('button', 'original-radio')\"\n :value=\"label\"\n type=\"radio\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n />\n <span\n :class=\"ns.be('button', 'inner')\"\n :style=\"modelValue === label ? activeStyle : normalStyle\"\n @keydown.stop\n >\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './use-radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup } =\n useRadio(props)\n\nconst activeStyle = computed<CSSProperties>(() => {\n return {\n backgroundColor: radioGroup?.fill || '',\n borderColor: radioGroup?.fill || '',\n boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n color: radioGroup?.textColor || '',\n }\n})\n\nconst customStyle = inject('$custom-style-filter', {}) as {\n text: string\n }\n\nconst normalStyle = computed<CSSProperties>(() => {\n return customStyle.text ? { color: customStyle.text } : {}\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAwCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA,EAAE,UAAU,KAAO,EAAA,IAAA,EAAM,UAAU,UAAY,EAAA,UAAA,EAAA,GACnD,SAAS,KAAK,CAAA,CAAA;AAEhB,IAAM,MAAA,WAAA,GAAc,SAAwB,MAAM;AAChD,MAAO,OAAA;AAAA,QACL,eAAA,EAAiB,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACrC,WAAA,EAAa,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACjC,SAAW,EAAA,CAAA,UAAA,IAAmB,IAAA,GAAA,KAAA,CAAA,GAAA,eAAkC,IAAA,CAAA,WAAA,EAAA,UAAA,CAAA,IAAA,CAAA,CAAA,GAAA,EAAA;AAAA,QAChE,KAAA,EAAO,eAAyB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAA,EAAA;AAAA,OAClC,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA,MAAA,CAAO,sBAAwB,EAAA,EAAE,CAAA,CAAA;AAIrD,IAAM,MAAA,WAAA,GAAc,SAAwB,MAAM;AAChD,MAAA,OAAO,YAAY,IAAO,GAAA,EAAE,OAAO,WAAY,CAAA,IAAA,KAAS,EAAC,CAAA;AAAA,KAC1D,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\nimport type RadioButton from './radio-button.vue'\n\nexport const radioButtonProps = buildProps({\n ...radioPropsBase,\n name: {\n type: String,\n default: '',\n },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\nexport type RadioButtonInstance = InstanceType<typeof RadioButton>\n"],"names":[],"mappings":";;;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import '../../../utils/index.mjs';
2
2
  import '../../../hooks/index.mjs';
3
- import { radioEmits } from './radio.mjs';
3
+ import { radioEmits } from './radio2.mjs';
4
4
  import { buildProps } from '../../../utils/vue/props/runtime.mjs';
5
5
  import { useSizeProp } from '../../../hooks/use-size/index.mjs';
6
6