element-pe 2.2.81 → 2.2.83

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 (622) hide show
  1. package/dist/index.full.js +18 -6
  2. package/dist/index.full.min.js +7 -7
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +7 -7
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +18 -6
  7. package/es/components/affix/index.mjs +2 -2
  8. package/es/components/affix/src/affix.mjs +26 -119
  9. package/es/components/affix/src/affix.mjs.map +1 -1
  10. package/es/components/affix/src/affix2.mjs +119 -26
  11. package/es/components/affix/src/affix2.mjs.map +1 -1
  12. package/es/components/alert/index.d.ts +4 -4
  13. package/es/components/alert/index.mjs +2 -2
  14. package/es/components/alert/src/alert.d.ts +1 -1
  15. package/es/components/alert/src/alert.mjs +103 -38
  16. package/es/components/alert/src/alert.mjs.map +1 -1
  17. package/es/components/alert/src/alert.vue.d.ts +4 -4
  18. package/es/components/alert/src/alert2.mjs +38 -103
  19. package/es/components/alert/src/alert2.mjs.map +1 -1
  20. package/es/components/autocomplete/index.d.ts +65 -65
  21. package/es/components/autocomplete/index.mjs +2 -2
  22. package/es/components/autocomplete/src/autocomplete.mjs +99 -379
  23. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  24. package/es/components/autocomplete/src/autocomplete.vue.d.ts +65 -65
  25. package/es/components/autocomplete/src/autocomplete2.mjs +379 -99
  26. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  27. package/es/components/avatar/index.mjs +2 -2
  28. package/es/components/avatar/src/avatar.mjs +35 -76
  29. package/es/components/avatar/src/avatar.mjs.map +1 -1
  30. package/es/components/avatar/src/avatar2.mjs +76 -35
  31. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  32. package/es/components/breadcrumb/index.mjs +2 -2
  33. package/es/components/breadcrumb/src/breadcrumb.mjs +36 -11
  34. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  35. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -36
  36. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  37. package/es/components/button/index.d.ts +5 -5
  38. package/es/components/button/index.mjs +2 -2
  39. package/es/components/button/src/button-group.mjs +1 -1
  40. package/es/components/button/src/button.d.ts +1 -1
  41. package/es/components/button/src/button.mjs +76 -57
  42. package/es/components/button/src/button.mjs.map +1 -1
  43. package/es/components/button/src/button.vue.d.ts +5 -5
  44. package/es/components/button/src/button2.mjs +57 -76
  45. package/es/components/button/src/button2.mjs.map +1 -1
  46. package/es/components/button/src/use-button.d.ts +1 -1
  47. package/es/components/calendar/index.d.ts +5 -5
  48. package/es/components/calendar/src/calendar.vue.d.ts +5 -5
  49. package/es/components/calendar/src/calendar2.mjs +1 -1
  50. package/es/components/calendar/src/date-table.mjs +33 -87
  51. package/es/components/calendar/src/date-table.mjs.map +1 -1
  52. package/es/components/calendar/src/date-table2.mjs +87 -33
  53. package/es/components/calendar/src/date-table2.mjs.map +1 -1
  54. package/es/components/calendar/src/use-date-table.mjs +1 -1
  55. package/es/components/card/index.mjs +2 -2
  56. package/es/components/card/src/card.mjs +35 -17
  57. package/es/components/card/src/card.mjs.map +1 -1
  58. package/es/components/card/src/card2.mjs +17 -35
  59. package/es/components/card/src/card2.mjs.map +1 -1
  60. package/es/components/carousel/index.d.ts +5 -5
  61. package/es/components/carousel/index.mjs +4 -4
  62. package/es/components/carousel/src/carousel-item.mjs +8 -69
  63. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  64. package/es/components/carousel/src/carousel-item2.mjs +69 -8
  65. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  66. package/es/components/carousel/src/carousel.d.ts +1 -1
  67. package/es/components/carousel/src/carousel.mjs +56 -169
  68. package/es/components/carousel/src/carousel.mjs.map +1 -1
  69. package/es/components/carousel/src/carousel.vue.d.ts +5 -5
  70. package/es/components/carousel/src/carousel2.mjs +169 -56
  71. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  72. package/es/components/cascader/index.d.ts +128 -128
  73. package/es/components/cascader/src/cascader.vue.d.ts +64 -64
  74. package/es/components/checkbox/index.mjs +2 -2
  75. package/es/components/checkbox/src/checkbox-group.mjs +33 -72
  76. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  77. package/es/components/checkbox/src/checkbox-group2.mjs +72 -33
  78. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  79. package/es/components/col/index.mjs +2 -2
  80. package/es/components/col/src/col.mjs +43 -66
  81. package/es/components/col/src/col.mjs.map +1 -1
  82. package/es/components/col/src/col2.mjs +66 -43
  83. package/es/components/col/src/col2.mjs.map +1 -1
  84. package/es/components/color-picker/index.d.ts +35 -35
  85. package/es/components/color-picker/index.mjs +2 -2
  86. package/es/components/color-picker/src/color-picker.mjs +353 -58
  87. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  88. package/es/components/color-picker/src/color-picker.vue.d.ts +35 -35
  89. package/es/components/color-picker/src/color-picker2.mjs +58 -345
  90. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  91. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  92. package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +17 -17
  93. package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +17 -17
  94. package/es/components/date-picker/src/panel-utils.d.ts +34 -34
  95. package/es/components/descriptions/index.mjs +2 -2
  96. package/es/components/descriptions/src/description.mjs +27 -120
  97. package/es/components/descriptions/src/description.mjs.map +1 -1
  98. package/es/components/descriptions/src/description2.mjs +120 -27
  99. package/es/components/descriptions/src/description2.mjs.map +1 -1
  100. package/es/components/descriptions/src/descriptions-row.mjs +64 -7
  101. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  102. package/es/components/descriptions/src/descriptions-row2.mjs +7 -64
  103. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  104. package/es/components/dialog/index.d.ts +1 -1
  105. package/es/components/dialog/src/dialog-content.mjs +96 -30
  106. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  107. package/es/components/dialog/src/dialog-content2.mjs +30 -96
  108. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  109. package/es/components/dialog/src/dialog.mjs +1 -1
  110. package/es/components/dialog/src/dialog.vue.d.ts +1 -1
  111. package/es/components/dialog/src/dialog2.mjs +1 -1
  112. package/es/components/drawer/index.mjs +2 -2
  113. package/es/components/drawer/src/drawer.mjs +29 -187
  114. package/es/components/drawer/src/drawer.mjs.map +1 -1
  115. package/es/components/drawer/src/drawer2.mjs +187 -29
  116. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  117. package/es/components/dropdown/index.d.ts +17 -14
  118. package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  119. package/es/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  120. package/es/components/dropdown/src/dropdown.d.ts +7 -5
  121. package/es/components/dropdown/src/dropdown.mjs +4 -0
  122. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  123. package/es/components/dropdown/src/dropdown.vue.d.ts +15 -12
  124. package/es/components/dropdown/src/dropdown2.mjs +2 -2
  125. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  126. package/es/components/empty/index.mjs +2 -2
  127. package/es/components/empty/src/empty.mjs +55 -11
  128. package/es/components/empty/src/empty.mjs.map +1 -1
  129. package/es/components/empty/src/empty2.mjs +11 -55
  130. package/es/components/empty/src/empty2.mjs.map +1 -1
  131. package/es/components/focus-trap/src/focus-trap.vue.d.ts +1 -1
  132. package/es/components/form/index.d.ts +12 -12
  133. package/es/components/form/index.mjs +2 -2
  134. package/es/components/form/src/form-item.d.ts +1 -1
  135. package/es/components/form/src/form-item.mjs +46 -328
  136. package/es/components/form/src/form-item.mjs.map +1 -1
  137. package/es/components/form/src/form-item.vue.d.ts +5 -5
  138. package/es/components/form/src/form-item2.mjs +328 -46
  139. package/es/components/form/src/form-item2.mjs.map +1 -1
  140. package/es/components/image/index.d.ts +1 -1
  141. package/es/components/image/index.mjs +2 -2
  142. package/es/components/image/src/image.mjs +56 -227
  143. package/es/components/image/src/image.mjs.map +1 -1
  144. package/es/components/image/src/image.vue.d.ts +1 -1
  145. package/es/components/image/src/image2.mjs +227 -56
  146. package/es/components/image/src/image2.mjs.map +1 -1
  147. package/es/components/index.mjs +31 -31
  148. package/es/components/input/index.d.ts +12 -12
  149. package/es/components/input/index.mjs +2 -2
  150. package/es/components/input/src/input.mjs +114 -468
  151. package/es/components/input/src/input.mjs.map +1 -1
  152. package/es/components/input/src/input.vue.d.ts +12 -12
  153. package/es/components/input/src/input2.mjs +468 -114
  154. package/es/components/input/src/input2.mjs.map +1 -1
  155. package/es/components/input-number/index.d.ts +45 -45
  156. package/es/components/input-number/src/input-number.vue.d.ts +45 -45
  157. package/es/components/menu/index.d.ts +3 -3
  158. package/es/components/menu/index.mjs +2 -2
  159. package/es/components/menu/src/menu-item-group.mjs +4 -35
  160. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  161. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  162. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  163. package/es/components/menu/src/menu.d.ts +4 -4
  164. package/es/components/message/index.mjs +1 -1
  165. package/es/components/message/src/message.d.ts +1 -1
  166. package/es/components/message/src/message.mjs +151 -86
  167. package/es/components/message/src/message.mjs.map +1 -1
  168. package/es/components/message/src/message.vue.d.ts +4 -4
  169. package/es/components/message/src/message2.mjs +86 -151
  170. package/es/components/message/src/message2.mjs.map +1 -1
  171. package/es/components/message/src/method.mjs +2 -2
  172. package/es/components/notification/src/notification.d.ts +1 -1
  173. package/es/components/notification/src/notification.vue.d.ts +4 -4
  174. package/es/components/page-header/index.mjs +2 -2
  175. package/es/components/page-header/src/page-header.mjs +17 -103
  176. package/es/components/page-header/src/page-header.mjs.map +1 -1
  177. package/es/components/page-header/src/page-header2.mjs +103 -17
  178. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  179. package/es/components/pagination/src/components/jumper.vue.d.ts +12 -12
  180. package/es/components/pagination/src/components/next.mjs +38 -19
  181. package/es/components/pagination/src/components/next.mjs.map +1 -1
  182. package/es/components/pagination/src/components/next2.mjs +19 -38
  183. package/es/components/pagination/src/components/next2.mjs.map +1 -1
  184. package/es/components/pagination/src/components/sizes.vue.d.ts +26 -26
  185. package/es/components/pagination/src/pagination.mjs +1 -1
  186. package/es/components/popconfirm/index.d.ts +23 -23
  187. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  188. package/es/components/popconfirm/src/popconfirm.vue.d.ts +23 -23
  189. package/es/components/popover/index.d.ts +18 -18
  190. package/es/components/popover/index.mjs +2 -2
  191. package/es/components/popover/src/popover.mjs +66 -111
  192. package/es/components/popover/src/popover.mjs.map +1 -1
  193. package/es/components/popover/src/popover.vue.d.ts +18 -18
  194. package/es/components/popover/src/popover2.mjs +111 -66
  195. package/es/components/popover/src/popover2.mjs.map +1 -1
  196. package/es/components/popper/src/content.vue.d.ts +6 -6
  197. package/es/components/radio/index.mjs +2 -2
  198. package/es/components/radio/src/radio-button.mjs +1 -1
  199. package/es/components/radio/src/radio-group.mjs +1 -1
  200. package/es/components/radio/src/radio.mjs +76 -35
  201. package/es/components/radio/src/radio.mjs.map +1 -1
  202. package/es/components/radio/src/radio2.mjs +35 -76
  203. package/es/components/radio/src/radio2.mjs.map +1 -1
  204. package/es/components/result/index.d.ts +4 -4
  205. package/es/components/result/index.mjs +2 -2
  206. package/es/components/result/src/result.d.ts +1 -1
  207. package/es/components/result/src/result.mjs +63 -29
  208. package/es/components/result/src/result.mjs.map +1 -1
  209. package/es/components/result/src/result.vue.d.ts +4 -4
  210. package/es/components/result/src/result2.mjs +29 -63
  211. package/es/components/result/src/result2.mjs.map +1 -1
  212. package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  213. package/es/components/select/index.d.ts +26 -26
  214. package/es/components/select/src/select.vue.d.ts +26 -26
  215. package/es/components/select/src/useSelect.d.ts +24 -24
  216. package/es/components/select-v2/index.d.ts +30 -30
  217. package/es/components/select-v2/src/option-item.vue.d.ts +1 -1
  218. package/es/components/select-v2/src/select.vue.d.ts +15 -15
  219. package/es/components/select-v2/src/useSelect.d.ts +13 -13
  220. package/es/components/slider/index.d.ts +75 -75
  221. package/es/components/slider/src/button.mjs +21 -94
  222. package/es/components/slider/src/button.mjs.map +1 -1
  223. package/es/components/slider/src/button.vue.d.ts +6 -6
  224. package/es/components/slider/src/button2.mjs +94 -21
  225. package/es/components/slider/src/button2.mjs.map +1 -1
  226. package/es/components/slider/src/composables/use-slide.d.ts +24 -24
  227. package/es/components/slider/src/slider.vue.d.ts +75 -75
  228. package/es/components/slider/src/slider2.mjs +1 -1
  229. package/es/components/steps/index.d.ts +16 -16
  230. package/es/components/steps/index.mjs +2 -2
  231. package/es/components/steps/src/item.d.ts +1 -1
  232. package/es/components/steps/src/item.mjs +193 -19
  233. package/es/components/steps/src/item.mjs.map +1 -1
  234. package/es/components/steps/src/item.vue.d.ts +4 -4
  235. package/es/components/steps/src/item2.mjs +19 -193
  236. package/es/components/steps/src/item2.mjs.map +1 -1
  237. package/es/components/steps/src/steps.d.ts +2 -2
  238. package/es/components/steps/src/steps.vue.d.ts +8 -8
  239. package/es/components/switch/index.mjs +2 -2
  240. package/es/components/switch/src/switch.mjs +267 -99
  241. package/es/components/switch/src/switch.mjs.map +1 -1
  242. package/es/components/switch/src/switch2.mjs +99 -267
  243. package/es/components/switch/src/switch2.mjs.map +1 -1
  244. package/es/components/table/index.d.ts +1 -1
  245. package/es/components/table/src/filter-panel.vue.d.ts +12 -12
  246. package/es/components/table/src/table.vue.d.ts +1 -1
  247. package/es/components/tabs/index.mjs +3 -3
  248. package/es/components/tabs/src/tab-bar.mjs +75 -7
  249. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  250. package/es/components/tabs/src/tab-bar2.mjs +7 -75
  251. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  252. package/es/components/tabs/src/tab-nav.mjs +1 -1
  253. package/es/components/tabs/src/tab-pane.mjs +14 -76
  254. package/es/components/tabs/src/tab-pane.mjs.map +1 -1
  255. package/es/components/tabs/src/tab-pane2.mjs +76 -14
  256. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  257. package/es/components/tag/index.d.ts +1 -1
  258. package/es/components/tag/src/tag.vue.d.ts +1 -1
  259. package/es/components/text/index.mjs +2 -2
  260. package/es/components/text/src/text.mjs +22 -35
  261. package/es/components/text/src/text.mjs.map +1 -1
  262. package/es/components/text/src/text2.mjs +35 -22
  263. package/es/components/text/src/text2.mjs.map +1 -1
  264. package/es/components/time-picker/src/common/picker.vue.d.ts +34 -34
  265. package/es/components/time-select/index.d.ts +110 -110
  266. package/es/components/time-select/index.mjs +1 -1
  267. package/es/components/time-select/src/time-select.mjs +132 -55
  268. package/es/components/time-select/src/time-select.mjs.map +1 -1
  269. package/es/components/time-select/src/time-select.vue.d.ts +55 -55
  270. package/es/components/time-select/src/time-select2.mjs +55 -132
  271. package/es/components/time-select/src/time-select2.mjs.map +1 -1
  272. package/es/components/timeline/index.mjs +2 -2
  273. package/es/components/timeline/src/timeline-item.mjs +42 -72
  274. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  275. package/es/components/timeline/src/timeline-item2.mjs +72 -42
  276. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  277. package/es/components/tooltip/index.d.ts +6 -6
  278. package/es/components/tooltip/src/content.vue.d.ts +6 -6
  279. package/es/components/tooltip/src/tooltip.vue.d.ts +6 -6
  280. package/es/components/tooltip-v2/index.d.ts +4 -4
  281. package/es/components/tooltip-v2/index.mjs +3 -3
  282. package/es/components/tooltip-v2/src/arrow.mjs +22 -37
  283. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  284. package/es/components/tooltip-v2/src/arrow2.mjs +37 -22
  285. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  286. package/es/components/tooltip-v2/src/content.mjs +114 -50
  287. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  288. package/es/components/tooltip-v2/src/content2.mjs +50 -114
  289. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  290. package/es/components/tooltip-v2/src/tooltip.mjs +3 -3
  291. package/es/components/tooltip-v2/src/tooltip.vue.d.ts +4 -4
  292. package/es/components/tooltip-v2/src/tooltip2.mjs +6 -6
  293. package/es/components/tooltip-v2/src/trigger.mjs +91 -12
  294. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  295. package/es/components/tooltip-v2/src/trigger2.mjs +12 -91
  296. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  297. package/es/components/transfer/index.d.ts +65 -65
  298. package/es/components/transfer/index.mjs +2 -2
  299. package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
  300. package/es/components/transfer/src/transfer-panel.mjs +1 -1
  301. package/es/components/transfer/src/transfer-panel.vue.d.ts +12 -12
  302. package/es/components/transfer/src/transfer.mjs +69 -162
  303. package/es/components/transfer/src/transfer.mjs.map +1 -1
  304. package/es/components/transfer/src/transfer.vue.d.ts +65 -65
  305. package/es/components/transfer/src/transfer2.mjs +162 -69
  306. package/es/components/transfer/src/transfer2.mjs.map +1 -1
  307. package/es/components/tree-v2/index.d.ts +1 -1
  308. package/es/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  309. package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
  310. package/es/components/upload/index.d.ts +5 -5
  311. package/es/components/upload/src/upload-content.vue.d.ts +1 -1
  312. package/es/components/upload/src/upload.vue.d.ts +5 -5
  313. package/es/index.mjs +31 -31
  314. package/lib/components/affix/index.js +2 -2
  315. package/lib/components/affix/src/affix.js +27 -119
  316. package/lib/components/affix/src/affix.js.map +1 -1
  317. package/lib/components/affix/src/affix2.js +119 -27
  318. package/lib/components/affix/src/affix2.js.map +1 -1
  319. package/lib/components/alert/index.d.ts +4 -4
  320. package/lib/components/alert/index.js +2 -2
  321. package/lib/components/alert/src/alert.d.ts +1 -1
  322. package/lib/components/alert/src/alert.js +102 -39
  323. package/lib/components/alert/src/alert.js.map +1 -1
  324. package/lib/components/alert/src/alert.vue.d.ts +4 -4
  325. package/lib/components/alert/src/alert2.js +39 -102
  326. package/lib/components/alert/src/alert2.js.map +1 -1
  327. package/lib/components/autocomplete/index.d.ts +65 -65
  328. package/lib/components/autocomplete/index.js +2 -2
  329. package/lib/components/autocomplete/src/autocomplete.js +99 -378
  330. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  331. package/lib/components/autocomplete/src/autocomplete.vue.d.ts +65 -65
  332. package/lib/components/autocomplete/src/autocomplete2.js +378 -99
  333. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  334. package/lib/components/avatar/index.js +2 -2
  335. package/lib/components/avatar/src/avatar.js +35 -75
  336. package/lib/components/avatar/src/avatar.js.map +1 -1
  337. package/lib/components/avatar/src/avatar2.js +75 -35
  338. package/lib/components/avatar/src/avatar2.js.map +1 -1
  339. package/lib/components/breadcrumb/index.js +2 -2
  340. package/lib/components/breadcrumb/src/breadcrumb.js +36 -11
  341. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  342. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -36
  343. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  344. package/lib/components/button/index.d.ts +5 -5
  345. package/lib/components/button/index.js +2 -2
  346. package/lib/components/button/src/button-group.js +1 -1
  347. package/lib/components/button/src/button.d.ts +1 -1
  348. package/lib/components/button/src/button.js +76 -60
  349. package/lib/components/button/src/button.js.map +1 -1
  350. package/lib/components/button/src/button.vue.d.ts +5 -5
  351. package/lib/components/button/src/button2.js +60 -76
  352. package/lib/components/button/src/button2.js.map +1 -1
  353. package/lib/components/button/src/use-button.d.ts +1 -1
  354. package/lib/components/calendar/index.d.ts +5 -5
  355. package/lib/components/calendar/src/calendar.vue.d.ts +5 -5
  356. package/lib/components/calendar/src/calendar2.js +1 -1
  357. package/lib/components/calendar/src/date-table.js +37 -87
  358. package/lib/components/calendar/src/date-table.js.map +1 -1
  359. package/lib/components/calendar/src/date-table2.js +87 -37
  360. package/lib/components/calendar/src/date-table2.js.map +1 -1
  361. package/lib/components/calendar/src/use-date-table.js +1 -1
  362. package/lib/components/card/index.js +2 -2
  363. package/lib/components/card/src/card.js +35 -17
  364. package/lib/components/card/src/card.js.map +1 -1
  365. package/lib/components/card/src/card2.js +17 -35
  366. package/lib/components/card/src/card2.js.map +1 -1
  367. package/lib/components/carousel/index.d.ts +5 -5
  368. package/lib/components/carousel/index.js +4 -4
  369. package/lib/components/carousel/src/carousel-item.js +8 -69
  370. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  371. package/lib/components/carousel/src/carousel-item2.js +69 -8
  372. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  373. package/lib/components/carousel/src/carousel.d.ts +1 -1
  374. package/lib/components/carousel/src/carousel.js +57 -169
  375. package/lib/components/carousel/src/carousel.js.map +1 -1
  376. package/lib/components/carousel/src/carousel.vue.d.ts +5 -5
  377. package/lib/components/carousel/src/carousel2.js +169 -57
  378. package/lib/components/carousel/src/carousel2.js.map +1 -1
  379. package/lib/components/cascader/index.d.ts +128 -128
  380. package/lib/components/cascader/src/cascader.vue.d.ts +64 -64
  381. package/lib/components/checkbox/index.js +2 -2
  382. package/lib/components/checkbox/src/checkbox-group.js +34 -72
  383. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  384. package/lib/components/checkbox/src/checkbox-group2.js +72 -34
  385. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  386. package/lib/components/col/index.js +2 -2
  387. package/lib/components/col/src/col.js +43 -66
  388. package/lib/components/col/src/col.js.map +1 -1
  389. package/lib/components/col/src/col2.js +66 -43
  390. package/lib/components/col/src/col2.js.map +1 -1
  391. package/lib/components/color-picker/index.d.ts +35 -35
  392. package/lib/components/color-picker/index.js +2 -2
  393. package/lib/components/color-picker/src/color-picker.js +351 -58
  394. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  395. package/lib/components/color-picker/src/color-picker.vue.d.ts +35 -35
  396. package/lib/components/color-picker/src/color-picker2.js +58 -343
  397. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  398. package/lib/components/color-picker/src/components/predefine.js +1 -1
  399. package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +17 -17
  400. package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +17 -17
  401. package/lib/components/date-picker/src/panel-utils.d.ts +34 -34
  402. package/lib/components/descriptions/index.js +2 -2
  403. package/lib/components/descriptions/src/description.js +27 -120
  404. package/lib/components/descriptions/src/description.js.map +1 -1
  405. package/lib/components/descriptions/src/description2.js +120 -27
  406. package/lib/components/descriptions/src/description2.js.map +1 -1
  407. package/lib/components/descriptions/src/descriptions-row.js +64 -7
  408. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  409. package/lib/components/descriptions/src/descriptions-row2.js +7 -64
  410. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  411. package/lib/components/dialog/index.d.ts +1 -1
  412. package/lib/components/dialog/src/dialog-content.js +95 -30
  413. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  414. package/lib/components/dialog/src/dialog-content2.js +30 -95
  415. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  416. package/lib/components/dialog/src/dialog.js +1 -1
  417. package/lib/components/dialog/src/dialog.vue.d.ts +1 -1
  418. package/lib/components/dialog/src/dialog2.js +1 -1
  419. package/lib/components/drawer/index.js +2 -2
  420. package/lib/components/drawer/src/drawer.js +30 -187
  421. package/lib/components/drawer/src/drawer.js.map +1 -1
  422. package/lib/components/drawer/src/drawer2.js +187 -30
  423. package/lib/components/drawer/src/drawer2.js.map +1 -1
  424. package/lib/components/dropdown/index.d.ts +17 -14
  425. package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +1 -1
  426. package/lib/components/dropdown/src/dropdown-item.vue.d.ts +1 -1
  427. package/lib/components/dropdown/src/dropdown.d.ts +7 -5
  428. package/lib/components/dropdown/src/dropdown.js +4 -0
  429. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  430. package/lib/components/dropdown/src/dropdown.vue.d.ts +15 -12
  431. package/lib/components/dropdown/src/dropdown2.js +2 -2
  432. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  433. package/lib/components/empty/index.js +2 -2
  434. package/lib/components/empty/src/empty.js +55 -11
  435. package/lib/components/empty/src/empty.js.map +1 -1
  436. package/lib/components/empty/src/empty2.js +11 -55
  437. package/lib/components/empty/src/empty2.js.map +1 -1
  438. package/lib/components/focus-trap/src/focus-trap.vue.d.ts +1 -1
  439. package/lib/components/form/index.d.ts +12 -12
  440. package/lib/components/form/index.js +2 -2
  441. package/lib/components/form/src/form-item.d.ts +1 -1
  442. package/lib/components/form/src/form-item.js +47 -332
  443. package/lib/components/form/src/form-item.js.map +1 -1
  444. package/lib/components/form/src/form-item.vue.d.ts +5 -5
  445. package/lib/components/form/src/form-item2.js +332 -47
  446. package/lib/components/form/src/form-item2.js.map +1 -1
  447. package/lib/components/image/index.d.ts +1 -1
  448. package/lib/components/image/index.js +2 -2
  449. package/lib/components/image/src/image.js +56 -226
  450. package/lib/components/image/src/image.js.map +1 -1
  451. package/lib/components/image/src/image.vue.d.ts +1 -1
  452. package/lib/components/image/src/image2.js +226 -56
  453. package/lib/components/image/src/image2.js.map +1 -1
  454. package/lib/components/index.js +31 -31
  455. package/lib/components/input/index.d.ts +12 -12
  456. package/lib/components/input/index.js +2 -2
  457. package/lib/components/input/src/input.js +114 -467
  458. package/lib/components/input/src/input.js.map +1 -1
  459. package/lib/components/input/src/input.vue.d.ts +12 -12
  460. package/lib/components/input/src/input2.js +467 -114
  461. package/lib/components/input/src/input2.js.map +1 -1
  462. package/lib/components/input-number/index.d.ts +45 -45
  463. package/lib/components/input-number/src/input-number.vue.d.ts +45 -45
  464. package/lib/components/menu/index.d.ts +3 -3
  465. package/lib/components/menu/index.js +2 -2
  466. package/lib/components/menu/src/menu-item-group.js +4 -35
  467. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  468. package/lib/components/menu/src/menu-item-group2.js +35 -4
  469. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  470. package/lib/components/menu/src/menu.d.ts +4 -4
  471. package/lib/components/message/index.js +1 -1
  472. package/lib/components/message/src/message.d.ts +1 -1
  473. package/lib/components/message/src/message.js +150 -88
  474. package/lib/components/message/src/message.js.map +1 -1
  475. package/lib/components/message/src/message.vue.d.ts +4 -4
  476. package/lib/components/message/src/message2.js +88 -150
  477. package/lib/components/message/src/message2.js.map +1 -1
  478. package/lib/components/message/src/method.js +2 -2
  479. package/lib/components/notification/src/notification.d.ts +1 -1
  480. package/lib/components/notification/src/notification.vue.d.ts +4 -4
  481. package/lib/components/page-header/index.js +2 -2
  482. package/lib/components/page-header/src/page-header.js +18 -103
  483. package/lib/components/page-header/src/page-header.js.map +1 -1
  484. package/lib/components/page-header/src/page-header2.js +103 -18
  485. package/lib/components/page-header/src/page-header2.js.map +1 -1
  486. package/lib/components/pagination/src/components/jumper.vue.d.ts +12 -12
  487. package/lib/components/pagination/src/components/next.js +38 -19
  488. package/lib/components/pagination/src/components/next.js.map +1 -1
  489. package/lib/components/pagination/src/components/next2.js +19 -38
  490. package/lib/components/pagination/src/components/next2.js.map +1 -1
  491. package/lib/components/pagination/src/components/sizes.vue.d.ts +26 -26
  492. package/lib/components/pagination/src/pagination.js +1 -1
  493. package/lib/components/popconfirm/index.d.ts +23 -23
  494. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  495. package/lib/components/popconfirm/src/popconfirm.vue.d.ts +23 -23
  496. package/lib/components/popover/index.d.ts +18 -18
  497. package/lib/components/popover/index.js +2 -2
  498. package/lib/components/popover/src/popover.js +67 -111
  499. package/lib/components/popover/src/popover.js.map +1 -1
  500. package/lib/components/popover/src/popover.vue.d.ts +18 -18
  501. package/lib/components/popover/src/popover2.js +111 -67
  502. package/lib/components/popover/src/popover2.js.map +1 -1
  503. package/lib/components/popper/src/content.vue.d.ts +6 -6
  504. package/lib/components/radio/index.js +2 -2
  505. package/lib/components/radio/src/radio-button.js +1 -1
  506. package/lib/components/radio/src/radio-group.js +1 -1
  507. package/lib/components/radio/src/radio.js +76 -37
  508. package/lib/components/radio/src/radio.js.map +1 -1
  509. package/lib/components/radio/src/radio2.js +37 -76
  510. package/lib/components/radio/src/radio2.js.map +1 -1
  511. package/lib/components/result/index.d.ts +4 -4
  512. package/lib/components/result/index.js +2 -2
  513. package/lib/components/result/src/result.d.ts +1 -1
  514. package/lib/components/result/src/result.js +63 -31
  515. package/lib/components/result/src/result.js.map +1 -1
  516. package/lib/components/result/src/result.vue.d.ts +4 -4
  517. package/lib/components/result/src/result2.js +31 -63
  518. package/lib/components/result/src/result2.js.map +1 -1
  519. package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts +1 -1
  520. package/lib/components/select/index.d.ts +26 -26
  521. package/lib/components/select/src/select.vue.d.ts +26 -26
  522. package/lib/components/select/src/useSelect.d.ts +24 -24
  523. package/lib/components/select-v2/index.d.ts +30 -30
  524. package/lib/components/select-v2/src/option-item.vue.d.ts +1 -1
  525. package/lib/components/select-v2/src/select.vue.d.ts +15 -15
  526. package/lib/components/select-v2/src/useSelect.d.ts +13 -13
  527. package/lib/components/slider/index.d.ts +75 -75
  528. package/lib/components/slider/src/button.js +22 -94
  529. package/lib/components/slider/src/button.js.map +1 -1
  530. package/lib/components/slider/src/button.vue.d.ts +6 -6
  531. package/lib/components/slider/src/button2.js +94 -22
  532. package/lib/components/slider/src/button2.js.map +1 -1
  533. package/lib/components/slider/src/composables/use-slide.d.ts +24 -24
  534. package/lib/components/slider/src/slider.vue.d.ts +75 -75
  535. package/lib/components/slider/src/slider2.js +1 -1
  536. package/lib/components/steps/index.d.ts +16 -16
  537. package/lib/components/steps/index.js +2 -2
  538. package/lib/components/steps/src/item.d.ts +1 -1
  539. package/lib/components/steps/src/item.js +193 -19
  540. package/lib/components/steps/src/item.js.map +1 -1
  541. package/lib/components/steps/src/item.vue.d.ts +4 -4
  542. package/lib/components/steps/src/item2.js +19 -193
  543. package/lib/components/steps/src/item2.js.map +1 -1
  544. package/lib/components/steps/src/steps.d.ts +2 -2
  545. package/lib/components/steps/src/steps.vue.d.ts +8 -8
  546. package/lib/components/switch/index.js +2 -2
  547. package/lib/components/switch/src/switch.js +266 -99
  548. package/lib/components/switch/src/switch.js.map +1 -1
  549. package/lib/components/switch/src/switch2.js +99 -266
  550. package/lib/components/switch/src/switch2.js.map +1 -1
  551. package/lib/components/table/index.d.ts +1 -1
  552. package/lib/components/table/src/filter-panel.vue.d.ts +12 -12
  553. package/lib/components/table/src/table.vue.d.ts +1 -1
  554. package/lib/components/tabs/index.js +3 -3
  555. package/lib/components/tabs/src/tab-bar.js +75 -7
  556. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  557. package/lib/components/tabs/src/tab-bar2.js +7 -75
  558. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  559. package/lib/components/tabs/src/tab-nav.js +1 -1
  560. package/lib/components/tabs/src/tab-pane.js +14 -76
  561. package/lib/components/tabs/src/tab-pane.js.map +1 -1
  562. package/lib/components/tabs/src/tab-pane2.js +76 -14
  563. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  564. package/lib/components/tag/index.d.ts +1 -1
  565. package/lib/components/tag/src/tag.vue.d.ts +1 -1
  566. package/lib/components/text/index.js +2 -2
  567. package/lib/components/text/src/text.js +22 -35
  568. package/lib/components/text/src/text.js.map +1 -1
  569. package/lib/components/text/src/text2.js +35 -22
  570. package/lib/components/text/src/text2.js.map +1 -1
  571. package/lib/components/time-picker/src/common/picker.vue.d.ts +34 -34
  572. package/lib/components/time-select/index.d.ts +110 -110
  573. package/lib/components/time-select/index.js +1 -1
  574. package/lib/components/time-select/src/time-select.js +137 -55
  575. package/lib/components/time-select/src/time-select.js.map +1 -1
  576. package/lib/components/time-select/src/time-select.vue.d.ts +55 -55
  577. package/lib/components/time-select/src/time-select2.js +55 -137
  578. package/lib/components/time-select/src/time-select2.js.map +1 -1
  579. package/lib/components/timeline/index.js +2 -2
  580. package/lib/components/timeline/src/timeline-item.js +42 -72
  581. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  582. package/lib/components/timeline/src/timeline-item2.js +72 -42
  583. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  584. package/lib/components/tooltip/index.d.ts +6 -6
  585. package/lib/components/tooltip/src/content.vue.d.ts +6 -6
  586. package/lib/components/tooltip/src/tooltip.vue.d.ts +6 -6
  587. package/lib/components/tooltip-v2/index.d.ts +4 -4
  588. package/lib/components/tooltip-v2/index.js +3 -3
  589. package/lib/components/tooltip-v2/src/arrow.js +23 -37
  590. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  591. package/lib/components/tooltip-v2/src/arrow2.js +37 -23
  592. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  593. package/lib/components/tooltip-v2/src/content.js +114 -50
  594. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  595. package/lib/components/tooltip-v2/src/content2.js +50 -114
  596. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  597. package/lib/components/tooltip-v2/src/tooltip.js +3 -3
  598. package/lib/components/tooltip-v2/src/tooltip.vue.d.ts +4 -4
  599. package/lib/components/tooltip-v2/src/tooltip2.js +6 -6
  600. package/lib/components/tooltip-v2/src/trigger.js +91 -12
  601. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  602. package/lib/components/tooltip-v2/src/trigger2.js +12 -91
  603. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  604. package/lib/components/transfer/index.d.ts +65 -65
  605. package/lib/components/transfer/index.js +2 -2
  606. package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
  607. package/lib/components/transfer/src/transfer-panel.js +1 -1
  608. package/lib/components/transfer/src/transfer-panel.vue.d.ts +12 -12
  609. package/lib/components/transfer/src/transfer.js +73 -162
  610. package/lib/components/transfer/src/transfer.js.map +1 -1
  611. package/lib/components/transfer/src/transfer.vue.d.ts +65 -65
  612. package/lib/components/transfer/src/transfer2.js +162 -73
  613. package/lib/components/transfer/src/transfer2.js.map +1 -1
  614. package/lib/components/tree-v2/index.d.ts +1 -1
  615. package/lib/components/tree-v2/src/tree-node.vue.d.ts +1 -1
  616. package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
  617. package/lib/components/upload/index.d.ts +5 -5
  618. package/lib/components/upload/src/upload-content.vue.d.ts +1 -1
  619. package/lib/components/upload/src/upload.vue.d.ts +5 -5
  620. package/lib/index.js +31 -31
  621. package/package.json +1 -1
  622. package/web-types.json +1 -1
