code-monkey-ui 1.0.7 → 1.0.8

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 (456) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/es/components/alert/index.mjs +2 -2
  4. package/es/components/alert/src/alert.mjs +96 -36
  5. package/es/components/alert/src/alert.mjs.map +1 -1
  6. package/es/components/alert/src/alert2.mjs +36 -96
  7. package/es/components/alert/src/alert2.mjs.map +1 -1
  8. package/es/components/autocomplete/index.mjs +2 -2
  9. package/es/components/autocomplete/src/autocomplete.mjs +361 -81
  10. package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
  11. package/es/components/autocomplete/src/autocomplete2.mjs +81 -361
  12. package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
  13. package/es/components/avatar/index.mjs +2 -2
  14. package/es/components/avatar/src/avatar.mjs +67 -32
  15. package/es/components/avatar/src/avatar.mjs.map +1 -1
  16. package/es/components/avatar/src/avatar2.mjs +32 -67
  17. package/es/components/avatar/src/avatar2.mjs.map +1 -1
  18. package/es/components/breadcrumb/index.mjs +4 -4
  19. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
  20. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  21. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
  22. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  23. package/es/components/breadcrumb/src/breadcrumb.mjs +11 -36
  24. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  25. package/es/components/breadcrumb/src/breadcrumb2.mjs +36 -11
  26. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  27. package/es/components/button/index.mjs +1 -1
  28. package/es/components/button/src/button-group.mjs +6 -30
  29. package/es/components/button/src/button-group.mjs.map +1 -1
  30. package/es/components/button/src/button-group2.mjs +30 -6
  31. package/es/components/button/src/button-group2.mjs.map +1 -1
  32. package/es/components/carousel/index.mjs +2 -2
  33. package/es/components/carousel/src/carousel.mjs +169 -56
  34. package/es/components/carousel/src/carousel.mjs.map +1 -1
  35. package/es/components/carousel/src/carousel2.mjs +56 -169
  36. package/es/components/carousel/src/carousel2.mjs.map +1 -1
  37. package/es/components/cascader/src/cascader2.mjs +2 -2
  38. package/es/components/cascader-panel/src/index.mjs +1 -1
  39. package/es/components/cascader-panel/src/menu.mjs +1 -1
  40. package/es/components/cascader-panel/src/node.mjs +116 -209
  41. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  42. package/es/components/cascader-panel/src/node2.mjs +209 -116
  43. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  44. package/es/components/cascader-panel/src/store.mjs +1 -1
  45. package/es/components/checkbox/index.mjs +4 -4
  46. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  47. package/es/components/checkbox/src/checkbox-group.mjs +72 -28
  48. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  49. package/es/components/checkbox/src/checkbox-group2.mjs +28 -72
  50. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  51. package/es/components/checkbox/src/checkbox.mjs +117 -50
  52. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  53. package/es/components/checkbox/src/checkbox2.mjs +50 -117
  54. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  55. package/es/components/collection/index.mjs +1 -1
  56. package/es/components/collection/src/collection.mjs +62 -10
  57. package/es/components/collection/src/collection.mjs.map +1 -1
  58. package/es/components/collection/src/collection2.mjs +10 -62
  59. package/es/components/collection/src/collection2.mjs.map +1 -1
  60. package/es/components/color-picker/index.mjs +2 -2
  61. package/es/components/color-picker/src/color-picker.mjs +40 -402
  62. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  63. package/es/components/color-picker/src/color-picker2.mjs +402 -40
  64. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  65. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  66. package/es/components/descriptions/index.mjs +2 -2
  67. package/es/components/descriptions/src/description.mjs +25 -112
  68. package/es/components/descriptions/src/description.mjs.map +1 -1
  69. package/es/components/descriptions/src/description2.mjs +112 -25
  70. package/es/components/descriptions/src/description2.mjs.map +1 -1
  71. package/es/components/descriptions/src/descriptions-row.mjs +7 -64
  72. package/es/components/descriptions/src/descriptions-row.mjs.map +1 -1
  73. package/es/components/descriptions/src/descriptions-row2.mjs +64 -7
  74. package/es/components/descriptions/src/descriptions-row2.mjs.map +1 -1
  75. package/es/components/dialog/index.mjs +2 -2
  76. package/es/components/dialog/src/dialog.mjs +170 -65
  77. package/es/components/dialog/src/dialog.mjs.map +1 -1
  78. package/es/components/dialog/src/dialog2.mjs +65 -170
  79. package/es/components/dialog/src/dialog2.mjs.map +1 -1
  80. package/es/components/divider/index.mjs +2 -2
  81. package/es/components/divider/src/divider.mjs +35 -17
  82. package/es/components/divider/src/divider.mjs.map +1 -1
  83. package/es/components/divider/src/divider2.mjs +17 -35
  84. package/es/components/divider/src/divider2.mjs.map +1 -1
  85. package/es/components/drawer/index.mjs +2 -2
  86. package/es/components/drawer/src/drawer.mjs +176 -26
  87. package/es/components/drawer/src/drawer.mjs.map +1 -1
  88. package/es/components/drawer/src/drawer2.mjs +26 -176
  89. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  90. package/es/components/dropdown/index.mjs +2 -2
  91. package/es/components/dropdown/src/dropdown-item-impl.mjs +3 -3
  92. package/es/components/dropdown/src/dropdown-item.mjs +1 -1
  93. package/es/components/dropdown/src/dropdown-menu.mjs +2 -2
  94. package/es/components/dropdown/src/dropdown.mjs +306 -97
  95. package/es/components/dropdown/src/dropdown.mjs.map +1 -1
  96. package/es/components/dropdown/src/dropdown2.mjs +97 -306
  97. package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
  98. package/es/components/dsh-cascader/src/dsh-cascader2.mjs +2 -2
  99. package/es/components/dsh-select/src/select.mjs +2 -2
  100. package/es/components/empty/index.mjs +2 -2
  101. package/es/components/empty/src/empty.mjs +11 -55
  102. package/es/components/empty/src/empty.mjs.map +1 -1
  103. package/es/components/empty/src/empty2.mjs +55 -11
  104. package/es/components/empty/src/empty2.mjs.map +1 -1
  105. package/es/components/form/index.mjs +2 -2
  106. package/es/components/form/src/form.mjs +54 -148
  107. package/es/components/form/src/form.mjs.map +1 -1
  108. package/es/components/form/src/form2.mjs +148 -54
  109. package/es/components/form/src/form2.mjs.map +1 -1
  110. package/es/components/image/index.mjs +2 -2
  111. package/es/components/image/src/image.mjs +225 -61
  112. package/es/components/image/src/image.mjs.map +1 -1
  113. package/es/components/image/src/image2.mjs +61 -225
  114. package/es/components/image/src/image2.mjs.map +1 -1
  115. package/es/components/index.mjs +33 -33
  116. package/es/components/menu/index.mjs +4 -4
  117. package/es/components/menu/src/menu-item-group.mjs +4 -35
  118. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  119. package/es/components/menu/src/menu-item-group2.mjs +35 -4
  120. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  121. package/es/components/menu/src/menu-item.mjs +97 -14
  122. package/es/components/menu/src/menu-item.mjs.map +1 -1
  123. package/es/components/menu/src/menu-item2.mjs +14 -97
  124. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  125. package/es/components/notification/index.mjs +1 -1
  126. package/es/components/notification/src/notification.mjs +149 -67
  127. package/es/components/notification/src/notification.mjs.map +1 -1
  128. package/es/components/notification/src/notification2.mjs +67 -149
  129. package/es/components/notification/src/notification2.mjs.map +1 -1
  130. package/es/components/notification/src/notify.mjs +2 -2
  131. package/es/components/pagination/src/components/jumper.mjs +60 -9
  132. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  133. package/es/components/pagination/src/components/jumper2.mjs +9 -60
  134. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  135. package/es/components/pagination/src/pagination.mjs +1 -1
  136. package/es/components/popconfirm/index.mjs +2 -2
  137. package/es/components/popconfirm/src/popconfirm.mjs +110 -47
  138. package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
  139. package/es/components/popconfirm/src/popconfirm2.mjs +47 -110
  140. package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
  141. package/es/components/popover/src/popover2.mjs +2 -2
  142. package/es/components/popper/index.mjs +4 -4
  143. package/es/components/popper/src/content.mjs +94 -137
  144. package/es/components/popper/src/content.mjs.map +1 -1
  145. package/es/components/popper/src/content2.mjs +137 -94
  146. package/es/components/popper/src/content2.mjs.map +1 -1
  147. package/es/components/popper/src/popper.mjs +32 -25
  148. package/es/components/popper/src/popper.mjs.map +1 -1
  149. package/es/components/popper/src/popper2.mjs +25 -32
  150. package/es/components/popper/src/popper2.mjs.map +1 -1
  151. package/es/components/rate/index.mjs +2 -2
  152. package/es/components/rate/src/rate.mjs +260 -87
  153. package/es/components/rate/src/rate.mjs.map +1 -1
  154. package/es/components/rate/src/rate2.mjs +87 -260
  155. package/es/components/rate/src/rate2.mjs.map +1 -1
  156. package/es/components/result/index.mjs +2 -2
  157. package/es/components/result/src/result.mjs +63 -29
  158. package/es/components/result/src/result.mjs.map +1 -1
  159. package/es/components/result/src/result2.mjs +29 -63
  160. package/es/components/result/src/result2.mjs.map +1 -1
  161. package/es/components/roving-focus-group/index.mjs +3 -3
  162. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  163. package/es/components/roving-focus-group/src/roving-focus-group.mjs +29 -27
  164. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  165. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +27 -29
  166. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  167. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  168. package/es/components/select/src/select.mjs +2 -2
  169. package/es/components/select-v2/src/defaults.mjs +1 -1
  170. package/es/components/slider/src/button.mjs +21 -93
  171. package/es/components/slider/src/button.mjs.map +1 -1
  172. package/es/components/slider/src/button2.mjs +93 -21
  173. package/es/components/slider/src/button2.mjs.map +1 -1
  174. package/es/components/slider/src/slider2.mjs +1 -1
  175. package/es/components/statistic/index.mjs +2 -2
  176. package/es/components/statistic/src/statistic.mjs +25 -70
  177. package/es/components/statistic/src/statistic.mjs.map +1 -1
  178. package/es/components/statistic/src/statistic2.mjs +70 -25
  179. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  180. package/es/components/tag/index.mjs +2 -2
  181. package/es/components/tag/src/tag.mjs +33 -94
  182. package/es/components/tag/src/tag.mjs.map +1 -1
  183. package/es/components/tag/src/tag2.mjs +94 -33
  184. package/es/components/tag/src/tag2.mjs.map +1 -1
  185. package/es/components/text/index.mjs +2 -2
  186. package/es/components/text/src/text.mjs +24 -38
  187. package/es/components/text/src/text.mjs.map +1 -1
  188. package/es/components/text/src/text2.mjs +38 -24
  189. package/es/components/text/src/text2.mjs.map +1 -1
  190. package/es/components/timeline/index.mjs +2 -2
  191. package/es/components/timeline/src/timeline-item.mjs +42 -72
  192. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  193. package/es/components/timeline/src/timeline-item2.mjs +72 -42
  194. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  195. package/es/components/tooltip/index.mjs +1 -1
  196. package/es/components/tooltip/src/content.mjs +177 -31
  197. package/es/components/tooltip/src/content.mjs.map +1 -1
  198. package/es/components/tooltip/src/content2.mjs +31 -177
  199. package/es/components/tooltip/src/content2.mjs.map +1 -1
  200. package/es/components/tooltip/src/tooltip.mjs +2 -2
  201. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  202. package/es/components/tooltip-v2/index.mjs +2 -2
  203. package/es/components/tooltip-v2/src/arrow.mjs +37 -22
  204. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  205. package/es/components/tooltip-v2/src/arrow2.mjs +22 -37
  206. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  207. package/es/components/tooltip-v2/src/root.mjs +80 -17
  208. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  209. package/es/components/tooltip-v2/src/root2.mjs +17 -80
  210. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  211. package/es/components/tooltip-v2/src/tooltip.mjs +4 -4
  212. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  213. package/es/components/upload/index.mjs +3 -3
  214. package/es/components/upload/src/upload-content.mjs +1 -1
  215. package/es/components/upload/src/upload-content2.mjs +2 -2
  216. package/es/components/upload/src/upload-dragger.mjs +11 -72
  217. package/es/components/upload/src/upload-dragger.mjs.map +1 -1
  218. package/es/components/upload/src/upload-dragger2.mjs +72 -11
  219. package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
  220. package/es/components/upload/src/upload-list.mjs +1 -1
  221. package/es/components/upload/src/upload.mjs +101 -116
  222. package/es/components/upload/src/upload.mjs.map +1 -1
  223. package/es/components/upload/src/upload2.mjs +116 -101
  224. package/es/components/upload/src/upload2.mjs.map +1 -1
  225. package/es/components/upload/src/use-handlers.mjs +1 -1
  226. package/es/index.mjs +33 -33
  227. package/lib/components/alert/index.js +2 -2
  228. package/lib/components/alert/src/alert.js +95 -37
  229. package/lib/components/alert/src/alert.js.map +1 -1
  230. package/lib/components/alert/src/alert2.js +37 -95
  231. package/lib/components/alert/src/alert2.js.map +1 -1
  232. package/lib/components/autocomplete/index.js +2 -2
  233. package/lib/components/autocomplete/src/autocomplete.js +360 -81
  234. package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
  235. package/lib/components/autocomplete/src/autocomplete2.js +81 -360
  236. package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
  237. package/lib/components/avatar/index.js +2 -2
  238. package/lib/components/avatar/src/avatar.js +67 -33
  239. package/lib/components/avatar/src/avatar.js.map +1 -1
  240. package/lib/components/avatar/src/avatar2.js +33 -67
  241. package/lib/components/avatar/src/avatar2.js.map +1 -1
  242. package/lib/components/breadcrumb/index.js +4 -4
  243. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
  244. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  245. package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
  246. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  247. package/lib/components/breadcrumb/src/breadcrumb.js +11 -36
  248. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  249. package/lib/components/breadcrumb/src/breadcrumb2.js +36 -11
  250. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  251. package/lib/components/button/index.js +1 -1
  252. package/lib/components/button/src/button-group.js +6 -30
  253. package/lib/components/button/src/button-group.js.map +1 -1
  254. package/lib/components/button/src/button-group2.js +30 -6
  255. package/lib/components/button/src/button-group2.js.map +1 -1
  256. package/lib/components/carousel/index.js +2 -2
  257. package/lib/components/carousel/src/carousel.js +169 -57
  258. package/lib/components/carousel/src/carousel.js.map +1 -1
  259. package/lib/components/carousel/src/carousel2.js +57 -169
  260. package/lib/components/carousel/src/carousel2.js.map +1 -1
  261. package/lib/components/cascader/src/cascader2.js +2 -2
  262. package/lib/components/cascader-panel/src/index.js +1 -1
  263. package/lib/components/cascader-panel/src/menu.js +1 -1
  264. package/lib/components/cascader-panel/src/node.js +116 -209
  265. package/lib/components/cascader-panel/src/node.js.map +1 -1
  266. package/lib/components/cascader-panel/src/node2.js +209 -116
  267. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  268. package/lib/components/cascader-panel/src/store.js +1 -1
  269. package/lib/components/checkbox/index.js +4 -4
  270. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  271. package/lib/components/checkbox/src/checkbox-group.js +72 -29
  272. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  273. package/lib/components/checkbox/src/checkbox-group2.js +29 -72
  274. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  275. package/lib/components/checkbox/src/checkbox.js +117 -51
  276. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  277. package/lib/components/checkbox/src/checkbox2.js +51 -117
  278. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  279. package/lib/components/collection/index.js +1 -1
  280. package/lib/components/collection/src/collection.js +62 -9
  281. package/lib/components/collection/src/collection.js.map +1 -1
  282. package/lib/components/collection/src/collection2.js +9 -62
  283. package/lib/components/collection/src/collection2.js.map +1 -1
  284. package/lib/components/color-picker/index.js +2 -2
  285. package/lib/components/color-picker/src/color-picker.js +40 -400
  286. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  287. package/lib/components/color-picker/src/color-picker2.js +400 -40
  288. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  289. package/lib/components/color-picker/src/components/predefine.js +1 -1
  290. package/lib/components/descriptions/index.js +2 -2
  291. package/lib/components/descriptions/src/description.js +25 -112
  292. package/lib/components/descriptions/src/description.js.map +1 -1
  293. package/lib/components/descriptions/src/description2.js +112 -25
  294. package/lib/components/descriptions/src/description2.js.map +1 -1
  295. package/lib/components/descriptions/src/descriptions-row.js +7 -64
  296. package/lib/components/descriptions/src/descriptions-row.js.map +1 -1
  297. package/lib/components/descriptions/src/descriptions-row2.js +64 -7
  298. package/lib/components/descriptions/src/descriptions-row2.js.map +1 -1
  299. package/lib/components/dialog/index.js +2 -2
  300. package/lib/components/dialog/src/dialog.js +170 -66
  301. package/lib/components/dialog/src/dialog.js.map +1 -1
  302. package/lib/components/dialog/src/dialog2.js +66 -170
  303. package/lib/components/dialog/src/dialog2.js.map +1 -1
  304. package/lib/components/divider/index.js +2 -2
  305. package/lib/components/divider/src/divider.js +35 -17
  306. package/lib/components/divider/src/divider.js.map +1 -1
  307. package/lib/components/divider/src/divider2.js +17 -35
  308. package/lib/components/divider/src/divider2.js.map +1 -1
  309. package/lib/components/drawer/index.js +2 -2
  310. package/lib/components/drawer/src/drawer.js +176 -27
  311. package/lib/components/drawer/src/drawer.js.map +1 -1
  312. package/lib/components/drawer/src/drawer2.js +27 -176
  313. package/lib/components/drawer/src/drawer2.js.map +1 -1
  314. package/lib/components/dropdown/index.js +2 -2
  315. package/lib/components/dropdown/src/dropdown-item-impl.js +3 -3
  316. package/lib/components/dropdown/src/dropdown-item.js +1 -1
  317. package/lib/components/dropdown/src/dropdown-menu.js +2 -2
  318. package/lib/components/dropdown/src/dropdown.js +306 -106
  319. package/lib/components/dropdown/src/dropdown.js.map +1 -1
  320. package/lib/components/dropdown/src/dropdown2.js +106 -306
  321. package/lib/components/dropdown/src/dropdown2.js.map +1 -1
  322. package/lib/components/dsh-cascader/src/dsh-cascader2.js +2 -2
  323. package/lib/components/dsh-select/src/select.js +2 -2
  324. package/lib/components/empty/index.js +2 -2
  325. package/lib/components/empty/src/empty.js +11 -55
  326. package/lib/components/empty/src/empty.js.map +1 -1
  327. package/lib/components/empty/src/empty2.js +55 -11
  328. package/lib/components/empty/src/empty2.js.map +1 -1
  329. package/lib/components/form/index.js +2 -2
  330. package/lib/components/form/src/form.js +54 -147
  331. package/lib/components/form/src/form.js.map +1 -1
  332. package/lib/components/form/src/form2.js +147 -54
  333. package/lib/components/form/src/form2.js.map +1 -1
  334. package/lib/components/image/index.js +2 -2
  335. package/lib/components/image/src/image.js +224 -61
  336. package/lib/components/image/src/image.js.map +1 -1
  337. package/lib/components/image/src/image2.js +61 -224
  338. package/lib/components/image/src/image2.js.map +1 -1
  339. package/lib/components/index.js +33 -33
  340. package/lib/components/menu/index.js +4 -4
  341. package/lib/components/menu/src/menu-item-group.js +4 -35
  342. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  343. package/lib/components/menu/src/menu-item-group2.js +35 -4
  344. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  345. package/lib/components/menu/src/menu-item.js +97 -15
  346. package/lib/components/menu/src/menu-item.js.map +1 -1
  347. package/lib/components/menu/src/menu-item2.js +15 -97
  348. package/lib/components/menu/src/menu-item2.js.map +1 -1
  349. package/lib/components/notification/index.js +1 -1
  350. package/lib/components/notification/src/notification.js +148 -68
  351. package/lib/components/notification/src/notification.js.map +1 -1
  352. package/lib/components/notification/src/notification2.js +68 -148
  353. package/lib/components/notification/src/notification2.js.map +1 -1
  354. package/lib/components/notification/src/notify.js +2 -2
  355. package/lib/components/pagination/src/components/jumper.js +60 -9
  356. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  357. package/lib/components/pagination/src/components/jumper2.js +9 -60
  358. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  359. package/lib/components/pagination/src/pagination.js +1 -1
  360. package/lib/components/popconfirm/index.js +2 -2
  361. package/lib/components/popconfirm/src/popconfirm.js +110 -48
  362. package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
  363. package/lib/components/popconfirm/src/popconfirm2.js +48 -110
  364. package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
  365. package/lib/components/popover/src/popover2.js +2 -2
  366. package/lib/components/popper/index.js +4 -4
  367. package/lib/components/popper/src/content.js +99 -137
  368. package/lib/components/popper/src/content.js.map +1 -1
  369. package/lib/components/popper/src/content2.js +137 -99
  370. package/lib/components/popper/src/content2.js.map +1 -1
  371. package/lib/components/popper/src/popper.js +32 -28
  372. package/lib/components/popper/src/popper.js.map +1 -1
  373. package/lib/components/popper/src/popper2.js +28 -32
  374. package/lib/components/popper/src/popper2.js.map +1 -1
  375. package/lib/components/rate/index.js +2 -2
  376. package/lib/components/rate/src/rate.js +259 -87
  377. package/lib/components/rate/src/rate.js.map +1 -1
  378. package/lib/components/rate/src/rate2.js +87 -259
  379. package/lib/components/rate/src/rate2.js.map +1 -1
  380. package/lib/components/result/index.js +2 -2
  381. package/lib/components/result/src/result.js +63 -31
  382. package/lib/components/result/src/result.js.map +1 -1
  383. package/lib/components/result/src/result2.js +31 -63
  384. package/lib/components/result/src/result2.js.map +1 -1
  385. package/lib/components/roving-focus-group/index.js +2 -2
  386. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  387. package/lib/components/roving-focus-group/src/roving-focus-group.js +33 -27
  388. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  389. package/lib/components/roving-focus-group/src/roving-focus-group2.js +27 -33
  390. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  391. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  392. package/lib/components/select/src/select.js +2 -2
  393. package/lib/components/select-v2/src/defaults.js +1 -1
  394. package/lib/components/slider/src/button.js +22 -93
  395. package/lib/components/slider/src/button.js.map +1 -1
  396. package/lib/components/slider/src/button2.js +93 -22
  397. package/lib/components/slider/src/button2.js.map +1 -1
  398. package/lib/components/slider/src/slider2.js +1 -1
  399. package/lib/components/statistic/index.js +2 -2
  400. package/lib/components/statistic/src/statistic.js +25 -70
  401. package/lib/components/statistic/src/statistic.js.map +1 -1
  402. package/lib/components/statistic/src/statistic2.js +70 -25
  403. package/lib/components/statistic/src/statistic2.js.map +1 -1
  404. package/lib/components/tag/index.js +2 -2
  405. package/lib/components/tag/src/tag.js +34 -94
  406. package/lib/components/tag/src/tag.js.map +1 -1
  407. package/lib/components/tag/src/tag2.js +94 -34
  408. package/lib/components/tag/src/tag2.js.map +1 -1
  409. package/lib/components/text/index.js +2 -2
  410. package/lib/components/text/src/text.js +24 -38
  411. package/lib/components/text/src/text.js.map +1 -1
  412. package/lib/components/text/src/text2.js +38 -24
  413. package/lib/components/text/src/text2.js.map +1 -1
  414. package/lib/components/timeline/index.js +2 -2
  415. package/lib/components/timeline/src/timeline-item.js +42 -72
  416. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  417. package/lib/components/timeline/src/timeline-item2.js +72 -42
  418. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  419. package/lib/components/tooltip/index.js +1 -1
  420. package/lib/components/tooltip/src/content.js +177 -31
  421. package/lib/components/tooltip/src/content.js.map +1 -1
  422. package/lib/components/tooltip/src/content2.js +31 -177
  423. package/lib/components/tooltip/src/content2.js.map +1 -1
  424. package/lib/components/tooltip/src/tooltip.js +2 -2
  425. package/lib/components/tooltip/src/tooltip2.js +1 -1
  426. package/lib/components/tooltip-v2/index.js +2 -2
  427. package/lib/components/tooltip-v2/src/arrow.js +37 -23
  428. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  429. package/lib/components/tooltip-v2/src/arrow2.js +23 -37
  430. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  431. package/lib/components/tooltip-v2/src/root.js +80 -17
  432. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  433. package/lib/components/tooltip-v2/src/root2.js +17 -80
  434. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  435. package/lib/components/tooltip-v2/src/tooltip.js +4 -4
  436. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  437. package/lib/components/upload/index.js +3 -3
  438. package/lib/components/upload/src/upload-content.js +1 -1
  439. package/lib/components/upload/src/upload-content2.js +2 -2
  440. package/lib/components/upload/src/upload-dragger.js +12 -72
  441. package/lib/components/upload/src/upload-dragger.js.map +1 -1
  442. package/lib/components/upload/src/upload-dragger2.js +72 -12
  443. package/lib/components/upload/src/upload-dragger2.js.map +1 -1
  444. package/lib/components/upload/src/upload-list.js +1 -1
  445. package/lib/components/upload/src/upload.js +104 -116
  446. package/lib/components/upload/src/upload.js.map +1 -1
  447. package/lib/components/upload/src/upload2.js +116 -104
  448. package/lib/components/upload/src/upload2.js.map +1 -1
  449. package/lib/components/upload/src/use-handlers.js +1 -1
  450. package/lib/index.js +33 -33
  451. package/package.json +1 -1
  452. package/tags.json +1 -1
  453. package/theme-chalk/base.css +1 -1
  454. package/theme-chalk/index.css +1 -1
  455. package/theme-chalk/src/dsh/index.scss +8 -8
  456. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n buildProps,\n definePropType,\n isArray,\n isBoolean,\n isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from './types'\n\nconst formMetaProps = buildProps({\n /**\n * @description Control the size of components in this form.\n */\n size: {\n type: String,\n values: componentSizes,\n },\n /**\n * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n */\n disabled: Boolean,\n} as const)\n\nexport const formProps = buildProps({\n ...formMetaProps,\n /**\n * @description Data of form component.\n */\n model: Object,\n /**\n * @description Validation rules of form.\n */\n rules: {\n type: definePropType<FormRules>(Object),\n },\n /**\n * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n */\n labelPosition: {\n type: String,\n values: ['left', 'right', 'top'],\n default: 'right',\n },\n /**\n * @description Position of asterisk.\n */\n requireAsteriskPosition: {\n type: String,\n values: ['left', 'right'],\n default: 'left',\n },\n /**\n * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n */\n labelWidth: {\n type: [String, Number],\n default: '',\n },\n /**\n * @description Suffix of the label.\n */\n labelSuffix: {\n type: String,\n default: '',\n },\n /**\n * @description Whether the form is inline.\n */\n inline: Boolean,\n /**\n * @description Whether to display the error message inline with the form item.\n */\n inlineMessage: Boolean,\n /**\n * @description Whether to display an icon indicating the validation result.\n */\n statusIcon: Boolean,\n /**\n * @description Whether to show the error message.\n */\n showMessage: {\n type: Boolean,\n default: true,\n },\n /**\n * @description Whether to trigger validation when the `rules` prop is changed.\n */\n validateOnRuleChange: {\n type: Boolean,\n default: true,\n },\n /**\n * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n */\n hideRequiredAsterisk: Boolean,\n /**\n * @description When validation fails, scroll to the first error form entry.\n */\n scrollToError: Boolean,\n /**\n * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n */\n scrollIntoViewOptions: {\n type: [Object, Boolean],\n },\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\nexport type FormMetaProps = ExtractPropTypes<typeof formMetaProps>\n\nexport const formEmits = {\n validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n (isArray(prop) || isString(prop)) &&\n isBoolean(isValid) &&\n isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"names":["buildProps","componentSizes","definePropType","isArray","isString","isBoolean"],"mappings":";;;;;;;;;;;AAQA,MAAM,aAAa,GAAGA,kBAAU,CAAC;AACjC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC,CAAC,CAAC;AACS,MAAC,SAAS,GAAGD,kBAAU,CAAC;AACpC,EAAE,GAAG,aAAa;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEE,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;AACpC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,uBAAuB,EAAE;AAC3B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;AAC7B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE,OAAO;AAC/B,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;AAC3B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,KAAK,CAACC,cAAO,CAAC,IAAI,CAAC,IAAIC,eAAQ,CAAC,IAAI,CAAC,KAAKC,eAAS,CAAC,OAAO,CAAC,IAAID,eAAQ,CAAC,OAAO,CAAC;AACpH;;;;;"}
1
+ {"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n <form :class=\"formClasses\">\n <slot />\n </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs, watch } from 'vue'\nimport { debugWarn, isFunction } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits, formProps } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n FormContext,\n FormItemContext,\n FormValidateCallback,\n FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\n\nconst fields: FormItemContext[] = []\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n const { labelPosition, inline } = props\n return [\n ns.b(),\n // todo: in v2.2.0, we can remove default\n // in fact, remove it doesn't affect the final style\n ns.m(formSize.value || 'default'),\n {\n [ns.m(`label-${labelPosition}`)]: labelPosition,\n [ns.m('inline')]: inline,\n },\n ]\n})\n\nconst addField: FormContext['addField'] = (field) => {\n fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n if (field.prop) {\n fields.splice(fields.indexOf(field), 1)\n }\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n if (!props.model) {\n debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n return\n }\n filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n const hasModel = !!props.model\n if (!hasModel) {\n debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n }\n return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n if (fields.length === 0) return []\n\n const filteredFields = filterFields(fields, props)\n if (!filteredFields.length) {\n debugWarn(COMPONENT_NAME, 'please pass correct props!')\n return []\n }\n return filteredFields\n}\n\nconst validate = async (\n callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n if (!isValidatable.value) return false\n\n const fields = obtainValidateFields(props)\n if (fields.length === 0) return true\n\n let validationErrors: ValidateFieldsError = {}\n for (const field of fields) {\n try {\n await field.validate('')\n } catch (fields) {\n validationErrors = {\n ...validationErrors,\n ...(fields as ValidateFieldsError),\n }\n }\n }\n\n if (Object.keys(validationErrors).length === 0) return true\n return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n modelProps = [],\n callback\n) => {\n const shouldThrow = !isFunction(callback)\n try {\n const result = await doValidateField(modelProps)\n // When result is false meaning that the fields are not validatable\n if (result === true) {\n callback?.(result)\n }\n return result\n } catch (e) {\n if (e instanceof Error) throw e\n\n const invalidFields = e as ValidateFieldsError\n\n if (props.scrollToError) {\n scrollToField(Object.keys(invalidFields)[0])\n }\n callback?.(false, invalidFields)\n return shouldThrow && Promise.reject(invalidFields)\n }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n const field = filterFields(fields, prop)[0]\n if (field) {\n field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n }\n}\n\nwatch(\n () => props.rules,\n () => {\n if (props.validateOnRuleChange) {\n validate().catch((err) => debugWarn(err))\n }\n },\n { deep: true }\n)\n\nprovide(\n formContextKey,\n reactive({\n ...toRefs(props),\n emit,\n\n resetFields,\n clearValidate,\n validateField,\n addField,\n removeField,\n\n ...useFormLabelWidth(),\n })\n)\n\ndefineExpose({\n /**\n * @description Validate the whole form. Receives a callback or returns `Promise`.\n */\n validate,\n /**\n * @description Validate specified fields.\n */\n validateField,\n /**\n * @description Reset specified fields and remove validation result.\n */\n resetFields,\n /**\n * @description Clear validation message for specified fields.\n */\n clearValidate,\n /**\n * @description Scroll to the specified fields.\n */\n scrollToField,\n})\n</script>\n"],"names":["useFormSize","useNamespace","computed","debugWarn","filterFields","isFunction","watch","provide","reactive","toRefs","useFormLabelWidth"],"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 image$1 = require('./src/image2.js');
7
- var image = require('./src/image.js');
6
+ var image$1 = require('./src/image.js');
7
+ var image = require('./src/image2.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const ElImage = install.withInstall(image$1["default"]);
@@ -2,71 +2,234 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var vue = require('vue');
6
+ var core = require('@vueuse/core');
7
+ require('../../../hooks/index.js');
8
+ var index$3 = require('../../image-viewer/index.js');
5
9
  require('../../../utils/index.js');
6
- var runtime = require('../../../utils/vue/props/runtime.js');
7
- var typescript = require('../../../utils/typescript.js');
10
+ var image = require('./image2.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../hooks/use-locale/index.js');
13
+ var index$1 = require('../../../hooks/use-namespace/index.js');
14
+ var index$2 = require('../../../hooks/use-attrs/index.js');
15
+ var position = require('../../../utils/dom/position.js');
8
16
  var types = require('../../../utils/types.js');
17
+ var shared = require('@vue/shared');
18
+ var scroll = require('../../../utils/dom/scroll.js');
9
19
 
10
- const imageProps = runtime.buildProps({
11
- hideOnClickModal: Boolean,
12
- src: {
13
- type: String,
14
- default: ""
15
- },
16
- fit: {
17
- type: String,
18
- values: ["", "contain", "cover", "fill", "none", "scale-down"],
19
- default: ""
20
- },
21
- loading: {
22
- type: String,
23
- values: ["eager", "lazy"]
24
- },
25
- lazy: Boolean,
26
- scrollContainer: {
27
- type: runtime.definePropType([String, Object])
28
- },
29
- previewSrcList: {
30
- type: runtime.definePropType(Array),
31
- default: () => typescript.mutable([])
32
- },
33
- previewTeleported: Boolean,
34
- zIndex: {
35
- type: Number
36
- },
37
- initialIndex: {
38
- type: Number,
39
- default: 0
40
- },
41
- infinite: {
42
- type: Boolean,
43
- default: true
44
- },
45
- closeOnPressEscape: {
46
- type: Boolean,
47
- default: true
48
- },
49
- zoomRate: {
50
- type: Number,
51
- default: 1.2
52
- },
53
- minScale: {
54
- type: Number,
55
- default: 0.2
56
- },
57
- maxScale: {
58
- type: Number,
59
- default: 7
20
+ const _hoisted_1 = ["src", "loading"];
21
+ const _hoisted_2 = { key: 0 };
22
+ const __default__ = vue.defineComponent({
23
+ name: "ElImage",
24
+ inheritAttrs: false
25
+ });
26
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
27
+ ...__default__,
28
+ props: image.imageProps,
29
+ emits: image.imageEmits,
30
+ setup(__props, { emit }) {
31
+ const props = __props;
32
+ let prevOverflow = "";
33
+ const { t } = index.useLocale();
34
+ const ns = index$1.useNamespace("image");
35
+ const rawAttrs = vue.useAttrs();
36
+ const attrs = index$2.useAttrs();
37
+ const imageSrc = vue.ref();
38
+ const hasLoadError = vue.ref(false);
39
+ const isLoading = vue.ref(true);
40
+ const showViewer = vue.ref(false);
41
+ const container = vue.ref();
42
+ const _scrollContainer = vue.ref();
43
+ const supportLoading = core.isClient && "loading" in HTMLImageElement.prototype;
44
+ let stopScrollListener;
45
+ let stopWheelListener;
46
+ const imageKls = vue.computed(() => [
47
+ ns.e("inner"),
48
+ preview.value && ns.e("preview"),
49
+ isLoading.value && ns.is("loading")
50
+ ]);
51
+ const containerStyle = vue.computed(() => rawAttrs.style);
52
+ const imageStyle = vue.computed(() => {
53
+ const { fit } = props;
54
+ if (core.isClient && fit) {
55
+ return { objectFit: fit };
56
+ }
57
+ return {};
58
+ });
59
+ const preview = vue.computed(() => {
60
+ const { previewSrcList } = props;
61
+ return Array.isArray(previewSrcList) && previewSrcList.length > 0;
62
+ });
63
+ const imageIndex = vue.computed(() => {
64
+ const { previewSrcList, initialIndex } = props;
65
+ let previewIndex = initialIndex;
66
+ if (initialIndex > previewSrcList.length - 1) {
67
+ previewIndex = 0;
68
+ }
69
+ return previewIndex;
70
+ });
71
+ const isManual = vue.computed(() => {
72
+ if (props.loading === "eager")
73
+ return false;
74
+ return !supportLoading && props.loading === "lazy" || props.lazy;
75
+ });
76
+ const loadImage = () => {
77
+ if (!core.isClient)
78
+ return;
79
+ isLoading.value = true;
80
+ hasLoadError.value = false;
81
+ imageSrc.value = props.src;
82
+ };
83
+ function handleLoad(event) {
84
+ isLoading.value = false;
85
+ hasLoadError.value = false;
86
+ emit("load", event);
87
+ }
88
+ function handleError(event) {
89
+ isLoading.value = false;
90
+ hasLoadError.value = true;
91
+ emit("error", event);
92
+ }
93
+ function handleLazyLoad() {
94
+ if (position.isInContainer(container.value, _scrollContainer.value)) {
95
+ loadImage();
96
+ removeLazyLoadListener();
97
+ }
98
+ }
99
+ const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200, true);
100
+ async function addLazyLoadListener() {
101
+ var _a;
102
+ if (!core.isClient)
103
+ return;
104
+ await vue.nextTick();
105
+ const { scrollContainer } = props;
106
+ if (types.isElement(scrollContainer)) {
107
+ _scrollContainer.value = scrollContainer;
108
+ } else if (shared.isString(scrollContainer) && scrollContainer !== "") {
109
+ _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
110
+ } else if (container.value) {
111
+ _scrollContainer.value = scroll.getScrollContainer(container.value);
112
+ }
113
+ if (_scrollContainer.value) {
114
+ stopScrollListener = core.useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
115
+ setTimeout(() => handleLazyLoad(), 100);
116
+ }
117
+ }
118
+ function removeLazyLoadListener() {
119
+ if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler)
120
+ return;
121
+ stopScrollListener == null ? void 0 : stopScrollListener();
122
+ _scrollContainer.value = void 0;
123
+ }
124
+ function wheelHandler(e) {
125
+ if (!e.ctrlKey)
126
+ return;
127
+ if (e.deltaY < 0) {
128
+ e.preventDefault();
129
+ return false;
130
+ } else if (e.deltaY > 0) {
131
+ e.preventDefault();
132
+ return false;
133
+ }
134
+ }
135
+ function clickHandler() {
136
+ if (!preview.value)
137
+ return;
138
+ stopWheelListener = core.useEventListener("wheel", wheelHandler, {
139
+ passive: false
140
+ });
141
+ prevOverflow = document.body.style.overflow;
142
+ document.body.style.overflow = "hidden";
143
+ showViewer.value = true;
144
+ emit("show");
145
+ }
146
+ function closeViewer() {
147
+ stopWheelListener == null ? void 0 : stopWheelListener();
148
+ document.body.style.overflow = prevOverflow;
149
+ showViewer.value = false;
150
+ emit("close");
151
+ }
152
+ function switchViewer(val) {
153
+ emit("switch", val);
154
+ }
155
+ vue.watch(() => props.src, () => {
156
+ if (isManual.value) {
157
+ isLoading.value = true;
158
+ hasLoadError.value = false;
159
+ removeLazyLoadListener();
160
+ addLazyLoadListener();
161
+ } else {
162
+ loadImage();
163
+ }
164
+ });
165
+ vue.onMounted(() => {
166
+ if (isManual.value) {
167
+ addLazyLoadListener();
168
+ } else {
169
+ loadImage();
170
+ }
171
+ });
172
+ return (_ctx, _cache) => {
173
+ return vue.openBlock(), vue.createElementBlock("div", {
174
+ ref_key: "container",
175
+ ref: container,
176
+ class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
177
+ style: vue.normalizeStyle(vue.unref(containerStyle))
178
+ }, [
179
+ hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
180
+ vue.createElementVNode("div", {
181
+ class: vue.normalizeClass(vue.unref(ns).e("error"))
182
+ }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
183
+ ]) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
184
+ imageSrc.value !== void 0 ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
185
+ src: imageSrc.value,
186
+ loading: _ctx.loading,
187
+ style: vue.unref(imageStyle),
188
+ class: vue.unref(imageKls),
189
+ onClick: clickHandler,
190
+ onLoad: handleLoad,
191
+ onError: handleError
192
+ }), null, 16, _hoisted_1)) : vue.createCommentVNode("v-if", true),
193
+ isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", {
194
+ key: 1,
195
+ class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
196
+ }, [
197
+ vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
198
+ vue.createElementVNode("div", {
199
+ class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
200
+ }, null, 2)
201
+ ])
202
+ ], 2)) : vue.createCommentVNode("v-if", true)
203
+ ], 64)),
204
+ vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
205
+ showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElImageViewer), {
206
+ key: 0,
207
+ "z-index": _ctx.zIndex,
208
+ "initial-index": vue.unref(imageIndex),
209
+ infinite: _ctx.infinite,
210
+ "zoom-rate": _ctx.zoomRate,
211
+ "min-scale": _ctx.minScale,
212
+ "max-scale": _ctx.maxScale,
213
+ "url-list": _ctx.previewSrcList,
214
+ "hide-on-click-modal": _ctx.hideOnClickModal,
215
+ teleported: _ctx.previewTeleported,
216
+ "close-on-press-escape": _ctx.closeOnPressEscape,
217
+ onClose: closeViewer,
218
+ onSwitch: switchViewer
219
+ }, {
220
+ default: vue.withCtx(() => [
221
+ _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
222
+ vue.renderSlot(_ctx.$slots, "viewer")
223
+ ])) : vue.createCommentVNode("v-if", true)
224
+ ]),
225
+ _: 3
226
+ }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
227
+ ], 64)) : vue.createCommentVNode("v-if", true)
228
+ ], 6);
229
+ };
60
230
  }
