element-ps 2.0.36 → 2.0.37

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 (326) hide show
  1. package/dist/index.full.js +3 -1
  2. package/dist/index.full.min.js +1 -1
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +1 -1
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +3 -1
  7. package/es/components/alert/index.mjs +2 -2
  8. package/es/components/alert/src/alert.mjs +83 -33
  9. package/es/components/alert/src/alert.mjs.map +1 -1
  10. package/es/components/alert/src/alert2.mjs +33 -83
  11. package/es/components/alert/src/alert2.mjs.map +1 -1
  12. package/es/components/autocomplete/index.mjs +2 -2
  13. package/es/components/autocomplete/src/autocomplete.mjs +58 -94
  14. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  15. package/es/components/autocomplete/src/autocomplete2.mjs +94 -58
  16. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  17. package/es/components/avatar/index.mjs +2 -2
  18. package/es/components/avatar/src/avatar.mjs +29 -61
  19. package/es/components/avatar/src/avatar.mjs.map +1 -1
  20. package/es/components/avatar/src/avatar2.mjs +61 -29
  21. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  22. package/es/components/badge/index.mjs +2 -2
  23. package/es/components/badge/src/badge.mjs +17 -54
  24. package/es/components/badge/src/badge.mjs.map +1 -1
  25. package/es/components/badge/src/badge2.mjs +54 -17
  26. package/es/components/badge/src/badge2.mjs.map +1 -1
  27. package/es/components/button/index.mjs +2 -2
  28. package/es/components/button/src/button-group.mjs +1 -1
  29. package/es/components/button/src/button.mjs +96 -48
  30. package/es/components/button/src/button.mjs.map +1 -1
  31. package/es/components/button/src/button2.mjs +48 -96
  32. package/es/components/button/src/button2.mjs.map +1 -1
  33. package/es/components/calendar/index.mjs +2 -2
  34. package/es/components/calendar/src/calendar.mjs +188 -9
  35. package/es/components/calendar/src/calendar.mjs.map +1 -1
  36. package/es/components/calendar/src/calendar2.mjs +9 -188
  37. package/es/components/calendar/src/calendar2.mjs.map +1 -1
  38. package/es/components/card/index.mjs +2 -2
  39. package/es/components/card/src/card.mjs +35 -15
  40. package/es/components/card/src/card.mjs.map +1 -1
  41. package/es/components/card/src/card2.mjs +15 -35
  42. package/es/components/card/src/card2.mjs.map +1 -1
  43. package/es/components/carousel/index.mjs +2 -2
  44. package/es/components/carousel/src/carousel.mjs +43 -201
  45. package/es/components/carousel/src/carousel.mjs.map +1 -1
  46. package/es/components/carousel/src/carousel2.mjs +201 -43
  47. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  48. package/es/components/collection/index.mjs +1 -1
  49. package/es/components/collection/src/collection.mjs +30 -10
  50. package/es/components/collection/src/collection.mjs.map +1 -1
  51. package/es/components/collection/src/collection2.mjs +10 -30
  52. package/es/components/collection/src/collection2.mjs.map +1 -1
  53. package/es/components/dialog/src/dialog-content.mjs +34 -79
  54. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  55. package/es/components/dialog/src/dialog-content2.mjs +79 -34
  56. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  57. package/es/components/dialog/src/dialog.mjs +1 -1
  58. package/es/components/dialog/src/dialog2.mjs +1 -1
  59. package/es/components/divider/index.mjs +2 -2
  60. package/es/components/divider/src/divider.mjs +34 -17
  61. package/es/components/divider/src/divider.mjs.map +1 -1
  62. package/es/components/divider/src/divider2.mjs +17 -34
  63. package/es/components/divider/src/divider2.mjs.map +1 -1
  64. package/es/components/drawer/index.mjs +2 -2
  65. package/es/components/drawer/src/drawer.mjs +117 -23
  66. package/es/components/drawer/src/drawer.mjs.map +1 -1
  67. package/es/components/drawer/src/drawer2.mjs +23 -117
  68. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  69. package/es/components/dropdown/index.mjs +2 -2
  70. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  71. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  72. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  73. package/es/components/dropdown/src/dropdown.mjs +100 -109
  74. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  75. package/es/components/dropdown/src/dropdown2.mjs +109 -100
  76. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  77. package/es/components/empty/index.mjs +2 -2
  78. package/es/components/empty/src/empty.mjs +11 -56
  79. package/es/components/empty/src/empty.mjs.map +1 -1
  80. package/es/components/empty/src/empty2.mjs +56 -11
  81. package/es/components/empty/src/empty2.mjs.map +1 -1
  82. package/es/components/form/index.mjs +4 -4
  83. package/es/components/form/src/form-item.mjs +171 -46
  84. package/es/components/form/src/form-item.mjs.map +1 -1
  85. package/es/components/form/src/form-item2.mjs +46 -171
  86. package/es/components/form/src/form-item2.mjs.map +1 -1
  87. package/es/components/form/src/form.mjs +45 -40
  88. package/es/components/form/src/form.mjs.map +1 -1
  89. package/es/components/form/src/form2.mjs +40 -45
  90. package/es/components/form/src/form2.mjs.map +1 -1
  91. package/es/components/icon/index.mjs +2 -2
  92. package/es/components/icon/src/icon.mjs +35 -8
  93. package/es/components/icon/src/icon.mjs.map +1 -1
  94. package/es/components/icon/src/icon2.mjs +8 -35
  95. package/es/components/icon/src/icon2.mjs.map +1 -1
  96. package/es/components/image/index.mjs +2 -2
  97. package/es/components/image/src/image.mjs +50 -127
  98. package/es/components/image/src/image.mjs.map +1 -1
  99. package/es/components/image/src/image2.mjs +127 -50
  100. package/es/components/image/src/image2.mjs.map +1 -1
  101. package/es/components/image-viewer/index.mjs +2 -2
  102. package/es/components/image-viewer/src/image-viewer.mjs +31 -210
  103. package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
  104. package/es/components/image-viewer/src/image-viewer2.mjs +210 -31
  105. package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
  106. package/es/components/index.mjs +27 -27
  107. package/es/components/menu/index.mjs +2 -2
  108. package/es/components/menu/src/menu-item-group.mjs +35 -4
  109. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  110. package/es/components/menu/src/menu-item-group2.mjs +4 -35
  111. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  112. package/es/components/page-header/index.mjs +2 -2
  113. package/es/components/page-header/src/page-header.mjs +14 -55
  114. package/es/components/page-header/src/page-header.mjs.map +1 -1
  115. package/es/components/page-header/src/page-header2.mjs +55 -14
  116. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  117. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  118. package/es/components/popconfirm/src/popconfirm2.mjs +4 -2
  119. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  120. package/es/components/popover/src/popover.mjs +1 -1
  121. package/es/components/popper/index.mjs +4 -4
  122. package/es/components/popper/src/arrow.mjs +31 -7
  123. package/es/components/popper/src/arrow.mjs.map +1 -1
  124. package/es/components/popper/src/arrow2.mjs +7 -31
  125. package/es/components/popper/src/arrow2.mjs.map +1 -1
  126. package/es/components/popper/src/content.mjs +64 -52
  127. package/es/components/popper/src/content.mjs.map +1 -1
  128. package/es/components/popper/src/content2.mjs +52 -64
  129. package/es/components/popper/src/content2.mjs.map +1 -1
  130. package/es/components/rate/index.mjs +2 -2
  131. package/es/components/rate/src/rate.mjs +84 -169
  132. package/es/components/rate/src/rate.mjs.map +1 -1
  133. package/es/components/rate/src/rate2.mjs +169 -84
  134. package/es/components/rate/src/rate2.mjs.map +1 -1
  135. package/es/components/roving-focus-group/src/roving-focus-group.mjs +1 -1
  136. package/es/components/tabs/index.mjs +1 -1
  137. package/es/components/tabs/src/tab-bar.mjs +76 -7
  138. package/es/components/tabs/src/tab-bar.mjs.map +1 -1
  139. package/es/components/tabs/src/tab-bar2.mjs +7 -76
  140. package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
  141. package/es/components/tabs/src/tab-nav.mjs +1 -1
  142. package/es/components/tooltip/src/tooltip.mjs +1 -1
  143. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  144. package/es/components/tooltip-v2/index.mjs +2 -2
  145. package/es/components/tooltip-v2/src/arrow.mjs +22 -38
  146. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  147. package/es/components/tooltip-v2/src/arrow2.mjs +38 -22
  148. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  149. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  150. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  151. package/es/components/tooltip-v2/src/trigger.mjs +11 -89
  152. package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
  153. package/es/components/tooltip-v2/src/trigger2.mjs +89 -11
  154. package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
  155. package/es/components/upload/index.mjs +2 -2
  156. package/es/components/upload/src/upload-content.mjs +46 -15
  157. package/es/components/upload/src/upload-content.mjs.map +1 -1
  158. package/es/components/upload/src/upload-content2.mjs +15 -46
  159. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  160. package/es/components/upload/src/upload-dragger.mjs +32 -11
  161. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  162. package/es/components/upload/src/upload-dragger2.mjs +11 -32
  163. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  164. package/es/components/upload/src/upload2.mjs +1 -1
  165. package/es/index.mjs +27 -27
  166. package/lib/components/alert/index.js +2 -2
  167. package/lib/components/alert/src/alert.js +82 -33
  168. package/lib/components/alert/src/alert.js.map +1 -1
  169. package/lib/components/alert/src/alert2.js +33 -82
  170. package/lib/components/alert/src/alert2.js.map +1 -1
  171. package/lib/components/autocomplete/index.js +2 -2
  172. package/lib/components/autocomplete/src/autocomplete.js +58 -94
  173. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  174. package/lib/components/autocomplete/src/autocomplete2.js +94 -58
  175. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  176. package/lib/components/avatar/index.js +2 -2
  177. package/lib/components/avatar/src/avatar.js +29 -61
  178. package/lib/components/avatar/src/avatar.js.map +1 -1
  179. package/lib/components/avatar/src/avatar2.js +61 -29
  180. package/lib/components/avatar/src/avatar2.js.map +1 -1
  181. package/lib/components/badge/index.js +2 -2
  182. package/lib/components/badge/src/badge.js +17 -54
  183. package/lib/components/badge/src/badge.js.map +1 -1
  184. package/lib/components/badge/src/badge2.js +54 -17
  185. package/lib/components/badge/src/badge2.js.map +1 -1
  186. package/lib/components/button/index.js +2 -2
  187. package/lib/components/button/src/button-group.js +1 -1
  188. package/lib/components/button/src/button.js +96 -50
  189. package/lib/components/button/src/button.js.map +1 -1
  190. package/lib/components/button/src/button2.js +50 -96
  191. package/lib/components/button/src/button2.js.map +1 -1
  192. package/lib/components/calendar/index.js +2 -2
  193. package/lib/components/calendar/src/calendar.js +192 -9
  194. package/lib/components/calendar/src/calendar.js.map +1 -1
  195. package/lib/components/calendar/src/calendar2.js +9 -192
  196. package/lib/components/calendar/src/calendar2.js.map +1 -1
  197. package/lib/components/card/index.js +2 -2
  198. package/lib/components/card/src/card.js +35 -15
  199. package/lib/components/card/src/card.js.map +1 -1
  200. package/lib/components/card/src/card2.js +15 -35
  201. package/lib/components/card/src/card2.js.map +1 -1
  202. package/lib/components/carousel/index.js +2 -2
  203. package/lib/components/carousel/src/carousel.js +43 -201
  204. package/lib/components/carousel/src/carousel.js.map +1 -1
  205. package/lib/components/carousel/src/carousel2.js +201 -43
  206. package/lib/components/carousel/src/carousel2.js.map +1 -1
  207. package/lib/components/collection/index.js +1 -1
  208. package/lib/components/collection/src/collection.js +30 -9
  209. package/lib/components/collection/src/collection.js.map +1 -1
  210. package/lib/components/collection/src/collection2.js +9 -30
  211. package/lib/components/collection/src/collection2.js.map +1 -1
  212. package/lib/components/dialog/src/dialog-content.js +33 -78
  213. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  214. package/lib/components/dialog/src/dialog-content2.js +78 -33
  215. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  216. package/lib/components/dialog/src/dialog.js +1 -1
  217. package/lib/components/dialog/src/dialog2.js +1 -1
  218. package/lib/components/divider/index.js +2 -2
  219. package/lib/components/divider/src/divider.js +34 -17
  220. package/lib/components/divider/src/divider.js.map +1 -1
  221. package/lib/components/divider/src/divider2.js +17 -34
  222. package/lib/components/divider/src/divider2.js.map +1 -1
  223. package/lib/components/drawer/index.js +2 -2
  224. package/lib/components/drawer/src/drawer.js +117 -23
  225. package/lib/components/drawer/src/drawer.js.map +1 -1
  226. package/lib/components/drawer/src/drawer2.js +23 -117
  227. package/lib/components/drawer/src/drawer2.js.map +1 -1
  228. package/lib/components/dropdown/index.js +2 -2
  229. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  230. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  231. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  232. package/lib/components/dropdown/src/dropdown.js +109 -109
  233. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  234. package/lib/components/dropdown/src/dropdown2.js +109 -109
  235. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  236. package/lib/components/empty/index.js +2 -2
  237. package/lib/components/empty/src/empty.js +11 -56
  238. package/lib/components/empty/src/empty.js.map +1 -1
  239. package/lib/components/empty/src/empty2.js +56 -11
  240. package/lib/components/empty/src/empty2.js.map +1 -1
  241. package/lib/components/form/index.js +4 -4
  242. package/lib/components/form/src/form-item.js +171 -47
  243. package/lib/components/form/src/form-item.js.map +1 -1
  244. package/lib/components/form/src/form-item2.js +47 -171
  245. package/lib/components/form/src/form-item2.js.map +1 -1
  246. package/lib/components/form/src/form.js +45 -40
  247. package/lib/components/form/src/form.js.map +1 -1
  248. package/lib/components/form/src/form2.js +40 -45
  249. package/lib/components/form/src/form2.js.map +1 -1
  250. package/lib/components/icon/index.js +2 -2
  251. package/lib/components/icon/src/icon.js +35 -8
  252. package/lib/components/icon/src/icon.js.map +1 -1
  253. package/lib/components/icon/src/icon2.js +8 -35
  254. package/lib/components/icon/src/icon2.js.map +1 -1
  255. package/lib/components/image/index.js +2 -2
  256. package/lib/components/image/src/image.js +50 -127
  257. package/lib/components/image/src/image.js.map +1 -1
  258. package/lib/components/image/src/image2.js +127 -50
  259. package/lib/components/image/src/image2.js.map +1 -1
  260. package/lib/components/image-viewer/index.js +2 -2
  261. package/lib/components/image-viewer/src/image-viewer.js +31 -210
  262. package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
  263. package/lib/components/image-viewer/src/image-viewer2.js +210 -31
  264. package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
  265. package/lib/components/index.js +27 -27
  266. package/lib/components/menu/index.js +2 -2
  267. package/lib/components/menu/src/menu-item-group.js +35 -4
  268. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  269. package/lib/components/menu/src/menu-item-group2.js +4 -35
  270. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  271. package/lib/components/page-header/index.js +2 -2
  272. package/lib/components/page-header/src/page-header.js +14 -55
  273. package/lib/components/page-header/src/page-header.js.map +1 -1
  274. package/lib/components/page-header/src/page-header2.js +55 -14
  275. package/lib/components/page-header/src/page-header2.js.map +1 -1
  276. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  277. package/lib/components/popconfirm/src/popconfirm2.js +3 -1
  278. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  279. package/lib/components/popover/src/popover.js +1 -1
  280. package/lib/components/popper/index.js +4 -4
  281. package/lib/components/popper/src/arrow.js +31 -7
  282. package/lib/components/popper/src/arrow.js.map +1 -1
  283. package/lib/components/popper/src/arrow2.js +7 -31
  284. package/lib/components/popper/src/arrow2.js.map +1 -1
  285. package/lib/components/popper/src/content.js +65 -52
  286. package/lib/components/popper/src/content.js.map +1 -1
  287. package/lib/components/popper/src/content2.js +52 -65
  288. package/lib/components/popper/src/content2.js.map +1 -1
  289. package/lib/components/rate/index.js +2 -2
  290. package/lib/components/rate/src/rate.js +84 -169
  291. package/lib/components/rate/src/rate.js.map +1 -1
  292. package/lib/components/rate/src/rate2.js +169 -84
  293. package/lib/components/rate/src/rate2.js.map +1 -1
  294. package/lib/components/roving-focus-group/src/roving-focus-group.js +1 -1
  295. package/lib/components/tabs/index.js +1 -1
  296. package/lib/components/tabs/src/tab-bar.js +76 -7
  297. package/lib/components/tabs/src/tab-bar.js.map +1 -1
  298. package/lib/components/tabs/src/tab-bar2.js +7 -76
  299. package/lib/components/tabs/src/tab-bar2.js.map +1 -1
  300. package/lib/components/tabs/src/tab-nav.js +1 -1
  301. package/lib/components/tooltip/src/tooltip.js +1 -1
  302. package/lib/components/tooltip/src/tooltip2.js +1 -1
  303. package/lib/components/tooltip-v2/index.js +2 -2
  304. package/lib/components/tooltip-v2/src/arrow.js +23 -38
  305. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  306. package/lib/components/tooltip-v2/src/arrow2.js +38 -23
  307. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  308. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  309. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  310. package/lib/components/tooltip-v2/src/trigger.js +11 -89
  311. package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
  312. package/lib/components/tooltip-v2/src/trigger2.js +89 -11
  313. package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
  314. package/lib/components/upload/index.js +2 -2
  315. package/lib/components/upload/src/upload-content.js +46 -15
  316. package/lib/components/upload/src/upload-content.js.map +1 -1
  317. package/lib/components/upload/src/upload-content2.js +15 -46
  318. package/lib/components/upload/src/upload-content2.js.map +1 -1
  319. package/lib/components/upload/src/upload-dragger.js +32 -12
  320. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  321. package/lib/components/upload/src/upload-dragger2.js +12 -32
  322. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  323. package/lib/components/upload/src/upload2.js +1 -1
  324. package/lib/index.js +27 -27
  325. package/package.json +1 -1
  326. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n <template v-if=\"!splitButton\">\n <div :class=\"dropdownTriggerKls\">\n <slot name=\"default\" />\n </div>\n </template>\n <template v-if=\"splitButton\">\n <ps-button-group>\n <ps-button\n ref=\"referenceElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :disabled=\"disabled\"\n >\n <slot name=\"default\" />\n </ps-button>\n <ps-button\n ref=\"triggeringElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :class=\"ns.e('caret-button')\"\n :disabled=\"disabled\"\n >\n <ps-icon :class=\"ns.e('icon')\"><arrow-down /></ps-icon>\n </ps-button>\n </ps-button-group>\n </template>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n provide,\n ref,\n toRef,\n unref,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { addUnit } from '@element-ps/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n name: 'PsDropdown',\n components: {\n PsButton,\n PsButtonGroup,\n PsIcon,\n ArrowDown,\n },\n props: dropdownProps,\n emits: ['visible-change', 'click', 'command'],\n setup(props) {\n const _instance = getCurrentInstance()\n const ns = useNamespace('dropdown')\n\n const triggeringElementRef = ref()\n const referenceElementRef = ref()\n const popperRef = ref<InstanceType<typeof PsTooltip> | null>(null)\n const contentRef = ref<HTMLElement | null>(null)\n const scrollbar = ref(null)\n const currentTabId = ref<string | null>(null)\n const isUsingKeyboard = ref(false)\n\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n const dropdownSize = useSize()\n\n provide(DROPDOWN_INJECTION_KEY, {\n contentRef,\n isUsingKeyboard,\n })\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n trigger: toRef(props, 'trigger'),\n hideOnClick: toRef(props, 'hideOnClick'),\n })\n\n return {\n ns,\n scrollbar,\n wrapStyle,\n dropdownTriggerKls,\n dropdownSize,\n currentTabId,\n popperRef,\n triggeringElementRef,\n referenceElementRef,\n }\n },\n})\n</script>\n"],"names":["PsButton","defineComponent","PsIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","ref","computed","addUnit","useSize","provide","DROPDOWN_INJECTION_KEY","toRef","_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createCommentVNode","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}
1
+ {"version":3,"file":"dropdown.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport { createCollectionWithScope } from '@element-ps/components/collection'\nimport {\n useTooltipContentProps,\n useTooltipTriggerProps,\n} from '@element-ps/components/tooltip'\n\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-ps/components/button'\nimport type { Placement } from '@element-ps/components/popper'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\n\nexport interface IPsDropdownInstance {\n instance?: ComponentInternalInstance\n dropdownSize?: ComputedRef<string>\n handleClick?: () => void\n commandHandler?: (...arg) => void\n show?: () => void\n hide?: () => void\n trigger?: ComputedRef<string>\n hideOnClick?: ComputedRef<boolean>\n triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n trigger: useTooltipTriggerProps.trigger,\n effect: {\n ...useTooltipContentProps.effect,\n default: 'light',\n },\n type: {\n type: definePropType<ButtonType>(String),\n },\n placement: {\n type: definePropType<Placement>(String),\n default: 'bottom',\n },\n popperOptions: {\n type: definePropType<Partial<Options>>(Object),\n default: () => ({}),\n },\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n loop: {\n type: Boolean,\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: definePropType<number | string>([Number, String]),\n default: 0,\n },\n maxHeight: {\n type: definePropType<number | string>([Number, String]),\n default: '',\n },\n popperClass: {\n type: String,\n default: '',\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n buttonProps: {\n type: definePropType<ButtonProps>(Object),\n },\n offset: {\n type: Number,\n default: 0,\n },\n showArrow: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n textValue: String,\n icon: {\n type: iconPropType,\n },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n EVENT_CODE.down,\n EVENT_CODE.pageDown,\n EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n PsCollection,\n PsCollectionItem,\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n PsCollection,\n PsCollectionItem,\n COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":["buildProps","useTooltipTriggerProps","useTooltipContentProps","definePropType","iconPropType","EVENT_CODE","createCollectionWithScope"],"mappings":"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"}
@@ -2,118 +2,118 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ var index = require('../../button/index.js');
7
+ var index$1 = require('../../icon/index.js');
5
8
  require('../../../utils/index.js');
6
- require('../../../constants/index.js');
7
- require('../../collection/index.js');
8
- require('../../tooltip/index.js');
9
- var props = require('../../../utils/vue/props.js');
10
- var tooltip = require('../../tooltip/src/tooltip.js');
11
- var icon = require('../../../utils/vue/icon.js');
12
- var aria = require('../../../constants/aria.js');
13
- var collection = require('../../collection/src/collection2.js');
9
+ var iconsVue = require('@element-plus/icons-vue');
10
+ require('../../../hooks/index.js');
11
+ var dropdown = require('./dropdown.js');
12
+ var tokens = require('./tokens.js');
13
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
14
+ var index$2 = require('../../../hooks/use-namespace/index.js');
15
+ var style = require('../../../utils/dom/style.js');
16
+ var index$3 = require('../../../hooks/use-common-props/index.js');
14
17
 
15
- const dropdownProps = props.buildProps({
16
- trigger: tooltip.useTooltipTriggerProps.trigger,
17
- effect: {
18
- ...tooltip.useTooltipContentProps.effect,
19
- default: "light"
20
- },
21
- type: {
22
- type: props.definePropType(String)
23
- },
24
- placement: {
25
- type: props.definePropType(String),
26
- default: "bottom"
27
- },
28
- popperOptions: {
29
- type: props.definePropType(Object),
30
- default: () => ({})
31
- },
32
- size: {
33
- type: String,
34
- default: ""
35
- },
36
- splitButton: Boolean,
37
- hideOnClick: {
38
- type: Boolean,
39
- default: true
40
- },
41
- loop: {
42
- type: Boolean
43
- },
44
- showTimeout: {
45
- type: Number,
46
- default: 150
47
- },
48
- hideTimeout: {
49
- type: Number,
50
- default: 150
51
- },
52
- tabindex: {
53
- type: props.definePropType([Number, String]),
54
- default: 0
55
- },
56
- maxHeight: {
57
- type: props.definePropType([Number, String]),
58
- default: ""
59
- },
60
- popperClass: {
61
- type: String,
62
- default: ""
63
- },
64
- disabled: {
65
- type: Boolean,
66
- default: false
67
- },
68
- buttonProps: {
69
- type: props.definePropType(Object)
70
- },
71
- offset: {
72
- type: Number,
73
- default: 0
74
- },
75
- showArrow: {
76
- type: Boolean,
77
- default: true
18
+ const { ButtonGroup: PsButtonGroup } = index.PsButton;
19
+ const _sfc_main = vue.defineComponent({
20
+ name: "PsDropdown",
21
+ components: {
22
+ PsButton: index.PsButton,
23
+ PsButtonGroup,
24
+ PsIcon: index$1.PsIcon,
25
+ ArrowDown: iconsVue.ArrowDown
26
+ },
27
+ props: dropdown.dropdownProps,
28
+ emits: ["visible-change", "click", "command"],
29
+ setup(props) {
30
+ const _instance = vue.getCurrentInstance();
31
+ const ns = index$2.useNamespace("dropdown");
32
+ const triggeringElementRef = vue.ref();
33
+ const referenceElementRef = vue.ref();
34
+ const popperRef = vue.ref(null);
35
+ const contentRef = vue.ref(null);
36
+ const scrollbar = vue.ref(null);
37
+ const currentTabId = vue.ref(null);
38
+ const isUsingKeyboard = vue.ref(false);
39
+ const wrapStyle = vue.computed(() => ({
40
+ maxHeight: style.addUnit(props.maxHeight)
41
+ }));
42
+ const dropdownTriggerKls = vue.computed(() => [ns.m(dropdownSize.value)]);
43
+ const dropdownSize = index$3.useSize();
44
+ vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
45
+ contentRef,
46
+ isUsingKeyboard
47
+ });
48
+ vue.provide("elDropdown", {
49
+ instance: _instance,
50
+ dropdownSize,
51
+ trigger: vue.toRef(props, "trigger"),
52
+ hideOnClick: vue.toRef(props, "hideOnClick")
53
+ });
54
+ return {
55
+ ns,
56
+ scrollbar,
57
+ wrapStyle,
58
+ dropdownTriggerKls,
59
+ dropdownSize,
60
+ currentTabId,
61
+ popperRef,
62
+ triggeringElementRef,
63
+ referenceElementRef
64
+ };
78
65
  }
79
66
  });
80
- const dropdownItemProps = props.buildProps({
81
- command: {
82
- type: [Object, String, Number],
83
- default: () => ({})
84
- },
85
- disabled: Boolean,
86
- divided: Boolean,
87
- textValue: String,
88
- icon: {
89
- type: icon.iconPropType
90
- }
91
- });
92
- const dropdownMenuProps = props.buildProps({
93
- onKeydown: { type: props.definePropType(Function) }
94
- });
95
- const FIRST_KEYS = [
96
- aria.EVENT_CODE.down,
97
- aria.EVENT_CODE.pageDown,
98
- aria.EVENT_CODE.home
99
- ];
100
- const LAST_KEYS = [aria.EVENT_CODE.up, aria.EVENT_CODE.pageUp, aria.EVENT_CODE.end];
101
- const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
102
- const {
103
- PsCollection,
104
- PsCollectionItem,
105
- COLLECTION_INJECTION_KEY,
106
- COLLECTION_ITEM_INJECTION_KEY
107
- } = collection.createCollectionWithScope("Dropdown");
67
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
68
+ const _component_ps_button = vue.resolveComponent("ps-button");
69
+ const _component_arrow_down = vue.resolveComponent("arrow-down");
70
+ const _component_ps_icon = vue.resolveComponent("ps-icon");
71
+ const _component_ps_button_group = vue.resolveComponent("ps-button-group");
72
+ return vue.openBlock(), vue.createElementBlock("div", {
73
+ class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("disabled", _ctx.disabled)])
74
+ }, [
75
+ !_ctx.splitButton ? (vue.openBlock(), vue.createElementBlock("div", {
76
+ key: 0,
77
+ class: vue.normalizeClass(_ctx.dropdownTriggerKls)
78
+ }, [
79
+ vue.renderSlot(_ctx.$slots, "default")
80
+ ], 2)) : vue.createCommentVNode("v-if", true),
81
+ _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_ps_button_group, { key: 1 }, {
82
+ default: vue.withCtx(() => [
83
+ vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
84
+ size: _ctx.dropdownSize,
85
+ type: _ctx.type,
86
+ disabled: _ctx.disabled
87
+ }), {
88
+ default: vue.withCtx(() => [
89
+ vue.renderSlot(_ctx.$slots, "default")
90
+ ]),
91
+ _: 3
92
+ }, 16, ["size", "type", "disabled"]),
93
+ vue.createVNode(_component_ps_button, vue.mergeProps({ ref: "triggeringElementRef" }, _ctx.buttonProps, {
94
+ size: _ctx.dropdownSize,
95
+ type: _ctx.type,
96
+ class: _ctx.ns.e("caret-button"),
97
+ disabled: _ctx.disabled
98
+ }), {
99
+ default: vue.withCtx(() => [
100
+ vue.createVNode(_component_ps_icon, {
101
+ class: vue.normalizeClass(_ctx.ns.e("icon"))
102
+ }, {
103
+ default: vue.withCtx(() => [
104
+ vue.createVNode(_component_arrow_down)
105
+ ]),
106
+ _: 1
107
+ }, 8, ["class"])
108
+ ]),
109
+ _: 1
110
+ }, 16, ["size", "type", "class", "disabled"])
111
+ ]),
112
+ _: 3
113
+ })) : vue.createCommentVNode("v-if", true)
114
+ ], 2);
115
+ }
116
+ var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/dropdown/src/dropdown.vue"]]);
108
117
 
