@element-plus/nightly 0.0.20250703 → 0.0.20250705

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 (534) hide show
  1. package/dist/index.full.js +54 -24
  2. package/dist/index.full.min.js +11 -11
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +12 -12
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +54 -24
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hi.js +1 -1
  92. package/dist/locale/hi.min.js +1 -1
  93. package/dist/locale/hi.min.mjs +1 -1
  94. package/dist/locale/hi.mjs +1 -1
  95. package/dist/locale/hr.js +1 -1
  96. package/dist/locale/hr.min.js +1 -1
  97. package/dist/locale/hr.min.mjs +1 -1
  98. package/dist/locale/hr.mjs +1 -1
  99. package/dist/locale/hu.js +1 -1
  100. package/dist/locale/hu.min.js +1 -1
  101. package/dist/locale/hu.min.mjs +1 -1
  102. package/dist/locale/hu.mjs +1 -1
  103. package/dist/locale/hy-am.js +1 -1
  104. package/dist/locale/hy-am.min.js +1 -1
  105. package/dist/locale/hy-am.min.mjs +1 -1
  106. package/dist/locale/hy-am.mjs +1 -1
  107. package/dist/locale/id.js +1 -1
  108. package/dist/locale/id.min.js +1 -1
  109. package/dist/locale/id.min.mjs +1 -1
  110. package/dist/locale/id.mjs +1 -1
  111. package/dist/locale/it.js +1 -1
  112. package/dist/locale/it.min.js +1 -1
  113. package/dist/locale/it.min.mjs +1 -1
  114. package/dist/locale/it.mjs +1 -1
  115. package/dist/locale/ja.js +1 -1
  116. package/dist/locale/ja.min.js +1 -1
  117. package/dist/locale/ja.min.mjs +1 -1
  118. package/dist/locale/ja.mjs +1 -1
  119. package/dist/locale/kk.js +1 -1
  120. package/dist/locale/kk.min.js +1 -1
  121. package/dist/locale/kk.min.mjs +1 -1
  122. package/dist/locale/kk.mjs +1 -1
  123. package/dist/locale/km.js +1 -1
  124. package/dist/locale/km.min.js +1 -1
  125. package/dist/locale/km.min.mjs +1 -1
  126. package/dist/locale/km.mjs +1 -1
  127. package/dist/locale/ko.js +1 -1
  128. package/dist/locale/ko.min.js +1 -1
  129. package/dist/locale/ko.min.mjs +1 -1
  130. package/dist/locale/ko.mjs +1 -1
  131. package/dist/locale/ku.js +1 -1
  132. package/dist/locale/ku.min.js +1 -1
  133. package/dist/locale/ku.min.mjs +1 -1
  134. package/dist/locale/ku.mjs +1 -1
  135. package/dist/locale/ky.js +1 -1
  136. package/dist/locale/ky.min.js +1 -1
  137. package/dist/locale/ky.min.mjs +1 -1
  138. package/dist/locale/ky.mjs +1 -1
  139. package/dist/locale/lo.js +1 -1
  140. package/dist/locale/lo.min.js +1 -1
  141. package/dist/locale/lo.min.mjs +1 -1
  142. package/dist/locale/lo.mjs +1 -1
  143. package/dist/locale/lt.js +1 -1
  144. package/dist/locale/lt.min.js +1 -1
  145. package/dist/locale/lt.min.mjs +1 -1
  146. package/dist/locale/lt.mjs +1 -1
  147. package/dist/locale/lv.js +1 -1
  148. package/dist/locale/lv.min.js +1 -1
  149. package/dist/locale/lv.min.mjs +1 -1
  150. package/dist/locale/lv.mjs +1 -1
  151. package/dist/locale/mg.js +1 -1
  152. package/dist/locale/mg.min.js +1 -1
  153. package/dist/locale/mg.min.mjs +1 -1
  154. package/dist/locale/mg.mjs +1 -1
  155. package/dist/locale/mn.js +1 -1
  156. package/dist/locale/mn.min.js +1 -1
  157. package/dist/locale/mn.min.mjs +1 -1
  158. package/dist/locale/mn.mjs +1 -1
  159. package/dist/locale/ms.js +1 -1
  160. package/dist/locale/ms.min.js +1 -1
  161. package/dist/locale/ms.min.mjs +1 -1
  162. package/dist/locale/ms.mjs +1 -1
  163. package/dist/locale/my.js +1 -1
  164. package/dist/locale/my.min.js +1 -1
  165. package/dist/locale/my.min.mjs +1 -1
  166. package/dist/locale/my.mjs +1 -1
  167. package/dist/locale/nb-no.js +1 -1
  168. package/dist/locale/nb-no.min.js +1 -1
  169. package/dist/locale/nb-no.min.mjs +1 -1
  170. package/dist/locale/nb-no.mjs +1 -1
  171. package/dist/locale/nl.js +1 -1
  172. package/dist/locale/nl.min.js +1 -1
  173. package/dist/locale/nl.min.mjs +1 -1
  174. package/dist/locale/nl.mjs +1 -1
  175. package/dist/locale/no.js +1 -1
  176. package/dist/locale/no.min.js +1 -1
  177. package/dist/locale/no.min.mjs +1 -1
  178. package/dist/locale/no.mjs +1 -1
  179. package/dist/locale/pa.js +1 -1
  180. package/dist/locale/pa.min.js +1 -1
  181. package/dist/locale/pa.min.mjs +1 -1
  182. package/dist/locale/pa.mjs +1 -1
  183. package/dist/locale/pl.js +1 -1
  184. package/dist/locale/pl.min.js +1 -1
  185. package/dist/locale/pl.min.mjs +1 -1
  186. package/dist/locale/pl.mjs +1 -1
  187. package/dist/locale/pt-br.js +1 -1
  188. package/dist/locale/pt-br.min.js +1 -1
  189. package/dist/locale/pt-br.min.mjs +1 -1
  190. package/dist/locale/pt-br.mjs +1 -1
  191. package/dist/locale/pt.js +1 -1
  192. package/dist/locale/pt.min.js +1 -1
  193. package/dist/locale/pt.min.mjs +1 -1
  194. package/dist/locale/pt.mjs +1 -1
  195. package/dist/locale/ro.js +1 -1
  196. package/dist/locale/ro.min.js +1 -1
  197. package/dist/locale/ro.min.mjs +1 -1
  198. package/dist/locale/ro.mjs +1 -1
  199. package/dist/locale/ru.js +1 -1
  200. package/dist/locale/ru.min.js +1 -1
  201. package/dist/locale/ru.min.mjs +1 -1
  202. package/dist/locale/ru.mjs +1 -1
  203. package/dist/locale/sk.js +1 -1
  204. package/dist/locale/sk.min.js +1 -1
  205. package/dist/locale/sk.min.mjs +1 -1
  206. package/dist/locale/sk.mjs +1 -1
  207. package/dist/locale/sl.js +1 -1
  208. package/dist/locale/sl.min.js +1 -1
  209. package/dist/locale/sl.min.mjs +1 -1
  210. package/dist/locale/sl.mjs +1 -1
  211. package/dist/locale/sr.js +1 -1
  212. package/dist/locale/sr.min.js +1 -1
  213. package/dist/locale/sr.min.mjs +1 -1
  214. package/dist/locale/sr.mjs +1 -1
  215. package/dist/locale/sv.js +1 -1
  216. package/dist/locale/sv.min.js +1 -1
  217. package/dist/locale/sv.min.mjs +1 -1
  218. package/dist/locale/sv.mjs +1 -1
  219. package/dist/locale/sw.js +1 -1
  220. package/dist/locale/sw.min.js +1 -1
  221. package/dist/locale/sw.min.mjs +1 -1
  222. package/dist/locale/sw.mjs +1 -1
  223. package/dist/locale/ta.js +1 -1
  224. package/dist/locale/ta.min.js +1 -1
  225. package/dist/locale/ta.min.mjs +1 -1
  226. package/dist/locale/ta.mjs +1 -1
  227. package/dist/locale/te.js +1 -1
  228. package/dist/locale/te.min.js +1 -1
  229. package/dist/locale/te.min.mjs +1 -1
  230. package/dist/locale/te.mjs +1 -1
  231. package/dist/locale/th.js +1 -1
  232. package/dist/locale/th.min.js +1 -1
  233. package/dist/locale/th.min.mjs +1 -1
  234. package/dist/locale/th.mjs +1 -1
  235. package/dist/locale/tk.js +1 -1
  236. package/dist/locale/tk.min.js +1 -1
  237. package/dist/locale/tk.min.mjs +1 -1
  238. package/dist/locale/tk.mjs +1 -1
  239. package/dist/locale/tr.js +1 -1
  240. package/dist/locale/tr.min.js +1 -1
  241. package/dist/locale/tr.min.mjs +1 -1
  242. package/dist/locale/tr.mjs +1 -1
  243. package/dist/locale/ug-cn.js +1 -1
  244. package/dist/locale/ug-cn.min.js +1 -1
  245. package/dist/locale/ug-cn.min.mjs +1 -1
  246. package/dist/locale/ug-cn.mjs +1 -1
  247. package/dist/locale/uk.js +1 -1
  248. package/dist/locale/uk.min.js +1 -1
  249. package/dist/locale/uk.min.mjs +1 -1
  250. package/dist/locale/uk.mjs +1 -1
  251. package/dist/locale/uz-uz.js +1 -1
  252. package/dist/locale/uz-uz.min.js +1 -1
  253. package/dist/locale/uz-uz.min.mjs +1 -1
  254. package/dist/locale/uz-uz.mjs +1 -1
  255. package/dist/locale/vi.js +1 -1
  256. package/dist/locale/vi.min.js +1 -1
  257. package/dist/locale/vi.min.mjs +1 -1
  258. package/dist/locale/vi.mjs +1 -1
  259. package/dist/locale/zh-cn.js +1 -1
  260. package/dist/locale/zh-cn.min.js +1 -1
  261. package/dist/locale/zh-cn.min.mjs +1 -1
  262. package/dist/locale/zh-cn.mjs +1 -1
  263. package/dist/locale/zh-hk.js +1 -1
  264. package/dist/locale/zh-hk.min.js +1 -1
  265. package/dist/locale/zh-hk.min.mjs +1 -1
  266. package/dist/locale/zh-hk.mjs +1 -1
  267. package/dist/locale/zh-mo.js +1 -1
  268. package/dist/locale/zh-mo.min.js +1 -1
  269. package/dist/locale/zh-mo.min.mjs +1 -1
  270. package/dist/locale/zh-mo.mjs +1 -1
  271. package/dist/locale/zh-tw.js +1 -1
  272. package/dist/locale/zh-tw.min.js +1 -1
  273. package/dist/locale/zh-tw.min.mjs +1 -1
  274. package/dist/locale/zh-tw.mjs +1 -1
  275. package/es/components/breadcrumb/index.mjs +2 -2
  276. package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -8
  277. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  278. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +8 -56
  279. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  280. package/es/components/button/index.mjs +2 -2
  281. package/es/components/button/src/button-group.mjs +1 -1
  282. package/es/components/button/src/button.mjs +87 -62
  283. package/es/components/button/src/button.mjs.map +1 -1
  284. package/es/components/button/src/button2.mjs +62 -87
  285. package/es/components/button/src/button2.mjs.map +1 -1
  286. package/es/components/carousel/src/constants.d.ts +2 -1
  287. package/es/components/carousel/src/constants.mjs.map +1 -1
  288. package/es/components/carousel/src/use-carousel-item.mjs +1 -0
  289. package/es/components/carousel/src/use-carousel-item.mjs.map +1 -1
  290. package/es/components/cascader-panel/src/index.mjs +1 -1
  291. package/es/components/cascader-panel/src/menu.mjs +1 -1
  292. package/es/components/cascader-panel/src/node.mjs +178 -115
  293. package/es/components/cascader-panel/src/node.mjs.map +1 -1
  294. package/es/components/cascader-panel/src/node2.mjs +115 -178
  295. package/es/components/cascader-panel/src/node2.mjs.map +1 -1
  296. package/es/components/cascader-panel/src/store.mjs +1 -1
  297. package/es/components/checkbox/index.mjs +2 -2
  298. package/es/components/checkbox/src/checkbox-group.mjs +72 -30
  299. package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
  300. package/es/components/checkbox/src/checkbox-group2.mjs +30 -72
  301. package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
  302. package/es/components/col/index.mjs +2 -2
  303. package/es/components/col/src/col.mjs +64 -43
  304. package/es/components/col/src/col.mjs.map +1 -1
  305. package/es/components/col/src/col2.mjs +43 -64
  306. package/es/components/col/src/col2.mjs.map +1 -1
  307. package/es/components/color-picker/index.mjs +2 -2
  308. package/es/components/color-picker/src/color-picker.mjs +399 -44
  309. package/es/components/color-picker/src/color-picker.mjs.map +1 -1
  310. package/es/components/color-picker/src/color-picker2.mjs +44 -399
  311. package/es/components/color-picker/src/color-picker2.mjs.map +1 -1
  312. package/es/components/color-picker/src/components/predefine.mjs +1 -1
  313. package/es/components/dialog/src/dialog-content.mjs +88 -29
  314. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  315. package/es/components/dialog/src/dialog-content2.mjs +29 -88
  316. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  317. package/es/components/dialog/src/dialog.mjs +1 -1
  318. package/es/components/dialog/src/dialog2.mjs +1 -1
  319. package/es/components/index.mjs +11 -11
  320. package/es/components/link/index.mjs +2 -2
  321. package/es/components/link/src/link.mjs +71 -25
  322. package/es/components/link/src/link.mjs.map +1 -1
  323. package/es/components/link/src/link2.mjs +25 -71
  324. package/es/components/link/src/link2.mjs.map +1 -1
  325. package/es/components/menu/index.mjs +2 -2
  326. package/es/components/menu/src/menu-item.mjs +15 -100
  327. package/es/components/menu/src/menu-item.mjs.map +1 -1
  328. package/es/components/menu/src/menu-item2.mjs +100 -15
  329. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  330. package/es/components/pagination/src/components/jumper.mjs +7 -58
  331. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  332. package/es/components/pagination/src/components/jumper2.mjs +58 -7
  333. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  334. package/es/components/pagination/src/components/prev.mjs +17 -35
  335. package/es/components/pagination/src/components/prev.mjs.map +1 -1
  336. package/es/components/pagination/src/components/prev2.mjs +35 -17
  337. package/es/components/pagination/src/components/prev2.mjs.map +1 -1
  338. package/es/components/pagination/src/pagination.mjs +2 -2
  339. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  340. package/es/components/result/index.mjs +2 -2
  341. package/es/components/result/src/result.mjs +62 -30
  342. package/es/components/result/src/result.mjs.map +1 -1
  343. package/es/components/result/src/result2.mjs +30 -62
  344. package/es/components/result/src/result2.mjs.map +1 -1
  345. package/es/components/scrollbar/src/bar.mjs +10 -64
  346. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  347. package/es/components/scrollbar/src/bar2.mjs +64 -10
  348. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  349. package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
  350. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  351. package/es/components/splitter/index.mjs +2 -2
  352. package/es/components/splitter/src/split-panel2.mjs +1 -0
  353. package/es/components/splitter/src/split-panel2.mjs.map +1 -1
  354. package/es/components/splitter/src/splitter.mjs +80 -7
  355. package/es/components/splitter/src/splitter.mjs.map +1 -1
  356. package/es/components/splitter/src/splitter2.mjs +7 -80
  357. package/es/components/splitter/src/splitter2.mjs.map +1 -1
  358. package/es/components/splitter/src/type.d.ts +2 -1
  359. package/es/components/splitter/src/type.mjs.map +1 -1
  360. package/es/components/statistic/index.mjs +2 -2
  361. package/es/components/statistic/src/statistic.mjs +69 -25
  362. package/es/components/statistic/src/statistic.mjs.map +1 -1
  363. package/es/components/statistic/src/statistic2.mjs +25 -69
  364. package/es/components/statistic/src/statistic2.mjs.map +1 -1
  365. package/es/components/steps/src/item.vue.d.ts +2 -1
  366. package/es/components/steps/src/item2.mjs +1 -0
  367. package/es/components/steps/src/item2.mjs.map +1 -1
  368. package/es/components/tabs/src/constants.d.ts +4 -1
  369. package/es/components/tabs/src/constants.mjs.map +1 -1
  370. package/es/components/tabs/src/tab-bar.d.ts +4 -0
  371. package/es/components/tabs/src/tab-bar.vue.d.ts +9 -0
  372. package/es/components/tabs/src/tab-nav.d.ts +16 -0
  373. package/es/components/tabs/src/tab-nav.mjs +5 -2
  374. package/es/components/tabs/src/tab-nav.mjs.map +1 -1
  375. package/es/components/tabs/src/tab-pane2.mjs +6 -1
  376. package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
  377. package/es/components/tabs/src/tabs.d.ts +2 -1
  378. package/es/components/tabs/src/tabs.mjs +16 -17
  379. package/es/components/tabs/src/tabs.mjs.map +1 -1
  380. package/es/components/tooltip-v2/index.mjs +2 -2
  381. package/es/components/tooltip-v2/src/arrow.mjs +37 -21
  382. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  383. package/es/components/tooltip-v2/src/arrow2.mjs +21 -37
  384. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  385. package/es/components/tooltip-v2/src/content.mjs +48 -110
  386. package/es/components/tooltip-v2/src/content.mjs.map +1 -1
  387. package/es/components/tooltip-v2/src/content2.mjs +110 -48
  388. package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
  389. package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
  390. package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
  391. package/es/components/tour/index.mjs +2 -2
  392. package/es/components/tour/src/step.mjs +44 -168
  393. package/es/components/tour/src/step.mjs.map +1 -1
  394. package/es/components/tour/src/step2.mjs +168 -44
  395. package/es/components/tour/src/step2.mjs.map +1 -1
  396. package/es/hooks/use-ordered-children/index.d.ts +5 -2
  397. package/es/hooks/use-ordered-children/index.mjs +22 -1
  398. package/es/hooks/use-ordered-children/index.mjs.map +1 -1
  399. package/es/index.d.ts +38 -3
  400. package/es/index.mjs +11 -11
  401. package/es/version.d.ts +1 -1
  402. package/es/version.mjs +1 -1
  403. package/es/version.mjs.map +1 -1
  404. package/lib/components/breadcrumb/index.js +2 -2
  405. package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -8
  406. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  407. package/lib/components/breadcrumb/src/breadcrumb-item2.js +8 -56
  408. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  409. package/lib/components/button/index.js +2 -2
  410. package/lib/components/button/src/button-group.js +1 -1
  411. package/lib/components/button/src/button.js +87 -65
  412. package/lib/components/button/src/button.js.map +1 -1
  413. package/lib/components/button/src/button2.js +65 -87
  414. package/lib/components/button/src/button2.js.map +1 -1
  415. package/lib/components/carousel/src/constants.d.ts +2 -1
  416. package/lib/components/carousel/src/constants.js.map +1 -1
  417. package/lib/components/carousel/src/use-carousel-item.js +1 -0
  418. package/lib/components/carousel/src/use-carousel-item.js.map +1 -1
  419. package/lib/components/cascader-panel/src/index.js +1 -1
  420. package/lib/components/cascader-panel/src/menu.js +1 -1
  421. package/lib/components/cascader-panel/src/node.js +178 -115
  422. package/lib/components/cascader-panel/src/node.js.map +1 -1
  423. package/lib/components/cascader-panel/src/node2.js +115 -178
  424. package/lib/components/cascader-panel/src/node2.js.map +1 -1
  425. package/lib/components/cascader-panel/src/store.js +1 -1
  426. package/lib/components/checkbox/index.js +2 -2
  427. package/lib/components/checkbox/src/checkbox-group.js +71 -30
  428. package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
  429. package/lib/components/checkbox/src/checkbox-group2.js +30 -71
  430. package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
  431. package/lib/components/col/index.js +2 -2
  432. package/lib/components/col/src/col.js +64 -43
  433. package/lib/components/col/src/col.js.map +1 -1
  434. package/lib/components/col/src/col2.js +43 -64
  435. package/lib/components/col/src/col2.js.map +1 -1
  436. package/lib/components/color-picker/index.js +2 -2
  437. package/lib/components/color-picker/src/color-picker.js +398 -45
  438. package/lib/components/color-picker/src/color-picker.js.map +1 -1
  439. package/lib/components/color-picker/src/color-picker2.js +45 -398
  440. package/lib/components/color-picker/src/color-picker2.js.map +1 -1
  441. package/lib/components/color-picker/src/components/predefine.js +1 -1
  442. package/lib/components/dialog/src/dialog-content.js +87 -29
  443. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  444. package/lib/components/dialog/src/dialog-content2.js +29 -87
  445. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  446. package/lib/components/dialog/src/dialog.js +1 -1
  447. package/lib/components/dialog/src/dialog2.js +1 -1
  448. package/lib/components/index.js +11 -11
  449. package/lib/components/link/index.js +2 -2
  450. package/lib/components/link/src/link.js +71 -26
  451. package/lib/components/link/src/link.js.map +1 -1
  452. package/lib/components/link/src/link2.js +26 -71
  453. package/lib/components/link/src/link2.js.map +1 -1
  454. package/lib/components/menu/index.js +2 -2
  455. package/lib/components/menu/src/menu-item.js +16 -100
  456. package/lib/components/menu/src/menu-item.js.map +1 -1
  457. package/lib/components/menu/src/menu-item2.js +100 -16
  458. package/lib/components/menu/src/menu-item2.js.map +1 -1
  459. package/lib/components/pagination/src/components/jumper.js +7 -58
  460. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  461. package/lib/components/pagination/src/components/jumper2.js +58 -7
  462. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  463. package/lib/components/pagination/src/components/prev.js +18 -35
  464. package/lib/components/pagination/src/components/prev.js.map +1 -1
  465. package/lib/components/pagination/src/components/prev2.js +35 -18
  466. package/lib/components/pagination/src/components/prev2.js.map +1 -1
  467. package/lib/components/pagination/src/pagination.js +2 -2
  468. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  469. package/lib/components/result/index.js +2 -2
  470. package/lib/components/result/src/result.js +62 -32
  471. package/lib/components/result/src/result.js.map +1 -1
  472. package/lib/components/result/src/result2.js +32 -62
  473. package/lib/components/result/src/result2.js.map +1 -1
  474. package/lib/components/scrollbar/src/bar.js +10 -64
  475. package/lib/components/scrollbar/src/bar.js.map +1 -1
  476. package/lib/components/scrollbar/src/bar2.js +64 -10
  477. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  478. package/lib/components/scrollbar/src/scrollbar2.js +1 -1
  479. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  480. package/lib/components/splitter/index.js +2 -2
  481. package/lib/components/splitter/src/split-panel2.js +1 -0
  482. package/lib/components/splitter/src/split-panel2.js.map +1 -1
  483. package/lib/components/splitter/src/splitter.js +80 -7
  484. package/lib/components/splitter/src/splitter.js.map +1 -1
  485. package/lib/components/splitter/src/splitter2.js +7 -80
  486. package/lib/components/splitter/src/splitter2.js.map +1 -1
  487. package/lib/components/splitter/src/type.d.ts +2 -1
  488. package/lib/components/splitter/src/type.js.map +1 -1
  489. package/lib/components/statistic/index.js +2 -2
  490. package/lib/components/statistic/src/statistic.js +69 -25
  491. package/lib/components/statistic/src/statistic.js.map +1 -1
  492. package/lib/components/statistic/src/statistic2.js +25 -69
  493. package/lib/components/statistic/src/statistic2.js.map +1 -1
  494. package/lib/components/steps/src/item.vue.d.ts +2 -1
  495. package/lib/components/steps/src/item2.js +1 -0
  496. package/lib/components/steps/src/item2.js.map +1 -1
  497. package/lib/components/tabs/src/constants.d.ts +4 -1
  498. package/lib/components/tabs/src/constants.js.map +1 -1
  499. package/lib/components/tabs/src/tab-bar.d.ts +4 -0
  500. package/lib/components/tabs/src/tab-bar.vue.d.ts +9 -0
  501. package/lib/components/tabs/src/tab-nav.d.ts +16 -0
  502. package/lib/components/tabs/src/tab-nav.js +4 -1
  503. package/lib/components/tabs/src/tab-nav.js.map +1 -1
  504. package/lib/components/tabs/src/tab-pane2.js +5 -0
  505. package/lib/components/tabs/src/tab-pane2.js.map +1 -1
  506. package/lib/components/tabs/src/tabs.d.ts +2 -1
  507. package/lib/components/tabs/src/tabs.js +16 -17
  508. package/lib/components/tabs/src/tabs.js.map +1 -1
  509. package/lib/components/tooltip-v2/index.js +2 -2
  510. package/lib/components/tooltip-v2/src/arrow.js +37 -22
  511. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  512. package/lib/components/tooltip-v2/src/arrow2.js +22 -37
  513. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  514. package/lib/components/tooltip-v2/src/content.js +48 -110
  515. package/lib/components/tooltip-v2/src/content.js.map +1 -1
  516. package/lib/components/tooltip-v2/src/content2.js +110 -48
  517. package/lib/components/tooltip-v2/src/content2.js.map +1 -1
  518. package/lib/components/tooltip-v2/src/tooltip.js +2 -2
  519. package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
  520. package/lib/components/tour/index.js +2 -2
  521. package/lib/components/tour/src/step.js +44 -167
  522. package/lib/components/tour/src/step.js.map +1 -1
  523. package/lib/components/tour/src/step2.js +167 -44
  524. package/lib/components/tour/src/step2.js.map +1 -1
  525. package/lib/hooks/use-ordered-children/index.d.ts +5 -2
  526. package/lib/hooks/use-ordered-children/index.js +21 -0
  527. package/lib/hooks/use-ordered-children/index.js.map +1 -1
  528. package/lib/index.d.ts +38 -3
  529. package/lib/index.js +11 -11
  530. package/lib/version.d.ts +1 -1
  531. package/lib/version.js +1 -1
  532. package/lib/version.js.map +1 -1
  533. package/package.json +2 -2
  534. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n always: {\n type: Boolean,\n default: true,\n },\n minSize: {\n type: Number,\n required: true,\n },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n <thumb\n :move=\"moveY\"\n :ratio=\"ratioY\"\n :size=\"sizeHeight\"\n vertical\n :always=\"always\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\nimport { scrollbarContextKey } from './constants'\n\nconst props = defineProps(barProps)\n\nconst scrollbar = inject(scrollbarContextKey)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\nconst sizeWidth = ref('')\nconst sizeHeight = ref('')\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n if (wrap) {\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * ratioY.value\n moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * ratioX.value\n }\n}\n\nconst update = () => {\n const wrap = scrollbar?.wrapElement\n if (!wrap) return\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n\n const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n const height = Math.max(originalHeight, props.minSize)\n const width = Math.max(originalWidth, props.minSize)\n\n ratioY.value =\n originalHeight /\n (offsetHeight - originalHeight) /\n (height / (offsetHeight - height))\n ratioX.value =\n originalWidth /\n (offsetWidth - originalWidth) /\n (width / (offsetWidth - width))\n\n sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\ndefineExpose({\n handleScroll,\n update,\n})\n</script>\n"],"names":["inject","scrollbarContextKey","ref","GAP"],"mappings":";;;;;;;;;;;;;;;;AAoBA,IAAM,MAAA,SAAA,GAAYA,WAAOC,6BAAmB,CAAA,CAAA;AAE5C,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,SAAA,GAAYA,QAAI,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAAC,QAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAAA,QAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,MAAO,CAAA,KAAA,CAAA;AAC/D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,MAAO,CAAA,KAAA,CAAA;AAAA,OACjE;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA;AACxB,MAAA,IAAI,CAAC,IAAM;AACX,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,OAAmB,CAAc,YAAA,GAAAA,QAAA,CAAA;AAEvC,MAAM,MAAA,WAAA,GAAA,IAAiC,CAAA,WAAA,GAAAA,QAAA,CAAI;AAC3C,MAAM,MAAA,cAAA,GAA+B,YAAA,IAAA,CAAA,GAAS,IAAA,CAAA,YAAA,CAAA;AAC9C,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,QAAsB,WAAO,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CAAA,UACL,IAAc,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,qBAA4B,IAAA,WAAqB,GAAA,aAAgB,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,SAAgB,MAAA,GAAAA,QAAA,GAAoB,YAAA,GAAG,SAAY,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAAA,QAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAa,CAAA;AAAA,IACX,MAAA,CAAA;AAAA,MACA,YAAA;AAAA,MACD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
