@element-plus/nightly 0.0.20250728 → 0.0.20250729
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.
- package/attributes.json +1 -1
- package/dist/index.full.js +19 -3
- package/dist/index.full.min.js +10 -10
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +7 -7
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +19 -3
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hi.js +1 -1
- package/dist/locale/hi.min.js +1 -1
- package/dist/locale/hi.min.mjs +1 -1
- package/dist/locale/hi.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lo.js +1 -1
- package/dist/locale/lo.min.js +1 -1
- package/dist/locale/lo.min.mjs +1 -1
- package/dist/locale/lo.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/ms.js +1 -1
- package/dist/locale/ms.min.js +1 -1
- package/dist/locale/ms.min.mjs +1 -1
- package/dist/locale/ms.mjs +1 -1
- package/dist/locale/my.js +1 -1
- package/dist/locale/my.min.js +1 -1
- package/dist/locale/my.min.mjs +1 -1
- package/dist/locale/my.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/no.js +1 -1
- package/dist/locale/no.min.js +1 -1
- package/dist/locale/no.min.mjs +1 -1
- package/dist/locale/no.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/te.js +1 -1
- package/dist/locale/te.min.js +1 -1
- package/dist/locale/te.min.mjs +1 -1
- package/dist/locale/te.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-hk.js +1 -1
- package/dist/locale/zh-hk.min.js +1 -1
- package/dist/locale/zh-hk.min.mjs +1 -1
- package/dist/locale/zh-hk.mjs +1 -1
- package/dist/locale/zh-mo.js +1 -1
- package/dist/locale/zh-mo.min.js +1 -1
- package/dist/locale/zh-mo.min.mjs +1 -1
- package/dist/locale/zh-mo.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/anchor/index.mjs +2 -2
- package/es/components/anchor/src/anchor.mjs +40 -207
- package/es/components/anchor/src/anchor.mjs.map +1 -1
- package/es/components/anchor/src/anchor2.mjs +207 -40
- package/es/components/anchor/src/anchor2.mjs.map +1 -1
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel-item.mjs +7 -69
- package/es/components/carousel/src/carousel-item.mjs.map +1 -1
- package/es/components/carousel/src/carousel-item2.mjs +69 -7
- package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
- package/es/components/col/index.mjs +2 -2
- package/es/components/col/src/col.mjs +64 -43
- package/es/components/col/src/col.mjs.map +1 -1
- package/es/components/col/src/col2.mjs +43 -64
- package/es/components/col/src/col2.mjs.map +1 -1
- package/es/components/collection/index.mjs +1 -1
- package/es/components/collection/src/collection.mjs +10 -62
- package/es/components/collection/src/collection.mjs.map +1 -1
- package/es/components/collection/src/collection2.mjs +62 -10
- package/es/components/collection/src/collection2.mjs.map +1 -1
- package/es/components/dialog/src/dialog.mjs +1 -1
- package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
- package/es/components/dropdown/src/dropdown.mjs +1 -1
- package/es/components/index.mjs +12 -12
- package/es/components/input-tag/index.mjs +2 -2
- package/es/components/input-tag/src/input-tag.mjs +215 -70
- package/es/components/input-tag/src/input-tag.mjs.map +1 -1
- package/es/components/input-tag/src/input-tag2.mjs +70 -215
- package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
- package/es/components/link/index.mjs +2 -2
- package/es/components/link/src/link.mjs +25 -71
- package/es/components/link/src/link.mjs.map +1 -1
- package/es/components/link/src/link2.mjs +71 -25
- package/es/components/link/src/link2.mjs.map +1 -1
- package/es/components/page-header/index.mjs +2 -2
- package/es/components/page-header/src/page-header.mjs +16 -97
- package/es/components/page-header/src/page-header.mjs.map +1 -1
- package/es/components/page-header/src/page-header2.mjs +97 -16
- package/es/components/page-header/src/page-header2.mjs.map +1 -1
- package/es/components/pagination/src/components/pager.mjs +16 -210
- package/es/components/pagination/src/components/pager.mjs.map +1 -1
- package/es/components/pagination/src/components/pager2.mjs +210 -16
- package/es/components/pagination/src/components/pager2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +1 -1
- package/es/components/rate/index.mjs +2 -2
- package/es/components/rate/src/rate.mjs +83 -258
- package/es/components/rate/src/rate.mjs.map +1 -1
- package/es/components/rate/src/rate2.mjs +258 -83
- package/es/components/rate/src/rate2.mjs.map +1 -1
- package/es/components/result/index.mjs +2 -2
- package/es/components/result/src/result.mjs +30 -62
- package/es/components/result/src/result.mjs.map +1 -1
- package/es/components/result/src/result2.mjs +62 -30
- package/es/components/result/src/result2.mjs.map +1 -1
- package/es/components/roving-focus-group/src/roving-focus-group.mjs +1 -1
- package/es/components/select/src/select.d.ts +17 -0
- package/es/components/select/src/select.mjs +6 -0
- package/es/components/select/src/select.mjs.map +1 -1
- package/es/components/select/src/select.vue.d.ts +24 -0
- package/es/components/select/src/select2.mjs +11 -1
- package/es/components/select/src/select2.mjs.map +1 -1
- package/es/components/slider/src/button.mjs +19 -91
- package/es/components/slider/src/button.mjs.map +1 -1
- package/es/components/slider/src/button2.mjs +91 -19
- package/es/components/slider/src/button2.mjs.map +1 -1
- package/es/components/slider/src/slider2.mjs +1 -1
- package/es/components/switch/index.mjs +2 -2
- package/es/components/switch/src/switch.mjs +228 -72
- package/es/components/switch/src/switch.mjs.map +1 -1
- package/es/components/switch/src/switch2.mjs +72 -228
- package/es/components/switch/src/switch2.mjs.map +1 -1
- package/es/components/teleport/index.mjs +2 -2
- package/es/components/teleport/src/teleport.mjs +8 -18
- package/es/components/teleport/src/teleport.mjs.map +1 -1
- package/es/components/teleport/src/teleport2.mjs +18 -8
- package/es/components/teleport/src/teleport2.mjs.map +1 -1
- package/es/components/text/index.mjs +2 -2
- package/es/components/text/src/text.mjs +21 -67
- package/es/components/text/src/text.mjs.map +1 -1
- package/es/components/text/src/text2.mjs +67 -21
- package/es/components/text/src/text2.mjs.map +1 -1
- package/es/components/time-select/index.mjs +2 -2
- package/es/components/time-select/src/time-select.mjs +51 -132
- package/es/components/time-select/src/time-select.mjs.map +1 -1
- package/es/components/time-select/src/time-select2.mjs +132 -51
- package/es/components/time-select/src/time-select2.mjs.map +1 -1
- package/es/components/tooltip/src/content.mjs +1 -1
- package/es/components/tooltip-v2/index.mjs +2 -2
- package/es/components/tooltip-v2/src/arrow.mjs +37 -21
- package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
- package/es/components/tooltip-v2/src/arrow2.mjs +21 -37
- package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content.mjs +110 -48
- package/es/components/tooltip-v2/src/content.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content2.mjs +48 -110
- package/es/components/tooltip-v2/src/content2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
- package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
- package/es/components/tour/index.mjs +2 -2
- package/es/components/tour/src/mask.mjs +18 -75
- package/es/components/tour/src/mask.mjs.map +1 -1
- package/es/components/tour/src/mask2.mjs +75 -18
- package/es/components/tour/src/mask2.mjs.map +1 -1
- package/es/components/tour/src/tour.mjs +69 -154
- package/es/components/tour/src/tour.mjs.map +1 -1
- package/es/components/tour/src/tour2.mjs +154 -69
- package/es/components/tour/src/tour2.mjs.map +1 -1
- package/es/components/visual-hidden/index.mjs +3 -3
- package/es/components/visual-hidden/src/visual-hidden.mjs +6 -35
- package/es/components/visual-hidden/src/visual-hidden.mjs.map +1 -1
- package/es/components/visual-hidden/src/visual-hidden2.mjs +35 -6
- package/es/components/visual-hidden/src/visual-hidden2.mjs.map +1 -1
- package/es/index.d.ts +41 -0
- package/es/index.mjs +12 -12
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/anchor/index.js +2 -2
- package/lib/components/anchor/src/anchor.js +40 -206
- package/lib/components/anchor/src/anchor.js.map +1 -1
- package/lib/components/anchor/src/anchor2.js +206 -40
- package/lib/components/anchor/src/anchor2.js.map +1 -1
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel-item.js +7 -69
- package/lib/components/carousel/src/carousel-item.js.map +1 -1
- package/lib/components/carousel/src/carousel-item2.js +69 -7
- package/lib/components/carousel/src/carousel-item2.js.map +1 -1
- package/lib/components/col/index.js +2 -2
- package/lib/components/col/src/col.js +64 -43
- package/lib/components/col/src/col.js.map +1 -1
- package/lib/components/col/src/col2.js +43 -64
- package/lib/components/col/src/col2.js.map +1 -1
- package/lib/components/collection/index.js +1 -1
- package/lib/components/collection/src/collection.js +9 -62
- package/lib/components/collection/src/collection.js.map +1 -1
- package/lib/components/collection/src/collection2.js +62 -9
- package/lib/components/collection/src/collection2.js.map +1 -1
- package/lib/components/dialog/src/dialog.js +1 -1
- package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
- package/lib/components/dropdown/src/dropdown.js +1 -1
- package/lib/components/index.js +12 -12
- package/lib/components/input-tag/index.js +2 -2
- package/lib/components/input-tag/src/input-tag.js +214 -70
- package/lib/components/input-tag/src/input-tag.js.map +1 -1
- package/lib/components/input-tag/src/input-tag2.js +70 -214
- package/lib/components/input-tag/src/input-tag2.js.map +1 -1
- package/lib/components/link/index.js +2 -2
- package/lib/components/link/src/link.js +26 -71
- package/lib/components/link/src/link.js.map +1 -1
- package/lib/components/link/src/link2.js +71 -26
- package/lib/components/link/src/link2.js.map +1 -1
- package/lib/components/page-header/index.js +2 -2
- package/lib/components/page-header/src/page-header.js +17 -97
- package/lib/components/page-header/src/page-header.js.map +1 -1
- package/lib/components/page-header/src/page-header2.js +97 -17
- package/lib/components/page-header/src/page-header2.js.map +1 -1
- package/lib/components/pagination/src/components/pager.js +16 -210
- package/lib/components/pagination/src/components/pager.js.map +1 -1
- package/lib/components/pagination/src/components/pager2.js +210 -16
- package/lib/components/pagination/src/components/pager2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +1 -1
- package/lib/components/rate/index.js +2 -2
- package/lib/components/rate/src/rate.js +83 -257
- package/lib/components/rate/src/rate.js.map +1 -1
- package/lib/components/rate/src/rate2.js +257 -83
- package/lib/components/rate/src/rate2.js.map +1 -1
- package/lib/components/result/index.js +2 -2
- package/lib/components/result/src/result.js +32 -62
- package/lib/components/result/src/result.js.map +1 -1
- package/lib/components/result/src/result2.js +62 -32
- package/lib/components/result/src/result2.js.map +1 -1
- package/lib/components/roving-focus-group/src/roving-focus-group.js +1 -1
- package/lib/components/select/src/select.d.ts +17 -0
- package/lib/components/select/src/select.js +6 -0
- package/lib/components/select/src/select.js.map +1 -1
- package/lib/components/select/src/select.vue.d.ts +24 -0
- package/lib/components/select/src/select2.js +11 -1
- package/lib/components/select/src/select2.js.map +1 -1
- package/lib/components/slider/src/button.js +20 -91
- package/lib/components/slider/src/button.js.map +1 -1
- package/lib/components/slider/src/button2.js +91 -20
- package/lib/components/slider/src/button2.js.map +1 -1
- package/lib/components/slider/src/slider2.js +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/switch/src/switch.js +227 -72
- package/lib/components/switch/src/switch.js.map +1 -1
- package/lib/components/switch/src/switch2.js +72 -227
- package/lib/components/switch/src/switch2.js.map +1 -1
- package/lib/components/teleport/index.js +2 -2
- package/lib/components/teleport/src/teleport.js +8 -18
- package/lib/components/teleport/src/teleport.js.map +1 -1
- package/lib/components/teleport/src/teleport2.js +18 -8
- package/lib/components/teleport/src/teleport2.js.map +1 -1
- package/lib/components/text/index.js +2 -2
- package/lib/components/text/src/text.js +21 -67
- package/lib/components/text/src/text.js.map +1 -1
- package/lib/components/text/src/text2.js +67 -21
- package/lib/components/text/src/text2.js.map +1 -1
- package/lib/components/time-select/index.js +2 -2
- package/lib/components/time-select/src/time-select.js +51 -137
- package/lib/components/time-select/src/time-select.js.map +1 -1
- package/lib/components/time-select/src/time-select2.js +137 -51
- package/lib/components/time-select/src/time-select2.js.map +1 -1
- package/lib/components/tooltip/src/content.js +1 -1
- package/lib/components/tooltip-v2/index.js +2 -2
- package/lib/components/tooltip-v2/src/arrow.js +37 -22
- package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
- package/lib/components/tooltip-v2/src/arrow2.js +22 -37
- package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
- package/lib/components/tooltip-v2/src/content.js +110 -48
- package/lib/components/tooltip-v2/src/content.js.map +1 -1
- package/lib/components/tooltip-v2/src/content2.js +48 -110
- package/lib/components/tooltip-v2/src/content2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +2 -2
- package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
- package/lib/components/tour/index.js +2 -2
- package/lib/components/tour/src/mask.js +18 -75
- package/lib/components/tour/src/mask.js.map +1 -1
- package/lib/components/tour/src/mask2.js +75 -18
- package/lib/components/tour/src/mask2.js.map +1 -1
- package/lib/components/tour/src/tour.js +69 -153
- package/lib/components/tour/src/tour.js.map +1 -1
- package/lib/components/tour/src/tour2.js +153 -69
- package/lib/components/tour/src/tour2.js.map +1 -1
- package/lib/components/visual-hidden/index.js +2 -2
- package/lib/components/visual-hidden/src/visual-hidden.js +6 -35
- package/lib/components/visual-hidden/src/visual-hidden.js.map +1 -1
- package/lib/components/visual-hidden/src/visual-hidden2.js +35 -6
- package/lib/components/visual-hidden/src/visual-hidden2.js.map +1 -1
- package/lib/index.d.ts +41 -0
- package/lib/index.js +12 -12
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/tags.json +1 -1
- package/web-types.json +1 -1
@@ -1,44 +1,211 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
1
|
+
import { defineComponent, useSlots, ref, computed, watch, onMounted, provide, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createCommentVNode, createElementVNode, renderSlot, nextTick } from 'vue';
|
2
|
+
import { useEventListener } from '@vueuse/core';
|
3
|
+
import { anchorProps, anchorEmits } from './anchor.mjs';
|
4
|
+
import { anchorKey } from './constants.mjs';
|
5
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
6
|
+
import { getElement } from '../../../utils/dom/element.mjs';
|
7
|
+
import { throttleByRaf } from '../../../utils/throttleByRaf.mjs';
|
8
|
+
import { isWindow, isUndefined } from '../../../utils/types.mjs';
|
9
|
+
import { getScrollElement, animateScrollTo, getScrollTop } from '../../../utils/dom/scroll.mjs';
|
10
|
+
import { getOffsetTopDistance } from '../../../utils/dom/position.mjs';
|
11
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
12
|
+
import { CHANGE_EVENT } from '../../../constants/event.mjs';
|
4
13
|
|
5
|
-
const
|
6
|
-
|
7
|
-
type: definePropType([
|
8
|
-
String,
|
9
|
-
Object
|
10
|
-
])
|
11
|
-
},
|
12
|
-
offset: {
|
13
|
-
type: Number,
|
14
|
-
default: 0
|
15
|
-
},
|
16
|
-
bound: {
|
17
|
-
type: Number,
|
18
|
-
default: 15
|
19
|
-
},
|
20
|
-
duration: {
|
21
|
-
type: Number,
|
22
|
-
default: 300
|
23
|
-
},
|
24
|
-
marker: {
|
25
|
-
type: Boolean,
|
26
|
-
default: true
|
27
|
-
},
|
28
|
-
type: {
|
29
|
-
type: definePropType(String),
|
30
|
-
default: "default"
|
31
|
-
},
|
32
|
-
direction: {
|
33
|
-
type: definePropType(String),
|
34
|
-
default: "vertical"
|
35
|
-
},
|
36
|
-
selectScrollTop: Boolean
|
14
|
+
const __default__ = defineComponent({
|
15
|
+
name: "ElAnchor"
|
37
16
|
});
|
38
|
-
const
|
39
|
-
|
40
|
-
|
41
|
-
|
17
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
18
|
+
...__default__,
|
19
|
+
props: anchorProps,
|
20
|
+
emits: anchorEmits,
|
21
|
+
setup(__props, { expose, emit }) {
|
22
|
+
const props = __props;
|
23
|
+
const slots = useSlots();
|
24
|
+
const currentAnchor = ref("");
|
25
|
+
const markerStyle = ref({});
|
26
|
+
const anchorRef = ref(null);
|
27
|
+
const markerRef = ref(null);
|
28
|
+
const containerEl = ref();
|
29
|
+
const links = {};
|
30
|
+
let isScrolling = false;
|
31
|
+
let currentScrollTop = 0;
|
32
|
+
const ns = useNamespace("anchor");
|
33
|
+
const cls = computed(() => [
|
34
|
+
ns.b(),
|
35
|
+
props.type === "underline" ? ns.m("underline") : "",
|
36
|
+
ns.m(props.direction)
|
37
|
+
]);
|
38
|
+
const addLink = (state) => {
|
39
|
+
links[state.href] = state.el;
|
40
|
+
};
|
41
|
+
const removeLink = (href) => {
|
42
|
+
delete links[href];
|
43
|
+
};
|
44
|
+
const setCurrentAnchor = (href) => {
|
45
|
+
const activeHref = currentAnchor.value;
|
46
|
+
if (activeHref !== href) {
|
47
|
+
currentAnchor.value = href;
|
48
|
+
emit(CHANGE_EVENT, href);
|
49
|
+
}
|
50
|
+
};
|
51
|
+
let clearAnimate = null;
|
52
|
+
const scrollToAnchor = (href) => {
|
53
|
+
if (!containerEl.value)
|
54
|
+
return;
|
55
|
+
const target = getElement(href);
|
56
|
+
if (!target)
|
57
|
+
return;
|
58
|
+
if (clearAnimate)
|
59
|
+
clearAnimate();
|
60
|
+
isScrolling = true;
|
61
|
+
const scrollEle = getScrollElement(target, containerEl.value);
|
62
|
+
const distance = getOffsetTopDistance(target, scrollEle);
|
63
|
+
const max = scrollEle.scrollHeight - scrollEle.clientHeight;
|
64
|
+
const to = Math.min(distance - props.offset, max);
|
65
|
+
clearAnimate = animateScrollTo(containerEl.value, currentScrollTop, to, props.duration, () => {
|
66
|
+
setTimeout(() => {
|
67
|
+
isScrolling = false;
|
68
|
+
}, 20);
|
69
|
+
});
|
70
|
+
};
|
71
|
+
const scrollTo = (href) => {
|
72
|
+
if (href) {
|
73
|
+
setCurrentAnchor(href);
|
74
|
+
scrollToAnchor(href);
|
75
|
+
}
|
76
|
+
};
|
77
|
+
const handleClick = (e, href) => {
|
78
|
+
emit("click", e, href);
|
79
|
+
scrollTo(href);
|
80
|
+
};
|
81
|
+
const handleScroll = throttleByRaf(() => {
|
82
|
+
if (containerEl.value) {
|
83
|
+
currentScrollTop = getScrollTop(containerEl.value);
|
84
|
+
}
|
85
|
+
const currentHref = getCurrentHref();
|
86
|
+
if (isScrolling || isUndefined(currentHref))
|
87
|
+
return;
|
88
|
+
setCurrentAnchor(currentHref);
|
89
|
+
});
|
90
|
+
const getCurrentHref = () => {
|
91
|
+
if (!containerEl.value)
|
92
|
+
return;
|
93
|
+
const scrollTop = getScrollTop(containerEl.value);
|
94
|
+
const anchorTopList = [];
|
95
|
+
for (const href of Object.keys(links)) {
|
96
|
+
const target = getElement(href);
|
97
|
+
if (!target)
|
98
|
+
continue;
|
99
|
+
const scrollEle = getScrollElement(target, containerEl.value);
|
100
|
+
const distance = getOffsetTopDistance(target, scrollEle);
|
101
|
+
anchorTopList.push({
|
102
|
+
top: distance - props.offset - props.bound,
|
103
|
+
href
|
104
|
+
});
|
105
|
+
}
|
106
|
+
anchorTopList.sort((prev, next) => prev.top - next.top);
|
107
|
+
for (let i = 0; i < anchorTopList.length; i++) {
|
108
|
+
const item = anchorTopList[i];
|
109
|
+
const next = anchorTopList[i + 1];
|
110
|
+
if (i === 0 && scrollTop === 0) {
|
111
|
+
return props.selectScrollTop ? item.href : "";
|
112
|
+
}
|
113
|
+
if (item.top <= scrollTop && (!next || next.top > scrollTop)) {
|
114
|
+
return item.href;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
};
|
118
|
+
const getContainer = () => {
|
119
|
+
const el = getElement(props.container);
|
120
|
+
if (!el || isWindow(el)) {
|
121
|
+
containerEl.value = window;
|
122
|
+
} else {
|
123
|
+
containerEl.value = el;
|
124
|
+
}
|
125
|
+
};
|
126
|
+
useEventListener(containerEl, "scroll", handleScroll);
|
127
|
+
const updateMarkerStyle = () => {
|
128
|
+
nextTick(() => {
|
129
|
+
if (!anchorRef.value || !markerRef.value || !currentAnchor.value) {
|
130
|
+
markerStyle.value = {};
|
131
|
+
return;
|
132
|
+
}
|
133
|
+
const currentLinkEl = links[currentAnchor.value];
|
134
|
+
if (!currentLinkEl) {
|
135
|
+
markerStyle.value = {};
|
136
|
+
return;
|
137
|
+
}
|
138
|
+
const anchorRect = anchorRef.value.getBoundingClientRect();
|
139
|
+
const markerRect = markerRef.value.getBoundingClientRect();
|
140
|
+
const linkRect = currentLinkEl.getBoundingClientRect();
|
141
|
+
if (props.direction === "horizontal") {
|
142
|
+
const left = linkRect.left - anchorRect.left;
|
143
|
+
markerStyle.value = {
|
144
|
+
left: `${left}px`,
|
145
|
+
width: `${linkRect.width}px`,
|
146
|
+
opacity: 1
|
147
|
+
};
|
148
|
+
} else {
|
149
|
+
const top = linkRect.top - anchorRect.top + (linkRect.height - markerRect.height) / 2;
|
150
|
+
markerStyle.value = {
|
151
|
+
top: `${top}px`,
|
152
|
+
opacity: 1
|
153
|
+
};
|
154
|
+
}
|
155
|
+
});
|
156
|
+
};
|
157
|
+
watch(currentAnchor, updateMarkerStyle);
|
158
|
+
watch(() => {
|
159
|
+
var _a;
|
160
|
+
return (_a = slots.default) == null ? void 0 : _a.call(slots);
|
161
|
+
}, updateMarkerStyle);
|
162
|
+
onMounted(() => {
|
163
|
+
getContainer();
|
164
|
+
const hash = decodeURIComponent(window.location.hash);
|
165
|
+
const target = getElement(hash);
|
166
|
+
if (target) {
|
167
|
+
scrollTo(hash);
|
168
|
+
} else {
|
169
|
+
handleScroll();
|
170
|
+
}
|
171
|
+
});
|
172
|
+
watch(() => props.container, () => {
|
173
|
+
getContainer();
|
174
|
+
});
|
175
|
+
provide(anchorKey, {
|
176
|
+
ns,
|
177
|
+
direction: props.direction,
|
178
|
+
currentAnchor,
|
179
|
+
addLink,
|
180
|
+
removeLink,
|
181
|
+
handleClick
|
182
|
+
});
|
183
|
+
expose({
|
184
|
+
scrollTo
|
185
|
+
});
|
186
|
+
return (_ctx, _cache) => {
|
187
|
+
return openBlock(), createElementBlock("div", {
|
188
|
+
ref_key: "anchorRef",
|
189
|
+
ref: anchorRef,
|
190
|
+
class: normalizeClass(unref(cls))
|
191
|
+
}, [
|
192
|
+
_ctx.marker ? (openBlock(), createElementBlock("div", {
|
193
|
+
key: 0,
|
194
|
+
ref_key: "markerRef",
|
195
|
+
ref: markerRef,
|
196
|
+
class: normalizeClass(unref(ns).e("marker")),
|
197
|
+
style: normalizeStyle(markerStyle.value)
|
198
|
+
}, null, 6)) : createCommentVNode("v-if", true),
|
199
|
+
createElementVNode("div", {
|
200
|
+
class: normalizeClass(unref(ns).e("list"))
|
201
|
+
}, [
|
202
|
+
renderSlot(_ctx.$slots, "default")
|
203
|
+
], 2)
|
204
|
+
], 2);
|
205
|
+
};
|
206
|
+
}
|
207
|
+
});
|
208
|
+
var Anchor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "anchor.vue"]]);
|
42
209
|
|
43
|
-
export {
|
210
|
+
export { Anchor as default };
|
44
211
|
//# sourceMappingURL=anchor2.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"anchor2.mjs","sources":["../../../../../../packages/components/anchor/src/anchor.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isString,\n isUndefined,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Anchor from './anchor.vue'\n\nexport const anchorProps = buildProps({\n /**\n * @description scroll container\n */\n container: {\n type: definePropType<string | HTMLElement | Window | null>([\n String,\n Object,\n ]),\n },\n /**\n * @description Set the offset of the anchor scroll\n */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description The offset of the element starting to trigger the anchor\n */\n bound: {\n type: Number,\n default: 15,\n },\n /**\n * @description Set the scroll duration of the container when the anchor is clicked, in milliseconds\n */\n duration: {\n type: Number,\n default: 300,\n },\n /**\n * @description Whether to show the marker\n */\n marker: {\n type: Boolean,\n default: true,\n },\n /**\n * @description Set Anchor type\n */\n type: {\n type: definePropType<'default' | 'underline'>(String),\n default: 'default',\n },\n /**\n * @description Set Anchor direction\n */\n direction: {\n type: definePropType<'vertical' | 'horizontal'>(String),\n default: 'vertical',\n },\n /**\n * @description Scroll whether link is selected at the top\n */\n selectScrollTop: Boolean,\n})\n\nexport type AnchorProps = ExtractPropTypes<typeof anchorProps>\nexport type AnchorPropsPublic = __ExtractPublicPropTypes<typeof anchorProps>\nexport type AnchorInstance = InstanceType<typeof Anchor> & unknown\n\nexport const anchorEmits = {\n change: (href: string) => isString(href),\n click: (e: MouseEvent, href?: string) =>\n e instanceof MouseEvent && (isString(href) || isUndefined(href)),\n}\nexport type AnchorEmits = typeof anchorEmits\n"],"names":[],"mappings":";;;;AAMY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,UAAU;AACvB,GAAG;AACH,EAAE,eAAe,EAAE,OAAO;AAC1B,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;AAClC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,YAAY,UAAU,KAAK,QAAQ,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;AACtF;;;;"}
|
1
|
+
{"version":3,"file":"anchor2.mjs","sources":["../../../../../../packages/components/anchor/src/anchor.vue"],"sourcesContent":["<template>\n <div ref=\"anchorRef\" :class=\"cls\">\n <div\n v-if=\"marker\"\n ref=\"markerRef\"\n :class=\"ns.e('marker')\"\n :style=\"markerStyle\"\n />\n <div :class=\"ns.e('list')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n provide,\n ref,\n useSlots,\n watch,\n} from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n animateScrollTo,\n getElement,\n getOffsetTopDistance,\n getScrollElement,\n getScrollTop,\n isUndefined,\n isWindow,\n throttleByRaf,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { anchorEmits, anchorProps } from './anchor'\nimport { anchorKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { AnchorLinkState } from './constants'\n\ndefineOptions({\n name: 'ElAnchor',\n})\n\nconst props = defineProps(anchorProps)\nconst emit = defineEmits(anchorEmits)\nconst slots = useSlots()\n\nconst currentAnchor = ref('')\nconst markerStyle = ref<CSSProperties>({})\nconst anchorRef = ref<HTMLElement | null>(null)\nconst markerRef = ref<HTMLElement | null>(null)\nconst containerEl = ref<HTMLElement | Window>()\n\nconst links: Record<string, HTMLElement> = {}\nlet isScrolling = false\nlet currentScrollTop = 0\n\nconst ns = useNamespace('anchor')\n\nconst cls = computed(() => [\n ns.b(),\n props.type === 'underline' ? ns.m('underline') : '',\n ns.m(props.direction),\n])\n\nconst addLink = (state: AnchorLinkState) => {\n links[state.href] = state.el\n}\n\nconst removeLink = (href: string) => {\n delete links[href]\n}\n\nconst setCurrentAnchor = (href: string) => {\n const activeHref = currentAnchor.value\n if (activeHref !== href) {\n currentAnchor.value = href\n emit(CHANGE_EVENT, href)\n }\n}\n\nlet clearAnimate: (() => void) | null = null\n\nconst scrollToAnchor = (href: string) => {\n if (!containerEl.value) return\n const target = getElement(href)\n if (!target) return\n if (clearAnimate) clearAnimate()\n isScrolling = true\n const scrollEle = getScrollElement(target, containerEl.value)\n const distance = getOffsetTopDistance(target, scrollEle)\n const max = scrollEle.scrollHeight - scrollEle.clientHeight\n const to = Math.min(distance - props.offset, max)\n clearAnimate = animateScrollTo(\n containerEl.value,\n currentScrollTop,\n to,\n props.duration,\n () => {\n // make sure it is executed after throttleByRaf's handleScroll\n setTimeout(() => {\n isScrolling = false\n }, 20)\n }\n )\n}\n\nconst scrollTo = (href?: string) => {\n if (href) {\n setCurrentAnchor(href)\n scrollToAnchor(href)\n }\n}\n\nconst handleClick = (e: MouseEvent, href?: string) => {\n emit('click', e, href)\n scrollTo(href)\n}\n\nconst handleScroll = throttleByRaf(() => {\n if (containerEl.value) {\n currentScrollTop = getScrollTop(containerEl.value)\n }\n const currentHref = getCurrentHref()\n if (isScrolling || isUndefined(currentHref)) return\n setCurrentAnchor(currentHref)\n})\n\nconst getCurrentHref = () => {\n if (!containerEl.value) return\n const scrollTop = getScrollTop(containerEl.value)\n const anchorTopList: { top: number; href: string }[] = []\n\n for (const href of Object.keys(links)) {\n const target = getElement(href)\n if (!target) continue\n const scrollEle = getScrollElement(target, containerEl.value)\n const distance = getOffsetTopDistance(target, scrollEle)\n anchorTopList.push({\n top: distance - props.offset - props.bound,\n href,\n })\n }\n anchorTopList.sort((prev, next) => prev.top - next.top)\n for (let i = 0; i < anchorTopList.length; i++) {\n const item = anchorTopList[i]\n const next = anchorTopList[i + 1]\n\n if (i === 0 && scrollTop === 0) {\n return props.selectScrollTop ? item.href : ''\n }\n if (item.top <= scrollTop && (!next || next.top > scrollTop)) {\n return item.href\n }\n }\n}\n\nconst getContainer = () => {\n const el = getElement(props.container)\n if (!el || isWindow(el)) {\n containerEl.value = window\n } else {\n containerEl.value = el\n }\n}\n\nuseEventListener(containerEl, 'scroll', handleScroll)\n\nconst updateMarkerStyle = () => {\n nextTick(() => {\n if (!anchorRef.value || !markerRef.value || !currentAnchor.value) {\n markerStyle.value = {}\n return\n }\n const currentLinkEl = links[currentAnchor.value]\n if (!currentLinkEl) {\n markerStyle.value = {}\n return\n }\n const anchorRect = anchorRef.value.getBoundingClientRect()\n const markerRect = markerRef.value.getBoundingClientRect()\n const linkRect = currentLinkEl.getBoundingClientRect()\n\n if (props.direction === 'horizontal') {\n const left = linkRect.left - anchorRect.left\n markerStyle.value = {\n left: `${left}px`,\n width: `${linkRect.width}px`,\n opacity: 1,\n }\n } else {\n const top =\n linkRect.top -\n anchorRect.top +\n (linkRect.height - markerRect.height) / 2\n markerStyle.value = {\n top: `${top}px`,\n opacity: 1,\n }\n }\n })\n}\n\nwatch(currentAnchor, updateMarkerStyle)\nwatch(() => slots.default?.(), updateMarkerStyle)\n\nonMounted(() => {\n getContainer()\n const hash = decodeURIComponent(window.location.hash)\n const target = getElement(hash)\n if (target) {\n scrollTo(hash)\n } else {\n handleScroll()\n }\n})\n\nwatch(\n () => props.container,\n () => {\n getContainer()\n }\n)\n\nprovide(anchorKey, {\n ns,\n direction: props.direction,\n currentAnchor,\n addLink,\n removeLink,\n handleClick,\n})\n\ndefineExpose({\n scrollTo,\n})\n</script>\n"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import Carousel from './src/carousel2.mjs';
|
2
|
-
import CarouselItem from './src/carousel-
|
2
|
+
import CarouselItem from './src/carousel-item2.mjs';
|
3
3
|
export { carouselEmits, carouselProps } from './src/carousel.mjs';
|
4
|
-
export { carouselItemProps } from './src/carousel-
|
4
|
+
export { carouselItemProps } from './src/carousel-item.mjs';
|
5
5
|
export { CAROUSEL_ITEM_NAME, carouselContextKey } from './src/constants.mjs';
|
6
6
|
import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
|
7
7
|
|
@@ -1,74 +1,12 @@
|
|
1
|
-
import {
|
2
|
-
import { carouselItemProps } from './carousel-item2.mjs';
|
3
|
-
import { useCarouselItem } from './use-carousel-item.mjs';
|
4
|
-
import { CAROUSEL_ITEM_NAME } from './constants.mjs';
|
5
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
6
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
1
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
7
2
|
|
8
|
-
const
|
9
|
-
name:
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
props: carouselItemProps,
|
14
|
-
setup(__props) {
|
15
|
-
const props = __props;
|
16
|
-
const ns = useNamespace("carousel");
|
17
|
-
const {
|
18
|
-
carouselItemRef,
|
19
|
-
active,
|
20
|
-
animating,
|
21
|
-
hover,
|
22
|
-
inStage,
|
23
|
-
isVertical,
|
24
|
-
translate,
|
25
|
-
isCardType,
|
26
|
-
scale,
|
27
|
-
ready,
|
28
|
-
handleItemClick
|
29
|
-
} = useCarouselItem(props);
|
30
|
-
const itemKls = computed(() => [
|
31
|
-
ns.e("item"),
|
32
|
-
ns.is("active", active.value),
|
33
|
-
ns.is("in-stage", inStage.value),
|
34
|
-
ns.is("hover", hover.value),
|
35
|
-
ns.is("animating", animating.value),
|
36
|
-
{
|
37
|
-
[ns.em("item", "card")]: isCardType.value,
|
38
|
-
[ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
|
39
|
-
}
|
40
|
-
]);
|
41
|
-
const itemStyle = computed(() => {
|
42
|
-
const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
|
43
|
-
const _translate = `${translateType}(${unref(translate)}px)`;
|
44
|
-
const _scale = `scale(${unref(scale)})`;
|
45
|
-
const transform = [_translate, _scale].join(" ");
|
46
|
-
return {
|
47
|
-
transform
|
48
|
-
};
|
49
|
-
});
|
50
|
-
return (_ctx, _cache) => {
|
51
|
-
return withDirectives((openBlock(), createElementBlock("div", {
|
52
|
-
ref_key: "carouselItemRef",
|
53
|
-
ref: carouselItemRef,
|
54
|
-
class: normalizeClass(unref(itemKls)),
|
55
|
-
style: normalizeStyle(unref(itemStyle)),
|
56
|
-
onClick: unref(handleItemClick)
|
57
|
-
}, [
|
58
|
-
unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
|
59
|
-
key: 0,
|
60
|
-
class: normalizeClass(unref(ns).e("mask"))
|
61
|
-
}, null, 2)), [
|
62
|
-
[vShow, !unref(active)]
|
63
|
-
]) : createCommentVNode("v-if", true),
|
64
|
-
renderSlot(_ctx.$slots, "default")
|
65
|
-
], 14, ["onClick"])), [
|
66
|
-
[vShow, unref(ready)]
|
67
|
-
]);
|
68
|
-
};
|
3
|
+
const carouselItemProps = buildProps({
|
4
|
+
name: { type: String, default: "" },
|
5
|
+
label: {
|
6
|
+
type: [String, Number],
|
7
|
+
default: ""
|
69
8
|
}
|
70
9
|
});
|
71
|
-
var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "carousel-item.vue"]]);
|
72
10
|
|
73
|
-
export {
|
11
|
+
export { carouselItemProps };
|
74
12
|
//# sourceMappingURL=carousel-item.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.
|
1
|
+
{"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n /**\n * @description name of the item, can be used in `setActiveItem`\n */\n name: { type: String, default: '' },\n /**\n * @description text content for the corresponding indicator\n */\n label: {\n type: [String, Number],\n default: '',\n },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = __ExtractPublicPropTypes<\n typeof carouselItemProps\n>\n"],"names":[],"mappings":";;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
|
@@ -1,12 +1,74 @@
|
|
1
|
-
import {
|
1
|
+
import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
|
2
|
+
import { carouselItemProps } from './carousel-item.mjs';
|
3
|
+
import { useCarouselItem } from './use-carousel-item.mjs';
|
4
|
+
import { CAROUSEL_ITEM_NAME } from './constants.mjs';
|
5
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
6
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
2
7
|
|
3
|
-
const
|
4
|
-
name:
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
+
const __default__ = defineComponent({
|
9
|
+
name: CAROUSEL_ITEM_NAME
|
10
|
+
});
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
12
|
+
...__default__,
|
13
|
+
props: carouselItemProps,
|
14
|
+
setup(__props) {
|
15
|
+
const props = __props;
|
16
|
+
const ns = useNamespace("carousel");
|
17
|
+
const {
|
18
|
+
carouselItemRef,
|
19
|
+
active,
|
20
|
+
animating,
|
21
|
+
hover,
|
22
|
+
inStage,
|
23
|
+
isVertical,
|
24
|
+
translate,
|
25
|
+
isCardType,
|
26
|
+
scale,
|
27
|
+
ready,
|
28
|
+
handleItemClick
|
29
|
+
} = useCarouselItem(props);
|
30
|
+
const itemKls = computed(() => [
|
31
|
+
ns.e("item"),
|
32
|
+
ns.is("active", active.value),
|
33
|
+
ns.is("in-stage", inStage.value),
|
34
|
+
ns.is("hover", hover.value),
|
35
|
+
ns.is("animating", animating.value),
|
36
|
+
{
|
37
|
+
[ns.em("item", "card")]: isCardType.value,
|
38
|
+
[ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
|
39
|
+
}
|
40
|
+
]);
|
41
|
+
const itemStyle = computed(() => {
|
42
|
+
const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
|
43
|
+
const _translate = `${translateType}(${unref(translate)}px)`;
|
44
|
+
const _scale = `scale(${unref(scale)})`;
|
45
|
+
const transform = [_translate, _scale].join(" ");
|
46
|
+
return {
|
47
|
+
transform
|
48
|
+
};
|
49
|
+
});
|
50
|
+
return (_ctx, _cache) => {
|
51
|
+
return withDirectives((openBlock(), createElementBlock("div", {
|
52
|
+
ref_key: "carouselItemRef",
|
53
|
+
ref: carouselItemRef,
|
54
|
+
class: normalizeClass(unref(itemKls)),
|
55
|
+
style: normalizeStyle(unref(itemStyle)),
|
56
|
+
onClick: unref(handleItemClick)
|
57
|
+
}, [
|
58
|
+
unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
|
59
|
+
key: 0,
|
60
|
+
class: normalizeClass(unref(ns).e("mask"))
|
61
|
+
}, null, 2)), [
|
62
|
+
[vShow, !unref(active)]
|
63
|
+
]) : createCommentVNode("v-if", true),
|
64
|
+
renderSlot(_ctx.$slots, "default")
|
65
|
+
], 14, ["onClick"])), [
|
66
|
+
[vShow, unref(ready)]
|
67
|
+
]);
|
68
|
+
};
|
8
69
|
}
|
9
70
|
});
|
71
|
+
var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "carousel-item.vue"]]);
|
10
72
|
|
11
|
-
export {
|
73
|
+
export { CarouselItem as default };
|
12
74
|
//# sourceMappingURL=carousel-item2.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.
|
1
|
+
{"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n <div\n v-show=\"ready\"\n ref=\"carouselItemRef\"\n :class=\"itemKls\"\n :style=\"itemStyle\"\n @click=\"handleItemClick\"\n >\n <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n carouselItemRef,\n active,\n animating,\n hover,\n inStage,\n isVertical,\n translate,\n isCardType,\n scale,\n ready,\n handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n ns.e('item'),\n ns.is('active', active.value),\n ns.is('in-stage', inStage.value),\n ns.is('hover', hover.value),\n ns.is('animating', animating.value),\n {\n [ns.em('item', 'card')]: isCardType.value,\n [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n const _translate = `${translateType}(${unref(translate)}px)`\n const _scale = `scale(${unref(scale)})`\n const transform = [_translate, _scale].join(' ')\n\n return {\n transform,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAI,gBAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAA,KAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAAS,KAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,48 +1,69 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { defineComponent, inject, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
|
2
|
+
import { colProps } from './col2.mjs';
|
3
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
4
|
+
import { rowContextKey } from '../../row/src/constants.mjs';
|
5
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
6
|
+
import { isNumber } from '../../../utils/types.mjs';
|
7
|
+
import { isObject } from '@vue/shared';
|
3
8
|
|
4
|
-
const
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
9
|
+
const __default__ = defineComponent({
|
10
|
+
name: "ElCol"
|
11
|
+
});
|
12
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
13
|
+
...__default__,
|
14
|
+
props: colProps,
|
15
|
+
setup(__props) {
|
16
|
+
const props = __props;
|
17
|
+
const { gutter } = inject(rowContextKey, { gutter: computed(() => 0) });
|
18
|
+
const ns = useNamespace("col");
|
19
|
+
const style = computed(() => {
|
20
|
+
const styles = {};
|
21
|
+
if (gutter.value) {
|
22
|
+
styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`;
|
23
|
+
}
|
24
|
+
return styles;
|
25
|
+
});
|
26
|
+
const colKls = computed(() => {
|
27
|
+
const classes = [];
|
28
|
+
const pos = ["span", "offset", "pull", "push"];
|
29
|
+
pos.forEach((prop) => {
|
30
|
+
const size = props[prop];
|
31
|
+
if (isNumber(size)) {
|
32
|
+
if (prop === "span")
|
33
|
+
classes.push(ns.b(`${props[prop]}`));
|
34
|
+
else if (size > 0)
|
35
|
+
classes.push(ns.b(`${prop}-${props[prop]}`));
|
36
|
+
}
|
37
|
+
});
|
38
|
+
const sizes = ["xs", "sm", "md", "lg", "xl"];
|
39
|
+
sizes.forEach((size) => {
|
40
|
+
if (isNumber(props[size])) {
|
41
|
+
classes.push(ns.b(`${size}-${props[size]}`));
|
42
|
+
} else if (isObject(props[size])) {
|
43
|
+
Object.entries(props[size]).forEach(([prop, sizeProp]) => {
|
44
|
+
classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
|
45
|
+
});
|
46
|
+
}
|
47
|
+
});
|
48
|
+
if (gutter.value) {
|
49
|
+
classes.push(ns.is("guttered"));
|
50
|
+
}
|
51
|
+
return [ns.b(), classes];
|
52
|
+
});
|
53
|
+
return (_ctx, _cache) => {
|
54
|
+
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
|
55
|
+
class: normalizeClass(unref(colKls)),
|
56
|
+
style: normalizeStyle(unref(style))
|
57
|
+
}, {
|
58
|
+
default: withCtx(() => [
|
59
|
+
renderSlot(_ctx.$slots, "default")
|
60
|
+
]),
|
61
|
+
_: 3
|
62
|
+
}, 8, ["class", "style"]);
|
63
|
+
};
|
44
64
|
}
|
45
65
|
});
|
66
|
+
var Col = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "col.vue"]]);
|
46
67
|
|
47
|
-
export {
|
68
|
+
export { Col as default };
|
48
69
|
//# sourceMappingURL=col.mjs.map
|