element-plus-secondary 0.4.0 → 0.4.2

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 (601) 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 +96 -36
  4. package/es/components/alert/src/alert.mjs.map +1 -1
  5. package/es/components/alert/src/alert2.mjs +36 -96
  6. package/es/components/alert/src/alert2.mjs.map +1 -1
  7. package/es/components/autocomplete/index.d.ts +53 -53
  8. package/es/components/autocomplete/src/autocomplete.vue.d.ts +53 -53
  9. package/es/components/backtop/index.mjs +2 -2
  10. package/es/components/backtop/src/backtop.mjs +21 -54
  11. package/es/components/backtop/src/backtop.mjs.map +1 -1
  12. package/es/components/backtop/src/backtop2.mjs +54 -21
  13. package/es/components/backtop/src/backtop2.mjs.map +1 -1
  14. package/es/components/badge/index.mjs +2 -2
  15. package/es/components/badge/src/badge.mjs +55 -17
  16. package/es/components/badge/src/badge.mjs.map +1 -1
  17. package/es/components/badge/src/badge2.mjs +17 -55
  18. package/es/components/badge/src/badge2.mjs.map +1 -1
  19. package/es/components/button/index.mjs +3 -3
  20. package/es/components/button/src/button-group.mjs +31 -6
  21. package/es/components/button/src/button-group.mjs.map +1 -1
  22. package/es/components/button/src/button-group2.mjs +6 -31
  23. package/es/components/button/src/button-group2.mjs.map +1 -1
  24. package/es/components/button/src/button.mjs +78 -54
  25. package/es/components/button/src/button.mjs.map +1 -1
  26. package/es/components/button/src/button2.mjs +54 -78
  27. package/es/components/button/src/button2.mjs.map +1 -1
  28. package/es/components/calendar/src/calendar2.mjs +1 -1
  29. package/es/components/calendar/src/date-table.mjs +87 -33
  30. package/es/components/calendar/src/date-table.mjs.map +1 -1
  31. package/es/components/calendar/src/date-table2.mjs +33 -87
  32. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  33. package/es/components/calendar/src/use-date-table.mjs +1 -1
  34. package/es/components/carousel/index.d.ts +1 -1
  35. package/es/components/carousel/index.mjs +2 -2
  36. package/es/components/carousel/src/carousel.mjs +60 -159
  37. package/es/components/carousel/src/carousel.mjs.map +1 -1
  38. package/es/components/carousel/src/carousel.vue.d.ts +1 -1
  39. package/es/components/carousel/src/carousel2.mjs +159 -60
  40. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  41. package/es/components/cascader/index.d.ts +72 -72
  42. package/es/components/cascader/src/index.mjs +1 -1
  43. package/es/components/cascader/src/index.vue.d.ts +36 -36
  44. package/es/components/cascader-panel/src/index.mjs +1 -1
  45. package/es/components/cascader-panel/src/menu.mjs +1 -1
  46. package/es/components/cascader-panel/src/node.mjs +116 -209
  47. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  48. package/es/components/cascader-panel/src/node2.mjs +209 -116
  49. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  50. package/es/components/cascader-panel/src/store.mjs +1 -1
  51. package/es/components/checkbox/index.mjs +2 -2
  52. package/es/components/checkbox/src/checkbox-group.mjs +28 -72
  53. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  54. package/es/components/checkbox/src/checkbox-group2.mjs +72 -28
  55. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  56. package/es/components/col/index.mjs +2 -2
  57. package/es/components/col/src/col.mjs +66 -43
  58. package/es/components/col/src/col.mjs.map +1 -1
  59. package/es/components/col/src/col2.mjs +43 -66
  60. package/es/components/col/src/col2.mjs.map +1 -1
  61. package/es/components/color-picker/index.d.ts +124 -123
  62. package/es/components/color-picker/src/color-picker.mjs +4 -1
  63. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  64. package/es/components/color-picker/src/color-picker.vue.d.ts +124 -123
  65. package/es/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  66. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  67. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  68. package/es/components/date-picker/src/panel-utils.d.ts +18 -18
  69. package/es/components/dialog/index.d.ts +3 -3
  70. package/es/components/dialog/src/dialog-content.mjs +37 -87
  71. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  72. package/es/components/dialog/src/dialog-content2.mjs +87 -37
  73. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  74. package/es/components/dialog/src/dialog.mjs +1 -1
  75. package/es/components/dialog/src/dialog.vue.d.ts +3 -3
  76. package/es/components/dialog/src/dialog2.mjs +1 -1
  77. package/es/components/divider/index.mjs +2 -2
  78. package/es/components/divider/src/divider.mjs +17 -35
  79. package/es/components/divider/src/divider.mjs.map +1 -1
  80. package/es/components/divider/src/divider2.mjs +35 -17
  81. package/es/components/divider/src/divider2.mjs.map +1 -1
  82. package/es/components/dropdown/index.d.ts +14 -14
  83. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  84. package/es/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  85. package/es/components/dropdown/src/dropdown.mjs +1 -1
  86. package/es/components/dropdown/src/dropdown.vue.d.ts +12 -12
  87. package/es/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  88. package/es/components/form/index.mjs +2 -2
  89. package/es/components/form/src/form.mjs +53 -150
  90. package/es/components/form/src/form.mjs.map +1 -1
  91. package/es/components/form/src/form2.mjs +150 -53
  92. package/es/components/form/src/form2.mjs.map +1 -1
  93. package/es/components/image/index.d.ts +1 -1
  94. package/es/components/image/index.mjs +2 -2
  95. package/es/components/image/src/image.mjs +58 -219
  96. package/es/components/image/src/image.mjs.map +1 -1
  97. package/es/components/image/src/image.vue.d.ts +1 -1
  98. package/es/components/image/src/image2.mjs +219 -58
  99. package/es/components/image/src/image2.mjs.map +1 -1
  100. package/es/components/index.mjs +29 -29
  101. package/es/components/input/index.d.ts +9 -9
  102. package/es/components/input/src/input.vue.d.ts +9 -9
  103. package/es/components/input-number/index.d.ts +32 -32
  104. package/es/components/input-number/index.mjs +2 -2
  105. package/es/components/input-number/src/input-number.mjs +300 -62
  106. package/es/components/input-number/src/input-number.mjs.map +1 -1
  107. package/es/components/input-number/src/input-number.vue.d.ts +32 -32
  108. package/es/components/input-number/src/input-number2.mjs +62 -300
  109. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  110. package/es/components/menu/index.mjs +4 -4
  111. package/es/components/menu/src/menu-item-group.mjs +4 -35
  112. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  113. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  114. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  115. package/es/components/menu/src/menu-item.mjs +14 -100
  116. package/es/components/menu/src/menu-item.mjs.map +1 -1
  117. package/es/components/menu/src/menu-item2.mjs +100 -14
  118. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  119. package/es/components/page-header/index.mjs +2 -2
  120. package/es/components/page-header/src/page-header.mjs +102 -17
  121. package/es/components/page-header/src/page-header.mjs.map +1 -1
  122. package/es/components/page-header/src/page-header2.mjs +17 -102
  123. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  124. package/es/components/pagination/src/components/jumper.mjs +9 -59
  125. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  126. package/es/components/pagination/src/components/jumper.vue.d.ts +9 -9
  127. package/es/components/pagination/src/components/jumper2.mjs +59 -9
  128. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  129. package/es/components/pagination/src/components/next.mjs +34 -19
  130. package/es/components/pagination/src/components/next.mjs.map +1 -1
  131. package/es/components/pagination/src/components/next2.mjs +19 -34
  132. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  133. package/es/components/pagination/src/components/pager.mjs +207 -17
  134. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  135. package/es/components/pagination/src/components/pager2.mjs +17 -207
  136. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  137. package/es/components/pagination/src/components/prev.mjs +34 -18
  138. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  139. package/es/components/pagination/src/components/prev2.mjs +18 -34
  140. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  141. package/es/components/pagination/src/components/sizes.vue.d.ts +13 -13
  142. package/es/components/pagination/src/components/total.mjs +28 -7
  143. package/es/components/pagination/src/components/total.mjs.map +1 -1
  144. package/es/components/pagination/src/components/total2.mjs +7 -28
  145. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  146. package/es/components/pagination/src/pagination.mjs +5 -5
  147. package/es/components/popconfirm/index.d.ts +18 -18
  148. package/es/components/popconfirm/index.mjs +2 -2
  149. package/es/components/popconfirm/src/popconfirm.mjs +111 -49
  150. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  151. package/es/components/popconfirm/src/popconfirm.vue.d.ts +18 -18
  152. package/es/components/popconfirm/src/popconfirm2.mjs +49 -111
  153. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  154. package/es/components/popover/index.d.ts +18 -18
  155. package/es/components/popover/src/popover.vue.d.ts +18 -18
  156. package/es/components/popover/src/popover2.mjs +1 -1
  157. package/es/components/popper/index.mjs +2 -2
  158. package/es/components/popper/src/content.vue.d.ts +6 -6
  159. package/es/components/popper/src/popper.mjs +33 -25
  160. package/es/components/popper/src/popper.mjs.map +1 -1
  161. package/es/components/popper/src/popper2.mjs +25 -33
  162. package/es/components/popper/src/popper2.mjs.map +1 -1
  163. package/es/components/progress/index.mjs +2 -2
  164. package/es/components/progress/src/progress.mjs +202 -57
  165. package/es/components/progress/src/progress.mjs.map +1 -1
  166. package/es/components/progress/src/progress2.mjs +57 -202
  167. package/es/components/progress/src/progress2.mjs.map +1 -1
  168. package/es/components/radio/index.mjs +2 -2
  169. package/es/components/radio/src/radio-button.mjs +9 -68
  170. package/es/components/radio/src/radio-button.mjs.map +1 -1
  171. package/es/components/radio/src/radio-button2.mjs +68 -9
  172. package/es/components/radio/src/radio-button2.mjs.map +1 -1
  173. package/es/components/rate/index.mjs +2 -2
  174. package/es/components/rate/src/rate.mjs +98 -256
  175. package/es/components/rate/src/rate.mjs.map +1 -1
  176. package/es/components/rate/src/rate2.mjs +256 -98
  177. package/es/components/rate/src/rate2.mjs.map +1 -1
  178. package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  179. package/es/components/scrollbar/index.mjs +3 -3
  180. package/es/components/scrollbar/src/bar.mjs +17 -42
  181. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  182. package/es/components/scrollbar/src/bar2.mjs +42 -17
  183. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  184. package/es/components/scrollbar/src/scrollbar.mjs +175 -47
  185. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  186. package/es/components/scrollbar/src/scrollbar2.mjs +47 -175
  187. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  188. package/es/components/scrollbar/src/thumb.mjs +11 -131
  189. package/es/components/scrollbar/src/thumb.mjs.map +1 -1
  190. package/es/components/scrollbar/src/thumb2.mjs +131 -11
  191. package/es/components/scrollbar/src/thumb2.mjs.map +1 -1
  192. package/es/components/select/index.d.ts +13 -13
  193. package/es/components/select/src/select.mjs +1 -1
  194. package/es/components/select/src/select.vue.d.ts +13 -13
  195. package/es/components/select/src/useSelect.d.ts +12 -12
  196. package/es/components/select-v2/index.d.ts +26 -26
  197. package/es/components/select-v2/src/select.vue.d.ts +13 -13
  198. package/es/components/select-v2/src/useSelect.d.ts +12 -12
  199. package/es/components/skeleton/index.mjs +2 -2
  200. package/es/components/skeleton/src/skeleton.mjs +49 -22
  201. package/es/components/skeleton/src/skeleton.mjs.map +1 -1
  202. package/es/components/skeleton/src/skeleton2.mjs +22 -49
  203. package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
  204. package/es/components/slider/index.d.ts +62 -62
  205. package/es/components/slider/src/button.vue.d.ts +6 -6
  206. package/es/components/slider/src/composables/use-slide.d.ts +24 -24
  207. package/es/components/slider/src/slider.vue.d.ts +62 -62
  208. package/es/components/table/index.d.ts +1 -1
  209. package/es/components/table/src/filter-panel.vue.d.ts +12 -12
  210. package/es/components/table/src/table.vue.d.ts +1 -1
  211. package/es/components/tabs/index.mjs +2 -2
  212. package/es/components/tabs/src/tab-pane.mjs +73 -13
  213. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  214. package/es/components/tabs/src/tab-pane2.mjs +13 -73
  215. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  216. package/es/components/tag/index.mjs +2 -2
  217. package/es/components/tag/src/tag.mjs +32 -96
  218. package/es/components/tag/src/tag.mjs.map +1 -1
  219. package/es/components/tag/src/tag2.mjs +96 -32
  220. package/es/components/tag/src/tag2.mjs.map +1 -1
  221. package/es/components/teleport/index.mjs +2 -2
  222. package/es/components/teleport/src/teleport.mjs +18 -44
  223. package/es/components/teleport/src/teleport.mjs.map +1 -1
  224. package/es/components/teleport/src/teleport2.mjs +44 -18
  225. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  226. package/es/components/time-picker/src/common/picker.vue.d.ts +29 -29
  227. package/es/components/time-select/index.d.ts +52 -52
  228. package/es/components/time-select/index.mjs +1 -1
  229. package/es/components/time-select/src/time-select.mjs +117 -48
  230. package/es/components/time-select/src/time-select.mjs.map +1 -1
  231. package/es/components/time-select/src/time-select.vue.d.ts +26 -26
  232. package/es/components/time-select/src/time-select2.mjs +48 -117
  233. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  234. package/es/components/tooltip/index.d.ts +6 -6
  235. package/es/components/tooltip/index.mjs +1 -1
  236. package/es/components/tooltip/src/content.vue.d.ts +6 -6
  237. package/es/components/tooltip/src/tooltip.mjs +1 -1
  238. package/es/components/tooltip/src/tooltip.vue.d.ts +6 -6
  239. package/es/components/tooltip/src/tooltip2.mjs +2 -2
  240. package/es/components/tooltip/src/trigger.mjs +74 -16
  241. package/es/components/tooltip/src/trigger.mjs.map +1 -1
  242. package/es/components/tooltip/src/trigger2.mjs +16 -74
  243. package/es/components/tooltip/src/trigger2.mjs.map +1 -1
  244. package/es/components/tooltip-v2/index.mjs +1 -1
  245. package/es/components/tooltip-v2/src/content2.mjs +1 -1
  246. package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
  247. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  248. package/es/components/tooltip-v2/src/trigger.mjs +12 -90
  249. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  250. package/es/components/tooltip-v2/src/trigger2.mjs +90 -12
  251. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  252. package/es/components/transfer/index.d.ts +45 -45
  253. package/es/components/transfer/index.mjs +2 -2
  254. package/es/components/transfer/src/composables/use-check.mjs +1 -1
  255. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  256. package/es/components/transfer/src/transfer-panel.mjs +131 -19
  257. package/es/components/transfer/src/transfer-panel.mjs.map +1 -1
  258. package/es/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  259. package/es/components/transfer/src/transfer-panel2.mjs +19 -131
  260. package/es/components/transfer/src/transfer-panel2.mjs.map +1 -1
  261. package/es/components/transfer/src/transfer.mjs +159 -69
  262. package/es/components/transfer/src/transfer.mjs.map +1 -1
  263. package/es/components/transfer/src/transfer.vue.d.ts +45 -45
  264. package/es/components/transfer/src/transfer2.mjs +69 -159
  265. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  266. package/es/components/tree-v2/index.d.ts +1 -1
  267. package/es/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  268. package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
  269. package/es/components/upload/index.d.ts +1 -1
  270. package/es/components/upload/index.mjs +4 -4
  271. package/es/components/upload/src/upload-content.mjs +1 -1
  272. package/es/components/upload/src/upload-content2.mjs +2 -2
  273. package/es/components/upload/src/upload-dragger.mjs +11 -70
  274. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  275. package/es/components/upload/src/upload-dragger2.mjs +70 -11
  276. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  277. package/es/components/upload/src/upload-list.mjs +170 -26
  278. package/es/components/upload/src/upload-list.mjs.map +1 -1
  279. package/es/components/upload/src/upload-list2.mjs +26 -170
  280. package/es/components/upload/src/upload-list2.mjs.map +1 -1
  281. package/es/components/upload/src/upload.mjs +105 -120
  282. package/es/components/upload/src/upload.mjs.map +1 -1
  283. package/es/components/upload/src/upload.vue.d.ts +1 -1
  284. package/es/components/upload/src/upload2.mjs +120 -105
  285. package/es/components/upload/src/upload2.mjs.map +1 -1
  286. package/es/components/upload/src/use-handlers.mjs +1 -1
  287. package/es/components/visual-hidden/index.mjs +3 -3
  288. package/es/components/visual-hidden/src/visual-hidden.mjs +35 -7
  289. package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
  290. package/es/components/visual-hidden/src/visual-hidden2.mjs +7 -35
  291. package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
  292. package/es/index.mjs +29 -29
  293. package/lib/components/alert/index.js +2 -2
  294. package/lib/components/alert/src/alert.js +95 -37
  295. package/lib/components/alert/src/alert.js.map +1 -1
  296. package/lib/components/alert/src/alert2.js +37 -95
  297. package/lib/components/alert/src/alert2.js.map +1 -1
  298. package/lib/components/autocomplete/index.d.ts +53 -53
  299. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +53 -53
  300. package/lib/components/backtop/index.js +2 -2
  301. package/lib/components/backtop/src/backtop.js +22 -54
  302. package/lib/components/backtop/src/backtop.js.map +1 -1
  303. package/lib/components/backtop/src/backtop2.js +54 -22
  304. package/lib/components/backtop/src/backtop2.js.map +1 -1
  305. package/lib/components/badge/index.js +2 -2
  306. package/lib/components/badge/src/badge.js +55 -17
  307. package/lib/components/badge/src/badge.js.map +1 -1
  308. package/lib/components/badge/src/badge2.js +17 -55
  309. package/lib/components/badge/src/badge2.js.map +1 -1
  310. package/lib/components/button/index.js +3 -3
  311. package/lib/components/button/src/button-group.js +31 -6
  312. package/lib/components/button/src/button-group.js.map +1 -1
  313. package/lib/components/button/src/button-group2.js +6 -31
  314. package/lib/components/button/src/button-group2.js.map +1 -1
  315. package/lib/components/button/src/button.js +78 -57
  316. package/lib/components/button/src/button.js.map +1 -1
  317. package/lib/components/button/src/button2.js +57 -78
  318. package/lib/components/button/src/button2.js.map +1 -1
  319. package/lib/components/calendar/src/calendar2.js +1 -1
  320. package/lib/components/calendar/src/date-table.js +87 -37
  321. package/lib/components/calendar/src/date-table.js.map +1 -1
  322. package/lib/components/calendar/src/date-table2.js +37 -87
  323. package/lib/components/calendar/src/date-table2.js.map +1 -1
  324. package/lib/components/calendar/src/use-date-table.js +1 -1
  325. package/lib/components/carousel/index.d.ts +1 -1
  326. package/lib/components/carousel/index.js +2 -2
  327. package/lib/components/carousel/src/carousel.js +61 -159
  328. package/lib/components/carousel/src/carousel.js.map +1 -1
  329. package/lib/components/carousel/src/carousel.vue.d.ts +1 -1
  330. package/lib/components/carousel/src/carousel2.js +159 -61
  331. package/lib/components/carousel/src/carousel2.js.map +1 -1
  332. package/lib/components/cascader/index.d.ts +72 -72
  333. package/lib/components/cascader/src/index.js +1 -1
  334. package/lib/components/cascader/src/index.vue.d.ts +36 -36
  335. package/lib/components/cascader-panel/src/index.js +1 -1
  336. package/lib/components/cascader-panel/src/menu.js +1 -1
  337. package/lib/components/cascader-panel/src/node.js +116 -209
  338. package/lib/components/cascader-panel/src/node.js.map +1 -1
  339. package/lib/components/cascader-panel/src/node2.js +209 -116
  340. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  341. package/lib/components/cascader-panel/src/store.js +1 -1
  342. package/lib/components/checkbox/index.js +2 -2
  343. package/lib/components/checkbox/src/checkbox-group.js +29 -72
  344. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  345. package/lib/components/checkbox/src/checkbox-group2.js +72 -29
  346. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  347. package/lib/components/col/index.js +2 -2
  348. package/lib/components/col/src/col.js +66 -43
  349. package/lib/components/col/src/col.js.map +1 -1
  350. package/lib/components/col/src/col2.js +43 -66
  351. package/lib/components/col/src/col2.js.map +1 -1
  352. package/lib/components/color-picker/index.d.ts +124 -123
  353. package/lib/components/color-picker/src/color-picker.js +4 -1
  354. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  355. package/lib/components/color-picker/src/color-picker.vue.d.ts +124 -123
  356. package/lib/components/color-picker/src/components/alpha-slider.vue.d.ts +32 -32
  357. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +9 -9
  358. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +9 -9
  359. package/lib/components/date-picker/src/panel-utils.d.ts +18 -18
  360. package/lib/components/dialog/index.d.ts +3 -3
  361. package/lib/components/dialog/src/dialog-content.js +37 -86
  362. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  363. package/lib/components/dialog/src/dialog-content2.js +86 -37
  364. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  365. package/lib/components/dialog/src/dialog.js +1 -1
  366. package/lib/components/dialog/src/dialog.vue.d.ts +3 -3
  367. package/lib/components/dialog/src/dialog2.js +1 -1
  368. package/lib/components/divider/index.js +2 -2
  369. package/lib/components/divider/src/divider.js +17 -35
  370. package/lib/components/divider/src/divider.js.map +1 -1
  371. package/lib/components/divider/src/divider2.js +35 -17
  372. package/lib/components/divider/src/divider2.js.map +1 -1
  373. package/lib/components/dropdown/index.d.ts +14 -14
  374. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  375. package/lib/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  376. package/lib/components/dropdown/src/dropdown.js +1 -1
  377. package/lib/components/dropdown/src/dropdown.vue.d.ts +12 -12
  378. package/lib/components/focus-trap/src/focus-trap.vue.d.ts +3 -3
  379. package/lib/components/form/index.js +2 -2
  380. package/lib/components/form/src/form.js +53 -149
  381. package/lib/components/form/src/form.js.map +1 -1
  382. package/lib/components/form/src/form2.js +149 -53
  383. package/lib/components/form/src/form2.js.map +1 -1
  384. package/lib/components/image/index.d.ts +1 -1
  385. package/lib/components/image/index.js +2 -2
  386. package/lib/components/image/src/image.js +59 -219
  387. package/lib/components/image/src/image.js.map +1 -1
  388. package/lib/components/image/src/image.vue.d.ts +1 -1
  389. package/lib/components/image/src/image2.js +219 -59
  390. package/lib/components/image/src/image2.js.map +1 -1
  391. package/lib/components/index.js +29 -29
  392. package/lib/components/input/index.d.ts +9 -9
  393. package/lib/components/input/src/input.vue.d.ts +9 -9
  394. package/lib/components/input-number/index.d.ts +32 -32
  395. package/lib/components/input-number/index.js +2 -2
  396. package/lib/components/input-number/src/input-number.js +299 -62
  397. package/lib/components/input-number/src/input-number.js.map +1 -1
  398. package/lib/components/input-number/src/input-number.vue.d.ts +32 -32
  399. package/lib/components/input-number/src/input-number2.js +62 -299
  400. package/lib/components/input-number/src/input-number2.js.map +1 -1
  401. package/lib/components/menu/index.js +4 -4
  402. package/lib/components/menu/src/menu-item-group.js +4 -35
  403. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  404. package/lib/components/menu/src/menu-item-group2.js +35 -4
  405. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  406. package/lib/components/menu/src/menu-item.js +15 -100
  407. package/lib/components/menu/src/menu-item.js.map +1 -1
  408. package/lib/components/menu/src/menu-item2.js +100 -15
  409. package/lib/components/menu/src/menu-item2.js.map +1 -1
  410. package/lib/components/page-header/index.js +2 -2
  411. package/lib/components/page-header/src/page-header.js +102 -18
  412. package/lib/components/page-header/src/page-header.js.map +1 -1
  413. package/lib/components/page-header/src/page-header2.js +18 -102
  414. package/lib/components/page-header/src/page-header2.js.map +1 -1
  415. package/lib/components/pagination/src/components/jumper.js +9 -59
  416. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  417. package/lib/components/pagination/src/components/jumper.vue.d.ts +9 -9
  418. package/lib/components/pagination/src/components/jumper2.js +59 -9
  419. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  420. package/lib/components/pagination/src/components/next.js +34 -19
  421. package/lib/components/pagination/src/components/next.js.map +1 -1
  422. package/lib/components/pagination/src/components/next2.js +19 -34
  423. package/lib/components/pagination/src/components/next2.js.map +1 -1
  424. package/lib/components/pagination/src/components/pager.js +207 -17
  425. package/lib/components/pagination/src/components/pager.js.map +1 -1
  426. package/lib/components/pagination/src/components/pager2.js +17 -207
  427. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  428. package/lib/components/pagination/src/components/prev.js +34 -19
  429. package/lib/components/pagination/src/components/prev.js.map +1 -1
  430. package/lib/components/pagination/src/components/prev2.js +19 -34
  431. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  432. package/lib/components/pagination/src/components/sizes.vue.d.ts +13 -13
  433. package/lib/components/pagination/src/components/total.js +28 -7
  434. package/lib/components/pagination/src/components/total.js.map +1 -1
  435. package/lib/components/pagination/src/components/total2.js +7 -28
  436. package/lib/components/pagination/src/components/total2.js.map +1 -1
  437. package/lib/components/pagination/src/pagination.js +5 -5
  438. package/lib/components/popconfirm/index.d.ts +18 -18
  439. package/lib/components/popconfirm/index.js +2 -2
  440. package/lib/components/popconfirm/src/popconfirm.js +111 -49
  441. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  442. package/lib/components/popconfirm/src/popconfirm.vue.d.ts +18 -18
  443. package/lib/components/popconfirm/src/popconfirm2.js +49 -111
  444. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  445. package/lib/components/popover/index.d.ts +18 -18
  446. package/lib/components/popover/src/popover.vue.d.ts +18 -18
  447. package/lib/components/popover/src/popover2.js +1 -1
  448. package/lib/components/popper/index.js +2 -2
  449. package/lib/components/popper/src/content.vue.d.ts +6 -6
  450. package/lib/components/popper/src/popper.js +33 -28
  451. package/lib/components/popper/src/popper.js.map +1 -1
  452. package/lib/components/popper/src/popper2.js +28 -33
  453. package/lib/components/popper/src/popper2.js.map +1 -1
  454. package/lib/components/progress/index.js +2 -2
  455. package/lib/components/progress/src/progress.js +202 -57
  456. package/lib/components/progress/src/progress.js.map +1 -1
  457. package/lib/components/progress/src/progress2.js +57 -202
  458. package/lib/components/progress/src/progress2.js.map +1 -1
  459. package/lib/components/radio/index.js +2 -2
  460. package/lib/components/radio/src/radio-button.js +9 -68
  461. package/lib/components/radio/src/radio-button.js.map +1 -1
  462. package/lib/components/radio/src/radio-button2.js +68 -9
  463. package/lib/components/radio/src/radio-button2.js.map +1 -1
  464. package/lib/components/rate/index.js +2 -2
  465. package/lib/components/rate/src/rate.js +98 -255
  466. package/lib/components/rate/src/rate.js.map +1 -1
  467. package/lib/components/rate/src/rate2.js +255 -98
  468. package/lib/components/rate/src/rate2.js.map +1 -1
  469. package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  470. package/lib/components/scrollbar/index.js +3 -3
  471. package/lib/components/scrollbar/src/bar.js +17 -42
  472. package/lib/components/scrollbar/src/bar.js.map +1 -1
  473. package/lib/components/scrollbar/src/bar2.js +42 -17
  474. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  475. package/lib/components/scrollbar/src/scrollbar.js +175 -48
  476. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  477. package/lib/components/scrollbar/src/scrollbar2.js +48 -175
  478. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  479. package/lib/components/scrollbar/src/thumb.js +11 -131
  480. package/lib/components/scrollbar/src/thumb.js.map +1 -1
  481. package/lib/components/scrollbar/src/thumb2.js +131 -11
  482. package/lib/components/scrollbar/src/thumb2.js.map +1 -1
  483. package/lib/components/select/index.d.ts +13 -13
  484. package/lib/components/select/src/select.js +1 -1
  485. package/lib/components/select/src/select.vue.d.ts +13 -13
  486. package/lib/components/select/src/useSelect.d.ts +12 -12
  487. package/lib/components/select-v2/index.d.ts +26 -26
  488. package/lib/components/select-v2/src/select.vue.d.ts +13 -13
  489. package/lib/components/select-v2/src/useSelect.d.ts +12 -12
  490. package/lib/components/skeleton/index.js +2 -2
  491. package/lib/components/skeleton/src/skeleton.js +49 -22
  492. package/lib/components/skeleton/src/skeleton.js.map +1 -1
  493. package/lib/components/skeleton/src/skeleton2.js +22 -49
  494. package/lib/components/skeleton/src/skeleton2.js.map +1 -1
  495. package/lib/components/slider/index.d.ts +62 -62
  496. package/lib/components/slider/src/button.vue.d.ts +6 -6
  497. package/lib/components/slider/src/composables/use-slide.d.ts +24 -24
  498. package/lib/components/slider/src/slider.vue.d.ts +62 -62
  499. package/lib/components/table/index.d.ts +1 -1
  500. package/lib/components/table/src/filter-panel.vue.d.ts +12 -12
  501. package/lib/components/table/src/table.vue.d.ts +1 -1
  502. package/lib/components/tabs/index.js +2 -2
  503. package/lib/components/tabs/src/tab-pane.js +73 -13
  504. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  505. package/lib/components/tabs/src/tab-pane2.js +13 -73
  506. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  507. package/lib/components/tag/index.js +2 -2
  508. package/lib/components/tag/src/tag.js +33 -96
  509. package/lib/components/tag/src/tag.js.map +1 -1
  510. package/lib/components/tag/src/tag2.js +96 -33
  511. package/lib/components/tag/src/tag2.js.map +1 -1
  512. package/lib/components/teleport/index.js +2 -2
  513. package/lib/components/teleport/src/teleport.js +18 -44
  514. package/lib/components/teleport/src/teleport.js.map +1 -1
  515. package/lib/components/teleport/src/teleport2.js +44 -18
  516. package/lib/components/teleport/src/teleport2.js.map +1 -1
  517. package/lib/components/time-picker/src/common/picker.vue.d.ts +29 -29
  518. package/lib/components/time-select/index.d.ts +52 -52
  519. package/lib/components/time-select/index.js +1 -1
  520. package/lib/components/time-select/src/time-select.js +122 -48
  521. package/lib/components/time-select/src/time-select.js.map +1 -1
  522. package/lib/components/time-select/src/time-select.vue.d.ts +26 -26
  523. package/lib/components/time-select/src/time-select2.js +48 -122
  524. package/lib/components/time-select/src/time-select2.js.map +1 -1
  525. package/lib/components/tooltip/index.d.ts +6 -6
  526. package/lib/components/tooltip/index.js +1 -1
  527. package/lib/components/tooltip/src/content.vue.d.ts +6 -6
  528. package/lib/components/tooltip/src/tooltip.js +1 -1
  529. package/lib/components/tooltip/src/tooltip.vue.d.ts +6 -6
  530. package/lib/components/tooltip/src/tooltip2.js +2 -2
  531. package/lib/components/tooltip/src/trigger.js +74 -16
  532. package/lib/components/tooltip/src/trigger.js.map +1 -1
  533. package/lib/components/tooltip/src/trigger2.js +16 -74
  534. package/lib/components/tooltip/src/trigger2.js.map +1 -1
  535. package/lib/components/tooltip-v2/index.js +1 -1
  536. package/lib/components/tooltip-v2/src/content2.js +1 -1
  537. package/lib/components/tooltip-v2/src/tooltip.js +1 -1
  538. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  539. package/lib/components/tooltip-v2/src/trigger.js +12 -90
  540. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  541. package/lib/components/tooltip-v2/src/trigger2.js +90 -12
  542. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  543. package/lib/components/transfer/index.d.ts +45 -45
  544. package/lib/components/transfer/index.js +2 -2
  545. package/lib/components/transfer/src/composables/use-check.js +1 -1
  546. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  547. package/lib/components/transfer/src/transfer-panel.js +131 -21
  548. package/lib/components/transfer/src/transfer-panel.js.map +1 -1
  549. package/lib/components/transfer/src/transfer-panel.vue.d.ts +9 -9
  550. package/lib/components/transfer/src/transfer-panel2.js +21 -131
  551. package/lib/components/transfer/src/transfer-panel2.js.map +1 -1
  552. package/lib/components/transfer/src/transfer.js +159 -73
  553. package/lib/components/transfer/src/transfer.js.map +1 -1
  554. package/lib/components/transfer/src/transfer.vue.d.ts +45 -45
  555. package/lib/components/transfer/src/transfer2.js +73 -159
  556. package/lib/components/transfer/src/transfer2.js.map +1 -1
  557. package/lib/components/tree-v2/index.d.ts +1 -1
  558. package/lib/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  559. package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
  560. package/lib/components/upload/index.d.ts +1 -1
  561. package/lib/components/upload/index.js +4 -4
  562. package/lib/components/upload/src/upload-content.js +1 -1
  563. package/lib/components/upload/src/upload-content2.js +2 -2
  564. package/lib/components/upload/src/upload-dragger.js +12 -70
  565. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  566. package/lib/components/upload/src/upload-dragger2.js +70 -12
  567. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  568. package/lib/components/upload/src/upload-list.js +170 -27
  569. package/lib/components/upload/src/upload-list.js.map +1 -1
  570. package/lib/components/upload/src/upload-list2.js +27 -170
  571. package/lib/components/upload/src/upload-list2.js.map +1 -1
  572. package/lib/components/upload/src/upload.js +108 -120
  573. package/lib/components/upload/src/upload.js.map +1 -1
  574. package/lib/components/upload/src/upload.vue.d.ts +1 -1
  575. package/lib/components/upload/src/upload2.js +120 -108
  576. package/lib/components/upload/src/upload2.js.map +1 -1
  577. package/lib/components/upload/src/use-handlers.js +1 -1
  578. package/lib/components/visual-hidden/index.js +2 -2
  579. package/lib/components/visual-hidden/src/visual-hidden.js +35 -7
  580. package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
  581. package/lib/components/visual-hidden/src/visual-hidden2.js +7 -35
  582. package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
  583. package/lib/index.js +29 -29
  584. package/package.json +1 -1
  585. package/theme-chalk/base.css +1 -1
  586. package/theme-chalk/el-button.css +1 -1
  587. package/theme-chalk/el-checkbox.css +1 -1
  588. package/theme-chalk/el-color-picker.css +1 -1
  589. package/theme-chalk/el-input-number.css +1 -1
  590. package/theme-chalk/el-input.css +1 -1
  591. package/theme-chalk/el-select.css +1 -1
  592. package/theme-chalk/el-var.css +1 -1
  593. package/theme-chalk/index.css +1 -1
  594. package/theme-chalk/src/button.scss +1 -2
  595. package/theme-chalk/src/checkbox.scss +3 -0
  596. package/theme-chalk/src/color-picker.scss +9 -3
  597. package/theme-chalk/src/input-number.scss +6 -3
  598. package/theme-chalk/src/input.scss +22 -1
  599. package/theme-chalk/src/mixins/_var.scss +0 -2
  600. package/theme-chalk/src/select.scss +7 -0
  601. package/theme-chalk/src/var.scss +17 -0
@@ -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
2
  import Radio from './src/radio.mjs';
3
- import RadioButton from './src/radio-button.mjs';
3
+ import RadioButton from './src/radio-button2.mjs';
4
4
  import RadioGroup from './src/radio-group2.mjs';
5
5
  export { radioEmits, radioProps, radioPropsBase } from './src/radio2.mjs';
6
6
  export { radioGroupEmits, radioGroupProps } from './src/radio-group.mjs';
7
- export { radioButtonProps } from './src/radio-button2.mjs';
7
+ export { radioButtonProps } from './src/radio-button.mjs';
8
8
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
9
9
 
10
10
  const ElRadio = withInstall(Radio, {
@@ -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-button2.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-button.mjs.map
@@ -1 +1 @@
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
+ {"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,14 +1,73 @@
1
- import '../../../utils/index.mjs';
2
- import { radioPropsBase } from './radio2.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-button.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-button2.mjs.map
@@ -1 +1 @@
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
+ {"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,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Rate from './src/rate.mjs';
3
- export { rateEmits, rateProps } from './src/rate2.mjs';
2
+ import Rate from './src/rate2.mjs';
3
+ export { rateEmits, rateProps } from './src/rate.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElRate = withInstall(Rate);