61
231
  });
62
- const imageEmits = {
63
- load: (evt) => evt instanceof Event,
64
- error: (evt) => evt instanceof Event,
65
- switch: (val) => types.isNumber(val),
66
- close: () => true,
67
- show: () => true
68
- };
232
+ var Image = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\openResource\\code-monkey-ui\\packages\\components\\image\\src\\image.vue"]]);
69
233
 
70
- exports.imageEmits = imageEmits;
71
- exports.imageProps = imageProps;
234
+ exports["default"] = Image;
72
235
  //# sourceMappingURL=image.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isNumber,\n mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const imageProps = buildProps({\n /**\n * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.\n */\n hideOnClickModal: Boolean,\n /**\n * @description image source, same as native.\n */\n src: {\n type: String,\n default: '',\n },\n /**\n * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\n */\n fit: {\n type: String,\n values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n default: '',\n },\n /**\n * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading)\n */\n loading: {\n type: String,\n values: ['eager', 'lazy'],\n },\n /**\n * @description whether to use lazy load.\n */\n lazy: Boolean,\n /**\n * @description the container to add scroll listener when using lazy load.\n */\n scrollContainer: {\n type: definePropType<string | HTMLElement | undefined>([String, Object]),\n },\n /**\n * @description allow big image preview.\n */\n previewSrcList: {\n type: definePropType<string[]>(Array),\n default: () => mutable([] as const),\n },\n /**\n * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.\n */\n previewTeleported: Boolean,\n /**\n * @description set image preview z-index.\n */\n zIndex: {\n type: Number,\n },\n /**\n * @description initial preview image index, less than the length of `url-list`.\n */\n initialIndex: {\n type: Number,\n default: 0,\n },\n /**\n * @description whether the viewer preview is infinite.\n */\n infinite: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the image-viewer can be closed by pressing ESC.\n */\n closeOnPressEscape: {\n type: Boolean,\n default: true,\n },\n /**\n * @description the zoom rate of the image viewer zoom event\n */\n zoomRate: {\n type: Number,\n default: 1.2,\n },\n /**\n * @description the min scale of the image viewer zoom event.\n */\n minScale: {\n type: Number,\n default: 0.2,\n },\n /**\n * @description the max scale of the image viewer zoom event.\n */\n maxScale: {\n type: Number,\n default: 7,\n },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n load: (evt: Event) => evt instanceof Event,\n error: (evt: Event) => evt instanceof Event,\n switch: (val: number) => isNumber(val),\n close: () => true,\n show: () => true,\n}\nexport type ImageEmits = typeof imageEmits\n"],"names":["buildProps","definePropType","mutable","isNumber"],"mappings":";;;;;;;;;AAMY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;AAClE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC7B,GAAG;AACH,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACrC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKC,cAAQ,CAAC,GAAG,CAAC;AAChC,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;;"}