109
- exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
110
- exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
111
- exports.FIRST_KEYS = FIRST_KEYS;
112
- exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
113
- exports.LAST_KEYS = LAST_KEYS;
114
- exports.PsCollection = PsCollection;
115
- exports.PsCollectionItem = PsCollectionItem;
116
- exports.dropdownItemProps = dropdownItemProps;
117
- exports.dropdownMenuProps = dropdownMenuProps;
118
- exports.dropdownProps = dropdownProps;
118
+ exports["default"] = Dropdown;
119
119
  //# sourceMappingURL=dropdown2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { EVENT_CODE } from '@element-ps/constants'\nimport { createCollectionWithScope } from '@element-ps/components/collection'\nimport {\n useTooltipContentProps,\n useTooltipTriggerProps,\n} from '@element-ps/components/tooltip'\n\nimport type { Options } from '@popperjs/core'\nimport type { ButtonProps, ButtonType } from '@element-ps/components/button'\nimport type { Placement } from '@element-ps/components/popper'\nimport type { ComponentInternalInstance, ComputedRef } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\n\nexport interface IPsDropdownInstance {\n instance?: ComponentInternalInstance\n dropdownSize?: ComputedRef<string>\n handleClick?: () => void\n commandHandler?: (...arg) => void\n show?: () => void\n hide?: () => void\n trigger?: ComputedRef<string>\n hideOnClick?: ComputedRef<boolean>\n triggerElm?: ComputedRef<Nullable<HTMLButtonElement>>\n}\n\nexport const dropdownProps = buildProps({\n trigger: useTooltipTriggerProps.trigger,\n effect: {\n ...useTooltipContentProps.effect,\n default: 'light',\n },\n type: {\n type: definePropType<ButtonType>(String),\n },\n placement: {\n type: definePropType<Placement>(String),\n default: 'bottom',\n },\n popperOptions: {\n type: definePropType<Partial<Options>>(Object),\n default: () => ({}),\n },\n size: {\n type: String,\n default: '',\n },\n splitButton: Boolean,\n hideOnClick: {\n type: Boolean,\n default: true,\n },\n loop: {\n type: Boolean,\n },\n showTimeout: {\n type: Number,\n default: 150,\n },\n hideTimeout: {\n type: Number,\n default: 150,\n },\n tabindex: {\n type: definePropType<number | string>([Number, String]),\n default: 0,\n },\n maxHeight: {\n type: definePropType<number | string>([Number, String]),\n default: '',\n },\n popperClass: {\n type: String,\n default: '',\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n buttonProps: {\n type: definePropType<ButtonProps>(Object),\n },\n offset: {\n type: Number,\n default: 0,\n },\n showArrow: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport const dropdownItemProps = buildProps({\n command: {\n type: [Object, String, Number],\n default: () => ({}),\n },\n disabled: Boolean,\n divided: Boolean,\n textValue: String,\n icon: {\n type: iconPropType,\n },\n} as const)\n\nexport const dropdownMenuProps = buildProps({\n onKeydown: { type: definePropType<(e: KeyboardEvent) => void>(Function) },\n})\n\nexport const FIRST_KEYS = [\n EVENT_CODE.down,\n EVENT_CODE.pageDown,\n EVENT_CODE.home,\n]\n\nexport const LAST_KEYS = [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end]\n\nexport const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS]\n\nconst {\n PsCollection,\n PsCollectionItem,\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('Dropdown')\n\nexport {\n PsCollection,\n PsCollectionItem,\n COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY,\n}\n"],"names":["buildProps","useTooltipTriggerProps","useTooltipContentProps","definePropType","iconPropType","EVENT_CODE","createCollectionWithScope"],"mappings":"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"}