6
  var core = require('@vueuse/core');
7
- var bar = require('./bar.js');
7
+ var bar = require('./bar2.js');
8
8
  var constants = require('./constants.js');
9
9
  var scrollbar = require('./scrollbar.js');
10
10
  var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
@@ -1 +1 @@
1
- {"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight,\n top: wrapScrollTop <= 0 && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= 0 && prevLeft !== 0,\n }\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":"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"}
1
+ {"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight,\n top: wrapScrollTop <= 0 && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= 0 && prevLeft !== 0,\n }\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":"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"}
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var splitter$1 = require('./src/splitter2.js');
5
+ var splitter$1 = require('./src/splitter.js');
6
6
  var splitPanel$1 = require('./src/split-panel2.js');
7
- var splitter = require('./src/splitter.js');
7
+ var splitter = require('./src/splitter2.js');
8
8
  var splitPanel = require('./src/split-panel.js');
9
9
  var install = require('../../utils/vue/install.js');
10
10
 
@@ -113,6 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
113
113
  const _panel = vue.reactive({
114
114
  el: panelEl.value,
115
115
  uid,
116
+ getVnode: () => instance.vnode,
116
117
  setIndex,
117
118
  ...props,
118
119
  collapsible: usePanel.getCollapsible(props.collapsible)
@@ -1 +1 @@
1
- {"version":3,"file":"split-panel2.js","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n computed,\n getCurrentInstance,\n inject,\n nextTick,\n onBeforeUnmount,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelProps } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(splitterPanelProps)\n\nconst emits = defineEmits<{\n (e: 'update:size', value: number): void\n}>()\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n throwError(\n COMPONENT_NAME,\n 'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n )\n\nconst { panels, layout, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n registerPanel,\n unregisterPanel,\n onCollapse,\n onMoveEnd,\n onMoveStart,\n onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst panelSize = computed(() => {\n if (!panel.value) return 0\n return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n if (!panel.value) return 0\n return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n if (panel.value) {\n return panels.value[index.value + 1]\n }\n return null\n})\n\nconst isResizable = computed(() => {\n if (!nextPanel.value) return false\n return (\n props.resizable &&\n nextPanel.value?.resizable &&\n // If it is 0, it means it is collapsed => check if the minimum value is set\n (panelSize.value !== 0 || !props.min) &&\n (nextSize.value !== 0 || !nextPanel.value.min)\n )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n if (!panel.value) return false\n return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n if (isPct(str)) {\n return getPct(str) * containerSize.value || 0\n } else if (isPx(str)) {\n return getPx(str)\n }\n return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n () => props.size,\n () => {\n if (panel.value) {\n const size = sizeToPx(props.size)\n const maxSize = sizeToPx(props.max)\n const minSize = sizeToPx(props.min)\n\n // Ensure it is within the maximum and minimum value range\n const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n if (finalSize !== size) {\n isSizeUpdating = true\n emits('update:size', finalSize)\n }\n\n panel.value.size = finalSize\n nextTick(() => (isSizeUpdating = false))\n }\n }\n)\n\nwatch(\n () => panel.value?.size,\n (val) => {\n if (!isSizeUpdating && val !== props.size) {\n emits('update:size', val as number)\n }\n }\n)\n\nwatch(\n () => props.resizable,\n (val) => {\n if (panel.value) {\n panel.value.resizable = val\n }\n }\n)\n\nconst _panel = reactive({\n el: panelEl.value!,\n uid,\n setIndex,\n ...props,\n collapsible: getCollapsible(props.collapsible),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n</script>\n\n<template>\n <div\n ref=\"panelEl\"\n :class=\"[ns.b()]\"\n :style=\"{ flexBasis: `${panelSize}px` }\"\n v-bind=\"$attrs\"\n >\n <slot />\n </div>\n <SplitBar\n v-if=\"isShowBar\"\n :index=\"index\"\n :layout=\"layout\"\n :resizable=\"isResizable\"\n :start-collapsible=\"startCollapsible\"\n :end-collapsible=\"endCollapsible\"\n @move-start=\"onMoveStart\"\n @moving=\"onMoving\"\n @move-end=\"onMoveEnd\"\n @collapse=\"onCollapse\"\n >\n <template #start-collapsible>\n <slot name=\"start-collapsible\" />\n </template>\n <template #end-collapsible>\n <slot name=\"end-collapsible\" />\n </template>\n </SplitBar>\n</template>\n"],"names":["useNamespace","inject","splitterRootContextKey","throwError","toRefs","ref","getCurrentInstance","index","computed","isCollapsible","isPct","getPct","isPx","getPx","watch","nextTick","reactive","getCollapsible","onBeforeUnmount","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_mergeProps","_unref"],"mappings":"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"}
1
+ {"version":3,"file":"split-panel2.js","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n computed,\n getCurrentInstance,\n inject,\n nextTick,\n onBeforeUnmount,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelProps } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(splitterPanelProps)\n\nconst emits = defineEmits<{\n (e: 'update:size', value: number): void\n}>()\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n throwError(\n COMPONENT_NAME,\n 'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n )\n\nconst { panels, layout, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n registerPanel,\n unregisterPanel,\n onCollapse,\n onMoveEnd,\n onMoveStart,\n onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst panelSize = computed(() => {\n if (!panel.value) return 0\n return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n if (!panel.value) return 0\n return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n if (panel.value) {\n return panels.value[index.value + 1]\n }\n return null\n})\n\nconst isResizable = computed(() => {\n if (!nextPanel.value) return false\n return (\n props.resizable &&\n nextPanel.value?.resizable &&\n // If it is 0, it means it is collapsed => check if the minimum value is set\n (panelSize.value !== 0 || !props.min) &&\n (nextSize.value !== 0 || !nextPanel.value.min)\n )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n if (!panel.value) return false\n return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n if (isPct(str)) {\n return getPct(str) * containerSize.value || 0\n } else if (isPx(str)) {\n return getPx(str)\n }\n return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n () => props.size,\n () => {\n if (panel.value) {\n const size = sizeToPx(props.size)\n const maxSize = sizeToPx(props.max)\n const minSize = sizeToPx(props.min)\n\n // Ensure it is within the maximum and minimum value range\n const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n if (finalSize !== size) {\n isSizeUpdating = true\n emits('update:size', finalSize)\n }\n\n panel.value.size = finalSize\n nextTick(() => (isSizeUpdating = false))\n }\n }\n)\n\nwatch(\n () => panel.value?.size,\n (val) => {\n if (!isSizeUpdating && val !== props.size) {\n emits('update:size', val as number)\n }\n }\n)\n\nwatch(\n () => props.resizable,\n (val) => {\n if (panel.value) {\n panel.value.resizable = val\n }\n }\n)\n\nconst _panel = reactive({\n el: panelEl.value!,\n uid,\n getVnode: () => instance.vnode,\n setIndex,\n ...props,\n collapsible: getCollapsible(props.collapsible),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n</script>\n\n<template>\n <div\n ref=\"panelEl\"\n :class=\"[ns.b()]\"\n :style=\"{ flexBasis: `${panelSize}px` }\"\n v-bind=\"$attrs\"\n >\n <slot />\n </div>\n <SplitBar\n v-if=\"isShowBar\"\n :index=\"index\"\n :layout=\"layout\"\n :resizable=\"isResizable\"\n :start-collapsible=\"startCollapsible\"\n :end-collapsible=\"endCollapsible\"\n @move-start=\"onMoveStart\"\n @moving=\"onMoving\"\n @move-end=\"onMoveEnd\"\n @collapse=\"onCollapse\"\n >\n <template #start-collapsible>\n <slot name=\"start-collapsible\" />\n </template>\n <template #end-collapsible>\n <slot name=\"end-collapsible\" />\n </template>\n </SplitBar>\n</template>\n"],"names":["useNamespace","inject","splitterRootContextKey","throwError","toRefs","ref","getCurrentInstance","index","computed","isCollapsible","isPct","getPct","isPx","getPx","watch","nextTick","reactive","getCollapsible","onBeforeUnmount","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_mergeProps","_unref"],"mappings":"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"}
@@ -2,15 +2,88 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var splitter = require('./splitter2.js');
7
+ var type = require('./type.js');
8
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
+ var useContainer = require('./hooks/useContainer.js');
10
+ var useSize = require('./hooks/useSize.js');
11
+ var useResize = require('./hooks/useResize.js');
12
+ var index = require('../../../hooks/use-namespace/index.js');
13
+ var index$1 = require('../../../hooks/use-ordered-children/index.js');
6
14
 