1
+ {"version":3,"file":"image.js","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n <slot v-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n </slot>\n <template v-else>\n <img\n v-if=\"imageSrc !== undefined\"\n v-bind=\"attrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"imageKls\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading\" :class=\"ns.e('wrapper')\">\n <slot name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n </div>\n </template>\n <template v-if=\"preview\">\n <image-viewer\n v-if=\"showViewer\"\n :z-index=\"zIndex\"\n :initial-index=\"imageIndex\"\n :infinite=\"infinite\"\n :zoom-rate=\"zoomRate\"\n :min-scale=\"minScale\"\n :max-scale=\"maxScale\"\n :url-list=\"previewSrcList\"\n :hide-on-click-modal=\"hideOnClickModal\"\n :teleported=\"previewTeleported\"\n :close-on-press-escape=\"closeOnPressEscape\"\n @close=\"closeViewer\"\n @switch=\"switchViewer\"\n >\n <div v-if=\"$slots.viewer\">\n <slot name=\"viewer\" />\n </div>\n </image-viewer>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n watch,\n} from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n getScrollContainer,\n isClient,\n isElement,\n isInContainer,\n isString,\n} from '@element-plus/utils'\nimport { imageEmits, imageProps } from './image'\n\nimport type { CSSProperties, StyleValue } from 'vue'\n\ndefineOptions({\n name: 'ElImage',\n inheritAttrs: false,\n})\n\nconst props = defineProps(imageProps)\nconst emit = defineEmits(imageEmits)\n\nlet prevOverflow = ''\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\n\nconst imageSrc = ref<string | undefined>()\nconst hasLoadError = ref(false)\nconst isLoading = ref(true)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\nconst _scrollContainer = ref<HTMLElement | Window>()\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype\nlet stopScrollListener: (() => void) | undefined\nlet stopWheelListener: (() => void) | undefined\n\nconst imageKls = computed(() => [\n ns.e('inner'),\n preview.value && ns.e('preview'),\n isLoading.value && ns.is('loading'),\n])\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue)\n\nconst imageStyle = computed<CSSProperties>(() => {\n const { fit } = props\n if (isClient && fit) {\n return { objectFit: fit }\n }\n return {}\n})\n\nconst preview = computed(() => {\n const { previewSrcList } = props\n return Array.isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst imageIndex = computed(() => {\n const { previewSrcList, initialIndex } = props\n let previewIndex = initialIndex\n if (initialIndex > previewSrcList.length - 1) {\n previewIndex = 0\n }\n return previewIndex\n})\n\nconst isManual = computed(() => {\n if (props.loading === 'eager') return false\n return (!supportLoading && props.loading === 'lazy') || props.lazy\n})\n\nconst loadImage = () => {\n if (!isClient) return\n\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n imageSrc.value = props.src\n}\n\nfunction handleLoad(event: Event) {\n isLoading.value = false\n hasLoadError.value = false\n emit('load', event)\n}\n\nfunction handleError(event: Event) {\n isLoading.value = false\n hasLoadError.value = true\n emit('error', event)\n}\n\nfunction handleLazyLoad() {\n if (isInContainer(container.value, _scrollContainer.value)) {\n loadImage()\n removeLazyLoadListener()\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true)\n\nasync function addLazyLoadListener() {\n if (!isClient) return\n\n await nextTick()\n\n const { scrollContainer } = props\n if (isElement(scrollContainer)) {\n _scrollContainer.value = scrollContainer\n } else if (isString(scrollContainer) && scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n } else if (container.value) {\n _scrollContainer.value = getScrollContainer(container.value)\n }\n\n if (_scrollContainer.value) {\n stopScrollListener = useEventListener(\n _scrollContainer,\n 'scroll',\n lazyLoadHandler\n )\n setTimeout(() => handleLazyLoad(), 100)\n }\n}\n\nfunction removeLazyLoadListener() {\n if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return\n\n stopScrollListener?.()\n _scrollContainer.value = undefined\n}\n\nfunction wheelHandler(e: WheelEvent) {\n if (!e.ctrlKey) return\n\n if (e.deltaY < 0) {\n e.preventDefault()\n return false\n } else if (e.deltaY > 0) {\n e.preventDefault()\n return false\n }\n}\n\nfunction clickHandler() {\n // don't show viewer when preview is false\n if (!preview.value) return\n\n stopWheelListener = useEventListener('wheel', wheelHandler, {\n passive: false,\n })\n\n // prevent body scroll\n prevOverflow = document.body.style.overflow\n document.body.style.overflow = 'hidden'\n showViewer.value = true\n emit('show')\n}\n\nfunction closeViewer() {\n stopWheelListener?.()\n document.body.style.overflow = prevOverflow\n showViewer.value = false\n emit('close')\n}\n\nfunction switchViewer(val: number) {\n emit('switch', val)\n}\n\nwatch(\n () => props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n removeLazyLoadListener()\n addLazyLoadListener()\n } else {\n loadImage()\n }\n }\n)\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener()\n } else {\n loadImage()\n }\n})\n</script>\n"],"names":["useLocale","useNamespace","useRawAttrs","useAttrs","ref","isClient","computed","isInContainer","useThrottleFn","nextTick","isElement","isString","getScrollContainer","useEventListener","watch","onMounted"],"mappings":"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"}