1
+ {"version":3,"file":"dropdown2.js","sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n <template v-if=\"!splitButton\">\n <div :class=\"dropdownTriggerKls\">\n <slot name=\"default\" />\n </div>\n </template>\n <template v-if=\"splitButton\">\n <ps-button-group>\n <ps-button\n ref=\"referenceElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :disabled=\"disabled\"\n >\n <slot name=\"default\" />\n </ps-button>\n <ps-button\n ref=\"triggeringElementRef\"\n v-bind=\"buttonProps\"\n :size=\"dropdownSize\"\n :type=\"type\"\n :class=\"ns.e('caret-button')\"\n :disabled=\"disabled\"\n >\n <ps-icon :class=\"ns.e('icon')\"><arrow-down /></ps-icon>\n </ps-button>\n </ps-button-group>\n </template>\n </div>\n</template>\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n provide,\n ref,\n toRef,\n unref,\n} from 'vue'\nimport PsButton from '@element-ps/components/button'\nimport PsIcon from '@element-ps/components/icon'\nimport { addUnit } from '@element-ps/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { dropdownProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: PsButtonGroup } = PsButton\n\nexport default defineComponent({\n name: 'PsDropdown',\n components: {\n PsButton,\n PsButtonGroup,\n PsIcon,\n ArrowDown,\n },\n props: dropdownProps,\n emits: ['visible-change', 'click', 'command'],\n setup(props) {\n const _instance = getCurrentInstance()\n const ns = useNamespace('dropdown')\n\n const triggeringElementRef = ref()\n const referenceElementRef = ref()\n const popperRef = ref<InstanceType<typeof PsTooltip> | null>(null)\n const contentRef = ref<HTMLElement | null>(null)\n const scrollbar = ref(null)\n const currentTabId = ref<string | null>(null)\n const isUsingKeyboard = ref(false)\n\n const wrapStyle = computed<CSSProperties>(() => ({\n maxHeight: addUnit(props.maxHeight),\n }))\n const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n\n const dropdownSize = useSize()\n\n provide(DROPDOWN_INJECTION_KEY, {\n contentRef,\n isUsingKeyboard,\n })\n\n provide('elDropdown', {\n instance: _instance,\n dropdownSize,\n trigger: toRef(props, 'trigger'),\n hideOnClick: toRef(props, 'hideOnClick'),\n })\n\n return {\n ns,\n scrollbar,\n wrapStyle,\n dropdownTriggerKls,\n dropdownSize,\n currentTabId,\n popperRef,\n triggeringElementRef,\n referenceElementRef,\n }\n },\n})\n</script>\n"],"names":["PsButton","defineComponent","PsIcon","ArrowDown","dropdownProps","getCurrentInstance","useNamespace","ref","computed","addUnit","useSize","provide","DROPDOWN_INJECTION_KEY","toRef","_createElementBlock","_normalizeClass","_openBlock","_renderSlot","_createCommentVNode","_createBlock","_withCtx","_createVNode","_mergeProps"],"mappings":"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"}
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var empty$1 = require('./src/empty.js');
7
- var empty = require('./src/empty2.js');
6
+ var empty$1 = require('./src/empty2.js');
7
+ var empty = require('./src/empty.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const PsEmpty = install.withInstall(empty$1["default"]);
@@ -2,62 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- require('../../../hooks/index.js');
7
- var imgEmpty = require('./img-empty.js');
8
- var empty = require('./empty2.js');
9
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
- var index = require('../../../hooks/use-locale/index.js');
11
- var index$1 = require('../../../hooks/use-namespace/index.js');
12
-
13
- const _hoisted_1 = ["src"];
14
- const _hoisted_2 = { key: 1 };
15
- const __default__ = {
16
- name: "PsEmpty"
17
- };
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: empty.emptyProps,
21
- setup(__props) {
22
- const props = __props;
23
- const { t } = index.useLocale();
24
- const ns = index$1.useNamespace("empty");
25
- const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
26
- const imageStyle = vue.computed(() => ({
27
- width: props.imageSize ? `${props.imageSize}px` : ""
28
- }));
29
- return (_ctx, _cache) => {
30
- return vue.openBlock(), vue.createElementBlock("div", {
31
- class: vue.normalizeClass(vue.unref(ns).b())
32
- }, [
33
- vue.createElementVNode("div", {
34
- class: vue.normalizeClass(vue.unref(ns).e("image")),
35
- style: vue.normalizeStyle(vue.unref(imageStyle))
36
- }, [
37
- _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
38
- key: 0,
39
- src: _ctx.image,
40
- ondragstart: "return false"
41
- }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
42
- vue.createVNode(imgEmpty["default"])
43
- ])
44
- ], 6),
45
- vue.createElementVNode("div", {
46
- class: vue.normalizeClass(vue.unref(ns).e("description"))
47
- }, [
48
- _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(vue.unref(emptyDescription)), 1))
49
- ], 2),
50
- _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
51
- key: 0,
52
- class: vue.normalizeClass(vue.unref(ns).e("bottom"))
53
- }, [
54
- vue.renderSlot(_ctx.$slots, "default")
55
- ], 2)) : vue.createCommentVNode("v-if", true)
56
- ], 2);
57
- };
5
+ const emptyProps = {
6
+ image: {
7
+ type: String,
8
+ default: ""
9
+ },
10
+ imageSize: Number,
11
+ description: {
12
+ type: String,
13
+ default: ""
58
14
  }
59
- });
60
- var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/empty/src/empty.vue"]]);
15
+ };
61
16
 
