@element-plus/nightly 0.0.20251209 → 0.0.20251210
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/dist/index.full.js +2 -2
- package/dist/index.full.min.js +2 -2
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +2 -2
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -2
- 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/alert/index.mjs +2 -2
- package/es/components/alert/src/alert.mjs +40 -96
- package/es/components/alert/src/alert.mjs.map +1 -1
- package/es/components/alert/src/alert2.mjs +96 -40
- package/es/components/alert/src/alert2.mjs.map +1 -1
- package/es/components/anchor/index.mjs +2 -2
- package/es/components/anchor/src/anchor.mjs +213 -40
- package/es/components/anchor/src/anchor.mjs.map +1 -1
- package/es/components/anchor/src/anchor2.mjs +40 -213
- package/es/components/anchor/src/anchor2.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.mjs +1 -1
- package/es/components/card/index.mjs +2 -2
- package/es/components/card/src/card.mjs +48 -23
- package/es/components/card/src/card.mjs.map +1 -1
- package/es/components/card/src/card2.mjs +23 -48
- package/es/components/card/src/card2.mjs.map +1 -1
- package/es/components/cascader/src/cascader.mjs +1 -1
- package/es/components/checkbox/index.mjs +2 -2
- package/es/components/checkbox/src/checkbox-group.mjs +50 -94
- package/es/components/checkbox/src/checkbox-group.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox-group2.mjs +94 -50
- package/es/components/checkbox/src/checkbox-group2.mjs.map +1 -1
- package/es/components/color-picker/src/color-picker.mjs +1 -1
- package/es/components/dropdown/index.mjs +2 -2
- package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
- package/es/components/dropdown/src/dropdown-item.mjs +1 -1
- package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
- package/es/components/dropdown/src/dropdown.mjs +112 -258
- package/es/components/dropdown/src/dropdown.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown2.mjs +258 -112
- package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
- package/es/components/image/index.mjs +2 -2
- package/es/components/image/src/image.mjs +234 -69
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/image/src/image2.mjs +69 -234
- package/es/components/image/src/image2.mjs.map +1 -1
- package/es/components/image-viewer/index.mjs +2 -2
- package/es/components/image-viewer/src/image-viewer.mjs +484 -51
- package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
- package/es/components/image-viewer/src/image-viewer2.mjs +51 -484
- package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
- package/es/components/index.mjs +19 -19
- package/es/components/link/index.mjs +2 -2
- package/es/components/link/src/link.mjs +71 -25
- package/es/components/link/src/link.mjs.map +1 -1
- package/es/components/link/src/link2.mjs +25 -71
- package/es/components/link/src/link2.mjs.map +1 -1
- package/es/components/mention/src/mention.mjs +1 -1
- package/es/components/notification/index.mjs +1 -1
- package/es/components/notification/src/notification.mjs +73 -147
- package/es/components/notification/src/notification.mjs.map +1 -1
- package/es/components/notification/src/notification2.mjs +147 -73
- package/es/components/notification/src/notification2.mjs.map +1 -1
- package/es/components/notification/src/notify.mjs +2 -2
- package/es/components/pagination/src/components/pager.mjs +210 -16
- package/es/components/pagination/src/components/pager.mjs.map +1 -1
- package/es/components/pagination/src/components/pager2.mjs +16 -210
- package/es/components/pagination/src/components/pager2.mjs.map +1 -1
- package/es/components/pagination/src/components/prev.mjs +35 -17
- package/es/components/pagination/src/components/prev.mjs.map +1 -1
- package/es/components/pagination/src/components/prev2.mjs +17 -35
- package/es/components/pagination/src/components/prev2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +2 -2
- package/es/components/popconfirm/src/popconfirm.mjs +1 -1
- package/es/components/popover/index.mjs +2 -2
- package/es/components/popover/src/popover.mjs +112 -66
- package/es/components/popover/src/popover.mjs.map +1 -1
- package/es/components/popover/src/popover2.mjs +66 -112
- package/es/components/popover/src/popover2.mjs.map +1 -1
- package/es/components/radio/index.mjs +2 -2
- package/es/components/radio/src/radio-group.mjs +86 -54
- package/es/components/radio/src/radio-group.mjs.map +1 -1
- package/es/components/radio/src/radio-group2.mjs +54 -86
- package/es/components/radio/src/radio-group2.mjs.map +1 -1
- package/es/components/rate/index.mjs +2 -2
- package/es/components/rate/src/rate.mjs +255 -86
- package/es/components/rate/src/rate.mjs.map +1 -1
- package/es/components/rate/src/rate2.mjs +86 -255
- package/es/components/rate/src/rate2.mjs.map +1 -1
- package/es/components/scrollbar/src/bar.mjs +64 -10
- package/es/components/scrollbar/src/bar.mjs.map +1 -1
- package/es/components/scrollbar/src/bar2.mjs +10 -64
- package/es/components/scrollbar/src/bar2.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +1 -1
- package/es/components/segmented/index.mjs +2 -2
- package/es/components/segmented/src/segmented.mjs +171 -45
- package/es/components/segmented/src/segmented.mjs.map +1 -1
- package/es/components/segmented/src/segmented2.mjs +45 -171
- package/es/components/segmented/src/segmented2.mjs.map +1 -1
- package/es/components/select/src/select.mjs +1 -1
- package/es/components/select-v2/src/defaults.mjs +1 -1
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton-item.mjs +22 -17
- package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton-item2.mjs +17 -22
- package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +1 -1
- package/es/components/table/src/filter-panel.mjs +1 -1
- package/es/components/time-picker/src/common/props.mjs +1 -1
- package/es/components/timeline/index.mjs +2 -2
- package/es/components/timeline/src/timeline-item.mjs +72 -33
- package/es/components/timeline/src/timeline-item.mjs.map +1 -1
- package/es/components/timeline/src/timeline-item2.mjs +33 -72
- package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
- package/es/components/tooltip/index.mjs +1 -1
- package/es/components/tooltip/src/content.mjs +203 -29
- package/es/components/tooltip/src/content.mjs.map +1 -1
- package/es/components/tooltip/src/content2.mjs +29 -203
- package/es/components/tooltip/src/content2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.mjs +1 -1
- package/es/components/tooltip/src/tooltip2.mjs +1 -1
- package/es/components/tour/index.mjs +3 -3
- package/es/components/tour/src/content.mjs +67 -43
- package/es/components/tour/src/content.mjs.map +1 -1
- package/es/components/tour/src/content2.mjs +43 -67
- package/es/components/tour/src/content2.mjs.map +1 -1
- package/es/components/tour/src/step.mjs +1 -1
- package/es/components/tour/src/tour.mjs +154 -69
- package/es/components/tour/src/tour.mjs.map +1 -1
- package/es/components/tour/src/tour2.mjs +69 -154
- package/es/components/tour/src/tour2.mjs.map +1 -1
- package/es/components/watermark/index.mjs +2 -2
- package/es/components/watermark/src/watermark.mjs +226 -27
- package/es/components/watermark/src/watermark.mjs.map +1 -1
- package/es/components/watermark/src/watermark2.mjs +27 -226
- package/es/components/watermark/src/watermark2.mjs.map +1 -1
- package/es/index.mjs +19 -19
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/alert/index.js +2 -2
- package/lib/components/alert/src/alert.js +41 -95
- package/lib/components/alert/src/alert.js.map +1 -1
- package/lib/components/alert/src/alert2.js +95 -41
- package/lib/components/alert/src/alert2.js.map +1 -1
- package/lib/components/anchor/index.js +2 -2
- package/lib/components/anchor/src/anchor.js +212 -40
- package/lib/components/anchor/src/anchor.js.map +1 -1
- package/lib/components/anchor/src/anchor2.js +40 -212
- package/lib/components/anchor/src/anchor2.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.js +1 -1
- package/lib/components/card/index.js +2 -2
- package/lib/components/card/src/card.js +48 -24
- package/lib/components/card/src/card.js.map +1 -1
- package/lib/components/card/src/card2.js +24 -48
- package/lib/components/card/src/card2.js.map +1 -1
- package/lib/components/cascader/src/cascader.js +1 -1
- package/lib/components/checkbox/index.js +2 -2
- package/lib/components/checkbox/src/checkbox-group.js +51 -93
- package/lib/components/checkbox/src/checkbox-group.js.map +1 -1
- package/lib/components/checkbox/src/checkbox-group2.js +93 -51
- package/lib/components/checkbox/src/checkbox-group2.js.map +1 -1
- package/lib/components/color-picker/src/color-picker.js +1 -1
- package/lib/components/dropdown/index.js +2 -2
- package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
- package/lib/components/dropdown/src/dropdown-item.js +1 -1
- package/lib/components/dropdown/src/dropdown-menu.js +1 -1
- package/lib/components/dropdown/src/dropdown.js +117 -258
- package/lib/components/dropdown/src/dropdown.js.map +1 -1
- package/lib/components/dropdown/src/dropdown2.js +258 -117
- package/lib/components/dropdown/src/dropdown2.js.map +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/image/src/image.js +233 -69
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/image/src/image2.js +69 -233
- package/lib/components/image/src/image2.js.map +1 -1
- package/lib/components/image-viewer/index.js +2 -2
- package/lib/components/image-viewer/src/image-viewer.js +484 -52
- package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
- package/lib/components/image-viewer/src/image-viewer2.js +52 -484
- package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
- package/lib/components/index.js +19 -19
- package/lib/components/link/index.js +2 -2
- package/lib/components/link/src/link.js +71 -26
- package/lib/components/link/src/link.js.map +1 -1
- package/lib/components/link/src/link2.js +26 -71
- package/lib/components/link/src/link2.js.map +1 -1
- package/lib/components/mention/src/mention.js +1 -1
- package/lib/components/notification/index.js +1 -1
- package/lib/components/notification/src/notification.js +74 -146
- package/lib/components/notification/src/notification.js.map +1 -1
- package/lib/components/notification/src/notification2.js +146 -74
- package/lib/components/notification/src/notification2.js.map +1 -1
- package/lib/components/notification/src/notify.js +2 -2
- package/lib/components/pagination/src/components/pager.js +210 -16
- package/lib/components/pagination/src/components/pager.js.map +1 -1
- package/lib/components/pagination/src/components/pager2.js +16 -210
- package/lib/components/pagination/src/components/pager2.js.map +1 -1
- package/lib/components/pagination/src/components/prev.js +35 -18
- package/lib/components/pagination/src/components/prev.js.map +1 -1
- package/lib/components/pagination/src/components/prev2.js +18 -35
- package/lib/components/pagination/src/components/prev2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +2 -2
- package/lib/components/popconfirm/src/popconfirm.js +1 -1
- package/lib/components/popover/index.js +2 -2
- package/lib/components/popover/src/popover.js +112 -67
- package/lib/components/popover/src/popover.js.map +1 -1
- package/lib/components/popover/src/popover2.js +67 -112
- package/lib/components/popover/src/popover2.js.map +1 -1
- package/lib/components/radio/index.js +2 -2
- package/lib/components/radio/src/radio-group.js +86 -56
- package/lib/components/radio/src/radio-group.js.map +1 -1
- package/lib/components/radio/src/radio-group2.js +56 -86
- package/lib/components/radio/src/radio-group2.js.map +1 -1
- package/lib/components/rate/index.js +2 -2
- package/lib/components/rate/src/rate.js +254 -86
- package/lib/components/rate/src/rate.js.map +1 -1
- package/lib/components/rate/src/rate2.js +86 -254
- package/lib/components/rate/src/rate2.js.map +1 -1
- package/lib/components/scrollbar/src/bar.js +64 -10
- package/lib/components/scrollbar/src/bar.js.map +1 -1
- package/lib/components/scrollbar/src/bar2.js +10 -64
- package/lib/components/scrollbar/src/bar2.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +1 -1
- package/lib/components/segmented/index.js +2 -2
- package/lib/components/segmented/src/segmented.js +171 -47
- package/lib/components/segmented/src/segmented.js.map +1 -1
- package/lib/components/segmented/src/segmented2.js +47 -171
- package/lib/components/segmented/src/segmented2.js.map +1 -1
- package/lib/components/select/src/select.js +1 -1
- package/lib/components/select-v2/src/defaults.js +1 -1
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton-item.js +22 -17
- package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
- package/lib/components/skeleton/src/skeleton-item2.js +17 -22
- package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +1 -1
- package/lib/components/table/src/filter-panel.js +1 -1
- package/lib/components/time-picker/src/common/props.js +1 -1
- package/lib/components/timeline/index.js +2 -2
- package/lib/components/timeline/src/timeline-item.js +72 -33
- package/lib/components/timeline/src/timeline-item.js.map +1 -1
- package/lib/components/timeline/src/timeline-item2.js +33 -72
- package/lib/components/timeline/src/timeline-item2.js.map +1 -1
- package/lib/components/tooltip/index.js +1 -1
- package/lib/components/tooltip/src/content.js +203 -29
- package/lib/components/tooltip/src/content.js.map +1 -1
- package/lib/components/tooltip/src/content2.js +29 -203
- package/lib/components/tooltip/src/content2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.js +1 -1
- package/lib/components/tooltip/src/tooltip2.js +1 -1
- package/lib/components/tour/index.js +3 -3
- package/lib/components/tour/src/content.js +67 -46
- package/lib/components/tour/src/content.js.map +1 -1
- package/lib/components/tour/src/content2.js +46 -67
- package/lib/components/tour/src/content2.js.map +1 -1
- package/lib/components/tour/src/step.js +1 -1
- package/lib/components/tour/src/tour.js +152 -68
- package/lib/components/tour/src/tour.js.map +1 -1
- package/lib/components/tour/src/tour2.js +68 -152
- package/lib/components/tour/src/tour2.js.map +1 -1
- package/lib/components/watermark/index.js +2 -2
- package/lib/components/watermark/src/watermark.js +226 -27
- package/lib/components/watermark/src/watermark.js.map +1 -1
- package/lib/components/watermark/src/watermark2.js +27 -226
- package/lib/components/watermark/src/watermark2.js.map +1 -1
- package/lib/index.js +19 -19
- 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/web-types.json +1 -1
|
@@ -2,262 +2,94 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
12
|
-
var index = require('../../../hooks/use-namespace/index.js');
|
|
13
|
-
var useFormItem = require('../../form/src/hooks/use-form-item.js');
|
|
14
|
-
var shared = require('@vue/shared');
|
|
5
|
+
var iconsVue = require('@element-plus/icons-vue');
|
|
6
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
7
|
+
var typescript = require('../../../utils/typescript.js');
|
|
8
|
+
var icon = require('../../../utils/vue/icon.js');
|
|
9
|
+
var index = require('../../../hooks/use-size/index.js');
|
|
10
|
+
var index$1 = require('../../../hooks/use-aria/index.js');
|
|
15
11
|
var event = require('../../../constants/event.js');
|
|
16
|
-
var
|
|
17
|
-
var aria = require('../../../constants/aria.js');
|
|
12
|
+
var types = require('../../../utils/types.js');
|
|
18
13
|
|
|
19
|
-
const
|
|
20
|
-
|
|
14
|
+
const rateProps = runtime.buildProps({
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: Number,
|
|
17
|
+
default: 0
|
|
18
|
+
},
|
|
19
|
+
id: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: void 0
|
|
22
|
+
},
|
|
23
|
+
lowThreshold: {
|
|
24
|
+
type: Number,
|
|
25
|
+
default: 2
|
|
26
|
+
},
|
|
27
|
+
highThreshold: {
|
|
28
|
+
type: Number,
|
|
29
|
+
default: 4
|
|
30
|
+
},
|
|
31
|
+
max: {
|
|
32
|
+
type: Number,
|
|
33
|
+
default: 5
|
|
34
|
+
},
|
|
35
|
+
colors: {
|
|
36
|
+
type: runtime.definePropType([Array, Object]),
|
|
37
|
+
default: () => typescript.mutable(["", "", ""])
|
|
38
|
+
},
|
|
39
|
+
voidColor: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: ""
|
|
42
|
+
},
|
|
43
|
+
disabledVoidColor: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: ""
|
|
46
|
+
},
|
|
47
|
+
icons: {
|
|
48
|
+
type: runtime.definePropType([Array, Object]),
|
|
49
|
+
default: () => [iconsVue.StarFilled, iconsVue.StarFilled, iconsVue.StarFilled]
|
|
50
|
+
},
|
|
51
|
+
voidIcon: {
|
|
52
|
+
type: icon.iconPropType,
|
|
53
|
+
default: () => iconsVue.Star
|
|
54
|
+
},
|
|
55
|
+
disabledVoidIcon: {
|
|
56
|
+
type: icon.iconPropType,
|
|
57
|
+
default: () => iconsVue.StarFilled
|
|
58
|
+
},
|
|
59
|
+
disabled: {
|
|
60
|
+
type: Boolean,
|
|
61
|
+
default: void 0
|
|
62
|
+
},
|
|
63
|
+
allowHalf: Boolean,
|
|
64
|
+
showText: Boolean,
|
|
65
|
+
showScore: Boolean,
|
|
66
|
+
textColor: {
|
|
67
|
+
type: String,
|
|
68
|
+
default: ""
|
|
69
|
+
},
|
|
70
|
+
texts: {
|
|
71
|
+
type: runtime.definePropType(Array),
|
|
72
|
+
default: () => typescript.mutable([
|
|
73
|
+
"Extremely bad",
|
|
74
|
+
"Disappointed",
|
|
75
|
+
"Fair",
|
|
76
|
+
"Satisfied",
|
|
77
|
+
"Surprise"
|
|
78
|
+
])
|
|
79
|
+
},
|
|
80
|
+
scoreTemplate: {
|
|
81
|
+
type: String,
|
|
82
|
+
default: "{value}"
|
|
83
|
+
},
|
|
84
|
+
size: index.useSizeProp,
|
|
85
|
+
clearable: Boolean,
|
|
86
|
+
...index$1.useAriaProps(["ariaLabel"])
|
|
21
87
|
});
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
setup(__props, { expose, emit }) {
|
|
27
|
-
const props = __props;
|
|
28
|
-
function getValueFromMap(value, map) {
|
|
29
|
-
const isExcludedObject = (val) => shared.isObject(val);
|
|
30
|
-
const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
|
|
31
|
-
const val = map[key];
|
|
32
|
-
const excluded = isExcludedObject(val) ? val.excluded : false;
|
|
33
|
-
return excluded ? value < key : value <= key;
|
|
34
|
-
}).sort((a, b) => a - b);
|
|
35
|
-
const matchedValue = map[matchedKeys[0]];
|
|
36
|
-
return isExcludedObject(matchedValue) && matchedValue.value || matchedValue;
|
|
37
|
-
}
|
|
38
|
-
const formItemContext = vue.inject(constants.formItemContextKey, void 0);
|
|
39
|
-
const rateSize = useFormCommonProps.useFormSize();
|
|
40
|
-
const ns = index.useNamespace("rate");
|
|
41
|
-
const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
|
|
42
|
-
formItemContext
|
|
43
|
-
});
|
|
44
|
-
const currentValue = vue.ref(props.modelValue);
|
|
45
|
-
const hoverIndex = vue.ref(-1);
|
|
46
|
-
const pointerAtLeftHalf = vue.ref(true);
|
|
47
|
-
const iconRefs = vue.ref([]);
|
|
48
|
-
const iconClientWidths = vue.computed(() => iconRefs.value.map((icon) => icon.$el.clientWidth));
|
|
49
|
-
const rateClasses = vue.computed(() => [ns.b(), ns.m(rateSize.value)]);
|
|
50
|
-
const rateDisabled = useFormCommonProps.useFormDisabled();
|
|
51
|
-
const rateStyles = vue.computed(() => {
|
|
52
|
-
return ns.cssVarBlock({
|
|
53
|
-
"void-color": props.voidColor,
|
|
54
|
-
"disabled-void-color": props.disabledVoidColor,
|
|
55
|
-
"fill-color": activeColor.value
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
const text = vue.computed(() => {
|
|
59
|
-
let result = "";
|
|
60
|
-
if (props.showScore) {
|
|
61
|
-
result = props.scoreTemplate.replace(/\{\s*value\s*\}/, rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`);
|
|
62
|
-
} else if (props.showText) {
|
|
63
|
-
result = props.texts[Math.ceil(currentValue.value) - 1];
|
|
64
|
-
}
|
|
65
|
-
return result;
|
|
66
|
-
});
|
|
67
|
-
const valueDecimal = vue.computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
|
|
68
|
-
const colorMap = vue.computed(() => shared.isArray(props.colors) ? {
|
|
69
|
-
[props.lowThreshold]: props.colors[0],
|
|
70
|
-
[props.highThreshold]: { value: props.colors[1], excluded: true },
|
|
71
|
-
[props.max]: props.colors[2]
|
|
72
|
-
} : props.colors);
|
|
73
|
-
const activeColor = vue.computed(() => {
|
|
74
|
-
const color = getValueFromMap(currentValue.value, colorMap.value);
|
|
75
|
-
return shared.isObject(color) ? "" : color;
|
|
76
|
-
});
|
|
77
|
-
const decimalStyle = vue.computed(() => {
|
|
78
|
-
let width = "";
|
|
79
|
-
if (rateDisabled.value) {
|
|
80
|
-
width = `${valueDecimal.value}%`;
|
|
81
|
-
} else if (props.allowHalf) {
|
|
82
|
-
width = "50%";
|
|
83
|
-
}
|
|
84
|
-
return {
|
|
85
|
-
color: activeColor.value,
|
|
86
|
-
width
|
|
87
|
-
};
|
|
88
|
-
});
|
|
89
|
-
const componentMap = vue.computed(() => {
|
|
90
|
-
let icons = shared.isArray(props.icons) ? [...props.icons] : { ...props.icons };
|
|
91
|
-
icons = vue.markRaw(icons);
|
|
92
|
-
return shared.isArray(icons) ? {
|
|
93
|
-
[props.lowThreshold]: icons[0],
|
|
94
|
-
[props.highThreshold]: {
|
|
95
|
-
value: icons[1],
|
|
96
|
-
excluded: true
|
|
97
|
-
},
|
|
98
|
-
[props.max]: icons[2]
|
|
99
|
-
} : icons;
|
|
100
|
-
});
|
|
101
|
-
const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
|
|
102
|
-
const voidComponent = vue.computed(() => rateDisabled.value ? shared.isString(props.disabledVoidIcon) ? props.disabledVoidIcon : vue.markRaw(props.disabledVoidIcon) : shared.isString(props.voidIcon) ? props.voidIcon : vue.markRaw(props.voidIcon));
|
|
103
|
-
const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
|
|
104
|
-
function showDecimalIcon(item) {
|
|
105
|
-
const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
|
|
106
|
-
const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
|
|
107
|
-
return showWhenDisabled || showWhenAllowHalf;
|
|
108
|
-
}
|
|
109
|
-
function emitValue(value) {
|
|
110
|
-
if (props.clearable && value === props.modelValue) {
|
|
111
|
-
value = 0;
|
|
112
|
-
}
|
|
113
|
-
emit(event.UPDATE_MODEL_EVENT, value);
|
|
114
|
-
if (props.modelValue !== value) {
|
|
115
|
-
emit(event.CHANGE_EVENT, value);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
function selectValue(value) {
|
|
119
|
-
if (rateDisabled.value) {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
if (props.allowHalf && pointerAtLeftHalf.value) {
|
|
123
|
-
emitValue(currentValue.value);
|
|
124
|
-
} else {
|
|
125
|
-
emitValue(value);
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
function handleKey(e) {
|
|
129
|
-
if (rateDisabled.value) {
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
const code = event$1.getEventCode(e);
|
|
133
|
-
const step = props.allowHalf ? 0.5 : 1;
|
|
134
|
-
let _currentValue = currentValue.value;
|
|
135
|
-
switch (code) {
|
|
136
|
-
case aria.EVENT_CODE.up:
|
|
137
|
-
case aria.EVENT_CODE.right:
|
|
138
|
-
_currentValue += step;
|
|
139
|
-
break;
|
|
140
|
-
case aria.EVENT_CODE.left:
|
|
141
|
-
case aria.EVENT_CODE.down:
|
|
142
|
-
_currentValue -= step;
|
|
143
|
-
break;
|
|
144
|
-
}
|
|
145
|
-
_currentValue = lodashUnified.clamp(_currentValue, 0, props.max);
|
|
146
|
-
if (_currentValue === currentValue.value) {
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
e.stopPropagation();
|
|
150
|
-
e.preventDefault();
|
|
151
|
-
emit(event.UPDATE_MODEL_EVENT, _currentValue);
|
|
152
|
-
emit(event.CHANGE_EVENT, _currentValue);
|
|
153
|
-
return _currentValue;
|
|
154
|
-
}
|
|
155
|
-
function setCurrentValue(value, event) {
|
|
156
|
-
if (rateDisabled.value) {
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
159
|
-
if (props.allowHalf && event) {
|
|
160
|
-
pointerAtLeftHalf.value = event.offsetX * 2 <= iconClientWidths.value[value - 1];
|
|
161
|
-
currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
|
|
162
|
-
} else {
|
|
163
|
-
currentValue.value = value;
|
|
164
|
-
}
|
|
165
|
-
hoverIndex.value = value;
|
|
166
|
-
}
|
|
167
|
-
function resetCurrentValue() {
|
|
168
|
-
if (rateDisabled.value) {
|
|
169
|
-
return;
|
|
170
|
-
}
|
|
171
|
-
if (props.allowHalf) {
|
|
172
|
-
pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
|
|
173
|
-
}
|
|
174
|
-
currentValue.value = props.modelValue;
|
|
175
|
-
hoverIndex.value = -1;
|
|
176
|
-
}
|
|
177
|
-
vue.watch(() => props.modelValue, (val) => {
|
|
178
|
-
currentValue.value = val;
|
|
179
|
-
pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
|
|
180
|
-
});
|
|
181
|
-
if (!props.modelValue) {
|
|
182
|
-
emit(event.UPDATE_MODEL_EVENT, 0);
|
|
183
|
-
}
|
|
184
|
-
expose({
|
|
185
|
-
setCurrentValue,
|
|
186
|
-
resetCurrentValue
|
|
187
|
-
});
|
|
188
|
-
return (_ctx, _cache) => {
|
|
189
|
-
var _a;
|
|
190
|
-
return vue.openBlock(), vue.createElementBlock("div", {
|
|
191
|
-
id: vue.unref(inputId),
|
|
192
|
-
class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
|
|
193
|
-
role: "slider",
|
|
194
|
-
"aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "rating" : void 0,
|
|
195
|
-
"aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
|
|
196
|
-
"aria-valuenow": currentValue.value,
|
|
197
|
-
"aria-valuetext": vue.unref(text) || void 0,
|
|
198
|
-
"aria-valuemin": "0",
|
|
199
|
-
"aria-valuemax": _ctx.max,
|
|
200
|
-
tabindex: "0",
|
|
201
|
-
style: vue.normalizeStyle(vue.unref(rateStyles)),
|
|
202
|
-
onKeydown: handleKey
|
|
203
|
-
}, [
|
|
204
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
|
|
205
|
-
return vue.openBlock(), vue.createElementBlock("span", {
|
|
206
|
-
key,
|
|
207
|
-
class: vue.normalizeClass(vue.unref(ns).e("item")),
|
|
208
|
-
onMousemove: ($event) => setCurrentValue(item, $event),
|
|
209
|
-
onMouseleave: resetCurrentValue,
|
|
210
|
-
onClick: ($event) => selectValue(item)
|
|
211
|
-
}, [
|
|
212
|
-
vue.createVNode(vue.unref(index$1.ElIcon), {
|
|
213
|
-
ref_for: true,
|
|
214
|
-
ref_key: "iconRefs",
|
|
215
|
-
ref: iconRefs,
|
|
216
|
-
class: vue.normalizeClass([
|
|
217
|
-
vue.unref(ns).e("icon"),
|
|
218
|
-
{ hover: hoverIndex.value === item },
|
|
219
|
-
vue.unref(ns).is("active", item <= currentValue.value),
|
|
220
|
-
vue.unref(ns).is("focus-visible", item === Math.ceil(currentValue.value || 1))
|
|
221
|
-
])
|
|
222
|
-
}, {
|
|
223
|
-
default: vue.withCtx(() => [
|
|
224
|
-
vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), null, null, 512)), [
|
|
225
|
-
[vue.vShow, !showDecimalIcon(item) && item <= currentValue.value]
|
|
226
|
-
]),
|
|
227
|
-
vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), null, null, 512)), [
|
|
228
|
-
[vue.vShow, !showDecimalIcon(item) && item > currentValue.value]
|
|
229
|
-
]),
|
|
230
|
-
vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), {
|
|
231
|
-
class: vue.normalizeClass([vue.unref(ns).em("decimal", "box")])
|
|
232
|
-
}, null, 8, ["class"])), [
|
|
233
|
-
[vue.vShow, showDecimalIcon(item)]
|
|
234
|
-
]),
|
|
235
|
-
vue.withDirectives(vue.createVNode(vue.unref(index$1.ElIcon), {
|
|
236
|
-
style: vue.normalizeStyle(vue.unref(decimalStyle)),
|
|
237
|
-
class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).e("decimal")])
|
|
238
|
-
}, {
|
|
239
|
-
default: vue.withCtx(() => [
|
|
240
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(decimalIconComponent))))
|
|
241
|
-
]),
|
|
242
|
-
_: 2
|
|
243
|
-
}, 1032, ["style", "class"]), [
|
|
244
|
-
[vue.vShow, showDecimalIcon(item)]
|
|
245
|
-
])
|
|
246
|
-
]),
|
|
247
|
-
_: 2
|
|
248
|
-
}, 1032, ["class"])
|
|
249
|
-
], 42, ["onMousemove", "onClick"]);
|
|
250
|
-
}), 128)),
|
|
251
|
-
_ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
252
|
-
key: 0,
|
|
253
|
-
class: vue.normalizeClass(vue.unref(ns).e("text")),
|
|
254
|
-
style: vue.normalizeStyle({ color: _ctx.textColor })
|
|
255
|
-
}, vue.toDisplayString(vue.unref(text)), 7)) : vue.createCommentVNode("v-if", true)
|
|
256
|
-
], 46, ["id", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuetext", "aria-valuemax"]);
|
|
257
|
-
};
|
|
258
|
-
}
|
|
259
|
-
});
|
|
260
|
-
var Rate = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "rate.vue"]]);
|
|
88
|
+
const rateEmits = {
|
|
89
|
+
[event.CHANGE_EVENT]: (value) => types.isNumber(value),
|
|
90
|
+
[event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
|
|
91
|
+
};
|
|
261
92
|
|
|
262
|
-
exports
|
|
93
|
+
exports.rateEmits = rateEmits;
|
|
94
|
+
exports.rateProps = rateProps;
|
|
263
95
|
//# sourceMappingURL=rate2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate2.js","sources":["../../../../../../packages/components/rate/src/rate.vue"],"sourcesContent":["<template>\n <div\n :id=\"inputId\"\n :class=\"[rateClasses, ns.is('disabled', rateDisabled)]\"\n role=\"slider\"\n :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'rating' : undefined\"\n :aria-labelledby=\"\n isLabeledByFormItem ? formItemContext?.labelId : undefined\n \"\n :aria-valuenow=\"currentValue\"\n :aria-valuetext=\"text || undefined\"\n aria-valuemin=\"0\"\n :aria-valuemax=\"max\"\n tabindex=\"0\"\n :style=\"rateStyles\"\n @keydown=\"handleKey\"\n >\n <span\n v-for=\"(item, key) in max\"\n :key=\"key\"\n :class=\"ns.e('item')\"\n @mousemove=\"setCurrentValue(item, $event)\"\n @mouseleave=\"resetCurrentValue\"\n @click=\"selectValue(item)\"\n >\n <el-icon\n ref=\"iconRefs\"\n :class=\"[\n ns.e('icon'),\n { hover: hoverIndex === item },\n ns.is('active', item <= currentValue),\n ns.is('focus-visible', item === Math.ceil(currentValue || 1)),\n ]\"\n >\n <component\n :is=\"activeComponent\"\n v-show=\"!showDecimalIcon(item) && item <= currentValue\"\n />\n <component\n :is=\"voidComponent\"\n v-show=\"!showDecimalIcon(item) && item > currentValue\"\n />\n <component\n :is=\"voidComponent\"\n v-show=\"showDecimalIcon(item)\"\n :class=\"[ns.em('decimal', 'box')]\"\n />\n <el-icon\n v-show=\"showDecimalIcon(item)\"\n :style=\"decimalStyle\"\n :class=\"[ns.e('icon'), ns.e('decimal')]\"\n >\n <component :is=\"decimalIconComponent\" />\n </el-icon>\n </el-icon>\n </span>\n <span\n v-if=\"showText || showScore\"\n :class=\"ns.e('text')\"\n :style=\"{ color: textColor }\"\n >\n {{ text }}\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, markRaw, ref, watch } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { getEventCode, isArray, isObject, isString } from '@element-plus/utils'\nimport {\n formItemContextKey,\n useFormDisabled,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rateEmits, rateProps } from './rate'\n\nimport type { CSSProperties, Component } from 'vue'\nimport type { IconInstance } from '@element-plus/components/icon'\n\nfunction getValueFromMap<T>(\n value: number,\n map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n const isExcludedObject = (\n val: unknown\n ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n const matchedKeys = Object.keys(map)\n .map((key) => +key)\n .filter((key) => {\n const val = map[key]\n const excluded = isExcludedObject(val) ? val.excluded : false\n return excluded ? value < key : value <= key\n })\n .sort((a, b) => a - b)\n const matchedValue = map[matchedKeys[0]]\n return (isExcludedObject(matchedValue) && matchedValue.value) || matchedValue\n}\n\ndefineOptions({\n name: 'ElRate',\n})\n\nconst props = defineProps(rateProps)\nconst emit = defineEmits(rateEmits)\n\nconst formItemContext = inject(formItemContextKey, undefined)\nconst rateSize = useFormSize()\nconst ns = useNamespace('rate')\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext,\n})\n\nconst currentValue = ref(props.modelValue)\nconst hoverIndex = ref(-1)\nconst pointerAtLeftHalf = ref(true)\n\nconst iconRefs = ref<IconInstance[]>([])\nconst iconClientWidths = computed<number[]>(() =>\n iconRefs.value.map((icon) => icon.$el.clientWidth)\n)\nconst rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)])\nconst rateDisabled = useFormDisabled()\nconst rateStyles = computed(() => {\n return ns.cssVarBlock({\n 'void-color': props.voidColor,\n 'disabled-void-color': props.disabledVoidColor,\n 'fill-color': activeColor.value,\n }) as CSSProperties\n})\n\nconst text = computed(() => {\n let result = ''\n if (props.showScore) {\n result = props.scoreTemplate.replace(\n /\\{\\s*value\\s*\\}/,\n rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n )\n } else if (props.showText) {\n result = props.texts[Math.ceil(currentValue.value) - 1]\n }\n return result\n})\nconst valueDecimal = computed(\n () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n)\nconst colorMap = computed(() =>\n isArray(props.colors)\n ? {\n [props.lowThreshold]: props.colors[0],\n [props.highThreshold]: { value: props.colors[1], excluded: true },\n [props.max]: props.colors[2],\n }\n : props.colors\n)\nconst activeColor = computed(() => {\n const color = getValueFromMap(currentValue.value, colorMap.value)\n // {value: '', excluded: true} returned\n return isObject(color) ? '' : color\n})\nconst decimalStyle = computed(() => {\n let width = ''\n if (rateDisabled.value) {\n width = `${valueDecimal.value}%`\n } else if (props.allowHalf) {\n width = '50%'\n }\n return {\n color: activeColor.value,\n width,\n }\n})\nconst componentMap = computed(() => {\n let icons = isArray(props.icons) ? [...props.icons] : { ...props.icons }\n icons = markRaw(icons) as\n | Array<string | Component>\n | Record<number, string | Component>\n return isArray(icons)\n ? {\n [props.lowThreshold]: icons[0],\n [props.highThreshold]: {\n value: icons[1],\n excluded: true,\n },\n [props.max]: icons[2],\n }\n : icons\n})\nconst decimalIconComponent = computed(() =>\n getValueFromMap(props.modelValue, componentMap.value)\n)\nconst voidComponent = computed(() =>\n rateDisabled.value\n ? isString(props.disabledVoidIcon)\n ? props.disabledVoidIcon\n : (markRaw(props.disabledVoidIcon) as Component)\n : isString(props.voidIcon)\n ? props.voidIcon\n : (markRaw(props.voidIcon) as Component)\n)\nconst activeComponent = computed(() =>\n getValueFromMap(currentValue.value, componentMap.value)\n)\n\nfunction showDecimalIcon(item: number) {\n const showWhenDisabled =\n rateDisabled.value &&\n valueDecimal.value > 0 &&\n item - 1 < props.modelValue &&\n item > props.modelValue\n const showWhenAllowHalf =\n props.allowHalf &&\n pointerAtLeftHalf.value &&\n item - 0.5 <= currentValue.value &&\n item > currentValue.value\n return showWhenDisabled || showWhenAllowHalf\n}\n\nfunction emitValue(value: number) {\n // if allow clear, and selected value is same as modelValue, reset value to 0\n if (props.clearable && value === props.modelValue) {\n value = 0\n }\n\n emit(UPDATE_MODEL_EVENT, value)\n if (props.modelValue !== value) {\n emit(CHANGE_EVENT, value)\n }\n}\n\nfunction selectValue(value: number) {\n if (rateDisabled.value) {\n return\n }\n if (props.allowHalf && pointerAtLeftHalf.value) {\n emitValue(currentValue.value)\n } else {\n emitValue(value)\n }\n}\n\nfunction handleKey(e: KeyboardEvent) {\n if (rateDisabled.value) {\n return\n }\n const code = getEventCode(e)\n const step = props.allowHalf ? 0.5 : 1\n let _currentValue = currentValue.value\n\n switch (code) {\n case EVENT_CODE.up:\n case EVENT_CODE.right:\n _currentValue += step\n break\n case EVENT_CODE.left:\n case EVENT_CODE.down:\n _currentValue -= step\n break\n }\n\n _currentValue = clamp(_currentValue, 0, props.max)\n\n if (_currentValue === currentValue.value) {\n return\n }\n\n e.stopPropagation()\n e.preventDefault()\n emit(UPDATE_MODEL_EVENT, _currentValue)\n emit(CHANGE_EVENT, _currentValue)\n return _currentValue\n}\n\nfunction setCurrentValue(value: number, event?: MouseEvent) {\n if (rateDisabled.value) {\n return\n }\n if (props.allowHalf && event) {\n pointerAtLeftHalf.value =\n event.offsetX * 2 <= iconClientWidths.value[value - 1]\n currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value\n } else {\n currentValue.value = value\n }\n hoverIndex.value = value\n}\n\nfunction resetCurrentValue() {\n if (rateDisabled.value) {\n return\n }\n if (props.allowHalf) {\n pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n }\n currentValue.value = props.modelValue\n hoverIndex.value = -1\n}\n\nwatch(\n () => props.modelValue,\n (val) => {\n currentValue.value = val\n pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue)\n }\n)\n\nif (!props.modelValue) {\n emit(UPDATE_MODEL_EVENT, 0)\n}\n\ndefineExpose({\n /** @description set current value */\n setCurrentValue,\n /** @description reset current value */\n resetCurrentValue,\n})\n</script>\n"],"names":["isObject","inject","formItemContextKey","useFormSize","useNamespace","useFormItemInputId","ref","computed","useFormDisabled","markRaw","isArray","isString","UPDATE_MODEL_EVENT","CHANGE_EVENT","getEventCode","EVENT_CODE","clamp","watch","_openBlock","_createElementBlock","_unref","_normalizeClass","_normalizeStyle","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;uCA4Gc,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAtBA,IAAS,SAAA,eAAA,CACP,OACA,GACA,EAAA;AACA,MAAA,MAAM,gBAAmB,GAAA,CACvB,GACyD,KAAAA,eAAA,CAAS,GAAG,CAAA,CAAA;AAEvE,MAAA,MAAM,WAAc,GAAA,MAAA,CAAO,IAAK,CAAA,GAAG,CAChC,CAAA,GAAA,CAAI,CAAC,GAAA,KAAQ,CAAC,GAAG,CACjB,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA;AACf,QAAM,MAAA,GAAA,GAAM,IAAI,GAAG,CAAA,CAAA;AACnB,QAAA,MAAM,QAAW,GAAA,gBAAA,CAAiB,GAAG,CAAA,GAAI,IAAI,QAAW,GAAA,KAAA,CAAA;AACxD,QAAO,OAAA,QAAA,GAAW,KAAQ,GAAA,GAAA,GAAM,KAAS,IAAA,GAAA,CAAA;AAAA,OAC1C,CACA,CAAA,IAAA,CAAK,CAAC,CAAG,EAAA,CAAA,KAAM,IAAI,CAAC,CAAA,CAAA;AACvB,MAAA,MAAM,YAAe,GAAA,GAAA,CAAI,WAAY,CAAA,CAAC,CAAC,CAAA,CAAA;AACvC,MAAA,OAAQ,gBAAiB,CAAA,YAAY,CAAK,IAAA,YAAA,CAAa,KAAU,IAAA,YAAA,CAAA;AAAA,KACnE;AASA,IAAM,MAAA,eAAA,GAAkBC,UAAO,CAAAC,4BAAA,EAAoB,KAAS,CAAA,CAAA,CAAA;AAC5D,IAAA,MAAM,WAAWC,8BAAY,EAAA,CAAA;AAC7B,IAAM,MAAA,EAAA,GAAKC,mBAAa,MAAM,CAAA,CAAA;AAC9B,IAAA,MAAM,EAAE,OAAA,EAAS,mBAAoB,EAAA,GAAIC,+BAAmB,KAAO,EAAA;AAAA,MACjE,eAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAeC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACzC,IAAM,MAAA,UAAA,GAAaA,QAAI,CAAE,CAAA,CAAA,CAAA;AACzB,IAAM,MAAA,iBAAA,GAAoBA,QAAI,IAAI,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAWA,OAAoB,CAAA,EAAE,CAAA,CAAA;AACvC,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,GAAA,CAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAAmB,MAAA,WACjC,GAAMA,YAAK,CAAS,MAAA,CAAA,EAAA,CAAA,CAAA,EAAK,IAAI,CAAW,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACnD,MAAA,YAAA,GAAAC,kCAAA,EAAA,CAAA;AACA,IAAA,MAAM,UAAc,GAAAD,YAAA,CAAA,MAAe;AACnC,MAAA,qBAAqC,CAAA;AACrC,QAAM,YAAA,EAAA,eAA4B;AAChC,QAAA,qBAAsB,EAAA,KAAA,CAAA,iBAAA;AAAA,QACpB,cAAc,WAAM,CAAA,KAAA;AAAA,OAAA,CACpB;AAA6B,KAAA,CAAA,CAAA;AACH,IAAA,MAC3B,IAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACF,IAAA,MAAA,GAAA,EAAA,CAAA;AAED,MAAM,IAAA,KAAA,CAAA,WAAsB;AAC1B,QAAA,MAAa,GAAA,KAAA,CAAA,aAAA,CAAA,OAAA,CAAA,iBAAA,EAAA,YAAA,CAAA,KAAA,GAAA,CAAA,EAAA,KAAA,CAAA,UAAA,CAAA,CAAA,GAAA,CAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AACb,OAAA,UAAqB,KAAA,CAAA,QAAA,EAAA;AACnB,QAAA,MAAA,GAAS,MAAM,KAAc,CAAA,IAAA,CAAA,IAAA,CAAA,YAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAC3B;AAAA,MACA,OAAA,MAAA,CAAA;AAAkE,KACpE,CAAA,CAAA;AAAA,IACF,MAAA,eAA2BA,YAAA,CAAA,MAAA,KAAA,CAAA,UAAA,GAAA,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,GAAA,GAAA,CAAA,CAAA;AACzB,IAAA,MAAA,uBAAqB,CAAA,oBAAuB,CAAA,KAAA,CAAA,MAAA,CAAK;AAAK,MACxD,CAAA,KAAA,CAAA,YAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACA,MAAO,CAAA,KAAA,CAAA,aAAA,GAAA,EAAA,KAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA;AAAA,MACR,CAAA,KAAA,CAAA,GAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACD,KAAA,GAAA,KAAqB,CAAA,MAAA,CAAA,CAAA;AAAA,IACnB,MAAA,WAAyB,GAAAA,YAAA,CAAA;AAAqC,MAChE,MAAA,KAAA,GAAA,eAAA,CAAA,YAAA,CAAA,KAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,OAAiBP,eAAA,CAAA,KAAA,CAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,KAAA,CAAS,CACxB;AACI,IAAA,MACS,YAAA,GAAAO,YAAe,CAAA;AAAc,MACpC,IAAO,KAAA,GAAA,EAAA,CAAA;AAAyD,MAAA,IACzD,YAAM,CAAA;AAAc,aAEvB,GAAA,CAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACZ,MAAA,IAAA,KAAA,CAAA,SAAA,EAAA;AACA,QAAM,KAAA,GAAA,KAAA,CAAA;AACJ,OAAA;AAEA,MAAO,OAAA;AAAuB,QAC/B,KAAA,EAAA,WAAA,CAAA,KAAA;AACD,QAAM,KAAA;AACJ,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AACE,IAAQ,MAAA,2BAAqB,CAAA,MAAA;AAAA,MAC/B,IAAA,KAAA,iBAA4B,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,KAAA,CAAA,KAAA,CAAA,GAAA,EAAA,GAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AAC1B,MAAQ,KAAA,GAAAE,WAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MACV,OAAAC,cAAA,CAAA,KAAA,CAAA,GAAA;AACA,QAAO,CAAA,KAAA,CAAA,YAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AAAA,QACL,OAAO,aAAY,GAAA;AAAA,UACnB,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAAA,UACF,QAAA,EAAA,IAAA;AAAA,SACD;AACD,QAAM,CAAA,KAAA,CAAA,GAAA,GAAA;AACJ,OAAA,GAAI,KAAQ,CAAA;AACZ,KAAA,CAAA,CAAA;AAGA,IAAO,MAAA,oBACH,GAAAH,YAAA,CAAA,MAAA,eAAA,CAAA,KAAA,CAAA,UAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IAAA,MACG,aAAkB,GAAAA,mBAAU,YAAA,CAAA,KAAA,GAAAI,eAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,GAAA,KAAA,CAAA,gBAAA,GAAAF,WAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,GAAAE,eAAA,CAAA,KAAA,CAAA,QAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAAF,WAAA,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,IAC7B,MAAO,eAAA,GAAaF,YAAG,CAAA,MAAA,eAAA,CAAA,YAAA,CAAA,KAAA,EAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,IACrB,SAAA,eAAc,CAAA,IAAA,EAAA;AAAA,MAAA,MACJ,gBAAA,GAAA,YAAA,CAAA,KAAA,IAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,UAAA,CAAA;AAAA,MACZ,MAAA,iBAAA,GAAA,KAAA,CAAA,SAAA,IAAA,iBAAA,CAAA,KAAA,IAAA,IAAA,GAAA,GAAA,IAAA,YAAA,CAAA,KAAA,IAAA,IAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,MAAA,OACC,gBAAmB,IAAA,iBAAA,CAAA;AAAA,KAAA;AAEtB,IACN,SAAC,SAAA,CAAA,KAAA,EAAA;AACD,MAAA,IAAM,KAAuB,CAAA,SAAA,IAAA,KAAA,KAAA,KAAA,CAAA,UAAA,EAAA;AAAA,QAC3B,KAAA,GAAA,CAAA,CAAA;AAAoD,OACtD;AACA,MAAA,IAAM,CAAgBK,wBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAS,IAAA,gBAEzB,KAAA,KAAA,EAAA;AAKyB,QAC/B,IAAA,CAAAC,kBAAA,EAAA,KAAA,CAAA,CAAA;AACA,OAAA;AAAwB,KAAA;AACgC,IACxD,SAAA,WAAA,CAAA,KAAA,EAAA;AAEA,MAAA,IAAA,oBAAuC;AACrC,QAAM,OAAA;AAKN,OAAM;AAKN,MAAA,IAAA,KAA2B,CAAA,SAAA,IAAA,iBAAA,CAAA,KAAA,EAAA;AAAA,QAC7B,SAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAEA,OAAA,MAAS;AAEP,QAAA,SAAU,CAAA,KAAA,CAAA,CAAA;AACR,OAAQ;AAAA,KACV;AAEA,IAAA;AACA,MAAI,IAAA;AACF,QAAA;AAAwB,OAC1B;AAAA,MACF,MAAA,IAAA,GAAAC,oBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,MAAA,MAAA,aAAqB,SAAe,GAAA,GAAA,GAAA,CAAA,CAAA;AAClC,MAAA,IAAI,aAAa,GAAO,YAAA,CAAA,KAAA,CAAA;AACtB,MAAA,QAAA,IAAA;AAAA,QACF,KAAAC,eAAA,CAAA,EAAA,CAAA;AACA,QAAI,KAAAA,eAAmB,CAAA,KAAA;AACrB,UAAA,qBAAuB,CAAK;AAAA,UACvB,MAAA;AACL,QAAA,KAAAA,eAAe,CAAA,IAAA,CAAA;AAAA,QACjB,KAAAA,eAAA,CAAA,IAAA;AAAA,UACF,aAAA,IAAA,IAAA,CAAA;AAEA,UAAA;AACE,OAAA;AACE,MAAA,aAAA,GAAAC,mBAAA,CAAA,aAAA,EAAA,CAAA,EAAA,KAAA,CAAA,GAAA,CAAA,CAAA;AAAA,MACF,IAAA,aAAA,KAAA,YAAA,CAAA,KAAA,EAAA;AACA,QAAM,OAAA;AACN,OAAM;AACN,MAAA,CAAA,CAAA,kBAAoB;AAEpB,MAAA,CAAA,CAAA,cAAc,EAAA,CAAA;AAAA,MAAA,6BACI,EAAA,aAAA,CAAA,CAAA;AAAA,MAAA,uBACA,EAAA,aAAA,CAAA,CAAA;AACd,MAAiB,OAAA,aAAA,CAAA;AACjB,KAAA;AAAA,IAAA,SACG,eAAW,CAAA,KAAA,EAAA,KAAA,EAAA;AAAA,MAAA,gBACA,CAAA,KAAA,EAAA;AACd,QAAiB,OAAA;AACjB,OAAA;AAAA,MACJ,IAAA,KAAA,CAAA,SAAA,IAAA,KAAA,EAAA;AAEA,QAAA,iBAAsB,CAAA,KAAA,GAAA,KAAA,CAAA,OAAkB,GAAA,CAAA,IAAS,gBAAA,CAAA,KAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA;AAEjD,QAAI,YAAA,CAAA,KAAA,oBAAsC,CAAA,KAAA,GAAA,KAAA,GAAA,GAAA,GAAA,KAAA,CAAA;AACxC,OAAA,MAAA;AAAA,QACF,YAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,OAAA;AACA,MAAA,UAAiB,CAAA,KAAA,GAAA,KAAA,CAAA;AACjB,KAAA;AACA,IAAA,0BAAgC,GAAA;AAChC,MAAO,IAAA,YAAA,CAAA,KAAA,EAAA;AAAA,QACT,OAAA;AAEA,OAAS;AACP,MAAA,IAAI,eAAoB,EAAA;AACtB,QAAA,iBAAA,CAAA,KAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACF;AACA,MAAI,0BAA0B,CAAA,UAAA,CAAA;AAC5B,MAAA,UAAA,CAAA,KAAA,GAAA,CAAkB;AAElB,KAAA;AAA6D,IAAAC,SACxD,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,GAAA,KAAA;AACL,MAAA,YAAA,CAAA,KAAqB,GAAA,GAAA,CAAA;AAAA,MACvB,iBAAA,CAAA,KAAA,GAAA,KAAA,CAAA,UAAA,KAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAAmB,IACrB,IAAA,CAAA,KAAA,CAAA,UAAA,EAAA;AAEA,MAAA,IAAA,CAAAL,wBAA6B,EAAA,CAAA,CAAA,CAAA;AAC3B,KAAA;AACE,IAAA,MAAA,CAAA;AAAA,MACF,eAAA;AACA,MAAA,iBAAqB;AACnB,KAAA,CAAA,CAAA;AAA0E,IAC5E,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,OAAAM,aAAmB,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QACrB,EAAA,EAAAC,SAAA,CAAA,OAAA,CAAA;AAEA,QAAA,KAAA,EAAAC,kBAAA,CAAA,CAAAD,SAAA,CAAA,WAAA,CAAA,EAAAA,SAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,UAAA,EAAAA,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAAA,YACQ,EAAM,QAAA;AAAA,QACH,YAAA,EAAA,CAAAA,SAAA,CAAA,mBAAA,CAAA,GAAA,IAAA,CAAA,SAAA,IAAA,QAAA,GAAA,KAAA,CAAA;AACP,QAAA,iBAAqB,EAAAA,SAAA,CAAA,mBAAA,CAAA,GAAA,CAAA,EAAA,GAAAA,SAAA,CAAA,eAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,GAAA,KAAA,CAAA;AACrB,QAAA,eAAA,EAAA,YAAgC,CAAA,KAAA;AAA0C,QAC5E,gBAAA,EAAAA,SAAA,CAAA,IAAA,CAAA,IAAA,KAAA,CAAA;AAAA,QACF,eAAA,EAAA,GAAA;AAEA,QAAI,eAAmB,EAAA,IAAA,CAAA,GAAA;AACrB,QAAA;AAA0B,QAC5B,KAAA,EAAAE,kBAAA,CAAAF,SAAA,CAAA,UAAA,CAAA,CAAA;AAEA,QAAa,SAAA,EAAA,SAAA;AAAA,OAAA,EAAA;AAAA,SAEXF,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA,CAAAI,YAAA,EAAA,IAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,GAAA,KAAA;AAAA,UAAA,OAAAN,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA;AAAA,YAEA,GAAA;AAAA,YACD,KAAA,EAAAE,kBAAA,CAAAD,SAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"rate2.js","sources":["../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons-vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n buildProps,\n definePropType,\n iconPropType,\n isNumber,\n mutable,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { Component, ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Rate from './rate.vue'\n\nexport const rateProps = buildProps({\n /**\n * @description binding value\n */\n modelValue: {\n type: Number,\n default: 0,\n },\n /**\n * @description native `id` attribute\n */\n id: {\n type: String,\n default: undefined,\n },\n /**\n * @description threshold value between low and medium level. The value itself will be included in low level\n */\n lowThreshold: {\n type: Number,\n default: 2,\n },\n /**\n * @description threshold value between medium and high level. The value itself will be included in high level\n */\n highThreshold: {\n type: Number,\n default: 4,\n },\n /**\n * @description max rating score\n */\n max: {\n type: Number,\n default: 5,\n },\n /**\n * @description colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color\n */\n colors: {\n type: definePropType<string[] | Record<number, string>>([Array, Object]),\n default: () => mutable(['', '', ''] as const),\n },\n /**\n * @description color of unselected icons\n */\n voidColor: {\n type: String,\n default: '',\n },\n /**\n * @description color of unselected read-only icons\n */\n disabledVoidColor: {\n type: String,\n default: '',\n },\n /**\n * @description icon components. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon component\n */\n icons: {\n type: definePropType<\n Array<string | Component> | Record<number, string | Component>\n >([Array, Object]),\n default: () =>\n [StarFilled, StarFilled, StarFilled] as [Component, Component, Component],\n },\n /**\n * @description component of unselected icons\n */\n voidIcon: {\n type: iconPropType,\n default: () => Star as Component,\n },\n /**\n * @description component of unselected read-only icons\n */\n disabledVoidIcon: {\n type: iconPropType,\n default: () => StarFilled as Component,\n },\n /**\n * @description whether Rate is read-only\n */\n disabled: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description whether picking half start is allowed\n */\n allowHalf: Boolean,\n /**\n * @description whether to display texts\n */\n showText: Boolean,\n /**\n * @description whether to display current score. show-score and show-text cannot be true at the same time\n */\n showScore: Boolean,\n /**\n * @description color of texts\n */\n textColor: {\n type: String,\n default: '',\n },\n /**\n * @description text array\n */\n texts: {\n type: definePropType<string[]>(Array),\n default: () =>\n mutable([\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ] as const),\n },\n /**\n * @description score template\n */\n scoreTemplate: {\n type: String,\n default: '{value}',\n },\n /**\n * @description size of Rate\n */\n size: useSizeProp,\n /**\n * @description whether value can be reset to `0`\n */\n clearable: Boolean,\n ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\nexport type RatePropsPublic = __ExtractPublicPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n [CHANGE_EVENT]: (value: number) => isNumber(value),\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type RateEmits = typeof rateEmits\n\nexport type RateInstance = InstanceType<typeof Rate> & unknown\n"],"names":["buildProps","definePropType","mutable","StarFilled","iconPropType","Star","useSizeProp","useAriaProps","CHANGE_EVENT","isNumber","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;;;;;;AAUY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AACxC,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAED,sBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,MAAM,CAACE,mBAAU,EAAEA,mBAAU,EAAEA,mBAAU,CAAC;AACvD,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,aAAI;AACvB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAED,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMD,mBAAU;AAC7B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEF,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC;AAC3B,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,MAAM;AACZ,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,IAAI,EAAEI,iBAAW;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,GAAGC,oBAAY,CAAC,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKC,cAAQ,CAAC,KAAK,CAAC;AAC5C,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKD,cAAQ,CAAC,KAAK,CAAC;AAClD;;;;;"}
|
|
@@ -2,18 +2,72 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var util = require('./util.js');
|
|
7
|
+
var thumb = require('./thumb2.js');
|
|
8
|
+
var bar = require('./bar2.js');
|
|
9
|
+
var constants = require('./constants.js');
|
|
10
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
6
11
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
13
|
+
__name: "bar",
|
|
14
|
+
props: bar.barProps,
|
|
15
|
+
setup(__props, { expose }) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const scrollbar = vue.inject(constants.scrollbarContextKey);
|
|
18
|
+
const moveX = vue.ref(0);
|
|
19
|
+
const moveY = vue.ref(0);
|
|
20
|
+
const sizeWidth = vue.ref("");
|
|
21
|
+
const sizeHeight = vue.ref("");
|
|
22
|
+
const ratioY = vue.ref(1);
|
|
23
|
+
const ratioX = vue.ref(1);
|
|
24
|
+
const handleScroll = (wrap) => {
|
|
25
|
+
if (wrap) {
|
|
26
|
+
const offsetHeight = wrap.offsetHeight - util.GAP;
|
|
27
|
+
const offsetWidth = wrap.offsetWidth - util.GAP;
|
|
28
|
+
moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
|
|
29
|
+
moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const update = () => {
|
|
33
|
+
const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
|
|
34
|
+
if (!wrap)
|
|
35
|
+
return;
|
|
36
|
+
const offsetHeight = wrap.offsetHeight - util.GAP;
|
|
37
|
+
const offsetWidth = wrap.offsetWidth - util.GAP;
|
|
38
|
+
const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
|
|
39
|
+
const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
|
|
40
|
+
const height = Math.max(originalHeight, props.minSize);
|
|
41
|
+
const width = Math.max(originalWidth, props.minSize);
|
|
42
|
+
ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
|
|
43
|
+
ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
|
|
44
|
+
sizeHeight.value = height + util.GAP < offsetHeight ? `${height}px` : "";
|
|
45
|
+
sizeWidth.value = width + util.GAP < offsetWidth ? `${width}px` : "";
|
|
46
|
+
};
|
|
47
|
+
expose({
|
|
48
|
+
handleScroll,
|
|
49
|
+
update
|
|
50
|
+
});
|
|
51
|
+
return (_ctx, _cache) => {
|
|
52
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
53
|
+
vue.createVNode(thumb["default"], {
|
|
54
|
+
move: moveX.value,
|
|
55
|
+
ratio: ratioX.value,
|
|
56
|
+
size: sizeWidth.value,
|
|
57
|
+
always: _ctx.always
|
|
58
|
+
}, null, 8, ["move", "ratio", "size", "always"]),
|
|
59
|
+
vue.createVNode(thumb["default"], {
|
|
60
|
+
move: moveY.value,
|
|
61
|
+
ratio: ratioY.value,
|
|
62
|
+
size: sizeHeight.value,
|
|
63
|
+
vertical: "",
|
|
64
|
+
always: _ctx.always
|
|
65
|
+
}, null, 8, ["move", "ratio", "size", "always"])
|
|
66
|
+
], 64);
|
|
67
|
+
};
|
|
15
68
|
}
|
|
16
69
|
});
|
|
70
|
+
var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "bar.vue"]]);
|
|
17
71
|
|
|
18
|
-
exports
|
|
72
|
+
exports["default"] = Bar;
|
|
19
73
|
//# sourceMappingURL=bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.
|
|
1
|
+
{"version":3,"file":"bar.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;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,72 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var util = require('./util.js');
|
|
7
|
-
var thumb = require('./thumb2.js');
|
|
8
|
-
var bar = require('./bar.js');
|
|
9
|
-
var constants = require('./constants.js');
|
|
10
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
5
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
11
6
|
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const sizeWidth = vue.ref("");
|
|
21
|
-
const sizeHeight = vue.ref("");
|
|
22
|
-
const ratioY = vue.ref(1);
|
|
23
|
-
const ratioX = vue.ref(1);
|
|
24
|
-
const handleScroll = (wrap) => {
|
|
25
|
-
if (wrap) {
|
|
26
|
-
const offsetHeight = wrap.offsetHeight - util.GAP;
|
|
27
|
-
const offsetWidth = wrap.offsetWidth - util.GAP;
|
|
28
|
-
moveY.value = wrap.scrollTop * 100 / offsetHeight * ratioY.value;
|
|
29
|
-
moveX.value = wrap.scrollLeft * 100 / offsetWidth * ratioX.value;
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const update = () => {
|
|
33
|
-
const wrap = scrollbar == null ? void 0 : scrollbar.wrapElement;
|
|
34
|
-
if (!wrap)
|
|
35
|
-
return;
|
|
36
|
-
const offsetHeight = wrap.offsetHeight - util.GAP;
|
|
37
|
-
const offsetWidth = wrap.offsetWidth - util.GAP;
|
|
38
|
-
const originalHeight = offsetHeight ** 2 / wrap.scrollHeight;
|
|
39
|
-
const originalWidth = offsetWidth ** 2 / wrap.scrollWidth;
|
|
40
|
-
const height = Math.max(originalHeight, props.minSize);
|
|
41
|
-
const width = Math.max(originalWidth, props.minSize);
|
|
42
|
-
ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
|
|
43
|
-
ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
|
|
44
|
-
sizeHeight.value = height + util.GAP < offsetHeight ? `${height}px` : "";
|
|
45
|
-
sizeWidth.value = width + util.GAP < offsetWidth ? `${width}px` : "";
|
|
46
|
-
};
|
|
47
|
-
expose({
|
|
48
|
-
handleScroll,
|
|
49
|
-
update
|
|
50
|
-
});
|
|
51
|
-
return (_ctx, _cache) => {
|
|
52
|
-
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
53
|
-
vue.createVNode(thumb["default"], {
|
|
54
|
-
move: moveX.value,
|
|
55
|
-
ratio: ratioX.value,
|
|
56
|
-
size: sizeWidth.value,
|
|
57
|
-
always: _ctx.always
|
|
58
|
-
}, null, 8, ["move", "ratio", "size", "always"]),
|
|
59
|
-
vue.createVNode(thumb["default"], {
|
|
60
|
-
move: moveY.value,
|
|
61
|
-
ratio: ratioY.value,
|
|
62
|
-
size: sizeHeight.value,
|
|
63
|
-
vertical: "",
|
|
64
|
-
always: _ctx.always
|
|
65
|
-
}, null, 8, ["move", "ratio", "size", "always"])
|
|
66
|
-
], 64);
|
|
67
|
-
};
|
|
7
|
+
const barProps = runtime.buildProps({
|
|
8
|
+
always: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: true
|
|
11
|
+
},
|
|
12
|
+
minSize: {
|
|
13
|
+
type: Number,
|
|
14
|
+
required: true
|
|
68
15
|
}
|
|
69
16
|
});
|
|
70
|
-
var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "bar.vue"]]);
|
|
71
17
|
|
|
72
|
-
exports
|
|
18
|
+
exports.barProps = barProps;
|
|
73
19
|
//# sourceMappingURL=bar2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.
|
|
1
|
+
{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } 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>\nexport type BarPropsPublic = __ExtractPublicPropTypes<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;;;;"}
|
|
@@ -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('./
|
|
7
|
+
var bar = require('./bar.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');
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var segmented$1 = require('./src/
|
|
6
|
-
var segmented = require('./src/
|
|
5
|
+
var segmented$1 = require('./src/segmented.js');
|
|
6
|
+
var segmented = require('./src/segmented2.js');
|
|
7
7
|
var install = require('../../utils/vue/install.js');
|
|
8
8
|
|
|
9
9
|
const ElSegmented = install.withInstall(segmented$1["default"]);
|