@@ -25603,7 +25603,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
25603
25603
  }
25604
25604
  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$r], ["__file", "sv-panel.vue"]]);
25605
25605
 
25606
- const _hoisted_1$M = ["widget"];
25606
+ const _hoisted_1$M = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown", "widget"];
25607
25607
  const _hoisted_2$w = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown", "widget"];
25608
25608
  const __default__$X = defineComponent({
25609
25609
  name: "ElColorPicker"
@@ -25857,13 +25857,21 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
25857
25857
  ])
25858
25858
  ]),
25859
25859
  default: withCtx(() => [
25860
- _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
25860
+ _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
25861
25861
  key: 0,
25862
+ id: unref(buttonId),
25863
+ class: normalizeClass(unref(btnKls)),
25864
+ "aria-label": unref(buttonAriaLabel),
25865
+ "aria-labelledby": unref(buttonAriaLabelledby),
25866
+ "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
25867
+ tabindex: _ctx.tabindex,
25868
+ onKeydown: withKeys(handleTrigger, ["enter"]),
25862
25869
  onClick: handleTrigger,
25863
- widget: _ctx.widget
25870
+ widget: _ctx.widget,
25871
+ style: { "display": "inline-flex" }
25864
25872
  }, [
25865
25873
  renderSlot(_ctx.$slots, "default")
25866
- ], 8, _hoisted_1$M)) : (openBlock(), createElementBlock("div", {
25874
+ ], 42, _hoisted_1$M)) : (openBlock(), createElementBlock("div", {
25867
25875
  key: 1,
25868
25876
  id: unref(buttonId),
25869
25877
  class: normalizeClass(unref(btnKls)),
@@ -30372,6 +30380,10 @@ const dropdownProps = buildProps({
30372
30380
  type: definePropType(String),
30373
30381
  default: "bottom"
30374
30382
  },
30383
+ fallbackPlacements: {
30384
+ type: Array,
30385
+ default: () => ["bottom", "top", "right", "left"]
30386
+ },
30375
30387
  popperOptions: {
30376
30388
  type: definePropType(Object),
30377
30389
  default: () => ({})
@@ -30633,7 +30645,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
30633
30645
  ref: "popperRef",
30634
30646
  role: _ctx.role,
30635
30647
  effect: _ctx.effect,
30636
- "fallback-placements": ["bottom", "top"],
30648
+ "fallback-placements": _ctx.fallbackPlacements,
30637
30649
  "popper-options": _ctx.popperOptions,
30638
30650
  "gpu-acceleration": false,
30639
30651
  "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
@@ -30706,7 +30718,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
30706
30718
  }, 8, ["id", "tabindex"])
30707
30719
  ])
30708
30720
  } : void 0
