@element-plus/nightly 0.0.20260120 → 0.0.20260122
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 +7127 -8294
- package/dist/index.full.min.js +19 -19
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +23 -23
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +7124 -8292
- 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/affix/src/affix.mjs +1 -1
- package/es/components/affix/src/affix.vue2.mjs +2 -9
- package/es/components/affix/src/affix.vue2.mjs.map +1 -1
- package/es/components/alert/src/alert.vue2.mjs +2 -11
- package/es/components/alert/src/alert.vue2.mjs.map +1 -1
- package/es/components/anchor/src/anchor-link.vue2.mjs +2 -4
- package/es/components/anchor/src/anchor-link.vue2.mjs.map +1 -1
- package/es/components/anchor/src/anchor.vue2.mjs +2 -11
- package/es/components/anchor/src/anchor.vue2.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.vue2.mjs +5 -62
- package/es/components/autocomplete/src/autocomplete.vue2.mjs.map +1 -1
- package/es/components/avatar/src/avatar.vue2.mjs +2 -10
- package/es/components/avatar/src/avatar.vue2.mjs.map +1 -1
- package/es/components/backtop/src/backtop.vue2.mjs +2 -7
- package/es/components/backtop/src/backtop.vue2.mjs.map +1 -1
- package/es/components/badge/src/badge.vue2.mjs +2 -12
- package/es/components/badge/src/badge.vue2.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb-item.vue2.mjs +2 -4
- package/es/components/breadcrumb/src/breadcrumb-item.vue2.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb.vue2.mjs +2 -4
- package/es/components/breadcrumb/src/breadcrumb.vue2.mjs.map +1 -1
- package/es/components/button/src/button-group.vue2.mjs +2 -5
- package/es/components/button/src/button-group.vue2.mjs.map +1 -1
- package/es/components/button/src/button.vue2.mjs +3 -23
- package/es/components/button/src/button.vue2.mjs.map +1 -1
- package/es/components/calendar/src/calendar.vue2.mjs +2 -7
- package/es/components/calendar/src/calendar.vue2.mjs.map +1 -1
- package/es/components/calendar/src/date-table.vue2.mjs +2 -7
- package/es/components/calendar/src/date-table.vue2.mjs.map +1 -1
- package/es/components/calendar/src/select-controller.vue2.mjs +2 -5
- package/es/components/calendar/src/select-controller.vue2.mjs.map +1 -1
- package/es/components/card/src/card.vue2.mjs +2 -9
- package/es/components/card/src/card.vue2.mjs.map +1 -1
- package/es/components/carousel/src/carousel-item.vue2.mjs +2 -4
- package/es/components/carousel/src/carousel-item.vue2.mjs.map +1 -1
- package/es/components/carousel/src/carousel.vue2.mjs +2 -16
- package/es/components/carousel/src/carousel.vue2.mjs.map +1 -1
- package/es/components/cascader/src/cascader.vue2.mjs +4 -45
- package/es/components/cascader/src/cascader.vue2.mjs.map +1 -1
- package/es/components/cascader-panel/src/index.vue2.mjs +2 -8
- package/es/components/cascader-panel/src/index.vue2.mjs.map +1 -1
- package/es/components/check-tag/src/check-tag.vue2.mjs +2 -6
- package/es/components/check-tag/src/check-tag.vue2.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox-button.vue2.mjs +3 -22
- package/es/components/checkbox/src/checkbox-button.vue2.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox-group.vue2.mjs +2 -16
- package/es/components/checkbox/src/checkbox-group.vue2.mjs.map +1 -1
- package/es/components/checkbox/src/checkbox.mjs +1 -1
- package/es/components/checkbox/src/checkbox.vue2.mjs +3 -22
- package/es/components/checkbox/src/checkbox.vue2.mjs.map +1 -1
- package/es/components/col/src/col.vue2.mjs +2 -12
- package/es/components/col/src/col.vue2.mjs.map +1 -1
- package/es/components/collapse/src/collapse-item.vue2.mjs +3 -8
- package/es/components/collapse/src/collapse-item.vue2.mjs.map +1 -1
- package/es/components/collapse/src/collapse.vue2.mjs +2 -7
- package/es/components/collapse/src/collapse.vue2.mjs.map +1 -1
- package/es/components/color-picker/src/color-picker.vue2.mjs +3 -22
- package/es/components/color-picker/src/color-picker.vue2.mjs.map +1 -1
- package/es/components/color-picker-panel/src/color-picker-panel.vue2.mjs +2 -10
- package/es/components/color-picker-panel/src/color-picker-panel.vue2.mjs.map +1 -1
- package/es/components/color-picker-panel/src/components/alpha-slider.vue2.mjs +2 -5
- package/es/components/color-picker-panel/src/components/alpha-slider.vue2.mjs.map +1 -1
- package/es/components/color-picker-panel/src/components/hue-slider.vue2.mjs +2 -5
- package/es/components/color-picker-panel/src/components/hue-slider.vue2.mjs.map +1 -1
- package/es/components/color-picker-panel/src/components/predefine.vue2.mjs +2 -6
- package/es/components/color-picker-panel/src/components/predefine.vue2.mjs.map +1 -1
- package/es/components/color-picker-panel/src/components/sv-panel.vue2.mjs +2 -4
- package/es/components/color-picker-panel/src/components/sv-panel.vue2.mjs.map +1 -1
- package/es/components/countdown/src/countdown.vue2.mjs +2 -9
- package/es/components/countdown/src/countdown.vue2.mjs.map +1 -1
- package/es/components/date-picker-panel/src/composables/use-basic-date-table.mjs +6 -3
- package/es/components/date-picker-panel/src/composables/use-basic-date-table.mjs.map +1 -1
- package/es/components/date-picker-panel/src/date-picker-com/panel-date-range.vue2.mjs +8 -2
- package/es/components/date-picker-panel/src/date-picker-com/panel-date-range.vue2.mjs.map +1 -1
- package/es/components/descriptions/src/description.vue2.mjs +2 -9
- package/es/components/descriptions/src/description.vue2.mjs.map +1 -1
- package/es/components/descriptions/src/descriptions-row.vue2.mjs +2 -3
- package/es/components/descriptions/src/descriptions-row.vue2.mjs.map +1 -1
- package/es/components/dialog/index.mjs +1 -1
- package/es/components/dialog/src/dialog-content.vue2.mjs +3 -16
- package/es/components/dialog/src/dialog-content.vue2.mjs.map +1 -1
- package/es/components/dialog/src/dialog.d.ts +17 -0
- package/es/components/dialog/src/dialog.mjs +14 -2
- package/es/components/dialog/src/dialog.mjs.map +1 -1
- package/es/components/dialog/src/dialog.vue.d.ts +30 -30
- package/es/components/dialog/src/dialog.vue2.mjs +3 -47
- package/es/components/dialog/src/dialog.vue2.mjs.map +1 -1
- package/es/components/divider/src/divider.vue2.mjs +2 -5
- package/es/components/divider/src/divider.vue2.mjs.map +1 -1
- package/es/components/drawer/src/composables/useResizable.d.ts +1 -1
- package/es/components/drawer/src/composables/useResizable.mjs.map +1 -1
- package/es/components/drawer/src/drawer.d.ts +34 -2
- package/es/components/drawer/src/drawer.mjs.map +1 -1
- package/es/components/drawer/src/drawer.vue.d.ts +78 -153
- package/es/components/drawer/src/drawer.vue2.mjs +16 -16
- package/es/components/drawer/src/drawer.vue2.mjs.map +1 -1
- package/es/components/empty/src/empty.vue2.mjs +2 -5
- package/es/components/empty/src/empty.vue2.mjs.map +1 -1
- package/es/components/form/src/form-item.vue2.mjs +2 -14
- package/es/components/form/src/form-item.vue2.mjs.map +1 -1
- package/es/components/form/src/form.vue2.mjs +2 -19
- package/es/components/form/src/form.vue2.mjs.map +1 -1
- package/es/components/icon/src/icon.vue2.mjs +2 -4
- package/es/components/icon/src/icon.vue2.mjs.map +1 -1
- package/es/components/image/src/image.vue2.mjs +2 -21
- package/es/components/image/src/image.vue2.mjs.map +1 -1
- package/es/components/image-viewer/src/image-viewer.vue2.mjs +2 -16
- package/es/components/image-viewer/src/image-viewer.vue2.mjs.map +1 -1
- package/es/components/index.mjs +1 -1
- package/es/components/input/src/input.mjs +1 -1
- package/es/components/input/src/input.vue2.mjs +3 -38
- package/es/components/input/src/input.vue2.mjs.map +1 -1
- package/es/components/input-number/src/input-number.vue2.mjs +2 -23
- package/es/components/input-number/src/input-number.vue2.mjs.map +1 -1
- package/es/components/input-tag/src/input-tag.vue2.mjs +3 -31
- package/es/components/input-tag/src/input-tag.vue2.mjs.map +1 -1
- package/es/components/link/src/link.vue2.mjs +2 -9
- package/es/components/link/src/link.vue2.mjs.map +1 -1
- package/es/components/mention/src/mention-dropdown.vue2.mjs +2 -8
- package/es/components/mention/src/mention-dropdown.vue2.mjs.map +1 -1
- package/es/components/mention/src/mention.vue2.mjs +5 -62
- package/es/components/mention/src/mention.vue2.mjs.map +1 -1
- package/es/components/menu/src/menu-item-group.vue2.mjs +2 -3
- package/es/components/menu/src/menu-item-group.vue2.mjs.map +1 -1
- package/es/components/menu/src/menu-item.vue2.mjs +2 -6
- package/es/components/menu/src/menu-item.vue2.mjs.map +1 -1
- package/es/components/message/src/message.vue2.mjs +3 -20
- package/es/components/message/src/message.vue2.mjs.map +1 -1
- package/es/components/notification/src/notification.vue2.mjs +3 -20
- package/es/components/notification/src/notification.vue2.mjs.map +1 -1
- package/es/components/page-header/src/page-header.vue2.mjs +2 -7
- package/es/components/page-header/src/page-header.vue2.mjs.map +1 -1
- package/es/components/popconfirm/src/popconfirm.vue2.mjs +2 -19
- package/es/components/popconfirm/src/popconfirm.vue2.mjs.map +1 -1
- package/es/components/popover/src/popover.vue2.mjs +3 -28
- package/es/components/popover/src/popover.vue2.mjs.map +1 -1
- package/es/components/popper/src/content.mjs +1 -1
- package/es/components/popper/src/content.vue2.mjs +3 -30
- package/es/components/popper/src/content.vue2.mjs.map +1 -1
- package/es/components/popper/src/popper.vue2.mjs +2 -3
- package/es/components/popper/src/popper.vue2.mjs.map +1 -1
- package/es/components/popper/src/trigger.vue2.mjs +2 -13
- package/es/components/popper/src/trigger.vue2.mjs.map +1 -1
- package/es/components/progress/src/progress.vue2.mjs +2 -16
- package/es/components/progress/src/progress.vue2.mjs.map +1 -1
- package/es/components/radio/src/radio-button.vue2.mjs +3 -12
- package/es/components/radio/src/radio-button.vue2.mjs.map +1 -1
- package/es/components/radio/src/radio-group.vue2.mjs +3 -18
- package/es/components/radio/src/radio-group.vue2.mjs.map +1 -1
- package/es/components/radio/src/radio.vue2.mjs +3 -13
- package/es/components/radio/src/radio.vue2.mjs.map +1 -1
- package/es/components/rate/src/rate.vue2.mjs +2 -31
- package/es/components/rate/src/rate.vue2.mjs.map +1 -1
- package/es/components/result/src/result.vue2.mjs +2 -6
- package/es/components/result/src/result.vue2.mjs.map +1 -1
- package/es/components/row/src/row.vue2.mjs +2 -6
- package/es/components/row/src/row.vue2.mjs.map +1 -1
- package/es/components/scrollbar/src/bar.vue2.mjs +2 -4
- package/es/components/scrollbar/src/bar.vue2.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar.vue2.mjs +2 -20
- package/es/components/scrollbar/src/scrollbar.vue2.mjs.map +1 -1
- package/es/components/scrollbar/src/thumb.vue2.mjs +2 -7
- package/es/components/scrollbar/src/thumb.vue2.mjs.map +1 -1
- package/es/components/segmented/src/segmented.vue2.mjs +2 -14
- package/es/components/segmented/src/segmented.vue2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton-item.vue2.mjs +2 -3
- package/es/components/skeleton/src/skeleton-item.vue2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton.vue2.mjs +2 -7
- package/es/components/skeleton/src/skeleton.vue2.mjs.map +1 -1
- package/es/components/splitter/src/split-panel.vue2.mjs +2 -8
- package/es/components/splitter/src/split-panel.vue2.mjs.map +1 -1
- package/es/components/splitter/src/splitter.vue2.mjs +2 -5
- package/es/components/splitter/src/splitter.vue2.mjs.map +1 -1
- package/es/components/statistic/src/statistic.vue2.mjs +2 -11
- package/es/components/statistic/src/statistic.vue2.mjs.map +1 -1
- package/es/components/steps/src/item.vue2.mjs +2 -6
- package/es/components/steps/src/item.vue2.mjs.map +1 -1
- package/es/components/steps/src/steps.vue2.mjs +2 -10
- package/es/components/steps/src/steps.vue2.mjs.map +1 -1
- package/es/components/switch/src/switch.vue2.mjs +2 -23
- package/es/components/switch/src/switch.vue2.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar.vue2.mjs +2 -4
- package/es/components/tabs/src/tab-bar.vue2.mjs.map +1 -1
- package/es/components/tabs/src/tab-pane.vue2.mjs +2 -7
- package/es/components/tabs/src/tab-pane.vue2.mjs.map +1 -1
- package/es/components/tag/src/tag.vue2.mjs +2 -11
- package/es/components/tag/src/tag.vue2.mjs.map +1 -1
- package/es/components/text/src/text.vue2.mjs +2 -7
- package/es/components/text/src/text.vue2.mjs.map +1 -1
- package/es/components/time-select/src/time-select.vue2.mjs +2 -24
- package/es/components/time-select/src/time-select.vue2.mjs.map +1 -1
- package/es/components/timeline/src/timeline-item.vue2.mjs +2 -11
- package/es/components/timeline/src/timeline-item.vue2.mjs.map +1 -1
- package/es/components/tooltip/src/content.vue2.mjs +3 -40
- package/es/components/tooltip/src/content.vue2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.vue2.mjs +3 -64
- package/es/components/tooltip/src/tooltip.vue2.mjs.map +1 -1
- package/es/components/tooltip/src/trigger.vue2.mjs +3 -19
- package/es/components/tooltip/src/trigger.vue2.mjs.map +1 -1
- package/es/components/tour/src/content.vue2.mjs +2 -9
- package/es/components/tour/src/content.vue2.mjs.map +1 -1
- package/es/components/tour/src/mask.vue2.mjs +2 -7
- package/es/components/tour/src/mask.vue2.mjs.map +1 -1
- package/es/components/tour/src/step.vue2.mjs +2 -16
- package/es/components/tour/src/step.vue2.mjs.map +1 -1
- package/es/components/tour/src/tour.vue2.mjs +2 -18
- package/es/components/tour/src/tour.vue2.mjs.map +1 -1
- package/es/components/transfer/src/transfer-panel.vue2.mjs +2 -17
- package/es/components/transfer/src/transfer-panel.vue2.mjs.map +1 -1
- package/es/components/transfer/src/transfer.vue2.mjs +2 -21
- package/es/components/transfer/src/transfer.vue2.mjs.map +1 -1
- package/es/components/tree-v2/src/tree-node.vue2.mjs +2 -13
- package/es/components/tree-v2/src/tree-node.vue2.mjs.map +1 -1
- package/es/components/tree-v2/src/tree.vue2.mjs +2 -30
- package/es/components/tree-v2/src/tree.vue2.mjs.map +1 -1
- package/es/components/upload/src/upload-content.vue2.mjs +3 -28
- package/es/components/upload/src/upload-content.vue2.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger.vue2.mjs +2 -5
- package/es/components/upload/src/upload-dragger.vue2.mjs.map +1 -1
- package/es/components/upload/src/upload-list.vue2.mjs +2 -10
- package/es/components/upload/src/upload-list.vue2.mjs.map +1 -1
- package/es/components/upload/src/upload.vue2.mjs +3 -31
- package/es/components/upload/src/upload.vue2.mjs.map +1 -1
- package/es/components/watermark/src/watermark.vue2.mjs +2 -11
- package/es/components/watermark/src/watermark.vue2.mjs.map +1 -1
- package/es/hooks/use-model-toggle/index.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/affix/src/affix.js +1 -1
- package/lib/components/affix/src/affix.vue2.js +2 -9
- package/lib/components/affix/src/affix.vue2.js.map +1 -1
- package/lib/components/alert/src/alert.vue2.js +2 -11
- package/lib/components/alert/src/alert.vue2.js.map +1 -1
- package/lib/components/anchor/src/anchor-link.vue2.js +2 -4
- package/lib/components/anchor/src/anchor-link.vue2.js.map +1 -1
- package/lib/components/anchor/src/anchor.vue2.js +2 -11
- package/lib/components/anchor/src/anchor.vue2.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.vue2.js +2 -59
- package/lib/components/autocomplete/src/autocomplete.vue2.js.map +1 -1
- package/lib/components/avatar/src/avatar.vue2.js +2 -10
- package/lib/components/avatar/src/avatar.vue2.js.map +1 -1
- package/lib/components/backtop/src/backtop.vue2.js +2 -7
- package/lib/components/backtop/src/backtop.vue2.js.map +1 -1
- package/lib/components/badge/src/badge.vue2.js +2 -12
- package/lib/components/badge/src/badge.vue2.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb-item.vue2.js +2 -4
- package/lib/components/breadcrumb/src/breadcrumb-item.vue2.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb.vue2.js +2 -4
- package/lib/components/breadcrumb/src/breadcrumb.vue2.js.map +1 -1
- package/lib/components/button/src/button-group.vue2.js +2 -5
- package/lib/components/button/src/button-group.vue2.js.map +1 -1
- package/lib/components/button/src/button.vue2.js +2 -22
- package/lib/components/button/src/button.vue2.js.map +1 -1
- package/lib/components/calendar/src/calendar.vue2.js +2 -7
- package/lib/components/calendar/src/calendar.vue2.js.map +1 -1
- package/lib/components/calendar/src/date-table.vue2.js +2 -7
- package/lib/components/calendar/src/date-table.vue2.js.map +1 -1
- package/lib/components/calendar/src/select-controller.vue2.js +2 -5
- package/lib/components/calendar/src/select-controller.vue2.js.map +1 -1
- package/lib/components/card/src/card.vue2.js +2 -9
- package/lib/components/card/src/card.vue2.js.map +1 -1
- package/lib/components/carousel/src/carousel-item.vue2.js +2 -4
- package/lib/components/carousel/src/carousel-item.vue2.js.map +1 -1
- package/lib/components/carousel/src/carousel.vue2.js +2 -16
- package/lib/components/carousel/src/carousel.vue2.js.map +1 -1
- package/lib/components/cascader/src/cascader.vue2.js +2 -43
- package/lib/components/cascader/src/cascader.vue2.js.map +1 -1
- package/lib/components/cascader-panel/src/index.vue2.js +2 -8
- package/lib/components/cascader-panel/src/index.vue2.js.map +1 -1
- package/lib/components/check-tag/src/check-tag.vue2.js +2 -6
- package/lib/components/check-tag/src/check-tag.vue2.js.map +1 -1
- package/lib/components/checkbox/src/checkbox-button.vue2.js +2 -21
- package/lib/components/checkbox/src/checkbox-button.vue2.js.map +1 -1
- package/lib/components/checkbox/src/checkbox-group.vue2.js +2 -16
- package/lib/components/checkbox/src/checkbox-group.vue2.js.map +1 -1
- package/lib/components/checkbox/src/checkbox.js +1 -1
- package/lib/components/checkbox/src/checkbox.vue2.js +2 -21
- package/lib/components/checkbox/src/checkbox.vue2.js.map +1 -1
- package/lib/components/col/src/col.vue2.js +2 -12
- package/lib/components/col/src/col.vue2.js.map +1 -1
- package/lib/components/collapse/src/collapse-item.vue2.js +2 -7
- package/lib/components/collapse/src/collapse-item.vue2.js.map +1 -1
- package/lib/components/collapse/src/collapse.vue2.js +2 -7
- package/lib/components/collapse/src/collapse.vue2.js.map +1 -1
- package/lib/components/color-picker/src/color-picker.vue2.js +2 -21
- package/lib/components/color-picker/src/color-picker.vue2.js.map +1 -1
- package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js +2 -10
- package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js.map +1 -1
- package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js +2 -5
- package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js.map +1 -1
- package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js +2 -5
- package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js.map +1 -1
- package/lib/components/color-picker-panel/src/components/predefine.vue2.js +2 -6
- package/lib/components/color-picker-panel/src/components/predefine.vue2.js.map +1 -1
- package/lib/components/color-picker-panel/src/components/sv-panel.vue2.js +2 -4
- package/lib/components/color-picker-panel/src/components/sv-panel.vue2.js.map +1 -1
- package/lib/components/countdown/src/countdown.vue2.js +2 -9
- package/lib/components/countdown/src/countdown.vue2.js.map +1 -1
- package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js +6 -3
- package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js.map +1 -1
- package/lib/components/date-picker-panel/src/date-picker-com/panel-date-range.vue2.js +8 -2
- package/lib/components/date-picker-panel/src/date-picker-com/panel-date-range.vue2.js.map +1 -1
- package/lib/components/descriptions/src/description.vue2.js +2 -9
- package/lib/components/descriptions/src/description.vue2.js.map +1 -1
- package/lib/components/descriptions/src/descriptions-row.vue2.js +2 -3
- package/lib/components/descriptions/src/descriptions-row.vue2.js.map +1 -1
- package/lib/components/dialog/index.js +1 -0
- package/lib/components/dialog/index.js.map +1 -1
- package/lib/components/dialog/src/dialog-content.vue2.js +2 -15
- package/lib/components/dialog/src/dialog-content.vue2.js.map +1 -1
- package/lib/components/dialog/src/dialog.d.ts +17 -0
- package/lib/components/dialog/src/dialog.js +13 -0
- package/lib/components/dialog/src/dialog.js.map +1 -1
- package/lib/components/dialog/src/dialog.vue.d.ts +30 -30
- package/lib/components/dialog/src/dialog.vue2.js +2 -46
- package/lib/components/dialog/src/dialog.vue2.js.map +1 -1
- package/lib/components/divider/src/divider.vue2.js +2 -5
- package/lib/components/divider/src/divider.vue2.js.map +1 -1
- package/lib/components/drawer/src/composables/useResizable.d.ts +1 -1
- package/lib/components/drawer/src/composables/useResizable.js.map +1 -1
- package/lib/components/drawer/src/drawer.d.ts +34 -2
- package/lib/components/drawer/src/drawer.js.map +1 -1
- package/lib/components/drawer/src/drawer.vue.d.ts +78 -153
- package/lib/components/drawer/src/drawer.vue2.js +16 -16
- package/lib/components/drawer/src/drawer.vue2.js.map +1 -1
- package/lib/components/empty/src/empty.vue2.js +2 -5
- package/lib/components/empty/src/empty.vue2.js.map +1 -1
- package/lib/components/form/src/form-item.vue2.js +2 -14
- package/lib/components/form/src/form-item.vue2.js.map +1 -1
- package/lib/components/form/src/form.vue2.js +2 -19
- package/lib/components/form/src/form.vue2.js.map +1 -1
- package/lib/components/icon/src/icon.vue2.js +2 -4
- package/lib/components/icon/src/icon.vue2.js.map +1 -1
- package/lib/components/image/src/image.vue2.js +2 -21
- package/lib/components/image/src/image.vue2.js.map +1 -1
- package/lib/components/image-viewer/src/image-viewer.vue2.js +2 -16
- package/lib/components/image-viewer/src/image-viewer.vue2.js.map +1 -1
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/input/src/input.js +1 -1
- package/lib/components/input/src/input.vue2.js +2 -37
- package/lib/components/input/src/input.vue2.js.map +1 -1
- package/lib/components/input-number/src/input-number.vue2.js +2 -23
- package/lib/components/input-number/src/input-number.vue2.js.map +1 -1
- package/lib/components/input-tag/src/input-tag.vue2.js +2 -30
- package/lib/components/input-tag/src/input-tag.vue2.js.map +1 -1
- package/lib/components/link/src/link.vue2.js +2 -9
- package/lib/components/link/src/link.vue2.js.map +1 -1
- package/lib/components/mention/src/mention-dropdown.vue2.js +2 -8
- package/lib/components/mention/src/mention-dropdown.vue2.js.map +1 -1
- package/lib/components/mention/src/mention.vue2.js +2 -59
- package/lib/components/mention/src/mention.vue2.js.map +1 -1
- package/lib/components/menu/src/menu-item-group.vue2.js +2 -3
- package/lib/components/menu/src/menu-item-group.vue2.js.map +1 -1
- package/lib/components/menu/src/menu-item.vue2.js +2 -6
- package/lib/components/menu/src/menu-item.vue2.js.map +1 -1
- package/lib/components/message/src/message.vue2.js +2 -19
- package/lib/components/message/src/message.vue2.js.map +1 -1
- package/lib/components/notification/src/notification.vue2.js +2 -19
- package/lib/components/notification/src/notification.vue2.js.map +1 -1
- package/lib/components/page-header/src/page-header.vue2.js +2 -7
- package/lib/components/page-header/src/page-header.vue2.js.map +1 -1
- package/lib/components/popconfirm/src/popconfirm.vue2.js +2 -19
- package/lib/components/popconfirm/src/popconfirm.vue2.js.map +1 -1
- package/lib/components/popover/src/popover.vue2.js +2 -27
- package/lib/components/popover/src/popover.vue2.js.map +1 -1
- package/lib/components/popper/src/content.js +1 -1
- package/lib/components/popper/src/content.vue2.js +2 -29
- package/lib/components/popper/src/content.vue2.js.map +1 -1
- package/lib/components/popper/src/popper.vue2.js +2 -3
- package/lib/components/popper/src/popper.vue2.js.map +1 -1
- package/lib/components/popper/src/trigger.vue2.js +2 -13
- package/lib/components/popper/src/trigger.vue2.js.map +1 -1
- package/lib/components/progress/src/progress.vue2.js +2 -16
- package/lib/components/progress/src/progress.vue2.js.map +1 -1
- package/lib/components/radio/src/radio-button.vue2.js +2 -11
- package/lib/components/radio/src/radio-button.vue2.js.map +1 -1
- package/lib/components/radio/src/radio-group.vue2.js +2 -17
- package/lib/components/radio/src/radio-group.vue2.js.map +1 -1
- package/lib/components/radio/src/radio.vue2.js +2 -12
- package/lib/components/radio/src/radio.vue2.js.map +1 -1
- package/lib/components/rate/src/rate.vue2.js +2 -31
- package/lib/components/rate/src/rate.vue2.js.map +1 -1
- package/lib/components/result/src/result.vue2.js +2 -6
- package/lib/components/result/src/result.vue2.js.map +1 -1
- package/lib/components/row/src/row.vue2.js +2 -6
- package/lib/components/row/src/row.vue2.js.map +1 -1
- package/lib/components/scrollbar/src/bar.vue2.js +2 -4
- package/lib/components/scrollbar/src/bar.vue2.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar.vue2.js +2 -20
- package/lib/components/scrollbar/src/scrollbar.vue2.js.map +1 -1
- package/lib/components/scrollbar/src/thumb.vue2.js +2 -7
- package/lib/components/scrollbar/src/thumb.vue2.js.map +1 -1
- package/lib/components/segmented/src/segmented.vue2.js +2 -14
- package/lib/components/segmented/src/segmented.vue2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton-item.vue2.js +2 -3
- package/lib/components/skeleton/src/skeleton-item.vue2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton.vue2.js +2 -7
- package/lib/components/skeleton/src/skeleton.vue2.js.map +1 -1
- package/lib/components/splitter/src/split-panel.vue2.js +2 -8
- package/lib/components/splitter/src/split-panel.vue2.js.map +1 -1
- package/lib/components/splitter/src/splitter.vue2.js +2 -5
- package/lib/components/splitter/src/splitter.vue2.js.map +1 -1
- package/lib/components/statistic/src/statistic.vue2.js +2 -11
- package/lib/components/statistic/src/statistic.vue2.js.map +1 -1
- package/lib/components/steps/src/item.vue2.js +2 -6
- package/lib/components/steps/src/item.vue2.js.map +1 -1
- package/lib/components/steps/src/steps.vue2.js +2 -10
- package/lib/components/steps/src/steps.vue2.js.map +1 -1
- package/lib/components/switch/src/switch.vue2.js +2 -23
- package/lib/components/switch/src/switch.vue2.js.map +1 -1
- package/lib/components/tabs/src/tab-bar.vue2.js +2 -4
- package/lib/components/tabs/src/tab-bar.vue2.js.map +1 -1
- package/lib/components/tabs/src/tab-pane.vue2.js +2 -7
- package/lib/components/tabs/src/tab-pane.vue2.js.map +1 -1
- package/lib/components/tag/src/tag.vue2.js +2 -11
- package/lib/components/tag/src/tag.vue2.js.map +1 -1
- package/lib/components/text/src/text.vue2.js +2 -7
- package/lib/components/text/src/text.vue2.js.map +1 -1
- package/lib/components/time-select/src/time-select.vue2.js +2 -24
- package/lib/components/time-select/src/time-select.vue2.js.map +1 -1
- package/lib/components/timeline/src/timeline-item.vue2.js +2 -11
- package/lib/components/timeline/src/timeline-item.vue2.js.map +1 -1
- package/lib/components/tooltip/src/content.vue2.js +2 -39
- package/lib/components/tooltip/src/content.vue2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.vue2.js +2 -63
- package/lib/components/tooltip/src/tooltip.vue2.js.map +1 -1
- package/lib/components/tooltip/src/trigger.vue2.js +2 -18
- package/lib/components/tooltip/src/trigger.vue2.js.map +1 -1
- package/lib/components/tour/src/content.vue2.js +2 -9
- package/lib/components/tour/src/content.vue2.js.map +1 -1
- package/lib/components/tour/src/mask.vue2.js +2 -7
- package/lib/components/tour/src/mask.vue2.js.map +1 -1
- package/lib/components/tour/src/step.vue2.js +2 -16
- package/lib/components/tour/src/step.vue2.js.map +1 -1
- package/lib/components/tour/src/tour.vue2.js +2 -18
- package/lib/components/tour/src/tour.vue2.js.map +1 -1
- package/lib/components/transfer/src/transfer-panel.vue2.js +2 -17
- package/lib/components/transfer/src/transfer-panel.vue2.js.map +1 -1
- package/lib/components/transfer/src/transfer.vue2.js +2 -21
- package/lib/components/transfer/src/transfer.vue2.js.map +1 -1
- package/lib/components/tree-v2/src/tree-node.vue2.js +2 -13
- package/lib/components/tree-v2/src/tree-node.vue2.js.map +1 -1
- package/lib/components/tree-v2/src/tree.vue2.js +2 -30
- package/lib/components/tree-v2/src/tree.vue2.js.map +1 -1
- package/lib/components/upload/src/upload-content.vue2.js +2 -27
- package/lib/components/upload/src/upload-content.vue2.js.map +1 -1
- package/lib/components/upload/src/upload-dragger.vue2.js +2 -5
- package/lib/components/upload/src/upload-dragger.vue2.js.map +1 -1
- package/lib/components/upload/src/upload-list.vue2.js +2 -10
- package/lib/components/upload/src/upload-list.vue2.js.map +1 -1
- package/lib/components/upload/src/upload.vue2.js +2 -30
- package/lib/components/upload/src/upload.vue2.js.map +1 -1
- package/lib/components/watermark/src/watermark.vue2.js +2 -11
- package/lib/components/watermark/src/watermark.vue2.js.map +1 -1
- package/lib/hooks/use-model-toggle/index.js +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.vue2.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n <div\n :id=\"groupId\"\n ref=\"radioGroupRef\"\n :class=\"ns.b('group')\"\n role=\"radiogroup\"\n :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'radio-group' : undefined\"\n :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n >\n <slot>\n <component\n :is=\"optionComponent\"\n v-for=\"(item, index) in options\"\n :key=\"index\"\n v-bind=\"getOptionProps(item)\"\n />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n type RadioGroupProps,\n radioDefaultProps,\n radioGroupEmits,\n radioGroupPropsDefaults,\n} from './radio-group'\nimport { radioGroupKey } from './constants'\nimport { isEqual, omit } from 'lodash-unified'\nimport ElRadio from './radio.vue'\nimport ElRadioButton from './radio-button.vue'\n\ndefineOptions({\n name: 'ElRadioGroup',\n})\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n ...radioGroupPropsDefaults,\n})\nconst emit = defineEmits(radioGroupEmits)\n\nconst ns = useNamespace('radio')\nconst radioId = useId()\nconst radioGroupRef = ref<HTMLDivElement>()\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst changeEvent = (value: RadioGroupProps['modelValue']) => {\n emit(UPDATE_MODEL_EVENT, value)\n nextTick(() => emit(CHANGE_EVENT, value))\n}\n\nonMounted(() => {\n const radios =\n radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n const firstLabel = radios[0]\n if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n firstLabel.tabIndex = 0\n }\n})\n\nconst name = computed(() => {\n return props.name || radioId.value\n})\n\nconst aliasProps = computed(() => ({\n ...radioDefaultProps,\n ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n const { label, value, disabled } = aliasProps.value\n const base = {\n label: option[label],\n value: option[value],\n disabled: option[disabled],\n }\n return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n props.type === 'button' ? ElRadioButton : ElRadio\n)\n\nprovide(\n radioGroupKey,\n reactive({\n ...toRefs(props),\n changeEvent,\n name,\n })\n)\n\nwatch(\n () => props.modelValue,\n (newVal, oldValue) => {\n if (props.validateEvent && !isEqual(newVal, oldValue)) {\n formItem?.validate('change').catch((err) => debugWarn(err))\n }\n }\n)\n</script>\n"],"names":["useNamespace","useId","ref","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","CHANGE_EVENT","onMounted","computed","radioDefaultProps","omit","ElRadioButton","ElRadio","provide","radioGroupKey","reactive","toRefs","watch","isEqual","debugWarn","_createElementBlock","_unref","_normalizeClass","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_mergeProps"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio-group.vue2.js","sources":["../../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n <div\n :id=\"groupId\"\n ref=\"radioGroupRef\"\n :class=\"ns.b('group')\"\n role=\"radiogroup\"\n :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'radio-group' : undefined\"\n :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n >\n <slot>\n <component\n :is=\"optionComponent\"\n v-for=\"(item, index) in options\"\n :key=\"index\"\n v-bind=\"getOptionProps(item)\"\n />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n type RadioGroupProps,\n radioDefaultProps,\n radioGroupEmits,\n radioGroupPropsDefaults,\n} from './radio-group'\nimport { radioGroupKey } from './constants'\nimport { isEqual, omit } from 'lodash-unified'\nimport ElRadio from './radio.vue'\nimport ElRadioButton from './radio-button.vue'\n\ndefineOptions({\n name: 'ElRadioGroup',\n})\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n ...radioGroupPropsDefaults,\n})\nconst emit = defineEmits(radioGroupEmits)\n\nconst ns = useNamespace('radio')\nconst radioId = useId()\nconst radioGroupRef = ref<HTMLDivElement>()\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst changeEvent = (value: RadioGroupProps['modelValue']) => {\n emit(UPDATE_MODEL_EVENT, value)\n nextTick(() => emit(CHANGE_EVENT, value))\n}\n\nonMounted(() => {\n const radios =\n radioGroupRef.value!.querySelectorAll<HTMLInputElement>('[type=radio]')\n const firstLabel = radios[0]\n if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {\n firstLabel.tabIndex = 0\n }\n})\n\nconst name = computed(() => {\n return props.name || radioId.value\n})\n\nconst aliasProps = computed(() => ({\n ...radioDefaultProps,\n ...props.props,\n}))\nconst getOptionProps = (option: Record<string, any>) => {\n const { label, value, disabled } = aliasProps.value\n const base = {\n label: option[label],\n value: option[value],\n disabled: option[disabled],\n }\n return { ...omit(option, [label, value, disabled]), ...base }\n}\n\nconst optionComponent = computed(() =>\n props.type === 'button' ? ElRadioButton : ElRadio\n)\n\nprovide(\n radioGroupKey,\n reactive({\n ...toRefs(props),\n changeEvent,\n name,\n })\n)\n\nwatch(\n () => props.modelValue,\n (newVal, oldValue) => {\n if (props.validateEvent && !isEqual(newVal, oldValue)) {\n formItem?.validate('change').catch((err) => debugWarn(err))\n }\n }\n)\n</script>\n"],"names":["useNamespace","useId","ref","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","CHANGE_EVENT","onMounted","computed","radioDefaultProps","omit","ElRadioButton","ElRadio","provide","radioGroupKey","reactive","toRefs","watch","isEqual","debugWarn","_createElementBlock","_unref","_normalizeClass","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_mergeProps"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
5
|
var radio = require('./radio.js');
|
|
6
|
+
var vue = require('vue');
|
|
7
7
|
var useRadio = require('./use-radio.js');
|
|
8
8
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
9
9
|
var event = require('../../../constants/event.js');
|
|
@@ -14,17 +14,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
14
14
|
name: "ElRadio"
|
|
15
15
|
},
|
|
16
16
|
__name: "radio",
|
|
17
|
-
props:
|
|
18
|
-
border: { type: Boolean, required: false },
|
|
19
|
-
modelValue: { type: [String, Number, Boolean], required: false },
|
|
20
|
-
size: { type: null, required: false },
|
|
21
|
-
disabled: { type: Boolean, required: false },
|
|
22
|
-
label: { type: [String, Number, Boolean], required: false },
|
|
23
|
-
value: { type: [String, Number, Boolean], required: false },
|
|
24
|
-
name: { type: String, required: false }
|
|
25
|
-
}, {
|
|
26
|
-
...radio.radioPropsDefaults
|
|
27
|
-
}),
|
|
17
|
+
props: radio.radioProps,
|
|
28
18
|
emits: radio.radioEmits,
|
|
29
19
|
setup(__props, { emit: __emit }) {
|
|
30
20
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.vue2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b(),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.is('bordered', border),\n ns.is('checked', modelValue === actualValue),\n ns.m(size),\n ]\"\n >\n <span\n :class=\"[\n ns.e('input'),\n ns.is('disabled', disabled),\n ns.is('checked', modelValue === actualValue),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.e('original')\"\n :value=\"actualValue\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n :checked=\"modelValue === actualValue\"\n type=\"radio\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n @change=\"handleChange\"\n @click.stop\n />\n <span :class=\"ns.e('inner')\" />\n </span>\n <span :class=\"ns.e('label')\" @keydown.stop>\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { type RadioProps, radioEmits, radioPropsDefaults } from './radio'\nimport { useRadio } from './use-radio'\n\ndefineOptions({\n name: 'ElRadio',\n})\n\nconst props = withDefaults(defineProps<RadioProps>(), {\n ...radioPropsDefaults,\n})\nconst emit = defineEmits(radioEmits)\n\nconst ns = useNamespace('radio')\nconst { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } =\n useRadio(props, emit)\n\nfunction handleChange() {\n nextTick(() => emit(CHANGE_EVENT, modelValue.value))\n}\n</script>\n"],"names":["useNamespace","useRadio","nextTick","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio.vue2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b(),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.is('bordered', border),\n ns.is('checked', modelValue === actualValue),\n ns.m(size),\n ]\"\n >\n <span\n :class=\"[\n ns.e('input'),\n ns.is('disabled', disabled),\n ns.is('checked', modelValue === actualValue),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.e('original')\"\n :value=\"actualValue\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n :checked=\"modelValue === actualValue\"\n type=\"radio\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n @change=\"handleChange\"\n @click.stop\n />\n <span :class=\"ns.e('inner')\" />\n </span>\n <span :class=\"ns.e('label')\" @keydown.stop>\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { type RadioProps, radioEmits, radioPropsDefaults } from './radio'\nimport { useRadio } from './use-radio'\n\ndefineOptions({\n name: 'ElRadio',\n})\n\nconst props = withDefaults(defineProps<RadioProps>(), {\n ...radioPropsDefaults,\n})\nconst emit = defineEmits(radioEmits)\n\nconst ns = useNamespace('radio')\nconst { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } =\n useRadio(props, emit)\n\nfunction handleChange() {\n nextTick(() => emit(CHANGE_EVENT, modelValue.value))\n}\n</script>\n"],"names":["useNamespace","useRadio","nextTick","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot"],"mappings":"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"}
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var rate = require('./rate.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var lodashUnified = require('lodash-unified');
|
|
7
8
|
var index$1 = require('../../icon/index.js');
|
|
8
|
-
var iconsVue = require('@element-plus/icons-vue');
|
|
9
|
-
var rate = require('./rate.js');
|
|
10
9
|
var constants = require('../../form/src/constants.js');
|
|
11
10
|
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
12
11
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
@@ -23,35 +22,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
23
22
|
name: "ElRate"
|
|
24
23
|
},
|
|
25
24
|
__name: "rate",
|
|
26
|
-
props:
|
|
27
|
-
modelValue: { type: Number, required: false, default: 0 },
|
|
28
|
-
id: { type: String, required: false, default: void 0 },
|
|
29
|
-
lowThreshold: { type: Number, required: false, default: 2 },
|
|
30
|
-
highThreshold: { type: Number, required: false, default: 4 },
|
|
31
|
-
max: { type: Number, required: false, default: 5 },
|
|
32
|
-
colors: { type: [Array, Object], required: false, default: () => ["", "", ""] },
|
|
33
|
-
voidColor: { type: String, required: false, default: "" },
|
|
34
|
-
disabledVoidColor: { type: String, required: false, default: "" },
|
|
35
|
-
icons: { type: [Array, Object], required: false, default: () => [iconsVue.StarFilled, iconsVue.StarFilled, iconsVue.StarFilled] },
|
|
36
|
-
voidIcon: { type: null, required: false, default: () => iconsVue.Star },
|
|
37
|
-
disabledVoidIcon: { type: null, required: false, default: () => iconsVue.StarFilled },
|
|
38
|
-
disabled: { type: Boolean, required: false, default: void 0 },
|
|
39
|
-
allowHalf: { type: Boolean, required: false },
|
|
40
|
-
showText: { type: Boolean, required: false },
|
|
41
|
-
showScore: { type: Boolean, required: false },
|
|
42
|
-
textColor: { type: String, required: false, default: "" },
|
|
43
|
-
texts: { type: Array, required: false, default: () => [
|
|
44
|
-
"Extremely bad",
|
|
45
|
-
"Disappointed",
|
|
46
|
-
"Fair",
|
|
47
|
-
"Satisfied",
|
|
48
|
-
"Surprise"
|
|
49
|
-
] },
|
|
50
|
-
scoreTemplate: { type: String, required: false, default: "{value}" },
|
|
51
|
-
size: { type: null, required: false },
|
|
52
|
-
clearable: { type: Boolean, required: false },
|
|
53
|
-
ariaLabel: { type: String, required: false }
|
|
54
|
-
},
|
|
25
|
+
props: rate.rateProps,
|
|
55
26
|
emits: rate.rateEmits,
|
|
56
27
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
57
28
|
function getValueFromMap(value, map) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rate.vue2.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 { Star, StarFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rateEmits } from './rate'\n\nimport type { CSSProperties, Component } from 'vue'\nimport type { IconInstance } from '@element-plus/components/icon'\nimport type { RateProps } from './rate'\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 = withDefaults(defineProps<RateProps>(), {\n modelValue: 0,\n id: undefined,\n lowThreshold: 2,\n highThreshold: 4,\n max: 5,\n colors: () => ['', '', ''],\n voidColor: '',\n disabledVoidColor: '',\n icons: () => [StarFilled, StarFilled, StarFilled],\n voidIcon: () => Star,\n disabledVoidIcon: () => StarFilled,\n disabled: undefined,\n textColor: '',\n texts: () => [\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ],\n scoreTemplate: '{value}',\n})\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(clamp(props.modelValue, 0, props.max))\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 = clamp(props.modelValue, 0, props.max)\n hoverIndex.value = -1\n}\n\nwatch(\n () => props.modelValue,\n (val) => {\n currentValue.value = clamp(val, 0, props.max)\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","clamp","computed","useFormDisabled","isArray","markRaw","isString","UPDATE_MODEL_EVENT","CHANGE_EVENT","getEventCode","EVENT_CODE","watch","_createElementBlock","_unref","_openBlock","_Fragment","_renderList","_normalizeClass","_createVNode","ElIcon","_withDirectives","_createBlock","_resolveDynamicComponent","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rate.vue2.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 { Star, StarFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rateEmits } from './rate'\n\nimport type { CSSProperties, Component } from 'vue'\nimport type { IconInstance } from '@element-plus/components/icon'\nimport type { RateProps } from './rate'\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 = withDefaults(defineProps<RateProps>(), {\n modelValue: 0,\n id: undefined,\n lowThreshold: 2,\n highThreshold: 4,\n max: 5,\n colors: () => ['', '', ''],\n voidColor: '',\n disabledVoidColor: '',\n icons: () => [StarFilled, StarFilled, StarFilled],\n voidIcon: () => Star,\n disabledVoidIcon: () => StarFilled,\n disabled: undefined,\n textColor: '',\n texts: () => [\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ],\n scoreTemplate: '{value}',\n})\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(clamp(props.modelValue, 0, props.max))\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 = clamp(props.modelValue, 0, props.max)\n hoverIndex.value = -1\n}\n\nwatch(\n () => props.modelValue,\n (val) => {\n currentValue.value = clamp(val, 0, props.max)\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","clamp","computed","useFormDisabled","isArray","markRaw","isString","UPDATE_MODEL_EVENT","CHANGE_EVENT","getEventCode","EVENT_CODE","watch","_createElementBlock","_unref","_openBlock","_Fragment","_renderList","_normalizeClass","_createVNode","ElIcon","_withDirectives","_createBlock","_resolveDynamicComponent","_vShow"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
5
|
var result = require('./result.js');
|
|
6
|
+
var vue = require('vue');
|
|
7
7
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
8
8
|
|
|
9
9
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -11,11 +11,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
11
11
|
name: "ElResult"
|
|
12
12
|
},
|
|
13
13
|
__name: "result",
|
|
14
|
-
props:
|
|
15
|
-
title: { type: String, required: false, default: "" },
|
|
16
|
-
subTitle: { type: String, required: false, default: "" },
|
|
17
|
-
icon: { type: String, required: false, default: "info" }
|
|
18
|
-
},
|
|
14
|
+
props: result.resultProps,
|
|
19
15
|
setup(__props) {
|
|
20
16
|
const props = __props;
|
|
21
17
|
const ns = index.useNamespace("result");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.vue2.js","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('icon')\">\n <slot name=\"icon\">\n <component\n :is=\"resultIcon.component\"\n v-if=\"resultIcon.component\"\n :class=\"resultIcon.class\"\n />\n </slot>\n </div>\n <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n <slot name=\"title\">\n <p>{{ title }}</p>\n </slot>\n </div>\n <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n <slot name=\"sub-title\">\n <p>{{ subTitle }}</p>\n </slot>\n </div>\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap } from './result'\n\nimport type { ResultProps } from './result'\n\ndefineOptions({\n name: 'ElResult',\n})\n\nconst props = withDefaults(defineProps<ResultProps>(), {\n title: '',\n subTitle: '',\n icon: 'info',\n})\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n const icon = props.icon\n const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n const iconComponent =\n IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n return {\n class: iconClass,\n component: iconComponent,\n }\n})\n</script>\n"],"names":["useNamespace","computed","IconMap","IconComponentMap","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","$slots"],"mappings":"
|
|
1
|
+
{"version":3,"file":"result.vue2.js","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('icon')\">\n <slot name=\"icon\">\n <component\n :is=\"resultIcon.component\"\n v-if=\"resultIcon.component\"\n :class=\"resultIcon.class\"\n />\n </slot>\n </div>\n <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n <slot name=\"title\">\n <p>{{ title }}</p>\n </slot>\n </div>\n <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n <slot name=\"sub-title\">\n <p>{{ subTitle }}</p>\n </slot>\n </div>\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap } from './result'\n\nimport type { ResultProps } from './result'\n\ndefineOptions({\n name: 'ElResult',\n})\n\nconst props = withDefaults(defineProps<ResultProps>(), {\n title: '',\n subTitle: '',\n icon: 'info',\n})\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n const icon = props.icon\n const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n const iconComponent =\n IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n return {\n class: iconClass,\n component: iconComponent,\n }\n})\n</script>\n"],"names":["useNamespace","computed","IconMap","IconComponentMap","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent","$slots"],"mappings":";;;;;;;;;;;;;;;AAsCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAKA,mBAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,UAAA,GAAaC,aAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,MAAA,MAAM,YAAY,IAAA,IAAQC,cAAA,CAAQ,IAAI,CAAA,GAAIA,cAAA,CAAQ,IAAI,CAAA,GAAI,WAAA;AAC1D,MAAA,MAAM,aAAA,GACJC,uBAAA,CAAiB,SAAS,CAAA,IAAKA,wBAAiB,WAAW,CAAA;AAE7D,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,SAAA;AAAA,QACP,SAAA,EAAW;AAAA,OACb;AAAA,IACF,CAAC,CAAA;;8BAvDCC,sBAAA;AAAA,QAuBM,KAAA;AAAA,QAAA;AAAA,UAvBA,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,sBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA;AAAA;;cACfE,eAMO,IAAA,qBANP,MAMO;AAAA,gBAHG,UAAA,CAAA,KAAA,CAAW,SAAA,qBAFnBC,gBAIEC,2BAAA,CAHK,UAAA,CAAA,KAAA,CAAW,SAAS,CAAA,EAAA;AAAA;kBAExB,KAAA,EAAKL,kBAAA,CAAE,UAAA,CAAA,KAAA,CAAW,KAAK;AAAA;;;;;;UAInB,QAAA,KAAA,IAASM,IAAAA,CAAAA,MAAAA,CAAO,KAAA,qBAA3BP,sBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJ6B,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cAC5CE,eAEO,IAAA,sBAFP,MAEO;AAAA,gBADLD,sBAAA;AAAA,kBAAkB,GAAA;AAAA;sCAAZ,QAAA,KAAK,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGJ,QAAA,QAAA,IAAYI,IAAAA,CAAAA,OAAM,WAAA,CAAA,qBAA7BP,sBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA;cAJuC,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,UAAA,CAAA;AAAA;;cACtDE,eAEO,IAAA,0BAFP,MAEO;AAAA,gBADLD,sBAAA;AAAA,kBAAqB,GAAA;AAAA;sCAAf,QAAA,QAAQ,CAAA;AAAA,kBAAA;AAAA;AAAA;AAAA;;;;;UAGPI,IAAAA,CAAAA,MAAAA,CAAO,KAAA,qBAAlBP,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFoB,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;cACnCE,cAAA,CAAqB,IAAA,CAAA,MAAA,EAAA,OAAA;AAAA;;;;;;;;;;;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var row = require('./row.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var constants = require('./constants.js');
|
|
7
8
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
@@ -11,12 +12,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
11
12
|
name: "ElRow"
|
|
12
13
|
},
|
|
13
14
|
__name: "row",
|
|
14
|
-
props:
|
|
15
|
-
tag: { type: String, required: false, default: "div" },
|
|
16
|
-
gutter: { type: Number, required: false, default: 0 },
|
|
17
|
-
justify: { type: null, required: false, default: "start" },
|
|
18
|
-
align: { type: null, required: false }
|
|
19
|
-
},
|
|
15
|
+
props: row.rowProps,
|
|
20
16
|
setup(__props) {
|
|
21
17
|
const props = __props;
|
|
22
18
|
const ns = index.useNamespace("row");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"row.vue2.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n <slot />\n </component>\n</template>\n\n<script
|
|
1
|
+
{"version":3,"file":"row.vue2.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n <component :is=\"tag\" :class=\"rowKls\" :style=\"style\">\n <slot />\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RowProps } from './row'\n\ndefineOptions({\n name: 'ElRow',\n})\n\nconst props = withDefaults(defineProps<RowProps>(), {\n tag: 'div',\n gutter: 0,\n justify: 'start',\n})\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n gutter,\n})\n\nconst style = computed(() => {\n const styles: CSSProperties = {}\n if (!props.gutter) {\n return styles\n }\n\n styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n return styles\n})\n\nconst rowKls = computed(() => [\n ns.b(),\n ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n ns.is(`align-${props.align}`, !!props.align),\n])\n</script>\n"],"names":["useNamespace","computed","provide","rowContextKey","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAKA,mBAAa,KAAK,CAAA;AAC7B,IAAA,MAAM,MAAA,GAASC,YAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAE1C,IAAAC,WAAA,CAAQC,uBAAA,EAAe;AAAA,MACrB;AAAA,KACD,CAAA;AAED,IAAA,MAAM,KAAA,GAAQF,aAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC;AAC/B,MAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACjB,QAAA,OAAO,MAAA;AAAA,MACT;AAEA,MAAA,MAAA,CAAO,cAAc,MAAA,CAAO,UAAA,GAAa,CAAA,CAAA,EAAI,KAAA,CAAM,SAAS,CAAC,CAAA,EAAA,CAAA;AAC7D,MAAA,OAAO,MAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,MAAA,GAASA,aAAS,MAAM;AAAA,MAC5B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,GAAG,CAAA,QAAA,EAAW,KAAA,CAAM,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,YAAY,OAAO,CAAA;AAAA,MAC3D,EAAA,CAAG,GAAG,CAAA,MAAA,EAAS,KAAA,CAAM,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,KAAA,CAAM,KAAK;AAAA,KAC5C,CAAA;;AA5CC,MAAA,OAAAG,eAAA,EAAAC,eAAA,CAEYC,2BAAA,CAFI,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,QAAG,KAAA,qBAAO,MAAA,CAAA,KAAM,CAAA;AAAA,QAAG,KAAA,qBAAO,KAAA,CAAA,KAAK;AAAA;6BAChD,MAAQ;AAAA,UAARC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var bar = require('./bar.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var util = require('./util.js');
|
|
7
8
|
var thumb_vue_vue_type_script_setup_true_lang = require('./thumb.vue2.js');
|
|
@@ -9,10 +10,7 @@ var constants = require('./constants.js');
|
|
|
9
10
|
|
|
10
11
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
12
|
__name: "bar",
|
|
12
|
-
props:
|
|
13
|
-
always: { type: Boolean, required: false, default: true },
|
|
14
|
-
minSize: { type: Number, required: true }
|
|
15
|
-
},
|
|
13
|
+
props: bar.barProps,
|
|
16
14
|
setup(__props, { expose: __expose }) {
|
|
17
15
|
const props = __props;
|
|
18
16
|
const scrollbar = vue.inject(constants.scrollbarContextKey);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar.vue2.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 { scrollbarContextKey } from './constants'\n\nimport type { BarProps } from './bar'\n\nconst props = withDefaults(defineProps<BarProps>(), {\n always: true,\n})\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","_createVNode","Thumb"],"mappings":"
|
|
1
|
+
{"version":3,"file":"bar.vue2.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 { scrollbarContextKey } from './constants'\n\nimport type { BarProps } from './bar'\n\nconst props = withDefaults(defineProps<BarProps>(), {\n always: true,\n})\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","_createVNode","Thumb"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,SAAA,GAAYA,WAAOC,6BAAmB,CAAA;AAE5C,IAAA,MAAM,KAAA,GAAQC,QAAI,CAAC,CAAA;AACnB,IAAA,MAAM,KAAA,GAAQA,QAAI,CAAC,CAAA;AACnB,IAAA,MAAM,SAAA,GAAYA,QAAI,EAAE,CAAA;AACxB,IAAA,MAAM,UAAA,GAAaA,QAAI,EAAE,CAAA;AACzB,IAAA,MAAM,MAAA,GAASA,QAAI,CAAC,CAAA;AACpB,IAAA,MAAM,MAAA,GAASA,QAAI,CAAC,CAAA;AAEpB,IAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAAyB;AAC7C,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAeC,QAAA;AACzC,QAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAcA,QAAA;AAEvC,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,SAAA,GAAY,GAAA,GAAO,eAAgB,MAAA,CAAO,KAAA;AAC/D,QAAA,KAAA,CAAM,KAAA,GAAU,IAAA,CAAK,UAAA,GAAa,GAAA,GAAO,cAAe,MAAA,CAAO,KAAA;AAAA,MACjE;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,OAAO,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,WAAA;AACxB,MAAA,IAAI,CAAC,IAAA,EAAM;AACX,MAAA,MAAM,YAAA,GAAe,KAAK,YAAA,GAAeA,QAAA;AACzC,MAAA,MAAM,WAAA,GAAc,KAAK,WAAA,GAAcA,QAAA;AAEvC,MAAA,MAAM,cAAA,GAAiB,YAAA,IAAgB,CAAA,GAAI,IAAA,CAAK,YAAA;AAChD,MAAA,MAAM,aAAA,GAAgB,WAAA,IAAe,CAAA,GAAI,IAAA,CAAK,WAAA;AAC9C,MAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,cAAA,EAAgB,MAAM,OAAO,CAAA;AACrD,MAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,MAAM,OAAO,CAAA;AAEnD,MAAA,MAAA,CAAO,KAAA,GACL,cAAA,IACC,YAAA,GAAe,cAAA,CAAA,IACf,UAAU,YAAA,GAAe,MAAA,CAAA,CAAA;AAC5B,MAAA,MAAA,CAAO,KAAA,GACL,aAAA,IACC,WAAA,GAAc,aAAA,CAAA,IACd,SAAS,WAAA,GAAc,KAAA,CAAA,CAAA;AAE1B,MAAA,UAAA,CAAW,QAAQ,MAAA,GAASA,QAAA,GAAM,YAAA,GAAe,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,GAAO,EAAA;AACjE,MAAA,SAAA,CAAU,QAAQ,KAAA,GAAQA,QAAA,GAAM,WAAA,GAAc,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,EAAA;AAAA,IAC/D,CAAA;AAEA,IAAA,QAAA,CAAa;AAAA,MACX,YAAA;AAAA,MACA;AAAA,KACD,CAAA;;;;;;UApECC,gBAA0EC,iDAAA,EAAA;AAAA,YAAlE,MAAM,KAAA,CAAA,KAAA;AAAA,YAAQ,OAAO,MAAA,CAAA,KAAA;AAAA,YAAS,MAAM,SAAA,CAAA,KAAA;AAAA,YAAY,QAAQ,OAAA,CAAA;AAAA;UAChED,gBAMEC,iDAAA,EAAA;AAAA,YALC,MAAM,KAAA,CAAA,KAAA;AAAA,YACN,OAAO,MAAA,CAAA,KAAA;AAAA,YACP,MAAM,UAAA,CAAA,KAAA;AAAA,YACP,QAAA,EAAA,EAAA;AAAA,YACC,QAAQ,OAAA,CAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var scrollbar = require('./scrollbar.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var core = require('@vueuse/core');
|
|
7
8
|
var bar_vue_vue_type_script_setup_true_lang = require('./bar.vue2.js');
|
|
8
9
|
var constants = require('./constants.js');
|
|
9
|
-
var scrollbar = require('./scrollbar.js');
|
|
10
10
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
11
|
var style = require('../../../utils/dom/style.js');
|
|
12
12
|
var shared = require('@vue/shared');
|
|
@@ -20,25 +20,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
20
20
|
name: COMPONENT_NAME
|
|
21
21
|
},
|
|
22
22
|
__name: "scrollbar",
|
|
23
|
-
props:
|
|
24
|
-
distance: { type: Number, required: false, default: 0 },
|
|
25
|
-
height: { type: [Number, String], required: false, default: "" },
|
|
26
|
-
maxHeight: { type: [Number, String], required: false, default: "" },
|
|
27
|
-
native: { type: Boolean, required: false },
|
|
28
|
-
wrapStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: "" },
|
|
29
|
-
wrapClass: { type: [String, Array], required: false, default: "" },
|
|
30
|
-
viewClass: { type: [String, Array], required: false, default: "" },
|
|
31
|
-
viewStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: "" },
|
|
32
|
-
noresize: { type: Boolean, required: false },
|
|
33
|
-
tag: { type: null, required: false, default: "div" },
|
|
34
|
-
always: { type: Boolean, required: false },
|
|
35
|
-
minSize: { type: Number, required: false, default: 20 },
|
|
36
|
-
tabindex: { type: [Number, String], required: false, default: void 0 },
|
|
37
|
-
id: { type: String, required: false },
|
|
38
|
-
role: { type: String, required: false },
|
|
39
|
-
ariaLabel: { type: String, required: false },
|
|
40
|
-
ariaOrientation: { type: String, required: false }
|
|
41
|
-
},
|
|
23
|
+
props: scrollbar.scrollbarProps,
|
|
42
24
|
emits: scrollbar.scrollbarEmits,
|
|
43
25
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
44
26
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scrollbar.vue2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n distance: 0,\n height: '',\n maxHeight: '',\n wrapStyle: '',\n wrapClass: '',\n viewStyle: '',\n viewClass: '',\n tag: 'div',\n minSize: 20,\n tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n bottom: false,\n top: false,\n right: false,\n left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n const height = addUnit(props.height)\n const maxHeight = addUnit(props.maxHeight)\n if (height) style.height = height\n if (maxHeight) style.maxHeight = maxHeight\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n top: 'bottom',\n bottom: 'top',\n left: 'right',\n right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n const oppositeDirection = DIRECTION_PAIRS[direction]\n if (!oppositeDirection) return\n\n const arrived = arrivedStates[direction]\n const oppositeArrived = arrivedStates[oppositeDirection]\n\n if (arrived && !distanceScrollState[direction]) {\n distanceScrollState[direction] = true\n }\n\n if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n distanceScrollState[oppositeDirection] = false\n }\n}\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight - props.distance,\n top: wrapScrollTop <= props.distance && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth - props.distance &&\n prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n if (props.distance > 0) {\n if (shouldSkipDirection(direction)) {\n return\n }\n updateTriggerStatus(arrivedStates)\n }\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n distanceScrollState[direction] = false\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopWrapResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","Bar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scrollbar.vue2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n distance: 0,\n height: '',\n maxHeight: '',\n wrapStyle: '',\n wrapClass: '',\n viewStyle: '',\n viewClass: '',\n tag: 'div',\n minSize: 20,\n tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n bottom: false,\n top: false,\n right: false,\n left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n const height = addUnit(props.height)\n const maxHeight = addUnit(props.maxHeight)\n if (height) style.height = height\n if (maxHeight) style.maxHeight = maxHeight\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n top: 'bottom',\n bottom: 'top',\n left: 'right',\n right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n const oppositeDirection = DIRECTION_PAIRS[direction]\n if (!oppositeDirection) return\n\n const arrived = arrivedStates[direction]\n const oppositeArrived = arrivedStates[oppositeDirection]\n\n if (arrived && !distanceScrollState[direction]) {\n distanceScrollState[direction] = true\n }\n\n if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n distanceScrollState[oppositeDirection] = false\n }\n}\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight - props.distance,\n top: wrapScrollTop <= props.distance && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth - props.distance &&\n prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n if (props.distance > 0) {\n if (shouldSkipDirection(direction)) {\n return\n }\n updateTriggerStatus(arrivedStates)\n }\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n distanceScrollState[direction] = false\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopWrapResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","Bar"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var thumb = require('./thumb.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var core = require('@vueuse/core');
|
|
7
8
|
var constants = require('./constants.js');
|
|
@@ -12,13 +13,7 @@ var error = require('../../../utils/error.js');
|
|
|
12
13
|
const COMPONENT_NAME = "Thumb";
|
|
13
14
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
14
15
|
__name: "thumb",
|
|
15
|
-
props:
|
|
16
|
-
vertical: { type: Boolean, required: false },
|
|
17
|
-
size: { type: String, required: false },
|
|
18
|
-
move: { type: Number, required: false },
|
|
19
|
-
ratio: { type: Number, required: true },
|
|
20
|
-
always: { type: Boolean, required: false }
|
|
21
|
-
},
|
|
16
|
+
props: thumb.thumbProps,
|
|
22
17
|
setup(__props) {
|
|
23
18
|
const props = __props;
|
|
24
19
|
const scrollbar = vue.inject(constants.scrollbarContextKey);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thumb.vue2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"always || visible\"\n ref=\"instance\"\n :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n @mousedown=\"clickTrackHandler\"\n @click.stop\n >\n <div\n ref=\"thumb\"\n :class=\"ns.e('thumb')\"\n :style=\"thumbStyle\"\n @mousedown=\"clickThumbHandler\"\n />\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { ThumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps<ThumbProps>()\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet baseScrollHeight = 0\nlet baseScrollWidth = 0\nlet originalOnSelectStart:\n | ((this: GlobalEventHandlers, ev: Event) => any)\n | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar.value,\n })\n)\n\nconst offsetRatio = computed(\n () =>\n // offsetRatioX = original width of thumb / current width of thumb / ratioX\n // offsetRatioY = original height of thumb / current height of thumb / ratioY\n // instance height = wrap height - GAP\n instance.value![bar.value.offset] ** 2 /\n scrollbar.wrapElement![bar.value.scrollSize] /\n props.ratio /\n thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n // prevent click event of middle and right button\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget as HTMLDivElement\n if (!el) return\n thumbState.value[bar.value.axis] =\n el[bar.value.offset] -\n (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n const offset = Math.abs(\n (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]\n )\n const thumbHalf = thumb.value[bar.value.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst startDrag = (e: MouseEvent) => {\n e.stopImmediatePropagation()\n cursorDown = true\n baseScrollHeight = scrollbar.wrapElement!.scrollHeight\n baseScrollWidth = scrollbar.wrapElement!.scrollWidth\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart = document.onselectstart\n document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n if (!instance.value || !thumb.value) return\n if (cursorDown === false) return\n\n const prevPage = thumbState.value[bar.value.axis]\n if (!prevPage) return\n\n const offset =\n (instance.value.getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]) *\n -1\n const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n if (bar.value.scroll === 'scrollLeft') {\n scrollbar.wrapElement![bar.value.scroll] =\n (thumbPositionPercentage * baseScrollWidth) / 100\n } else {\n scrollbar.wrapElement![bar.value.scroll] =\n (thumbPositionPercentage * baseScrollHeight) / 100\n }\n}\n\nconst mouseUpDocumentHandler = () => {\n cursorDown = false\n thumbState.value[bar.value.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n cursorLeave = false\n visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n cursorLeave = true\n visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n if (document.onselectstart !== originalOnSelectStart)\n document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mousemove',\n mouseMoveScrollbarHandler\n)\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mouseleave',\n mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["inject","scrollbarContextKey","useNamespace","throwError","ref","isClient","computed","BAR_MAP","renderThumbStyle","onBeforeUnmount","useEventListener","toRef","_createBlock","_Transition","_unref","_createElementVNode","_normalizeClass","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"thumb.vue2.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n <transition :name=\"ns.b('fade')\">\n <div\n v-show=\"always || visible\"\n ref=\"instance\"\n :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n @mousedown=\"clickTrackHandler\"\n @click.stop\n >\n <div\n ref=\"thumb\"\n :class=\"ns.e('thumb')\"\n :style=\"thumbStyle\"\n @mousedown=\"clickThumbHandler\"\n />\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { ThumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps<ThumbProps>()\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet baseScrollHeight = 0\nlet baseScrollWidth = 0\nlet originalOnSelectStart:\n | ((this: GlobalEventHandlers, ev: Event) => any)\n | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar.value,\n })\n)\n\nconst offsetRatio = computed(\n () =>\n // offsetRatioX = original width of thumb / current width of thumb / ratioX\n // offsetRatioY = original height of thumb / current height of thumb / ratioY\n // instance height = wrap height - GAP\n instance.value![bar.value.offset] ** 2 /\n scrollbar.wrapElement![bar.value.scrollSize] /\n props.ratio /\n thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n // prevent click event of middle and right button\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget as HTMLDivElement\n if (!el) return\n thumbState.value[bar.value.axis] =\n el[bar.value.offset] -\n (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n const offset = Math.abs(\n (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]\n )\n const thumbHalf = thumb.value[bar.value.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n scrollbar.wrapElement[bar.value.scroll] =\n (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n 100\n}\n\nconst startDrag = (e: MouseEvent) => {\n e.stopImmediatePropagation()\n cursorDown = true\n baseScrollHeight = scrollbar.wrapElement!.scrollHeight\n baseScrollWidth = scrollbar.wrapElement!.scrollWidth\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart = document.onselectstart\n document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n if (!instance.value || !thumb.value) return\n if (cursorDown === false) return\n\n const prevPage = thumbState.value[bar.value.axis]\n if (!prevPage) return\n\n const offset =\n (instance.value.getBoundingClientRect()[bar.value.direction] -\n e[bar.value.client]) *\n -1\n const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n instance.value[bar.value.offset]\n\n if (bar.value.scroll === 'scrollLeft') {\n scrollbar.wrapElement![bar.value.scroll] =\n (thumbPositionPercentage * baseScrollWidth) / 100\n } else {\n scrollbar.wrapElement![bar.value.scroll] =\n (thumbPositionPercentage * baseScrollHeight) / 100\n }\n}\n\nconst mouseUpDocumentHandler = () => {\n cursorDown = false\n thumbState.value[bar.value.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n cursorLeave = false\n visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n cursorLeave = true\n visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n if (document.onselectstart !== originalOnSelectStart)\n document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mousemove',\n mouseMoveScrollbarHandler\n)\nuseEventListener(\n toRef(scrollbar, 'scrollbarElement'),\n 'mouseleave',\n mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["inject","scrollbarContextKey","useNamespace","throwError","ref","isClient","computed","BAR_MAP","renderThumbStyle","onBeforeUnmount","useEventListener","toRef","_createBlock","_Transition","_unref","_createElementVNode","_normalizeClass","_vShow"],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var segmented = require('./segmented.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var core = require('@vueuse/core');
|
|
7
|
-
var segmented = require('./segmented.js');
|
|
8
8
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
9
9
|
var index$1 = require('../../../hooks/use-id/index.js');
|
|
10
10
|
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
@@ -20,19 +20,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
20
20
|
name: "ElSegmented"
|
|
21
21
|
},
|
|
22
22
|
__name: "segmented",
|
|
23
|
-
props:
|
|
24
|
-
direction: { type: String, required: false, default: "horizontal" },
|
|
25
|
-
options: { type: Array, required: false, default: () => [] },
|
|
26
|
-
modelValue: { type: [String, Number, Boolean], required: false, default: void 0 },
|
|
27
|
-
props: { type: Object, required: false, default: () => segmented.defaultProps },
|
|
28
|
-
block: { type: Boolean, required: false },
|
|
29
|
-
size: { type: null, required: false },
|
|
30
|
-
disabled: { type: Boolean, required: false, default: void 0 },
|
|
31
|
-
validateEvent: { type: Boolean, required: false, default: true },
|
|
32
|
-
id: { type: String, required: false },
|
|
33
|
-
name: { type: String, required: false },
|
|
34
|
-
ariaLabel: { type: String, required: false }
|
|
35
|
-
},
|
|
23
|
+
props: segmented.segmentedProps,
|
|
36
24
|
emits: segmented.segmentedEmits,
|
|
37
25
|
setup(__props, { emit: __emit }) {
|
|
38
26
|
const props = __props;
|