@element-plus/nightly 0.0.20250721 → 0.0.20250723
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/dist/index.full.js +172 -46
- package/dist/index.full.min.js +11 -11
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +12 -12
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +172 -46
- 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/index.mjs +2 -2
- package/es/components/affix/src/affix.mjs +24 -129
- package/es/components/affix/src/affix.mjs.map +1 -1
- package/es/components/affix/src/affix2.mjs +129 -24
- package/es/components/affix/src/affix2.mjs.map +1 -1
- package/es/components/alert/index.mjs +2 -2
- package/es/components/alert/src/alert.mjs +41 -108
- package/es/components/alert/src/alert.mjs.map +1 -1
- package/es/components/alert/src/alert2.mjs +108 -41
- package/es/components/alert/src/alert2.mjs.map +1 -1
- package/es/components/anchor/index.mjs +1 -1
- package/es/components/anchor/src/anchor-link.mjs +81 -5
- package/es/components/anchor/src/anchor-link.mjs.map +1 -1
- package/es/components/anchor/src/anchor-link2.mjs +5 -81
- package/es/components/anchor/src/anchor-link2.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.mjs +1 -1
- package/es/components/breadcrumb/index.mjs +2 -2
- package/es/components/breadcrumb/src/breadcrumb.mjs +10 -37
- package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb2.mjs +37 -10
- package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
- package/es/components/calendar/index.mjs +2 -2
- package/es/components/calendar/src/calendar.mjs +134 -16
- package/es/components/calendar/src/calendar.mjs.map +1 -1
- package/es/components/calendar/src/calendar2.mjs +16 -134
- package/es/components/calendar/src/calendar2.mjs.map +1 -1
- package/es/components/calendar/src/date-table.mjs +31 -89
- package/es/components/calendar/src/date-table.mjs.map +1 -1
- package/es/components/calendar/src/date-table2.mjs +89 -31
- package/es/components/calendar/src/date-table2.mjs.map +1 -1
- package/es/components/calendar/src/use-date-table.mjs +1 -1
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel.mjs +61 -214
- package/es/components/carousel/src/carousel.mjs.map +1 -1
- package/es/components/carousel/src/carousel2.mjs +214 -61
- package/es/components/carousel/src/carousel2.mjs.map +1 -1
- package/es/components/cascader/index.mjs +2 -2
- package/es/components/cascader/src/cascader.d.ts +2 -0
- package/es/components/cascader/src/cascader.mjs +86 -652
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader.vue.d.ts +6 -0
- package/es/components/cascader/src/cascader2.mjs +652 -81
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/cascader-panel/src/config.d.ts +2 -0
- package/es/components/cascader-panel/src/config.mjs +3 -1
- package/es/components/cascader-panel/src/config.mjs.map +1 -1
- package/es/components/cascader-panel/src/index.mjs +1 -1
- package/es/components/cascader-panel/src/index.vue.d.ts +4 -0
- package/es/components/cascader-panel/src/menu.mjs +1 -1
- package/es/components/cascader-panel/src/node-content.d.ts +8 -1
- package/es/components/cascader-panel/src/node-content.mjs +16 -4
- package/es/components/cascader-panel/src/node-content.mjs.map +1 -1
- package/es/components/cascader-panel/src/node.d.ts +2 -0
- package/es/components/cascader-panel/src/node.mjs +115 -178
- package/es/components/cascader-panel/src/node.mjs.map +1 -1
- package/es/components/cascader-panel/src/node2.mjs +184 -115
- package/es/components/cascader-panel/src/node2.mjs.map +1 -1
- package/es/components/cascader-panel/src/store.mjs +1 -1
- package/es/components/col/index.mjs +2 -2
- package/es/components/col/src/col.mjs +43 -64
- package/es/components/col/src/col.mjs.map +1 -1
- package/es/components/col/src/col2.mjs +64 -43
- package/es/components/col/src/col2.mjs.map +1 -1
- package/es/components/color-picker/src/color-picker.mjs +1 -1
- package/es/components/countdown/index.mjs +2 -2
- package/es/components/countdown/src/countdown.mjs +21 -79
- package/es/components/countdown/src/countdown.mjs.map +1 -1
- package/es/components/countdown/src/countdown2.mjs +79 -21
- package/es/components/countdown/src/countdown2.mjs.map +1 -1
- package/es/components/date-picker/src/composables/use-basic-date-table.d.ts +60 -1
- package/es/components/dialog/src/dialog.mjs +1 -1
- package/es/components/dialog/src/use-dialog.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-item.mjs +3 -1
- package/es/components/dropdown/src/dropdown-item.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown.mjs +1 -1
- package/es/components/dropdown/src/dropdown2.mjs +6 -2
- package/es/components/dropdown/src/dropdown2.mjs.map +1 -1
- package/es/components/form/src/form.vue.d.ts +570 -1
- package/es/components/form/src/hooks/use-form-item.mjs +16 -2
- package/es/components/form/src/hooks/use-form-item.mjs.map +1 -1
- package/es/components/icon/index.mjs +2 -2
- package/es/components/icon/src/icon.mjs +8 -35
- package/es/components/icon/src/icon.mjs.map +1 -1
- package/es/components/icon/src/icon2.mjs +35 -8
- package/es/components/icon/src/icon2.mjs.map +1 -1
- package/es/components/image/index.mjs +2 -2
- package/es/components/image/src/image.mjs +65 -226
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/image/src/image2.mjs +226 -65
- package/es/components/image/src/image2.mjs.map +1 -1
- package/es/components/index.mjs +18 -18
- package/es/components/menu/src/menu.mjs +12 -7
- package/es/components/menu/src/menu.mjs.map +1 -1
- package/es/components/message-box/src/index.mjs.map +1 -1
- package/es/components/message-box/src/index.vue.d.ts +21 -1
- package/es/components/pagination/src/components/next.mjs +18 -35
- package/es/components/pagination/src/components/next.mjs.map +1 -1
- package/es/components/pagination/src/components/next2.mjs +35 -18
- package/es/components/pagination/src/components/next2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +1 -1
- package/es/components/popconfirm/src/popconfirm.mjs +1 -1
- package/es/components/popover/src/popover.mjs +1 -1
- package/es/components/scrollbar/src/scrollbar.d.ts +1 -0
- package/es/components/scrollbar/src/scrollbar.mjs +4 -0
- package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar.vue.d.ts +3 -0
- package/es/components/scrollbar/src/scrollbar2.mjs +49 -8
- package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
- package/es/components/select/index.mjs +1 -1
- package/es/components/select/src/option.mjs +89 -13
- package/es/components/select/src/option.mjs.map +1 -1
- package/es/components/select/src/option2.mjs +13 -89
- package/es/components/select/src/option2.mjs.map +1 -1
- package/es/components/select/src/select.mjs +1 -1
- package/es/components/select/src/select.vue.d.ts +2 -2
- package/es/components/select/src/select2.mjs +1 -1
- package/es/components/select/src/useOption.mjs +1 -1
- package/es/components/select/src/useSelect.d.ts +2 -2
- package/es/components/select-v2/src/defaults.mjs +1 -1
- package/es/components/slider/src/button.mjs +91 -19
- package/es/components/slider/src/button.mjs.map +1 -1
- package/es/components/slider/src/button2.mjs +19 -91
- package/es/components/slider/src/button2.mjs.map +1 -1
- package/es/components/slider/src/slider2.mjs +1 -1
- package/es/components/splitter/index.mjs +2 -2
- package/es/components/splitter/src/splitter.mjs +80 -7
- package/es/components/splitter/src/splitter.mjs.map +1 -1
- package/es/components/splitter/src/splitter2.mjs +7 -80
- package/es/components/splitter/src/splitter2.mjs.map +1 -1
- package/es/components/statistic/index.mjs +2 -2
- package/es/components/statistic/src/statistic.mjs +69 -25
- package/es/components/statistic/src/statistic.mjs.map +1 -1
- package/es/components/statistic/src/statistic2.mjs +25 -69
- package/es/components/statistic/src/statistic2.mjs.map +1 -1
- package/es/components/table/src/filter-panel.mjs +1 -1
- package/es/components/table/src/table-header/index.d.ts +1 -1
- package/es/components/table/src/table-header/index.mjs +9 -2
- package/es/components/table/src/table-header/index.mjs.map +1 -1
- package/es/components/table-v2/src/renderers/row.mjs +2 -2
- package/es/components/table-v2/src/renderers/row.mjs.map +1 -1
- package/es/components/teleport/index.mjs +2 -2
- package/es/components/teleport/src/teleport.mjs +8 -18
- package/es/components/teleport/src/teleport.mjs.map +1 -1
- package/es/components/teleport/src/teleport2.mjs +18 -8
- package/es/components/teleport/src/teleport2.mjs.map +1 -1
- package/es/components/text/index.mjs +2 -2
- package/es/components/text/src/text.mjs +21 -67
- package/es/components/text/src/text.mjs.map +1 -1
- package/es/components/text/src/text2.mjs +67 -21
- package/es/components/text/src/text2.mjs.map +1 -1
- package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs +20 -12
- package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs.map +1 -1
- package/es/components/time-picker/src/time-picker-com/panel-time-pick.mjs +18 -2
- package/es/components/time-picker/src/time-picker-com/panel-time-pick.mjs.map +1 -1
- package/es/components/time-select/index.mjs +2 -2
- package/es/components/time-select/src/time-select.mjs +51 -132
- package/es/components/time-select/src/time-select.mjs.map +1 -1
- package/es/components/time-select/src/time-select.vue.d.ts +2 -2
- package/es/components/time-select/src/time-select2.mjs +132 -51
- package/es/components/time-select/src/time-select2.mjs.map +1 -1
- package/es/components/timeline/index.mjs +2 -2
- package/es/components/timeline/src/timeline-item.mjs +33 -72
- package/es/components/timeline/src/timeline-item.mjs.map +1 -1
- package/es/components/timeline/src/timeline-item2.mjs +72 -33
- package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
- package/es/components/tooltip/index.mjs +1 -1
- package/es/components/tooltip/src/content.mjs +29 -198
- package/es/components/tooltip/src/content.mjs.map +1 -1
- package/es/components/tooltip/src/content2.mjs +198 -29
- package/es/components/tooltip/src/content2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.mjs +1 -1
- package/es/components/tooltip/src/tooltip2.mjs +1 -1
- package/es/components/tour/index.mjs +2 -2
- package/es/components/tour/src/tour.mjs +69 -154
- package/es/components/tour/src/tour.mjs.map +1 -1
- package/es/components/tour/src/tour2.mjs +154 -69
- package/es/components/tour/src/tour2.mjs.map +1 -1
- package/es/components/tree/src/tree.vue.d.ts +1 -1
- package/es/components/tree-v2/src/composables/useFilter.d.ts +2 -2
- package/es/components/tree-v2/src/tree.vue.d.ts +1 -1
- package/es/components/upload/index.mjs +1 -1
- package/es/components/upload/src/upload-content2.mjs +1 -1
- package/es/components/upload/src/upload-dragger.mjs +61 -8
- package/es/components/upload/src/upload-dragger.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger2.mjs +8 -61
- package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
- package/es/components/watermark/src/utils.d.ts +1 -1
- package/es/components/watermark/src/utils.mjs.map +1 -1
- package/es/directives/click-outside/index.mjs +1 -1
- package/es/hooks/use-focus-controller/index.mjs +1 -1
- package/es/hooks/use-lockscreen/index.mjs +1 -1
- package/es/hooks/use-ordered-children/index.mjs.map +1 -1
- package/es/index.d.ts +610 -9
- package/es/index.mjs +18 -18
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/affix/index.js +2 -2
- package/lib/components/affix/src/affix.js +25 -129
- package/lib/components/affix/src/affix.js.map +1 -1
- package/lib/components/affix/src/affix2.js +129 -25
- package/lib/components/affix/src/affix2.js.map +1 -1
- package/lib/components/alert/index.js +2 -2
- package/lib/components/alert/src/alert.js +42 -107
- package/lib/components/alert/src/alert.js.map +1 -1
- package/lib/components/alert/src/alert2.js +107 -42
- package/lib/components/alert/src/alert2.js.map +1 -1
- package/lib/components/anchor/index.js +1 -1
- package/lib/components/anchor/src/anchor-link.js +81 -5
- package/lib/components/anchor/src/anchor-link.js.map +1 -1
- package/lib/components/anchor/src/anchor-link2.js +5 -81
- package/lib/components/anchor/src/anchor-link2.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.js +1 -1
- package/lib/components/breadcrumb/index.js +2 -2
- package/lib/components/breadcrumb/src/breadcrumb.js +10 -37
- package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb2.js +37 -10
- package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
- package/lib/components/calendar/index.js +2 -2
- package/lib/components/calendar/src/calendar.js +134 -17
- package/lib/components/calendar/src/calendar.js.map +1 -1
- package/lib/components/calendar/src/calendar2.js +17 -134
- package/lib/components/calendar/src/calendar2.js.map +1 -1
- package/lib/components/calendar/src/date-table.js +35 -89
- package/lib/components/calendar/src/date-table.js.map +1 -1
- package/lib/components/calendar/src/date-table2.js +89 -35
- package/lib/components/calendar/src/date-table2.js.map +1 -1
- package/lib/components/calendar/src/use-date-table.js +1 -1
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel.js +62 -214
- package/lib/components/carousel/src/carousel.js.map +1 -1
- package/lib/components/carousel/src/carousel2.js +214 -62
- package/lib/components/carousel/src/carousel2.js.map +1 -1
- package/lib/components/cascader/index.js +2 -2
- package/lib/components/cascader/src/cascader.d.ts +2 -0
- package/lib/components/cascader/src/cascader.js +87 -652
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader.vue.d.ts +6 -0
- package/lib/components/cascader/src/cascader2.js +652 -82
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/cascader-panel/src/config.d.ts +2 -0
- package/lib/components/cascader-panel/src/config.js +3 -1
- package/lib/components/cascader-panel/src/config.js.map +1 -1
- package/lib/components/cascader-panel/src/index.js +1 -1
- package/lib/components/cascader-panel/src/index.vue.d.ts +4 -0
- package/lib/components/cascader-panel/src/menu.js +1 -1
- package/lib/components/cascader-panel/src/node-content.d.ts +8 -1
- package/lib/components/cascader-panel/src/node-content.js +16 -4
- package/lib/components/cascader-panel/src/node-content.js.map +1 -1
- package/lib/components/cascader-panel/src/node.d.ts +2 -0
- package/lib/components/cascader-panel/src/node.js +115 -178
- package/lib/components/cascader-panel/src/node.js.map +1 -1
- package/lib/components/cascader-panel/src/node2.js +184 -115
- package/lib/components/cascader-panel/src/node2.js.map +1 -1
- package/lib/components/cascader-panel/src/store.js +1 -1
- package/lib/components/col/index.js +2 -2
- package/lib/components/col/src/col.js +43 -64
- package/lib/components/col/src/col.js.map +1 -1
- package/lib/components/col/src/col2.js +64 -43
- package/lib/components/col/src/col2.js.map +1 -1
- package/lib/components/color-picker/src/color-picker.js +1 -1
- package/lib/components/countdown/index.js +2 -2
- package/lib/components/countdown/src/countdown.js +22 -79
- package/lib/components/countdown/src/countdown.js.map +1 -1
- package/lib/components/countdown/src/countdown2.js +79 -22
- package/lib/components/countdown/src/countdown2.js.map +1 -1
- package/lib/components/date-picker/src/composables/use-basic-date-table.d.ts +60 -1
- package/lib/components/dialog/src/dialog.js +1 -1
- package/lib/components/dialog/src/use-dialog.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-item.js +3 -1
- package/lib/components/dropdown/src/dropdown-item.js.map +1 -1
- package/lib/components/dropdown/src/dropdown.js +1 -1
- package/lib/components/dropdown/src/dropdown2.js +6 -2
- package/lib/components/dropdown/src/dropdown2.js.map +1 -1
- package/lib/components/form/src/form.vue.d.ts +570 -1
- package/lib/components/form/src/hooks/use-form-item.js +15 -1
- package/lib/components/form/src/hooks/use-form-item.js.map +1 -1
- package/lib/components/icon/index.js +2 -2
- package/lib/components/icon/src/icon.js +8 -35
- package/lib/components/icon/src/icon.js.map +1 -1
- package/lib/components/icon/src/icon2.js +35 -8
- package/lib/components/icon/src/icon2.js.map +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/image/src/image.js +65 -225
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/image/src/image2.js +225 -65
- package/lib/components/image/src/image2.js.map +1 -1
- package/lib/components/index.js +18 -18
- package/lib/components/menu/src/menu.js +11 -6
- package/lib/components/menu/src/menu.js.map +1 -1
- package/lib/components/message-box/src/index.js.map +1 -1
- package/lib/components/message-box/src/index.vue.d.ts +21 -1
- package/lib/components/pagination/src/components/next.js +18 -35
- package/lib/components/pagination/src/components/next.js.map +1 -1
- package/lib/components/pagination/src/components/next2.js +35 -18
- package/lib/components/pagination/src/components/next2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +1 -1
- package/lib/components/popconfirm/src/popconfirm.js +1 -1
- package/lib/components/popover/src/popover.js +1 -1
- package/lib/components/scrollbar/src/scrollbar.d.ts +1 -0
- package/lib/components/scrollbar/src/scrollbar.js +4 -0
- package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar.vue.d.ts +3 -0
- package/lib/components/scrollbar/src/scrollbar2.js +49 -8
- package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
- package/lib/components/select/index.js +1 -1
- package/lib/components/select/src/option.js +89 -14
- package/lib/components/select/src/option.js.map +1 -1
- package/lib/components/select/src/option2.js +14 -89
- package/lib/components/select/src/option2.js.map +1 -1
- package/lib/components/select/src/select.js +1 -1
- package/lib/components/select/src/select.vue.d.ts +2 -2
- package/lib/components/select/src/select2.js +1 -1
- package/lib/components/select/src/useOption.js +1 -1
- package/lib/components/select/src/useSelect.d.ts +2 -2
- package/lib/components/select-v2/src/defaults.js +1 -1
- package/lib/components/slider/src/button.js +91 -20
- package/lib/components/slider/src/button.js.map +1 -1
- package/lib/components/slider/src/button2.js +20 -91
- package/lib/components/slider/src/button2.js.map +1 -1
- package/lib/components/slider/src/slider2.js +1 -1
- package/lib/components/splitter/index.js +2 -2
- package/lib/components/splitter/src/splitter.js +80 -7
- package/lib/components/splitter/src/splitter.js.map +1 -1
- package/lib/components/splitter/src/splitter2.js +7 -80
- package/lib/components/splitter/src/splitter2.js.map +1 -1
- package/lib/components/statistic/index.js +2 -2
- package/lib/components/statistic/src/statistic.js +69 -25
- package/lib/components/statistic/src/statistic.js.map +1 -1
- package/lib/components/statistic/src/statistic2.js +25 -69
- package/lib/components/statistic/src/statistic2.js.map +1 -1
- package/lib/components/table/src/filter-panel.js +1 -1
- package/lib/components/table/src/table-header/index.d.ts +1 -1
- package/lib/components/table/src/table-header/index.js +8 -1
- package/lib/components/table/src/table-header/index.js.map +1 -1
- package/lib/components/table-v2/src/renderers/row.js +2 -2
- package/lib/components/table-v2/src/renderers/row.js.map +1 -1
- package/lib/components/teleport/index.js +2 -2
- package/lib/components/teleport/src/teleport.js +8 -18
- package/lib/components/teleport/src/teleport.js.map +1 -1
- package/lib/components/teleport/src/teleport2.js +18 -8
- package/lib/components/teleport/src/teleport2.js.map +1 -1
- package/lib/components/text/index.js +2 -2
- package/lib/components/text/src/text.js +21 -67
- package/lib/components/text/src/text.js.map +1 -1
- package/lib/components/text/src/text2.js +67 -21
- package/lib/components/text/src/text2.js.map +1 -1
- package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js +20 -12
- package/lib/components/time-picker/src/time-picker-com/basic-time-spinner.js.map +1 -1
- package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js +18 -2
- package/lib/components/time-picker/src/time-picker-com/panel-time-pick.js.map +1 -1
- package/lib/components/time-select/index.js +2 -2
- package/lib/components/time-select/src/time-select.js +51 -137
- package/lib/components/time-select/src/time-select.js.map +1 -1
- package/lib/components/time-select/src/time-select.vue.d.ts +2 -2
- package/lib/components/time-select/src/time-select2.js +137 -51
- package/lib/components/time-select/src/time-select2.js.map +1 -1
- package/lib/components/timeline/index.js +2 -2
- package/lib/components/timeline/src/timeline-item.js +33 -72
- package/lib/components/timeline/src/timeline-item.js.map +1 -1
- package/lib/components/timeline/src/timeline-item2.js +72 -33
- package/lib/components/timeline/src/timeline-item2.js.map +1 -1
- package/lib/components/tooltip/index.js +1 -1
- package/lib/components/tooltip/src/content.js +29 -198
- package/lib/components/tooltip/src/content.js.map +1 -1
- package/lib/components/tooltip/src/content2.js +198 -29
- package/lib/components/tooltip/src/content2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.js +1 -1
- package/lib/components/tooltip/src/tooltip2.js +1 -1
- package/lib/components/tour/index.js +2 -2
- package/lib/components/tour/src/tour.js +69 -153
- package/lib/components/tour/src/tour.js.map +1 -1
- package/lib/components/tour/src/tour2.js +153 -69
- package/lib/components/tour/src/tour2.js.map +1 -1
- package/lib/components/tree/src/tree.vue.d.ts +1 -1
- package/lib/components/tree-v2/src/composables/useFilter.d.ts +2 -2
- package/lib/components/tree-v2/src/tree.vue.d.ts +1 -1
- package/lib/components/upload/index.js +1 -1
- package/lib/components/upload/src/upload-content2.js +1 -1
- package/lib/components/upload/src/upload-dragger.js +61 -9
- package/lib/components/upload/src/upload-dragger.js.map +1 -1
- package/lib/components/upload/src/upload-dragger2.js +9 -61
- package/lib/components/upload/src/upload-dragger2.js.map +1 -1
- package/lib/components/watermark/src/utils.d.ts +1 -1
- package/lib/components/watermark/src/utils.js.map +1 -1
- package/lib/directives/click-outside/index.js +1 -1
- package/lib/hooks/use-focus-controller/index.js +1 -1
- package/lib/hooks/use-lockscreen/index.js +1 -1
- package/lib/hooks/use-ordered-children/index.js.map +1 -1
- package/lib/index.d.ts +610 -9
- package/lib/index.js +18 -18
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/tags.json +1 -1
- package/theme-chalk/el-input.css +1 -1
- package/theme-chalk/el-menu.css +1 -1
- package/theme-chalk/el-select-v2.css +1 -1
- package/theme-chalk/el-select.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/input.scss +5 -0
- package/theme-chalk/src/menu.scss +4 -0
- package/theme-chalk/src/select.scss +5 -0
- package/web-types.json +1 -1
@@ -30,6 +30,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
30
30
|
let wrapScrollTop = 0;
|
31
31
|
let wrapScrollLeft = 0;
|
32
32
|
let direction = "";
|
33
|
+
const distanceScrollState = {
|
34
|
+
bottom: false,
|
35
|
+
top: false,
|
36
|
+
right: false,
|
37
|
+
left: false
|
38
|
+
};
|
33
39
|
const scrollbarRef = vue.ref();
|
34
40
|
const wrapRef = vue.ref();
|
35
41
|
const resizeRef = vue.ref();
|
@@ -52,6 +58,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
52
58
|
const resizeKls = vue.computed(() => {
|
53
59
|
return [ns.e("view"), props.viewClass];
|
54
60
|
});
|
61
|
+
const shouldSkipDirection = (direction2) => {
|
62
|
+
return direction2 === "top" && distanceScrollState.top || direction2 === "bottom" && distanceScrollState.bottom || direction2 === "left" && distanceScrollState.left || direction2 === "right" && distanceScrollState.right;
|
63
|
+
};
|
64
|
+
const updateTriggerStatus = (arrivedStates) => {
|
65
|
+
const _updateTriggerState = (to, from) => {
|
66
|
+
const arrived = arrivedStates[to];
|
67
|
+
const oppositeArrived = arrivedStates[from];
|
68
|
+
const triggerKey = to;
|
69
|
+
const oppositeTriggerKey = from;
|
70
|
+
if (arrived && !distanceScrollState[triggerKey]) {
|
71
|
+
distanceScrollState[triggerKey] = true;
|
72
|
+
}
|
73
|
+
if (!oppositeArrived && distanceScrollState[oppositeTriggerKey]) {
|
74
|
+
distanceScrollState[oppositeTriggerKey] = false;
|
75
|
+
}
|
76
|
+
};
|
77
|
+
if (direction === "top") {
|
78
|
+
_updateTriggerState("top", "bottom");
|
79
|
+
}
|
80
|
+
if (direction === "bottom") {
|
81
|
+
_updateTriggerState("bottom", "top");
|
82
|
+
}
|
83
|
+
if (direction === "left") {
|
84
|
+
_updateTriggerState("left", "right");
|
85
|
+
}
|
86
|
+
if (direction === "right") {
|
87
|
+
_updateTriggerState("right", "left");
|
88
|
+
}
|
89
|
+
};
|
55
90
|
const handleScroll = () => {
|
56
91
|
var _a;
|
57
92
|
if (wrapRef.value) {
|
@@ -61,21 +96,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
61
96
|
wrapScrollTop = wrapRef.value.scrollTop;
|
62
97
|
wrapScrollLeft = wrapRef.value.scrollLeft;
|
63
98
|
const arrivedStates = {
|
64
|
-
bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight,
|
65
|
-
top: wrapScrollTop <=
|
66
|
-
right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,
|
67
|
-
left: wrapScrollLeft <=
|
99
|
+
bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
|
100
|
+
top: wrapScrollTop <= props.distance && prevTop !== 0,
|
101
|
+
right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
|
102
|
+
left: wrapScrollLeft <= props.distance && prevLeft !== 0
|
68
103
|
};
|
104
|
+
emit("scroll", {
|
105
|
+
scrollTop: wrapScrollTop,
|
106
|
+
scrollLeft: wrapScrollLeft
|
107
|
+
});
|
69
108
|
if (prevTop !== wrapScrollTop) {
|
70
109
|
direction = wrapScrollTop > prevTop ? "bottom" : "top";
|
71
110
|
}
|
72
111
|
if (prevLeft !== wrapScrollLeft) {
|
73
112
|
direction = wrapScrollLeft > prevLeft ? "right" : "left";
|
74
113
|
}
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
114
|
+
if (props.distance > 0) {
|
115
|
+
if (shouldSkipDirection(direction)) {
|
116
|
+
return;
|
117
|
+
}
|
118
|
+
updateTriggerStatus(arrivedStates);
|
119
|
+
}
|
79
120
|
if (arrivedStates[direction])
|
80
121
|
emit("end-reached", direction);
|
81
122
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n const prevTop = wrapScrollTop\n const prevLeft = wrapScrollLeft\n wrapScrollTop = wrapRef.value.scrollTop\n wrapScrollLeft = wrapRef.value.scrollLeft\n\n const arrivedStates = {\n bottom:\n wrapScrollTop + wrapRef.value.clientHeight >=\n wrapRef.value.scrollHeight,\n top: wrapScrollTop <= 0 && prevTop !== 0,\n right:\n wrapScrollLeft + wrapRef.value.clientWidth >=\n wrapRef.value.scrollWidth && prevLeft !== wrapScrollLeft,\n left: wrapScrollLeft <= 0 && prevLeft !== 0,\n }\n\n if (prevTop !== wrapScrollTop) {\n direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n }\n if (prevLeft !== wrapScrollLeft) {\n direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n }\n\n emit('scroll', {\n scrollTop: wrapScrollTop,\n scrollLeft: wrapScrollLeft,\n })\n if (arrivedStates[direction]) emit('end-reached', direction)\n }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n :tabindex=\"tabindex\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onActivated,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n bottom: false,\n top: false,\n right: false,\n left: false,\n}\ntype distanceScrollStateKey = keyof typeof distanceScrollState\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n return (\n (direction === 'top' && distanceScrollState.top) ||\n (direction === 'bottom' && distanceScrollState.bottom) ||\n (direction === 'left' && distanceScrollState.left) ||\n (direction === 'right' && distanceScrollState.right)\n )\n}\n\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n const _updateTriggerState = (to: string, from: string) => {\n const arrived = arrivedStates[to]\n const oppositeArrived = arrivedStates[from]\n const triggerKey = to as distanceScrollStateKey\n const oppositeTriggerKey = from as distanceScrollStateKey\n if (arrived && !distanceScrollState[triggerKey]) {\n distanceScrollState[triggerKey] = true\n }\n if (!oppositeArrived && distanceScrollState[oppositeTriggerKey]) {\n distanceScrollState[oppositeTriggerKey] = false\n }\n }\n // scroll bottom to top\n if (direction === 'top') {\n _updateTriggerState('top', 'bottom')\n }\n if (direction === 'bottom') {\n _updateTriggerState('bottom', 'top')\n }\n if (direction === 'left') {\n _updateTriggerState('left', 'right')\n }\n if (direction === 'right') {\n _updateTriggerState('right', 'left')\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}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scrollTop = wrapScrollTop\n wrapRef.value.scrollLeft = wrapScrollLeft\n }\n})\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":"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"}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
var select$1 = require('./src/select2.js');
|
6
|
-
var option = require('./src/
|
6
|
+
var option = require('./src/option.js');
|
7
7
|
var optionGroup = require('./src/option-group.js');
|
8
8
|
var token = require('./src/token.js');
|
9
9
|
var select = require('./src/select.js');
|
@@ -2,21 +2,96 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
-
var
|
5
|
+
var vue = require('vue');
|
6
|
+
var useOption = require('./useOption.js');
|
7
|
+
var option = require('./option2.js');
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
9
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
10
|
+
var index$1 = require('../../../hooks/use-id/index.js');
|
6
11
|
|
7
|
-
const
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
12
|
+
const _sfc_main = vue.defineComponent({
|
13
|
+
name: option.COMPONENT_NAME,
|
14
|
+
componentName: option.COMPONENT_NAME,
|
15
|
+
props: option.optionProps,
|
16
|
+
setup(props) {
|
17
|
+
const ns = index.useNamespace("select");
|
18
|
+
const id = index$1.useId();
|
19
|
+
const containerKls = vue.computed(() => [
|
20
|
+
ns.be("dropdown", "item"),
|
21
|
+
ns.is("disabled", vue.unref(isDisabled)),
|
22
|
+
ns.is("selected", vue.unref(itemSelected)),
|
23
|
+
ns.is("hovering", vue.unref(hover))
|
24
|
+
]);
|
25
|
+
const states = vue.reactive({
|
26
|
+
index: -1,
|
27
|
+
groupDisabled: false,
|
28
|
+
visible: true,
|
29
|
+
hover: false
|
30
|
+
});
|
31
|
+
const {
|
32
|
+
currentLabel,
|
33
|
+
itemSelected,
|
34
|
+
isDisabled,
|
35
|
+
select,
|
36
|
+
hoverItem,
|
37
|
+
updateOption
|
38
|
+
} = useOption.useOption(props, states);
|
39
|
+
const { visible, hover } = vue.toRefs(states);
|
40
|
+
const vm = vue.getCurrentInstance().proxy;
|
41
|
+
select.onOptionCreate(vm);
|
42
|
+
vue.onBeforeUnmount(() => {
|
43
|
+
const key = vm.value;
|
44
|
+
vue.nextTick(() => {
|
45
|
+
const { selected: selectedOptions } = select.states;
|
46
|
+
const doesSelected = selectedOptions.some((item) => {
|
47
|
+
return item.value === vm.value;
|
48
|
+
});
|
49
|
+
if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
|
50
|
+
select.states.cachedOptions.delete(key);
|
51
|
+
}
|
52
|
+
});
|
53
|
+
select.onOptionDestroy(key, vm);
|
54
|
+
});
|
55
|
+
function selectOptionClick() {
|
56
|
+
if (!isDisabled.value) {
|
57
|
+
select.handleOptionSelect(vm);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
return {
|
61
|
+
ns,
|
62
|
+
id,
|
63
|
+
containerKls,
|
64
|
+
currentLabel,
|
65
|
+
itemSelected,
|
66
|
+
isDisabled,
|
67
|
+
select,
|
68
|
+
visible,
|
69
|
+
hover,
|
70
|
+
states,
|
71
|
+
hoverItem,
|
72
|
+
updateOption,
|
73
|
+
selectOptionClick
|
74
|
+
};
|
75
|
+
}
|
18
76
|
});
|
77
|
+
function _sfc_render(_ctx, _cache) {
|
78
|
+
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
|
79
|
+
id: _ctx.id,
|
80
|
+
class: vue.normalizeClass(_ctx.containerKls),
|
81
|
+
role: "option",
|
82
|
+
"aria-disabled": _ctx.isDisabled || void 0,
|
83
|
+
"aria-selected": _ctx.itemSelected,
|
84
|
+
onMousemove: _ctx.hoverItem,
|
85
|
+
onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
|
86
|
+
}, [
|
87
|
+
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
88
|
+
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
|
89
|
+
])
|
90
|
+
], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
|
91
|
+
[vue.vShow, _ctx.visible]
|
92
|
+
]);
|
93
|
+
}
|
94
|
+
var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "option.vue"]]);
|
19
95
|
|
20
|
-
exports
|
21
|
-
exports.optionProps = optionProps;
|
96
|
+
exports["default"] = Option;
|
22
97
|
//# sourceMappingURL=option.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.
|
1
|
+
{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n <li\n v-show=\"visible\"\n :id=\"id\"\n :class=\"containerKls\"\n role=\"option\"\n :aria-disabled=\"isDisabled || undefined\"\n :aria-selected=\"itemSelected\"\n @mousemove=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot>\n <span>{{ currentLabel }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n nextTick,\n onBeforeUnmount,\n reactive,\n toRefs,\n unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\n\nimport type {\n OptionExposed,\n OptionInternalInstance,\n OptionStates,\n} from './type'\n\nexport default defineComponent({\n name: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n\n props: optionProps,\n\n setup(props) {\n const ns = useNamespace('select')\n const id = useId()\n\n const containerKls = computed(() => [\n ns.be('dropdown', 'item'),\n ns.is('disabled', unref(isDisabled)),\n ns.is('selected', unref(itemSelected)),\n ns.is('hovering', unref(hover)),\n ])\n\n const states = reactive<OptionStates>({\n index: -1,\n groupDisabled: false,\n visible: true,\n hover: false,\n })\n\n const {\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n hoverItem,\n updateOption,\n } = useOption(props, states)\n\n const { visible, hover } = toRefs(states)\n\n const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n select.onOptionCreate(vm)\n\n onBeforeUnmount(() => {\n const key = vm.value\n\n // if option is not selected, remove it from cache\n nextTick(() => {\n const { selected: selectedOptions } = select.states\n const doesSelected = selectedOptions.some((item) => {\n return item.value === vm.value\n })\n if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n select.states.cachedOptions.delete(key)\n }\n })\n select.onOptionDestroy(key, vm)\n })\n\n function selectOptionClick() {\n if (!isDisabled.value) {\n select.handleOptionSelect(vm)\n }\n }\n\n return {\n ns,\n id,\n containerKls,\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n visible,\n hover,\n states,\n\n hoverItem,\n updateOption,\n selectOptionClick,\n } satisfies OptionExposed\n },\n})\n</script>\n"],"names":["defineComponent","COMPONENT_NAME","optionProps","useNamespace","useId","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_vShow","_export_sfc"],"mappings":"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"}
|
@@ -2,96 +2,21 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
-
var
|
6
|
-
var useOption = require('./useOption.js');
|
7
|
-
var option = require('./option.js');
|
8
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
9
|
-
var index = require('../../../hooks/use-namespace/index.js');
|
10
|
-
var index$1 = require('../../../hooks/use-id/index.js');
|
5
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
11
6
|
|
12
|
-
const
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
ns.is("hovering", vue.unref(hover))
|
24
|
-
]);
|
25
|
-
const states = vue.reactive({
|
26
|
-
index: -1,
|
27
|
-
groupDisabled: false,
|
28
|
-
visible: true,
|
29
|
-
hover: false
|
30
|
-
});
|
31
|
-
const {
|
32
|
-
currentLabel,
|
33
|
-
itemSelected,
|
34
|
-
isDisabled,
|
35
|
-
select,
|
36
|
-
hoverItem,
|
37
|
-
updateOption
|
38
|
-
} = useOption.useOption(props, states);
|
39
|
-
const { visible, hover } = vue.toRefs(states);
|
40
|
-
const vm = vue.getCurrentInstance().proxy;
|
41
|
-
select.onOptionCreate(vm);
|
42
|
-
vue.onBeforeUnmount(() => {
|
43
|
-
const key = vm.value;
|
44
|
-
vue.nextTick(() => {
|
45
|
-
const { selected: selectedOptions } = select.states;
|
46
|
-
const doesSelected = selectedOptions.some((item) => {
|
47
|
-
return item.value === vm.value;
|
48
|
-
});
|
49
|
-
if (select.states.cachedOptions.get(key) === vm && !doesSelected) {
|
50
|
-
select.states.cachedOptions.delete(key);
|
51
|
-
}
|
52
|
-
});
|
53
|
-
select.onOptionDestroy(key, vm);
|
54
|
-
});
|
55
|
-
function selectOptionClick() {
|
56
|
-
if (!isDisabled.value) {
|
57
|
-
select.handleOptionSelect(vm);
|
58
|
-
}
|
59
|
-
}
|
60
|
-
return {
|
61
|
-
ns,
|
62
|
-
id,
|
63
|
-
containerKls,
|
64
|
-
currentLabel,
|
65
|
-
itemSelected,
|
66
|
-
isDisabled,
|
67
|
-
select,
|
68
|
-
visible,
|
69
|
-
hover,
|
70
|
-
states,
|
71
|
-
hoverItem,
|
72
|
-
updateOption,
|
73
|
-
selectOptionClick
|
74
|
-
};
|
75
|
-
}
|
7
|
+
const COMPONENT_NAME = "ElOption";
|
8
|
+
const optionProps = runtime.buildProps({
|
9
|
+
value: {
|
10
|
+
type: [String, Number, Boolean, Object],
|
11
|
+
required: true
|
12
|
+
},
|
13
|
+
label: {
|
14
|
+
type: [String, Number]
|
15
|
+
},
|
16
|
+
created: Boolean,
|
17
|
+
disabled: Boolean
|
76
18
|
});
|
77
|
-
function _sfc_render(_ctx, _cache) {
|
78
|
-
return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
|
79
|
-
id: _ctx.id,
|
80
|
-
class: vue.normalizeClass(_ctx.containerKls),
|
81
|
-
role: "option",
|
82
|
-
"aria-disabled": _ctx.isDisabled || void 0,
|
83
|
-
"aria-selected": _ctx.itemSelected,
|
84
|
-
onMousemove: _ctx.hoverItem,
|
85
|
-
onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
|
86
|
-
}, [
|
87
|
-
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
88
|
-
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
|
89
|
-
])
|
90
|
-
], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
|
91
|
-
[vue.vShow, _ctx.visible]
|
92
|
-
]);
|
93
|
-
}
|
94
|
-
var Option = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "option.vue"]]);
|
95
19
|
|
96
|
-
exports
|
20
|
+
exports.COMPONENT_NAME = COMPONENT_NAME;
|
21
|
+
exports.optionProps = optionProps;
|
97
22
|
//# sourceMappingURL=option2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.
|
1
|
+
{"version":3,"file":"option2.js","sources":["../../../../../../packages/components/select/src/option.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nexport const COMPONENT_NAME = 'ElOption'\nexport const optionProps = buildProps({\n /**\n * @description value of option\n */\n value: {\n type: [String, Number, Boolean, Object],\n required: true as const,\n },\n /**\n * @description label of option, same as `value` if omitted\n */\n label: {\n type: [String, Number],\n },\n created: Boolean,\n /**\n * @description whether option is disabled\n */\n disabled: Boolean,\n})\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,WAAW;AAC7B,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;AAC3C,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;;"}
|
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
|
|
7
7
|
var scrollbar = require('../../scrollbar/src/scrollbar.js');
|
8
8
|
var runtime = require('../../../utils/vue/props/runtime.js');
|
9
9
|
var index = require('../../../hooks/use-size/index.js');
|
10
|
-
var content = require('../../tooltip/src/
|
10
|
+
var content = require('../../tooltip/src/content.js');
|
11
11
|
var icon = require('../../../utils/vue/icon.js');
|
12
12
|
var tag = require('../../tag/src/tag.js');
|
13
13
|
var index$1 = require('../../../hooks/use-empty-values/index.js');
|
@@ -140,8 +140,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
140
140
|
};
|
141
141
|
states: {
|
142
142
|
inputValue: string;
|
143
|
-
options: Map<import("
|
144
|
-
cachedOptions: Map<import("
|
143
|
+
options: Map<import("./type").OptionValue, import("./type").OptionPublicInstance>;
|
144
|
+
cachedOptions: Map<import("./type").OptionValue, import("./type").OptionPublicInstance>;
|
145
145
|
optionValues: import("./type").OptionValue[];
|
146
146
|
selected: {
|
147
147
|
value: import("./type").OptionValue;
|
@@ -7,7 +7,7 @@ var index$2 = require('../../tooltip/index.js');
|
|
7
7
|
var index$1 = require('../../scrollbar/index.js');
|
8
8
|
var index = require('../../tag/index.js');
|
9
9
|
var index$3 = require('../../icon/index.js');
|
10
|
-
var option = require('./
|
10
|
+
var option = require('./option.js');
|
11
11
|
var selectDropdown = require('./select-dropdown.js');
|
12
12
|
var useSelect = require('./useSelect.js');
|
13
13
|
var token = require('./token.js');
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
var vue = require('vue');
|
6
6
|
var lodashUnified = require('lodash-unified');
|
7
7
|
var token = require('./token.js');
|
8
|
-
var option = require('./
|
8
|
+
var option = require('./option2.js');
|
9
9
|
var strings = require('../../../utils/strings.js');
|
10
10
|
var error = require('../../../utils/error.js');
|
11
11
|
var shared = require('@vue/shared');
|
@@ -44,8 +44,8 @@ export declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
|
|
44
44
|
};
|
45
45
|
states: {
|
46
46
|
inputValue: string;
|
47
|
-
options: Map<
|
48
|
-
cachedOptions: Map<
|
47
|
+
options: Map<OptionValue, OptionPublicInstance>;
|
48
|
+
cachedOptions: Map<OptionValue, OptionPublicInstance>;
|
49
49
|
optionValues: OptionValue[];
|
50
50
|
selected: {
|
51
51
|
value: OptionValue;
|
@@ -7,7 +7,7 @@ var iconsVue = require('@element-plus/icons-vue');
|
|
7
7
|
var useProps = require('./useProps.js');
|
8
8
|
var runtime = require('../../../utils/vue/props/runtime.js');
|
9
9
|
var icon = require('../../../utils/vue/icon.js');
|
10
|
-
var content = require('../../tooltip/src/
|
10
|
+
var content = require('../../tooltip/src/content.js');
|
11
11
|
var index = require('../../../hooks/use-size/index.js');
|
12
12
|
var tag = require('../../tag/src/tag.js');
|
13
13
|
var types = require('../../../utils/types.js');
|
@@ -2,28 +2,99 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
-
var
|
6
|
-
var
|
7
|
-
var
|
8
|
-
var
|
5
|
+
var vue = require('vue');
|
6
|
+
var index$1 = require('../../tooltip/index.js');
|
7
|
+
var button = require('./button2.js');
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
9
|
+
var useSliderButton = require('./composables/use-slider-button.js');
|
10
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
9
11
|
|
10
|
-
const
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
12
|
+
const __default__ = vue.defineComponent({
|
13
|
+
name: "ElSliderButton"
|
14
|
+
});
|
15
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
16
|
+
...__default__,
|
17
|
+
props: button.sliderButtonProps,
|
18
|
+
emits: button.sliderButtonEmits,
|
19
|
+
setup(__props, { expose, emit }) {
|
20
|
+
const props = __props;
|
21
|
+
const ns = index.useNamespace("slider");
|
22
|
+
const initData = vue.reactive({
|
23
|
+
hovering: false,
|
24
|
+
dragging: false,
|
25
|
+
isClick: false,
|
26
|
+
startX: 0,
|
27
|
+
currentX: 0,
|
28
|
+
startY: 0,
|
29
|
+
currentY: 0,
|
30
|
+
startPosition: 0,
|
31
|
+
newPosition: 0,
|
32
|
+
oldValue: props.modelValue
|
33
|
+
});
|
34
|
+
const tooltipPersistent = vue.computed(() => !showTooltip.value ? false : persistent.value);
|
35
|
+
const {
|
36
|
+
disabled,
|
37
|
+
button,
|
38
|
+
tooltip,
|
39
|
+
showTooltip,
|
40
|
+
persistent,
|
41
|
+
tooltipVisible,
|
42
|
+
wrapperStyle,
|
43
|
+
formatValue,
|
44
|
+
handleMouseEnter,
|
45
|
+
handleMouseLeave,
|
46
|
+
onButtonDown,
|
47
|
+
onKeyDown,
|
48
|
+
setPosition
|
49
|
+
} = useSliderButton.useSliderButton(props, initData, emit);
|
50
|
+
const { hovering, dragging } = vue.toRefs(initData);
|
51
|
+
expose({
|
52
|
+
onButtonDown,
|
53
|
+
onKeyDown,
|
54
|
+
setPosition,
|
55
|
+
hovering,
|
56
|
+
dragging
|
57
|
+
});
|
58
|
+
return (_ctx, _cache) => {
|
59
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
60
|
+
ref_key: "button",
|
61
|
+
ref: button,
|
62
|
+
class: vue.normalizeClass([vue.unref(ns).e("button-wrapper"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }]),
|
63
|
+
style: vue.normalizeStyle(vue.unref(wrapperStyle)),
|
64
|
+
tabindex: vue.unref(disabled) ? -1 : 0,
|
65
|
+
onMouseenter: vue.unref(handleMouseEnter),
|
66
|
+
onMouseleave: vue.unref(handleMouseLeave),
|
67
|
+
onMousedown: vue.unref(onButtonDown),
|
68
|
+
onFocus: vue.unref(handleMouseEnter),
|
69
|
+
onBlur: vue.unref(handleMouseLeave),
|
70
|
+
onKeydown: vue.unref(onKeyDown)
|
71
|
+
}, [
|
72
|
+
vue.createVNode(vue.unref(index$1.ElTooltip), {
|
73
|
+
ref_key: "tooltip",
|
74
|
+
ref: tooltip,
|
75
|
+
visible: vue.unref(tooltipVisible),
|
76
|
+
placement: _ctx.placement,
|
77
|
+
"fallback-placements": ["top", "bottom", "right", "left"],
|
78
|
+
"stop-popper-mouse-event": false,
|
79
|
+
"popper-class": _ctx.tooltipClass,
|
80
|
+
disabled: !vue.unref(showTooltip),
|
81
|
+
persistent: vue.unref(tooltipPersistent)
|
82
|
+
}, {
|
83
|
+
content: vue.withCtx(() => [
|
84
|
+
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(formatValue)), 1)
|
85
|
+
]),
|
86
|
+
default: vue.withCtx(() => [
|
87
|
+
vue.createElementVNode("div", {
|
88
|
+
class: vue.normalizeClass([vue.unref(ns).e("button"), { hover: vue.unref(hovering), dragging: vue.unref(dragging) }])
|
89
|
+
}, null, 2)
|
90
|
+
]),
|
91
|
+
_: 1
|
92
|
+
}, 8, ["visible", "placement", "popper-class", "disabled", "persistent"])
|
93
|
+
], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]);
|
94
|
+
};
|
21
95
|
}
|
22
96
|
});
|
23
|
-
|
24
|
-
[event.UPDATE_MODEL_EVENT]: (value) => types.isNumber(value)
|
25
|
-
};
|
97
|
+
var SliderButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button.vue"]]);
|
26
98
|
|
27
|
-
exports
|
28
|
-
exports.sliderButtonProps = sliderButtonProps;
|
99
|
+
exports["default"] = SliderButton;
|
29
100
|
//# sourceMappingURL=button.js.map
|