30709
- ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
30721
+ ]), 1032, ["role", "effect", "fallback-placements", "popper-options", "hide-after", "placement", "offset", "show-arrow", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
30710
30722
  _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
30711
30723
  default: withCtx(() => [
30712
30724
  createVNode(_component_el_button, mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Affix from './src/affix.mjs';
3
- export { affixEmits, affixProps } from './src/affix2.mjs';
2
+ import Affix from './src/affix2.mjs';
3
+ export { affixEmits, affixProps } from './src/affix.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElAffix = withInstall(Affix);
@@ -1,125 +1,32 @@
1
- import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from 'vue';
2
- import '../../config-provider/index.mjs';
3
- import { useWindowSize, useElementBounding, useEventListener } from '@vueuse/core';
4
1
  import '../../../utils/index.mjs';
5
- import '../../../hooks/index.mjs';
6
- import { affixProps, affixEmits } from './affix2.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
- import { addUnit } from '../../../utils/dom/style.mjs';
10
- import { watch, watchEffect } from '../../config-provider/src/for-editor.mjs';
11
- import { throwError } from '../../../utils/error.mjs';
12
- import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
2
+ import '../../../constants/index.mjs';
3
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
+ import { isNumber, isBoolean } from '../../../utils/types.mjs';
5
+ import { CHANGE_EVENT } from '../../../constants/event.mjs';
13
6
 
14
- const COMPONENT_NAME = "ElAffix";
15
- const __default__ = defineComponent({
16
- name: COMPONENT_NAME
17
- });
18
- const _sfc_main = /* @__PURE__ */ defineComponent({
19
- ...__default__,
20
- props: affixProps,
21
- emits: affixEmits,
22
- setup(__props, { expose, emit }) {
23
- const props = __props;
24
- const ns = useNamespace("affix");
25
- const target = shallowRef();
26
- const root = shallowRef();
27
- const scrollContainer = shallowRef();
28
- const { height: windowHeight } = useWindowSize();
29
- const {
30
- height: rootHeight,
31
- width: rootWidth,
32
- top: rootTop,
33
- bottom: rootBottom,
34
- update: updateRoot
35
- } = useElementBounding(root, { windowScroll: false });
36
- const targetRect = useElementBounding(target);
37
- const fixed = ref(false);
38
- const scrollTop = ref(0);
39
- const transform = ref(0);
40
- const rootStyle = computed(() => {
41
- return {
42
- height: fixed.value ? `${rootHeight.value}px` : "",
43
- width: fixed.value ? `${rootWidth.value}px` : ""
44
- };
45
- });
46
- const affixStyle = computed(() => {
47
- if (!fixed.value)
48
- return {};
49
- const offset = props.offset ? addUnit(props.offset) : 0;
50
- return {
51
- height: `${rootHeight.value}px`,
52
- width: `${rootWidth.value}px`,
53
- top: props.position === "top" ? offset : "",
54
- bottom: props.position === "bottom" ? offset : "",
55
- transform: transform.value ? `translateY(${transform.value}px)` : "",
56
- zIndex: props.zIndex
57
- };
58
- });
59
- const update = () => {
60
- if (!scrollContainer.value)
61
- return;
62
- scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
63
- if (props.position === "top") {
64
- if (props.target) {
65
- const difference = targetRect.bottom.value - props.offset - rootHeight.value;
66
- fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
67
- transform.value = difference < 0 ? difference : 0;
68
- } else {
69
- fixed.value = props.offset > rootTop.value;
70
- }
71
- } else if (props.target) {
72
- const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
73
- fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
74
- transform.value = difference < 0 ? -difference : 0;
75
- } else {
76
- fixed.value = windowHeight.value - props.offset < rootBottom.value;
77
- }
78
- };
79
- const handleScroll = () => {
80
- updateRoot();
81
- emit("scroll", {
82
- scrollTop: scrollTop.value,
83
- fixed: fixed.value
84
- });
85
- };
86
- watch(fixed, (val) => emit("change", val));
87
- onMounted(() => {
88
- var _a;
89
- if (props.target) {
90
- target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
91
- if (!target.value)
92
- throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
93
- } else {
94
- target.value = document.documentElement;
95
- }
96
- scrollContainer.value = getScrollContainer(root.value, true);
97
- updateRoot();
98
- });
99
- useEventListener(scrollContainer, "scroll", handleScroll);
100
- watchEffect(update);
101
- expose({
102
- update,
103
- updateRoot
104
- });
105
- return (_ctx, _cache) => {
106
- return openBlock(), createElementBlock("div", {
107
- ref_key: "root",
108
- ref: root,
109
- class: normalizeClass(unref(ns).b()),
110
- style: normalizeStyle(unref(rootStyle))
111
- }, [
112
- createElementVNode("div", {
113
- class: normalizeClass({ [unref(ns).m("fixed")]: fixed.value }),
114
- style: normalizeStyle(unref(affixStyle))
115
- }, [
116
- renderSlot(_ctx.$slots, "default")
117
- ], 6)
118
- ], 6);
119
- };
7
+ const affixProps = buildProps({
8
+ zIndex: {
9
+ type: definePropType([Number, String]),
10
+ default: 100
11
+ },
12
+ target: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ offset: {
17
+ type: Number,
18
+ default: 0
19
+ },
20
+ position: {
21
+ type: String,
22
+ values: ["top", "bottom"],
23
+ default: "top"
120
24
  }
121
25
  });
122
- var Affix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\affix\\src\\affix.vue"]]);
26
+ const affixEmits = {
27
+ scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
28
+ [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
29
+ };
123
30
 
124
- export { Affix as default };
31
+ export { affixEmits, affixProps };
125
32
  //# sourceMappingURL=affix.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport { watch, watchEffect } from '../../config-provider'\nimport {\n useElementBounding,\n useEventListener,\n useWindowSize,\n} from '@vueuse/core'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n height: rootHeight,\n width: rootWidth,\n top: rootTop,\n bottom: rootBottom,\n update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n return {\n height: fixed.value ? `${rootHeight.value}px` : '',\n width: fixed.value ? `${rootWidth.value}px` : '',\n }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n if (!fixed.value) return {}\n\n const offset = props.offset ? addUnit(props.offset) : 0\n return {\n height: `${rootHeight.value}px`,\n width: `${rootWidth.value}px`,\n top: props.position === 'top' ? offset : '',\n bottom: props.position === 'bottom' ? offset : '',\n transform: transform.value ? `translateY(${transform.value}px)` : '',\n zIndex: props.zIndex,\n }\n})\n\nconst update = () => {\n if (!scrollContainer.value) return\n\n scrollTop.value =\n scrollContainer.value instanceof Window\n ? document.documentElement.scrollTop\n : scrollContainer.value.scrollTop || 0\n\n if (props.position === 'top') {\n if (props.target) {\n const difference =\n targetRect.bottom.value - props.offset - rootHeight.value\n fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0\n transform.value = difference < 0 ? difference : 0\n } else {\n fixed.value = props.offset > rootTop.value\n }\n } else if (props.target) {\n const difference =\n windowHeight.value -\n targetRect.top.value -\n props.offset -\n rootHeight.value\n fixed.value =\n windowHeight.value - props.offset < rootBottom.value &&\n windowHeight.value > targetRect.top.value\n transform.value = difference < 0 ? -difference : 0\n } else {\n fixed.value = windowHeight.value - props.offset < rootBottom.value\n }\n}\n\nconst handleScroll = () => {\n updateRoot()\n emit('scroll', {\n scrollTop: scrollTop.value,\n fixed: fixed.value,\n })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n if (props.target) {\n target.value =\n document.querySelector<HTMLElement>(props.target) ?? undefined\n if (!target.value)\n throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`)\n } else {\n target.value = document.documentElement\n }\n scrollContainer.value = getScrollContainer(root.value!, true)\n updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n /** @description update affix status */\n update,\n /** @description update rootRect info */\n updateRoot,\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n /**\n * @description affix element zIndex value\n * */\n zIndex: {\n type: definePropType<ZIndexProperty>([Number, String]),\n default: 100,\n },\n /**\n * @description target container. (CSS selector)\n */\n target: {\n type: String,\n default: '',\n },\n /**\n * @description offset distance\n * */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description position of affix\n * */\n position: {\n type: String,\n values: ['top', 'bottom'],\n default: 'top',\n },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n isNumber(scrollTop) && isBoolean(fixed),\n [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":[],"mappings":";;;;;;AAOY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AAC7C;;;;"}
@@ -1,32 +1,125 @@
1
+ import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from 'vue';
2
+ import '../../config-provider/index.mjs';
3
+ import { useWindowSize, useElementBounding, useEventListener } from '@vueuse/core';
1
4
  import '../../../utils/index.mjs';
2
- import '../../../constants/index.mjs';
3
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
4
- import { isNumber, isBoolean } from '../../../utils/types.mjs';
5
- import { CHANGE_EVENT } from '../../../constants/event.mjs';
5
+ import '../../../hooks/index.mjs';
6
+ import { affixProps, affixEmits } from './affix.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
+ import { addUnit } from '../../../utils/dom/style.mjs';
10
+ import { watch, watchEffect } from '../../config-provider/src/for-editor.mjs';
11
+ import { throwError } from '../../../utils/error.mjs';
12
+ import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
6
13
 
7
- const affixProps = buildProps({
8
- zIndex: {
9
- type: definePropType([Number, String]),
10
- default: 100
11
- },
12
- target: {
13
- type: String,
14
- default: ""
15
- },
16
- offset: {
17
- type: Number,
18
- default: 0
19
- },
20
- position: {
21
- type: String,
22
- values: ["top", "bottom"],
23
- default: "top"
14
+ const COMPONENT_NAME = "ElAffix";
15
+ const __default__ = defineComponent({
16
+ name: COMPONENT_NAME
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ defineComponent({
19
+ ...__default__,
20
+ props: affixProps,
21
+ emits: affixEmits,
22
+ setup(__props, { expose, emit }) {
23
+ const props = __props;
24
+ const ns = useNamespace("affix");
25
+ const target = shallowRef();
26
+ const root = shallowRef();
27
+ const scrollContainer = shallowRef();
28
+ const { height: windowHeight } = useWindowSize();
29
+ const {
30
+ height: rootHeight,
31
+ width: rootWidth,
32
+ top: rootTop,
33
+ bottom: rootBottom,
34
+ update: updateRoot
35
+ } = useElementBounding(root, { windowScroll: false });
36
+ const targetRect = useElementBounding(target);
37
+ const fixed = ref(false);
38
+ const scrollTop = ref(0);
39
+ const transform = ref(0);
40
+ const rootStyle = computed(() => {
41
+ return {
42
+ height: fixed.value ? `${rootHeight.value}px` : "",
43
+ width: fixed.value ? `${rootWidth.value}px` : ""
44
+ };
45
+ });
46
+ const affixStyle = computed(() => {
47
+ if (!fixed.value)
48
+ return {};
49
+ const offset = props.offset ? addUnit(props.offset) : 0;
50
+ return {
51
+ height: `${rootHeight.value}px`,
52
+ width: `${rootWidth.value}px`,
53
+ top: props.position === "top" ? offset : "",
54
+ bottom: props.position === "bottom" ? offset : "",
55
+ transform: transform.value ? `translateY(${transform.value}px)` : "",
56
+ zIndex: props.zIndex
57
+ };
58
+ });
59
+ const update = () => {
60
+ if (!scrollContainer.value)
61
+ return;
62
+ scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
63
+ if (props.position === "top") {
64
+ if (props.target) {
65
+ const difference = targetRect.bottom.value - props.offset - rootHeight.value;
66
+ fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
67
+ transform.value = difference < 0 ? difference : 0;
68
+ } else {
69
+ fixed.value = props.offset > rootTop.value;
70
+ }
71
+ } else if (props.target) {
72
+ const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
73
+ fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
74
+ transform.value = difference < 0 ? -difference : 0;
75
+ } else {
76
+ fixed.value = windowHeight.value - props.offset < rootBottom.value;
77
+ }
78
+ };
79
+ const handleScroll = () => {
80
+ updateRoot();
81
+ emit("scroll", {
82
+ scrollTop: scrollTop.value,
83
+ fixed: fixed.value
84
+ });
85
+ };
86
+ watch(fixed, (val) => emit("change", val));
87
+ onMounted(() => {
88
+ var _a;
89
+ if (props.target) {
90
+ target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
91
+ if (!target.value)
92
+ throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
93
+ } else {
94
+ target.value = document.documentElement;
95
+ }
96
+ scrollContainer.value = getScrollContainer(root.value, true);
97
+ updateRoot();
98
+ });
99
+ useEventListener(scrollContainer, "scroll", handleScroll);
100
+ watchEffect(update);
101
+ expose({
102
+ update,
103
+ updateRoot
104
+ });
105
+ return (_ctx, _cache) => {
106
+ return openBlock(), createElementBlock("div", {
107
+ ref_key: "root",
108
+ ref: root,
109
+ class: normalizeClass(unref(ns).b()),
110
+ style: normalizeStyle(unref(rootStyle))
111
+ }, [
112
+ createElementVNode("div", {
113
+ class: normalizeClass({ [unref(ns).m("fixed")]: fixed.value }),
114
+ style: normalizeStyle(unref(affixStyle))
115
+ }, [
116
+ renderSlot(_ctx.$slots, "default")
117
+ ], 6)
118
+ ], 6);
119
+ };
24
120
  }
25
121
  });
26
- const affixEmits = {
27
- scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
28
- [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
29
- };
122
+ var Affix = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\affix\\src\\affix.vue"]]);
30
123
 
31
- export { affixEmits, affixProps };
124
+ export { Affix as default };
32
125
  //# sourceMappingURL=affix2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isBoolean,\n isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n /**\n * @description affix element zIndex value\n * */\n zIndex: {\n type: definePropType<ZIndexProperty>([Number, String]),\n default: 100,\n },\n /**\n * @description target container. (CSS selector)\n */\n target: {\n type: String,\n default: '',\n },\n /**\n * @description offset distance\n * */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description position of affix\n * */\n position: {\n type: String,\n values: ['top', 'bottom'],\n default: 'top',\n },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n isNumber(scrollTop) && isBoolean(fixed),\n [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":[],"mappings":";;;;;;AAOY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AAC7C;;;;"}
1
+ {"version":3,"file":"affix2.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport { watch, watchEffect } from '../../config-provider'\nimport {\n useElementBounding,\n useEventListener,\n useWindowSize,\n} from '@vueuse/core'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n height: rootHeight,\n width: rootWidth,\n top: rootTop,\n bottom: rootBottom,\n update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n return {\n height: fixed.value ? `${rootHeight.value}px` : '',\n width: fixed.value ? `${rootWidth.value}px` : '',\n }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n if (!fixed.value) return {}\n\n const offset = props.offset ? addUnit(props.offset) : 0\n return {\n height: `${rootHeight.value}px`,\n width: `${rootWidth.value}px`,\n top: props.position === 'top' ? offset : '',\n bottom: props.position === 'bottom' ? offset : '',\n transform: transform.value ? `translateY(${transform.value}px)` : '',\n zIndex: props.zIndex,\n }\n})\n\nconst update = () => {\n if (!scrollContainer.value) return\n\n scrollTop.value =\n scrollContainer.value instanceof Window\n ? document.documentElement.scrollTop\n : scrollContainer.value.scrollTop || 0\n\n if (props.position === 'top') {\n if (props.target) {\n const difference =\n targetRect.bottom.value - props.offset - rootHeight.value\n fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0\n transform.value = difference < 0 ? difference : 0\n } else {\n fixed.value = props.offset > rootTop.value\n }\n } else if (props.target) {\n const difference =\n windowHeight.value -\n targetRect.top.value -\n props.offset -\n rootHeight.value\n fixed.value =\n windowHeight.value - props.offset < rootBottom.value &&\n windowHeight.value > targetRect.top.value\n transform.value = difference < 0 ? -difference : 0\n } else {\n fixed.value = windowHeight.value - props.offset < rootBottom.value\n }\n}\n\nconst handleScroll = () => {\n updateRoot()\n emit('scroll', {\n scrollTop: scrollTop.value,\n fixed: fixed.value,\n })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n if (props.target) {\n target.value =\n document.querySelector<HTMLElement>(props.target) ?? undefined\n if (!target.value)\n throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`)\n } else {\n target.value = document.documentElement\n }\n scrollContainer.value = getScrollContainer(root.value!, true)\n updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n /** @description update affix status */\n update,\n /** @description update rootRect info */\n updateRoot,\n})\n</script>\n"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  export declare const ElAlert: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
2
2
  readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
3
3
  readonly description: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
4
- readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
4
+ readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
5
5
  readonly closable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
6
6
  readonly closeText: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
7
7
  readonly showIcon: BooleanConstructor;
@@ -14,7 +14,7 @@ export declare const ElAlert: import("element-pe/es/utils").SFCWithInstall<impor
14
14
  props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
15
15
  readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
16
16
  readonly description: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
17
- readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
17
+ readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
18
18
  readonly closable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
19
19
  readonly closeText: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
20
20
  readonly showIcon: BooleanConstructor;
@@ -123,7 +123,7 @@ export declare const ElAlert: import("element-pe/es/utils").SFCWithInstall<impor
123
123
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
124
124
  readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
125
125
  readonly description: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
126
- readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
126
+ readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
127
127
  readonly closable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
128
128
  readonly closeText: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
129
129
  readonly showIcon: BooleanConstructor;
@@ -133,7 +133,7 @@ export declare const ElAlert: import("element-pe/es/utils").SFCWithInstall<impor
133
133
  }>> & {
134
134
  onClose?: ((evt: MouseEvent) => any) | undefined;
135
135
  }, {
136
- readonly type: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
136
+ readonly type: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
137
137
  readonly title: string;
138
138
  readonly description: string;
139
139
  readonly closable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Alert from './src/alert2.mjs';
3
- export { alertEffects, alertEmits, alertProps } from './src/alert.mjs';
2
+ import Alert from './src/alert.mjs';
3
+ export { alertEffects, alertEmits, alertProps } from './src/alert2.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElAlert = withInstall(Alert);
@@ -3,7 +3,7 @@ export declare const alertEffects: readonly ["light", "dark"];
3
3
  export declare const alertProps: {
4
4
  readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
5
5
  readonly description: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
6
- readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
6
+ readonly type: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
7
7
  readonly closable: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
8
8
  readonly closeText: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
9
9
  readonly showIcon: BooleanConstructor;