62
- exports["default"] = Empty;
17
+ exports.emptyProps = emptyProps;
63
18
  //# sourceMappingURL=empty.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div :class=\"ns.e('description')\">\n <slot v-if=\"$slots.description\" name=\"description\" />\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-ps/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'PsEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAA,MAAA,EAAA,MAAAA,eAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,mBAAAC,YACA,CAAA,MAAA,MAAA,WAAA,IAAA,CAAA,CAAA,oBAAA,CACA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAAA,aAAA,OAAA;AAAA,MACA,KAAA,EAAA,KAAA,CAAA,SAAA,GAAA,CAAA,EAAA,MAAA,SAAA,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KACA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Empty from './empty.vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n\nexport type EmptyInstance = InstanceType<typeof Empty>\n"],"names":[],"mappings":";;;;AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}
@@ -2,17 +2,62 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const emptyProps = {
6
- image: {
7
- type: String,
8
- default: ""
9
- },
10
- imageSize: Number,
11
- description: {
12
- type: String,
13
- default: ""
14
- }
5
+ var vue = require('vue');
6
+ require('../../../hooks/index.js');
7
+ var imgEmpty = require('./img-empty.js');
8
+ var empty = require('./empty.js');
9
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
10
+ var index = require('../../../hooks/use-locale/index.js');
11
+ var index$1 = require('../../../hooks/use-namespace/index.js');
12
+
13
+ const _hoisted_1 = ["src"];
14
+ const _hoisted_2 = { key: 1 };
15
+ const __default__ = {
16
+ name: "PsEmpty"
15
17
  };
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: empty.emptyProps,
21
+ setup(__props) {
22
+ const props = __props;
23
+ const { t } = index.useLocale();
24
+ const ns = index$1.useNamespace("empty");
25
+ const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
26
+ const imageStyle = vue.computed(() => ({
27
+ width: props.imageSize ? `${props.imageSize}px` : ""
28
+ }));
29
+ return (_ctx, _cache) => {
30
+ return vue.openBlock(), vue.createElementBlock("div", {
31
+ class: vue.normalizeClass(vue.unref(ns).b())
32
+ }, [
33
+ vue.createElementVNode("div", {
34
+ class: vue.normalizeClass(vue.unref(ns).e("image")),
35
+ style: vue.normalizeStyle(vue.unref(imageStyle))
36
+ }, [
37
+ _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
38
+ key: 0,
39
+ src: _ctx.image,
40
+ ondragstart: "return false"
41
+ }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
42
+ vue.createVNode(imgEmpty["default"])
43
+ ])
44
+ ], 6),
45
+ vue.createElementVNode("div", {
46
+ class: vue.normalizeClass(vue.unref(ns).e("description"))
47
+ }, [
48
+ _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(vue.unref(emptyDescription)), 1))
49
+ ], 2),
50
+ _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
51
+ key: 0,
52
+ class: vue.normalizeClass(vue.unref(ns).e("bottom"))
53
+ }, [
54
+ vue.renderSlot(_ctx.$slots, "default")
55
+ ], 2)) : vue.createCommentVNode("v-if", true)
56
+ ], 2);
57
+ };
58
+ }
59
+ });
60
+ var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/empty/src/empty.vue"]]);
16
61
 