7
- const splitterProps = runtime.buildProps({
8
- layout: {
9
- type: String,
10
- default: "horizontal",
11
- values: ["horizontal", "vertical"]
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElSplitter"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: splitter.splitterProps,
21
+ emits: ["resizeStart", "resize", "resizeEnd", "collapse"],
22
+ setup(__props, { emit: emits }) {
23
+ const props = __props;
24
+ const ns = index.useNamespace("splitter");
25
+ const { containerEl, containerSize } = useContainer.useContainer(vue.toRef(props, "layout"));
26
+ const {
27
+ removeChild: unregisterPanel,
28
+ children: panels,
29
+ addChild: registerPanel,
30
+ ChildrenSorter: PanelsSorter
31
+ } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
32
+ vue.watch(panels, () => {
33
+ panels.value.forEach((instance, index) => {
34
+ instance.setIndex(index);
35
+ });
36
+ });
37
+ const { percentSizes, pxSizes } = useSize.useSize(panels, containerSize);
38
+ const { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize.useResize(panels, containerSize, pxSizes);
39
+ const onResizeStart = (index) => {
40
+ onMoveStart(index);
41
+ emits("resizeStart", index, pxSizes.value);
42
+ };
43
+ const onResize = (index, offset) => {
44
+ onMoving(index, offset);
45
+ emits("resize", index, pxSizes.value);
46
+ };
47
+ const onResizeEnd = (index) => {
48
+ onMoveEnd();
49
+ emits("resizeEnd", index, pxSizes.value);
50
+ };
51
+ const onCollapsible = (index, type) => {
52
+ onCollapse(index, type);
53
+ emits("collapse", index, type, pxSizes.value);
54
+ };
55
+ vue.provide(type.splitterRootContextKey, vue.reactive({
56
+ panels,
57
+ percentSizes,
58
+ pxSizes,
59
+ layout: props.layout,
60
+ movingIndex,
61
+ containerSize,
62
+ onMoveStart: onResizeStart,
63
+ onMoving: onResize,
64
+ onMoveEnd: onResizeEnd,
65
+ onCollapse: onCollapsible,
66
+ registerPanel,
67
+ unregisterPanel
68
+ }));
69
+ return (_ctx, _cache) => {
70
+ return vue.openBlock(), vue.createElementBlock("div", {
71
+ ref_key: "containerEl",
72
+ ref: containerEl,
73
+ class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(_ctx.layout)])
74
+ }, [
75
+ vue.renderSlot(_ctx.$slots, "default"),
76
+ vue.createVNode(vue.unref(PanelsSorter)),
77
+ vue.createCommentVNode(" Prevent iframe touch events from breaking "),
78
+ vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
79
+ key: 0,
80
+ class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${_ctx.layout}`)])
81
+ }, null, 2)) : vue.createCommentVNode("v-if", true)
82
+ ], 2);
83
+ };
12
84
  }
13
85
  });
86
+ var Splitter = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "splitter.vue"]]);
14
87
 
15
- exports.splitterProps = splitterProps;
88
+ exports["default"] = Splitter;
16
89
  //# sourceMappingURL=splitter.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"splitter.js","sources":["../../../../../../packages/components/splitter/src/splitter.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Splitter from './splitter.vue'\n\nexport const splitterProps = buildProps({\n layout: {\n type: String,\n default: 'horizontal',\n values: ['horizontal', 'vertical'] as const,\n },\n} as const)\n\nexport type SplitterProps = ExtractPropTypes<typeof splitterProps>\nexport type SplitterInstance = InstanceType<typeof Splitter> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"splitter.js","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, provide, reactive, toRef, watch } from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterProps } from './splitter'\nimport { type PanelItemState, splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n name: 'ElSplitter',\n})\n\nconst emits = defineEmits<{\n (e: 'resizeStart', index: number, sizes: number[]): void\n (e: 'resize', index: number, sizes: number[]): void\n (e: 'resizeEnd', index: number, sizes: number[]): void\n (e: 'collapse', index: number, type: 'start' | 'end', sizes: number[]): void\n}>()\n\nconst props = defineProps(splitterProps)\n\nconst { containerEl, containerSize } = useContainer(toRef(props, 'layout'))\n\nconst {\n removeChild: unregisterPanel,\n children: panels,\n addChild: registerPanel,\n ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n panels.value.forEach((instance: PanelItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize(\n panels,\n containerSize,\n pxSizes\n)\n\nconst onResizeStart = (index: number) => {\n onMoveStart(index)\n emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n onMoving(index, offset)\n emits('resize', index, pxSizes.value)\n}\n\nconst onResizeEnd = (index: number) => {\n onMoveEnd()\n emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n onCollapse(index, type)\n emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n splitterRootContextKey,\n reactive({\n panels,\n percentSizes,\n pxSizes,\n layout: props.layout,\n movingIndex,\n containerSize,\n onMoveStart: onResizeStart,\n onMoving: onResize,\n onMoveEnd: onResizeEnd,\n onCollapse: onCollapsible,\n registerPanel,\n unregisterPanel,\n })\n)\n</script>\n\n<template>\n <div ref=\"containerEl\" :class=\"[ns.b(), ns.e(layout)]\">\n <slot />\n <panels-sorter />\n <!-- Prevent iframe touch events from breaking -->\n <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n </div>\n</template>\n"],"names":["useNamespace","useContainer","toRef","useOrderedChildren","getCurrentInstance","watch","useSize","useResize","provide","splitterRootContextKey","reactive","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}
@@ -2,88 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var splitter = require('./splitter.js');
7
- var type = require('./type.js');
8
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
9
- var useContainer = require('./hooks/useContainer.js');
10
- var useSize = require('./hooks/useSize.js');
11
- var useResize = require('./hooks/useResize.js');
12
- var index = require('../../../hooks/use-namespace/index.js');
13
- var index$1 = require('../../../hooks/use-ordered-children/index.js');
5
+ var runtime = require('../../../utils/vue/props/runtime.js');
14
6
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElSplitter"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: splitter.splitterProps,
21
- emits: ["resizeStart", "resize", "resizeEnd", "collapse"],
22
- setup(__props, { emit: emits }) {
23
- const props = __props;
24
- const ns = index.useNamespace("splitter");
25
- const { containerEl, containerSize } = useContainer.useContainer(vue.toRef(props, "layout"));
26
- const {
27
- removeChild: unregisterPanel,
28
- children: panels,
29
- addChild: registerPanel,
30
- ChildrenSorter: PanelsSorter
31
- } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElSplitterPanel");
32
- vue.watch(panels, () => {
33
- panels.value.forEach((instance, index) => {
34
- instance.setIndex(index);
35
- });
36
- });
37
- const { percentSizes, pxSizes } = useSize.useSize(panels, containerSize);
38
- const { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize.useResize(panels, containerSize, pxSizes);
39
- const onResizeStart = (index) => {
40
- onMoveStart(index);
41
- emits("resizeStart", index, pxSizes.value);
42
- };
43
- const onResize = (index, offset) => {
44
- onMoving(index, offset);
45
- emits("resize", index, pxSizes.value);
46
- };
47
- const onResizeEnd = (index) => {
48
- onMoveEnd();
49
- emits("resizeEnd", index, pxSizes.value);
50
- };
51
- const onCollapsible = (index, type) => {
52
- onCollapse(index, type);
53
- emits("collapse", index, type, pxSizes.value);
54
- };
55
- vue.provide(type.splitterRootContextKey, vue.reactive({
56
- panels,
57
- percentSizes,
58
- pxSizes,
59
- layout: props.layout,
60
- movingIndex,
61
- containerSize,
62
- onMoveStart: onResizeStart,
63
- onMoving: onResize,
64
- onMoveEnd: onResizeEnd,
65
- onCollapse: onCollapsible,
66
- registerPanel,
67
- unregisterPanel
68
- }));
69
- return (_ctx, _cache) => {
70
- return vue.openBlock(), vue.createElementBlock("div", {
71
- ref_key: "containerEl",
72
- ref: containerEl,
73
- class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).e(_ctx.layout)])
74
- }, [
75
- vue.renderSlot(_ctx.$slots, "default"),
76
- vue.createVNode(vue.unref(PanelsSorter)),
77
- vue.createCommentVNode(" Prevent iframe touch events from breaking "),
78
- vue.unref(movingIndex) ? (vue.openBlock(), vue.createElementBlock("div", {
79
- key: 0,
80
- class: vue.normalizeClass([vue.unref(ns).e("mask"), vue.unref(ns).e(`mask-${_ctx.layout}`)])
81
- }, null, 2)) : vue.createCommentVNode("v-if", true)
82
- ], 2);
83
- };
7
+ const splitterProps = runtime.buildProps({
8
+ layout: {
9
+ type: String,
10
+ default: "horizontal",
11
+ values: ["horizontal", "vertical"]
84
12
  }
85
13
  });
86
- var Splitter = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "splitter.vue"]]);
87
14
 
88
- exports["default"] = Splitter;
15
+ exports.splitterProps = splitterProps;
89
16
  //# sourceMappingURL=splitter2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"splitter2.js","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, provide, reactive, toRef, watch } from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterProps } from './splitter'\nimport { type PanelItemState, splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n name: 'ElSplitter',\n})\n\nconst emits = defineEmits<{\n (e: 'resizeStart', index: number, sizes: number[]): void\n (e: 'resize', index: number, sizes: number[]): void\n (e: 'resizeEnd', index: number, sizes: number[]): void\n (e: 'collapse', index: number, type: 'start' | 'end', sizes: number[]): void\n}>()\n\nconst props = defineProps(splitterProps)\n\nconst { containerEl, containerSize } = useContainer(toRef(props, 'layout'))\n\nconst {\n removeChild: unregisterPanel,\n children: panels,\n addChild: registerPanel,\n ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n panels.value.forEach((instance: PanelItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst { onMoveStart, onMoving, onMoveEnd, onCollapse, movingIndex } = useResize(\n panels,\n containerSize,\n pxSizes\n)\n\nconst onResizeStart = (index: number) => {\n onMoveStart(index)\n emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n onMoving(index, offset)\n emits('resize', index, pxSizes.value)\n}\n\nconst onResizeEnd = (index: number) => {\n onMoveEnd()\n emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n onCollapse(index, type)\n emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n splitterRootContextKey,\n reactive({\n panels,\n percentSizes,\n pxSizes,\n layout: props.layout,\n movingIndex,\n containerSize,\n onMoveStart: onResizeStart,\n onMoving: onResize,\n onMoveEnd: onResizeEnd,\n onCollapse: onCollapsible,\n registerPanel,\n unregisterPanel,\n })\n)\n</script>\n\n<template>\n <div ref=\"containerEl\" :class=\"[ns.b(), ns.e(layout)]\">\n <slot />\n <panels-sorter />\n <!-- Prevent iframe touch events from breaking -->\n <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n </div>\n</template>\n"],"names":["useNamespace","useContainer","toRef","useOrderedChildren","getCurrentInstance","watch","useSize","useResize","provide","splitterRootContextKey","reactive","_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}
1
+ {"version":3,"file":"splitter2.js","sources":["../../../../../../packages/components/splitter/src/splitter.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Splitter from './splitter.vue'\n\nexport const splitterProps = buildProps({\n layout: {\n type: String,\n default: 'horizontal',\n values: ['horizontal', 'vertical'] as const,\n },\n} as const)\n\nexport type SplitterProps = ExtractPropTypes<typeof splitterProps>\nexport type SplitterInstance = InstanceType<typeof Splitter> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,GAAG;AACH,CAAC;;;;"}
@@ -1,7 +1,8 @@
1
- import type { InjectionKey, UnwrapRef } from 'vue';
1
+ import type { InjectionKey, UnwrapRef, VNode } from 'vue';
2
2
  export type Layout = 'horizontal' | 'vertical';
3
3
  export type PanelItemState = UnwrapRef<{
4
4
  uid: number;
5
+ getVnode: () => VNode;
5
6
  el: HTMLElement;
6
7
  collapsible: {
7
8
  start?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"type.js","sources":["../../../../../../packages/components/splitter/src/type.ts"],"sourcesContent":["import type { InjectionKey, UnwrapRef } from 'vue'\n\nexport type Layout = 'horizontal' | 'vertical'\n\nexport type PanelItemState = UnwrapRef<{\n uid: number\n el: HTMLElement\n collapsible: { start?: boolean; end?: boolean }\n max?: number | string\n min?: number | string\n resizable: boolean\n size?: number | string\n setIndex: (val: number) => void\n}>\n\nexport interface SplitterRootContext {\n panels: PanelItemState[]\n layout: Layout\n containerSize: number\n movingIndex: { index: number; confirmed: boolean } | null\n percentSizes: number[]\n pxSizes: number[]\n registerPanel: (pane: PanelItemState) => void\n unregisterPanel: (pane: PanelItemState) => void\n onCollapse: (index: number, type: 'start' | 'end') => void\n onMoveEnd: () => void\n onMoveStart: (index: number) => void\n onMoving: (index: number, offset: number) => void\n}\n\nexport const splitterRootContextKey: InjectionKey<SplitterRootContext> = Symbol(\n 'splitterRootContextKey'\n)\n"],"names":[],"mappings":";;;;AAAY,MAAC,sBAAsB,GAAG,MAAM,CAAC,wBAAwB;;;;"}
1
+ {"version":3,"file":"type.js","sources":["../../../../../../packages/components/splitter/src/type.ts"],"sourcesContent":["import type { InjectionKey, UnwrapRef, VNode } from 'vue'\n\nexport type Layout = 'horizontal' | 'vertical'\n\nexport type PanelItemState = UnwrapRef<{\n uid: number\n getVnode: () => VNode\n el: HTMLElement\n collapsible: { start?: boolean; end?: boolean }\n max?: number | string\n min?: number | string\n resizable: boolean\n size?: number | string\n setIndex: (val: number) => void\n}>\n\nexport interface SplitterRootContext {\n panels: PanelItemState[]\n layout: Layout\n containerSize: number\n movingIndex: { index: number; confirmed: boolean } | null\n percentSizes: number[]\n pxSizes: number[]\n registerPanel: (pane: PanelItemState) => void\n unregisterPanel: (pane: PanelItemState) => void\n onCollapse: (index: number, type: 'start' | 'end') => void\n onMoveEnd: () => void\n onMoveStart: (index: number) => void\n onMoving: (index: number, offset: number) => void\n}\n\nexport const splitterRootContextKey: InjectionKey<SplitterRootContext> = Symbol(\n 'splitterRootContextKey'\n)\n"],"names":[],"mappings":";;;;AAAY,MAAC,sBAAsB,GAAG,MAAM,CAAC,wBAAwB;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var statistic$1 = require('./src/statistic2.js');
6
- var statistic = require('./src/statistic.js');
5
+ var statistic$1 = require('./src/statistic.js');
6
+ var statistic = require('./src/statistic2.js');
7
7
  var install = require('../../utils/vue/install.js');
8
8
 
9
9
  const ElStatistic = install.withInstall(statistic$1["default"]);
@@ -2,33 +2,77 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var runtime = require('../../../utils/vue/props/runtime.js');
5
+ var vue = require('vue');
6
+ var statistic = require('./statistic2.js');
7
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
8
+ var index = require('../../../hooks/use-namespace/index.js');
9
+ var shared = require('@vue/shared');
10
+ var types = require('../../../utils/types.js');
6
11
 
7
- const statisticProps = runtime.buildProps({
8
- decimalSeparator: {
9
- type: String,
10
- default: "."
11
- },
12
- groupSeparator: {
13
- type: String,
14
- default: ","
15
- },
16
- precision: {
17
- type: Number,
18
- default: 0
19
- },
20
- formatter: Function,
21
- value: {
22
- type: runtime.definePropType([Number, Object]),
23
- default: 0
24
- },
25
- prefix: String,
26
- suffix: String,
27
- title: String,
28
- valueStyle: {
29
- type: runtime.definePropType([String, Object, Array])
12
+ const __default__ = vue.defineComponent({
13
+ name: "ElStatistic"
14
+ });
15
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
16
+ ...__default__,
17
+ props: statistic.statisticProps,
18
+ setup(__props, { expose }) {
19
+ const props = __props;
20
+ const ns = index.useNamespace("statistic");
21
+ const displayValue = vue.computed(() => {
22
+ const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
23
+ if (shared.isFunction(formatter))
24
+ return formatter(value);
25
+ if (!types.isNumber(value) || Number.isNaN(value))
26
+ return value;
27
+ let [integer, decimal = ""] = String(value).split(".");
28
+ decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
29
+ integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
30
+ return [integer, decimal].join(decimal ? decimalSeparator : "");
31
+ });
32
+ expose({
33
+ displayValue
34
+ });
35
+ return (_ctx, _cache) => {
36
+ return vue.openBlock(), vue.createElementBlock("div", {
37
+ class: vue.normalizeClass(vue.unref(ns).b())
38
+ }, [
39
+ _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
40
+ key: 0,
41
+ class: vue.normalizeClass(vue.unref(ns).e("head"))
42
+ }, [
43
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
44
+ vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
45
+ ])
46
+ ], 2)) : vue.createCommentVNode("v-if", true),
47
+ vue.createElementVNode("div", {
48
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
49
+ }, [
50
+ _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
51
+ key: 0,
52
+ class: vue.normalizeClass(vue.unref(ns).e("prefix"))
53
+ }, [
54
+ vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
55
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.prefix), 1)
56
+ ])
57
+ ], 2)) : vue.createCommentVNode("v-if", true),
58
+ vue.createElementVNode("span", {
59
+ class: vue.normalizeClass(vue.unref(ns).e("number")),
60
+ style: vue.normalizeStyle(_ctx.valueStyle)
61
+ }, vue.toDisplayString(vue.unref(displayValue)), 7),
62
+ _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("div", {
63
+ key: 1,
64
+ class: vue.normalizeClass(vue.unref(ns).e("suffix"))
65
+ }, [
66
+ vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
67
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.suffix), 1)
68
+ ])
69
+ ], 2)) : vue.createCommentVNode("v-if", true)
70
+ ], 2)
71
+ ], 2);
72
+ };
30
73
  }
31
74
  });
75
+ var Statistic = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "statistic.vue"]]);
32
76
 
33
- exports.statisticProps = statisticProps;
77
+ exports["default"] = Statistic;
34
78
  //# sourceMappingURL=statistic.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Statistic from './statistic.vue'\n\nexport const statisticProps = buildProps({\n /**\n * @description Setting the decimal point\n */\n decimalSeparator: {\n type: String,\n default: '.',\n },\n /**\n * @description Sets the thousandth identifier\n */\n groupSeparator: {\n type: String,\n default: ',',\n },\n /**\n * @description numerical precision\n */\n precision: {\n type: Number,\n default: 0,\n },\n /**\n * @description Custom numerical presentation\n */\n formatter: Function,\n /**\n * @description Numerical content\n */\n value: {\n type: definePropType<number | Dayjs>([Number, Object]),\n default: 0,\n },\n /**\n * @description Sets the prefix of a number\n */\n prefix: String,\n\n /**\n * @description Sets the suffix of a number\n */\n suffix: String,\n /**\n * @description Numeric titles\n */\n title: String,\n /**\n * @description Styles numeric values\n */\n valueStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n },\n} as const)\nexport type StatisticProps = ExtractPropTypes<typeof statisticProps>\n\nexport type StatisticInstance = InstanceType<typeof Statistic> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"statistic.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div :class=\"ns.e('content')\">\n <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\">\n <span>{{ prefix }}</span>\n </slot>\n </div>\n <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n {{ displayValue }}\n </span>\n <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\">\n <span>{{ suffix }}</span>\n </slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\nimport { statisticProps } from './statistic'\n\ndefineOptions({\n name: 'ElStatistic',\n})\n\nconst props = defineProps(statisticProps)\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n const { value, formatter, precision, decimalSeparator, groupSeparator } =\n props\n\n if (isFunction(formatter)) return formatter(value)\n\n // https://github.com/element-plus/element-plus/issues/17784\n if (!isNumber(value) || Number.isNaN(value)) return value\n\n let [integer, decimal = ''] = String(value).split('.')\n decimal = decimal\n .padEnd(precision, '0')\n .slice(0, precision > 0 ? precision : 0)\n integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber"],"mappings":";;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKA,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,SAAW,EAAA,gBAAA,EAAkB,gBACrD,GAAA,KAAA,CAAA;AAEF,MAAA,IAAIC,iBAAW,CAAA,SAAS,CAAG;AAG3B,QAAI,gBAAe,CAAA,KAAK;AAExB,MAAI,IAAA,CAACC,eAAS,KAAU,CAAA,IAAA,MAAM,CAAO,KAAA,CAAA,KAAK,CAAE;AAC5C,QAAU,OAAA,KAAA,CAAA;AAGV,MAAU,IAAA,CAAA,OAAA,EAAA,OAAgB,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,GAAuC,CAAA,CAAA;AACjE,MAAA,OAAO,GAAU,OAAA,CAAA,MAAO,UAAO,EAAA,GAAA,CAAA,CAAU,qBAAqB,CAAA,GAAA,SAAA,GAAA,CAAA,CAAA,CAAA;AAAA,MAC/D,OAAA,GAAA,OAAA,CAAA,OAAA,CAAA,uBAAA,EAAA,cAAA,CAAA,CAAA;AAED,MAAa,OAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,IAAA,CAAA,OAAA,GAAA,gBAAA,GAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MAAA,CAAA;AAAA,MAAA,YAAA;AAAA,KAIX,CAAA,CAAA;AAAA,IACF,OAAC,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}