17
- exports.emptyProps = emptyProps;
62
+ exports["default"] = Empty;
18
63
  //# sourceMappingURL=empty2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Empty from './empty.vue'\n\nexport const emptyProps = {\n image: {\n type: String,\n default: '',\n },\n imageSize: Number,\n description: {\n type: String,\n default: '',\n },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n\nexport type EmptyInstance = InstanceType<typeof Empty>\n"],"names":[],"mappings":";;;;AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}
1
+ {"version":3,"file":"empty2.js","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div :class=\"ns.e('description')\">\n <slot v-if=\"$slots.description\" name=\"description\" />\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-ps/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'PsEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAA,MAAA,EAAA,MAAAA,eAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,mBAAAC,YACA,CAAA,MAAA,MAAA,WAAA,IAAA,CAAA,CAAA,oBAAA,CACA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAAA,aAAA,OAAA;AAAA,MACA,KAAA,EAAA,KAAA,CAAA,SAAA,GAAA,CAAA,EAAA,MAAA,SAAA,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KACA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var form$1 = require('./src/form2.js');
7
- var formItem$1 = require('./src/form-item2.js');
8
- var form = require('./src/form.js');
9
- var formItem = require('./src/form-item.js');
6
+ var form$1 = require('./src/form.js');
7
+ var formItem$1 = require('./src/form-item.js');
8
+ var form = require('./src/form2.js');
9
+ var formItem = require('./src/form-item2.js');
10
10
  require('./src/types.js');
11
11
  var install = require('../../utils/vue/install.js');
12
12