@element-plus/nightly 0.0.20260121 → 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 +7123 -8339
- 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 +7121 -8337
- 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/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/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.vue2.mjs +3 -35
- 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/drawer.vue2.mjs +3 -48
- 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/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/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/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/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.vue2.js +2 -34
- 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/drawer.vue2.js +2 -47
- 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/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/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":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n direction: 'horizontal',\n contentPosition: 'center',\n borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n direction: 'horizontal',\n contentPosition: 'center',\n borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot"],"mappings":";;;;;;;;;;;AAyBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,EAAA,GAAK,aAAa,SAAS,CAAA;AACjC,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAA,CAAO;AAAA,QACf,gBAAgB,KAAA,CAAM;AAAA,OACvB,CAAA;AAAA,IACH,CAAC,CAAA;;0BAlCCA,kBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,SAAS,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACpB,IAAA,EAAK;AAAA;;UAGGC,KAAAA,MAAAA,CAAO,OAAA,IAAW,QAAA,SAAA,KAAS,UAAA,iBADnCH,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA;cAHH,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAG,OAAA,CAAA,eAAe,CAAA,CAAA;AAAA;;cAE5CE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { drawerEmits, drawerProps } from './drawer.mjs';
|
|
2
|
+
import { defineComponent, useSlots, computed, ref, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow } from 'vue';
|
|
2
3
|
import { Close } from '@element-plus/icons-vue';
|
|
3
4
|
import { ElOverlay } from '../../overlay/index.mjs';
|
|
4
5
|
import ElFocusTrap from '../../focus-trap/src/focus-trap.vue.mjs';
|
|
5
6
|
import { ElTeleport } from '../../teleport/index.mjs';
|
|
6
7
|
import { ElIcon } from '../../icon/index.mjs';
|
|
7
|
-
import { drawerEmits } from './drawer.mjs';
|
|
8
8
|
import { useResizable } from './composables/useResizable.mjs';
|
|
9
9
|
import { useDialog } from '../../dialog/src/use-dialog.mjs';
|
|
10
|
-
import { dialogPropsDefaults } from '../../dialog/src/dialog.mjs';
|
|
11
10
|
import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
|
|
12
11
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
13
12
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
@@ -22,51 +21,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
21
|
inheritAttrs: false
|
|
23
22
|
},
|
|
24
23
|
__name: "drawer",
|
|
25
|
-
props:
|
|
26
|
-
direction: { type: String, required: false },
|
|
27
|
-
resizable: { type: Boolean, required: false },
|
|
28
|
-
size: { type: [String, Number], required: false },
|
|
29
|
-
withHeader: { type: Boolean, required: false },
|
|
30
|
-
modalFade: { type: Boolean, required: false },
|
|
31
|
-
headerAriaLevel: { type: String, required: false },
|
|
32
|
-
appendToBody: { type: Boolean, required: false },
|
|
33
|
-
appendTo: { type: null, required: false },
|
|
34
|
-
beforeClose: { type: Function, required: false },
|
|
35
|
-
destroyOnClose: { type: Boolean, required: false },
|
|
36
|
-
closeOnClickModal: { type: Boolean, required: false },
|
|
37
|
-
closeOnPressEscape: { type: Boolean, required: false },
|
|
38
|
-
lockScroll: { type: Boolean, required: false },
|
|
39
|
-
modal: { type: Boolean, required: false },
|
|
40
|
-
modalPenetrable: { type: Boolean, required: false },
|
|
41
|
-
openDelay: { type: Number, required: false },
|
|
42
|
-
closeDelay: { type: Number, required: false },
|
|
43
|
-
top: { type: String, required: false },
|
|
44
|
-
modelValue: { type: Boolean, required: false },
|
|
45
|
-
modalClass: { type: String, required: false },
|
|
46
|
-
width: { type: [String, Number], required: false },
|
|
47
|
-
zIndex: { type: Number, required: false },
|
|
48
|
-
trapFocus: { type: Boolean, required: false },
|
|
49
|
-
transition: { type: [String, Object], required: false },
|
|
50
|
-
center: { type: Boolean, required: false },
|
|
51
|
-
alignCenter: { type: Boolean, required: false },
|
|
52
|
-
closeIcon: { type: null, required: false },
|
|
53
|
-
draggable: { type: Boolean, required: false },
|
|
54
|
-
overflow: { type: Boolean, required: false },
|
|
55
|
-
fullscreen: { type: Boolean, required: false },
|
|
56
|
-
headerClass: { type: String, required: false },
|
|
57
|
-
bodyClass: { type: String, required: false },
|
|
58
|
-
footerClass: { type: String, required: false },
|
|
59
|
-
showClose: { type: Boolean, required: false },
|
|
60
|
-
title: { type: String, required: false },
|
|
61
|
-
ariaLevel: { type: String, required: false }
|
|
62
|
-
}, {
|
|
63
|
-
...dialogPropsDefaults,
|
|
64
|
-
direction: "rtl",
|
|
65
|
-
size: "30%",
|
|
66
|
-
withHeader: true,
|
|
67
|
-
modalFade: true,
|
|
68
|
-
headerAriaLevel: "2"
|
|
69
|
-
}),
|
|
24
|
+
props: drawerProps,
|
|
70
25
|
emits: drawerEmits,
|
|
71
26
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
72
27
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <el-teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"[\n ns.is('drawer'),\n modalClass ?? '',\n `${ns.namespace.value}-modal-drawer`,\n ns.is('penetrable', penetrable),\n ]\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[\n ns.b(),\n direction,\n visible && 'open',\n ns.is('dragging', isResizing),\n ]\"\n :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n role=\"dialog\"\n @click.stop\n >\n <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n <template v-if=\"!$slots.title\">\n <slot\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n >\n <span\n :id=\"titleId\"\n role=\"heading\"\n :aria-level=\"headerAriaLevel\"\n :class=\"ns.e('title')\"\n >\n {{ title }}\n </span>\n </slot>\n </template>\n <template v-else>\n <slot name=\"title\">\n <!-- DEPRECATED SLOT -->\n </slot>\n </template>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.drawer.close')\"\n :class=\"ns.e('close-btn')\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon :class=\"ns.e('close')\">\n <close />\n </el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n <slot />\n </div>\n </template>\n <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n <slot name=\"footer\" />\n </div>\n <div\n v-if=\"resizable\"\n ref=\"draggerRef\"\n :style=\"{ zIndex }\"\n :class=\"ns.e('dragger')\"\n />\n </div>\n </el-focus-trap>\n </el-overlay>\n </transition>\n </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n name: 'ElDrawer',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n ...dialogPropsDefaults,\n direction: 'rtl',\n size: '30%',\n withHeader: true,\n modalFade: true,\n headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-drawer',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n afterEnter,\n afterLeave,\n beforeLeave,\n visible,\n rendered,\n titleId,\n bodyId,\n zIndex,\n onModalClick,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onFocusoutPrevented,\n onCloseRequested,\n handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n handleClose,\n afterEnter,\n afterLeave,\n})\n</script>\n"],"names":["_createBlock","_unref","_createVNode","_Transition","_createElementVNode","_mergeProps","$attrs","_normalizeClass","_createElementBlock","$slots","_renderSlot","_createCommentVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <el-teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"[\n ns.is('drawer'),\n modalClass ?? '',\n `${ns.namespace.value}-modal-drawer`,\n ns.is('penetrable', penetrable),\n ]\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[\n ns.b(),\n direction,\n visible && 'open',\n ns.is('dragging', isResizing),\n ]\"\n :style=\"{ [isHorizontal ? 'width' : 'height']: size }\"\n role=\"dialog\"\n @click.stop\n >\n <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n <header v-if=\"withHeader\" :class=\"[ns.e('header'), headerClass]\">\n <template v-if=\"!$slots.title\">\n <slot\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n >\n <span\n :id=\"titleId\"\n role=\"heading\"\n :aria-level=\"headerAriaLevel\"\n :class=\"ns.e('title')\"\n >\n {{ title }}\n </span>\n </slot>\n </template>\n <template v-else>\n <slot name=\"title\">\n <!-- DEPRECATED SLOT -->\n </slot>\n </template>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.drawer.close')\"\n :class=\"ns.e('close-btn')\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon :class=\"ns.e('close')\">\n <close />\n </el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <div :id=\"bodyId\" :class=\"[ns.e('body'), bodyClass]\">\n <slot />\n </div>\n </template>\n <div v-if=\"$slots.footer\" :class=\"[ns.e('footer'), footerClass]\">\n <slot name=\"footer\" />\n </div>\n <div\n v-if=\"resizable\"\n ref=\"draggerRef\"\n :style=\"{ zIndex }\"\n :class=\"ns.e('dragger')\"\n />\n </div>\n </el-focus-trap>\n </el-overlay>\n </transition>\n </el-teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElTeleport from '@element-plus/components/teleport'\nimport { dialogPropsDefaults, useDialog } from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits } from './drawer'\nimport { useResizable } from './composables/useResizable'\n\nimport type { DrawerProps } from './drawer'\n\ndefineOptions({\n name: 'ElDrawer',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<DrawerProps>(), {\n ...dialogPropsDefaults,\n direction: 'rtl',\n size: '30%',\n withHeader: true,\n modalFade: true,\n headerAriaLevel: '2',\n})\nconst emit = defineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-drawer',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst draggerRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\n\nconst {\n afterEnter,\n afterLeave,\n beforeLeave,\n visible,\n rendered,\n titleId,\n bodyId,\n zIndex,\n onModalClick,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onFocusoutPrevented,\n onCloseRequested,\n handleClose,\n} = useDialog(props, drawerRef)\n\nconst { isHorizontal, size, isResizing } = useResizable(props, draggerRef, emit)\n\nconst penetrable = computed(() => props.modalPenetrable && !props.modal)\n\ndefineExpose({\n handleClose,\n afterEnter,\n afterLeave,\n})\n</script>\n"],"names":["_createBlock","_unref","_createVNode","_Transition","_createElementVNode","_mergeProps","$attrs","_normalizeClass","_createElementBlock","$slots","_renderSlot","_createCommentVNode"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { emptyProps } from './empty.mjs';
|
|
1
2
|
import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, normalizeStyle, renderSlot, createVNode, toDisplayString } from 'vue';
|
|
2
3
|
import _sfc_main$1 from './img-empty.vue2.mjs';
|
|
3
4
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
@@ -11,11 +12,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
12
|
name: "ElEmpty"
|
|
12
13
|
},
|
|
13
14
|
__name: "empty",
|
|
14
|
-
props:
|
|
15
|
-
image: { type: String, required: false, default: "" },
|
|
16
|
-
imageSize: { type: Number, required: false },
|
|
17
|
-
description: { type: String, required: false, default: "" }
|
|
18
|
-
},
|
|
15
|
+
props: emptyProps,
|
|
19
16
|
setup(__props) {
|
|
20
17
|
const props = __props;
|
|
21
18
|
const { t } = useLocale();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty.vue2.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div :class=\"ns.e('description')\">\n <slot v-if=\"$slots.description\" name=\"description\" />\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\n\nimport type { CSSProperties } from 'vue'\nimport type { EmptyProps } from './empty'\n\ndefineOptions({\n name: 'ElEmpty',\n})\n\nconst props = withDefaults(defineProps<EmptyProps>(), {\n image: '',\n description: '',\n})\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","ImgEmpty","$slots","_openBlock"],"mappings":"
|
|
1
|
+
{"version":3,"file":"empty.vue2.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div :class=\"ns.e('description')\">\n <slot v-if=\"$slots.description\" name=\"description\" />\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\n\nimport type { CSSProperties } from 'vue'\nimport type { EmptyProps } from './empty'\n\ndefineOptions({\n name: 'ElEmpty',\n})\n\nconst props = withDefaults(defineProps<EmptyProps>(), {\n image: '',\n description: '',\n})\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","ImgEmpty","$slots","_openBlock"],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,gBAAA,GAAmB,QAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAA,IAAe,CAAA,CAAE,oBAAoB;AAAA,KACnD;AACA,IAAA,MAAM,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS;AAAA,KAChC,CAAE,CAAA;;0BA1CAA,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,iBAAO,UAAA,CAAA,KAAU;AAAA;;cACjC,OAAA,CAAA,KAAA,iBAAXF,mBAA4D,KAAA,EAAA;AAAA;gBAAzC,KAAK,OAAA,CAAA,KAAA;AAAA,gBAAO,WAAA,EAAY;AAAA,yCAC3CI,UAAA,CAEO,IAAA,8BAFP,MAEO;AAAA,gBADLC,YAAaC,WAAA;AAAA;;;;;UAGjBH,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,aAAA,CAAA;AAAA;;cACHK,IAAAA,CAAAA,MAAAA,CAAO,WAAA,GAAnBH,UAAA,CAAqD,IAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IACrDI,WAAA,EAAAR,kBAAA;AAAA,gBAAoC,GAAA;AAAA;gCAAvB,iBAAA,KAAgB,CAAA;AAAA,gBAAA;AAAA;AAAA,eAAA;AAAA;;;;UAEpBO,IAAAA,CAAAA,MAAAA,CAAO,OAAA,iBAAlBP,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFsB,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;cACrCE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { formItemProps } from './form-item.mjs';
|
|
1
2
|
import { defineComponent, useSlots, inject, ref, computed, watch, reactive, toRefs, provide, onMounted, onBeforeUnmount, createElementBlock, openBlock, unref, normalizeClass, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, normalizeStyle, renderSlot, createTextVNode, toDisplayString, TransitionGroup, nextTick } from 'vue';
|
|
2
3
|
import AsyncValidator from 'async-validator';
|
|
3
4
|
import { castArray, clone } from 'lodash-unified';
|
|
@@ -18,20 +19,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
19
|
name: "ElFormItem"
|
|
19
20
|
},
|
|
20
21
|
__name: "form-item",
|
|
21
|
-
props:
|
|
22
|
-
label: { type: String, required: false },
|
|
23
|
-
labelWidth: { type: [String, Number], required: false },
|
|
24
|
-
labelPosition: { type: String, required: false, default: "" },
|
|
25
|
-
prop: { type: [String, Array], required: false },
|
|
26
|
-
required: { type: Boolean, required: false, default: void 0 },
|
|
27
|
-
rules: { type: null, required: false },
|
|
28
|
-
error: { type: String, required: false },
|
|
29
|
-
validateStatus: { type: null, required: false },
|
|
30
|
-
for: { type: String, required: false },
|
|
31
|
-
inlineMessage: { type: Boolean, required: false, default: void 0 },
|
|
32
|
-
showMessage: { type: Boolean, required: false, default: true },
|
|
33
|
-
size: { type: null, required: false }
|
|
34
|
-
},
|
|
22
|
+
props: formItemProps,
|
|
35
23
|
setup(__props, { expose: __expose }) {
|
|
36
24
|
const props = __props;
|
|
37
25
|
const slots = useSlots();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-item.vue2.mjs","sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n <div\n ref=\"formItemRef\"\n :class=\"formItemClasses\"\n :role=\"isGroup ? 'group' : undefined\"\n :aria-labelledby=\"isGroup ? labelId : undefined\"\n >\n <form-label-wrap\n :is-auto-width=\"labelStyle.width === 'auto'\"\n :update-all=\"formContext?.labelWidth === 'auto'\"\n >\n <component\n :is=\"labelFor ? 'label' : 'div'\"\n v-if=\"!!(label || $slots.label)\"\n :id=\"labelId\"\n :for=\"labelFor\"\n :class=\"ns.e('label')\"\n :style=\"labelStyle\"\n >\n <slot name=\"label\" :label=\"currentLabel\">\n {{ currentLabel }}\n </slot>\n </component>\n </form-label-wrap>\n\n <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n <slot />\n <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n <div :class=\"validateClasses\">\n {{ validateMessage }}\n </div>\n </slot>\n </transition-group>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n inject,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n useSlots,\n watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n addUnit,\n ensureArray,\n getProp,\n isArray,\n isBoolean,\n isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n FormItemContext,\n FormItemRule,\n FormValidateFailure,\n} from './types'\nimport type { FormItemProps, FormItemValidateState } from './form-item'\n\ndefineOptions({\n name: 'ElFormItem',\n})\nconst props = withDefaults(defineProps<FormItemProps>(), {\n labelPosition: '',\n showMessage: true,\n required: undefined,\n inlineMessage: undefined,\n})\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n if (labelPosition.value === 'top') {\n return {}\n }\n\n const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n return { width: labelWidth }\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n if (labelPosition.value === 'top' || formContext?.inline) {\n return {}\n }\n if (!props.label && !props.labelWidth && isNested) {\n return {}\n }\n const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n if (!props.label && !slots.label) {\n return { marginLeft: labelWidth }\n }\n return {}\n})\n\nconst formItemClasses = computed(() => [\n ns.b(),\n ns.m(_size.value),\n ns.is('error', validateState.value === 'error'),\n ns.is('validating', validateState.value === 'validating'),\n ns.is('success', validateState.value === 'success'),\n ns.is('required', isRequired.value || props.required),\n ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n formContext?.requireAsteriskPosition === 'right'\n ? 'asterisk-right'\n : 'asterisk-left',\n {\n [ns.m('feedback')]: formContext?.statusIcon,\n [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n },\n])\n\nconst _inlineMessage = computed(() =>\n isBoolean(props.inlineMessage)\n ? props.inlineMessage\n : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n ns.e('error'),\n { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n if (!props.prop) return ''\n return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n return (\n props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n )\n})\n\nconst isGroup = computed<boolean>(() => {\n return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n const model = formContext?.model\n if (!model || !props.prop) {\n return\n }\n return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n const { required } = props\n\n const rules: FormItemRule[] = []\n\n if (props.rules) {\n rules.push(...ensureArray(props.rules))\n }\n\n const formRules = formContext?.rules\n if (formRules && props.prop) {\n const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n formRules,\n props.prop\n ).value\n if (_rules) {\n rules.push(...ensureArray(_rules))\n }\n }\n\n if (required !== undefined) {\n const requiredRules = rules\n .map((rule, i) => [rule, i] as const)\n .filter(([rule]) => 'required' in rule)\n\n if (requiredRules.length > 0) {\n for (const [rule, i] of requiredRules) {\n if (rule.required === required) continue\n rules[i] = { ...rule, required }\n }\n } else {\n rules.push({ required })\n }\n }\n\n return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n const rules = normalizedRules.value\n return (\n rules\n .filter((rule) => {\n if (!rule.trigger || !trigger) return true\n if (isArray(rule.trigger)) {\n return rule.trigger.includes(trigger)\n } else {\n return rule.trigger === trigger\n }\n })\n // exclude trigger\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n .map(({ trigger, ...rule }): RuleItem => rule)\n )\n}\n\nconst isRequired = computed(() =>\n normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n () =>\n validateStateDebounced.value === 'error' &&\n props.showMessage &&\n (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n const { errors, fields } = error\n if (!errors || !fields) {\n console.error(error)\n }\n\n setValidationState('error')\n validateMessage.value = errors\n ? (errors?.[0]?.message ?? `${props.prop} is required`)\n : ''\n\n formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n setValidationState('success')\n formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n const modelName = propString.value\n const validator = new AsyncValidator({\n [modelName]: rules,\n })\n return validator\n .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n .then(() => {\n onValidationSucceeded()\n return true as const\n })\n .catch((err: FormValidateFailure) => {\n onValidationFailed(err)\n return Promise.reject(err)\n })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n // skip validation if its resetting\n if (isResettingField || !props.prop) {\n return false\n }\n\n const hasCallback = isFunction(callback)\n if (!validateEnabled.value) {\n callback?.(false)\n return false\n }\n\n const rules = getFilteredRule(trigger)\n if (rules.length === 0) {\n callback?.(true)\n return true\n }\n\n setValidationState('validating')\n\n return doValidate(rules)\n .then(() => {\n callback?.(true)\n return true as const\n })\n .catch((err: FormValidateFailure) => {\n const { fields } = err\n callback?.(false, fields)\n return hasCallback ? false : Promise.reject(fields)\n })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n setValidationState('')\n validateMessage.value = ''\n isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n const model = formContext?.model\n if (!model || !props.prop) return\n\n const computedValue = getProp(model, props.prop)\n\n // prevent validation from being triggered\n isResettingField = true\n\n computedValue.value = clone(initialValue)\n\n await nextTick()\n clearValidate()\n\n isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n if (!inputIds.value.includes(id)) {\n inputIds.value.push(id)\n }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nconst setInitialValue: FormItemContext['setInitialValue'] = (value: any) => {\n initialValue = clone(value)\n}\n\nwatch(\n () => props.error,\n (val) => {\n validateMessage.value = val || ''\n setValidationState(val ? 'error' : '')\n },\n { immediate: true }\n)\n\nwatch(\n () => props.validateStatus,\n (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n ...toRefs(props),\n $el: formItemRef,\n size: _size,\n validateMessage,\n validateState,\n labelId,\n inputIds,\n isGroup,\n hasLabel,\n fieldValue,\n addInputId,\n removeInputId,\n resetField,\n clearValidate,\n validate,\n propString,\n setInitialValue,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n if (props.prop) {\n formContext?.addField(context)\n initialValue = clone(fieldValue.value)\n }\n})\n\nonBeforeUnmount(() => {\n formContext?.removeField(context)\n})\n\ndefineExpose({\n /**\n * @description Form item size.\n */\n size: _size,\n /**\n * @description Validation message.\n */\n validateMessage,\n /**\n * @description Validation state.\n */\n validateState,\n /**\n * @description Validate form item.\n */\n validate,\n /**\n * @description Remove validation status of the field.\n */\n clearValidate,\n /**\n * @description Reset current field and remove validation result.\n */\n resetField,\n /**\n * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.\n */\n setInitialValue,\n})\n</script>\n"],"names":["ensureArray","trigger","_createElementBlock","_unref","_createVNode","$slots","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_renderSlot","_createElementVNode","_TransitionGroup"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form-item.vue2.mjs","sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n <div\n ref=\"formItemRef\"\n :class=\"formItemClasses\"\n :role=\"isGroup ? 'group' : undefined\"\n :aria-labelledby=\"isGroup ? labelId : undefined\"\n >\n <form-label-wrap\n :is-auto-width=\"labelStyle.width === 'auto'\"\n :update-all=\"formContext?.labelWidth === 'auto'\"\n >\n <component\n :is=\"labelFor ? 'label' : 'div'\"\n v-if=\"!!(label || $slots.label)\"\n :id=\"labelId\"\n :for=\"labelFor\"\n :class=\"ns.e('label')\"\n :style=\"labelStyle\"\n >\n <slot name=\"label\" :label=\"currentLabel\">\n {{ currentLabel }}\n </slot>\n </component>\n </form-label-wrap>\n\n <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n <slot />\n <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n <div :class=\"validateClasses\">\n {{ validateMessage }}\n </div>\n </slot>\n </transition-group>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n inject,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n useSlots,\n watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n addUnit,\n ensureArray,\n getProp,\n isArray,\n isBoolean,\n isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n FormItemContext,\n FormItemRule,\n FormValidateFailure,\n} from './types'\nimport type { FormItemProps, FormItemValidateState } from './form-item'\n\ndefineOptions({\n name: 'ElFormItem',\n})\nconst props = withDefaults(defineProps<FormItemProps>(), {\n labelPosition: '',\n showMessage: true,\n required: undefined,\n inlineMessage: undefined,\n})\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n if (labelPosition.value === 'top') {\n return {}\n }\n\n const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n return { width: labelWidth }\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n if (labelPosition.value === 'top' || formContext?.inline) {\n return {}\n }\n if (!props.label && !props.labelWidth && isNested) {\n return {}\n }\n const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n if (!props.label && !slots.label) {\n return { marginLeft: labelWidth }\n }\n return {}\n})\n\nconst formItemClasses = computed(() => [\n ns.b(),\n ns.m(_size.value),\n ns.is('error', validateState.value === 'error'),\n ns.is('validating', validateState.value === 'validating'),\n ns.is('success', validateState.value === 'success'),\n ns.is('required', isRequired.value || props.required),\n ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n formContext?.requireAsteriskPosition === 'right'\n ? 'asterisk-right'\n : 'asterisk-left',\n {\n [ns.m('feedback')]: formContext?.statusIcon,\n [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n },\n])\n\nconst _inlineMessage = computed(() =>\n isBoolean(props.inlineMessage)\n ? props.inlineMessage\n : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n ns.e('error'),\n { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n if (!props.prop) return ''\n return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n return (\n props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n )\n})\n\nconst isGroup = computed<boolean>(() => {\n return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n const model = formContext?.model\n if (!model || !props.prop) {\n return\n }\n return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n const { required } = props\n\n const rules: FormItemRule[] = []\n\n if (props.rules) {\n rules.push(...ensureArray(props.rules))\n }\n\n const formRules = formContext?.rules\n if (formRules && props.prop) {\n const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n formRules,\n props.prop\n ).value\n if (_rules) {\n rules.push(...ensureArray(_rules))\n }\n }\n\n if (required !== undefined) {\n const requiredRules = rules\n .map((rule, i) => [rule, i] as const)\n .filter(([rule]) => 'required' in rule)\n\n if (requiredRules.length > 0) {\n for (const [rule, i] of requiredRules) {\n if (rule.required === required) continue\n rules[i] = { ...rule, required }\n }\n } else {\n rules.push({ required })\n }\n }\n\n return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n const rules = normalizedRules.value\n return (\n rules\n .filter((rule) => {\n if (!rule.trigger || !trigger) return true\n if (isArray(rule.trigger)) {\n return rule.trigger.includes(trigger)\n } else {\n return rule.trigger === trigger\n }\n })\n // exclude trigger\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n .map(({ trigger, ...rule }): RuleItem => rule)\n )\n}\n\nconst isRequired = computed(() =>\n normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n () =>\n validateStateDebounced.value === 'error' &&\n props.showMessage &&\n (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n const { errors, fields } = error\n if (!errors || !fields) {\n console.error(error)\n }\n\n setValidationState('error')\n validateMessage.value = errors\n ? (errors?.[0]?.message ?? `${props.prop} is required`)\n : ''\n\n formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n setValidationState('success')\n formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n const modelName = propString.value\n const validator = new AsyncValidator({\n [modelName]: rules,\n })\n return validator\n .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n .then(() => {\n onValidationSucceeded()\n return true as const\n })\n .catch((err: FormValidateFailure) => {\n onValidationFailed(err)\n return Promise.reject(err)\n })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n // skip validation if its resetting\n if (isResettingField || !props.prop) {\n return false\n }\n\n const hasCallback = isFunction(callback)\n if (!validateEnabled.value) {\n callback?.(false)\n return false\n }\n\n const rules = getFilteredRule(trigger)\n if (rules.length === 0) {\n callback?.(true)\n return true\n }\n\n setValidationState('validating')\n\n return doValidate(rules)\n .then(() => {\n callback?.(true)\n return true as const\n })\n .catch((err: FormValidateFailure) => {\n const { fields } = err\n callback?.(false, fields)\n return hasCallback ? false : Promise.reject(fields)\n })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n setValidationState('')\n validateMessage.value = ''\n isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n const model = formContext?.model\n if (!model || !props.prop) return\n\n const computedValue = getProp(model, props.prop)\n\n // prevent validation from being triggered\n isResettingField = true\n\n computedValue.value = clone(initialValue)\n\n await nextTick()\n clearValidate()\n\n isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n if (!inputIds.value.includes(id)) {\n inputIds.value.push(id)\n }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nconst setInitialValue: FormItemContext['setInitialValue'] = (value: any) => {\n initialValue = clone(value)\n}\n\nwatch(\n () => props.error,\n (val) => {\n validateMessage.value = val || ''\n setValidationState(val ? 'error' : '')\n },\n { immediate: true }\n)\n\nwatch(\n () => props.validateStatus,\n (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n ...toRefs(props),\n $el: formItemRef,\n size: _size,\n validateMessage,\n validateState,\n labelId,\n inputIds,\n isGroup,\n hasLabel,\n fieldValue,\n addInputId,\n removeInputId,\n resetField,\n clearValidate,\n validate,\n propString,\n setInitialValue,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n if (props.prop) {\n formContext?.addField(context)\n initialValue = clone(fieldValue.value)\n }\n})\n\nonBeforeUnmount(() => {\n formContext?.removeField(context)\n})\n\ndefineExpose({\n /**\n * @description Form item size.\n */\n size: _size,\n /**\n * @description Validation message.\n */\n validateMessage,\n /**\n * @description Validation state.\n */\n validateState,\n /**\n * @description Validate form item.\n */\n validate,\n /**\n * @description Remove validation status of the field.\n */\n clearValidate,\n /**\n * @description Reset current field and remove validation result.\n */\n resetField,\n /**\n * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.\n */\n setInitialValue,\n})\n</script>\n"],"names":["ensureArray","trigger","_createElementBlock","_unref","_createVNode","$slots","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_renderSlot","_createElementVNode","_TransitionGroup"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { formEmits, formProps } from './form.mjs';
|
|
1
2
|
import { defineComponent, ref, reactive, computed, watch, provide, toRefs, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
|
|
2
3
|
import { has } from 'lodash-unified';
|
|
3
4
|
import { formContextKey } from './constants.mjs';
|
|
4
|
-
import { formEmits } from './form.mjs';
|
|
5
5
|
import { useFormLabelWidth, filterFields } from './utils.mjs';
|
|
6
6
|
import { useFormSize } from './hooks/use-form-common-props.mjs';
|
|
7
7
|
import { getProp } from '../../../utils/objects.mjs';
|
|
@@ -15,24 +15,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
15
15
|
name: COMPONENT_NAME
|
|
16
16
|
},
|
|
17
17
|
__name: "form",
|
|
18
|
-
props:
|
|
19
|
-
model: { type: Object, required: false },
|
|
20
|
-
rules: { type: null, required: false },
|
|
21
|
-
labelPosition: { type: String, required: false, default: "right" },
|
|
22
|
-
requireAsteriskPosition: { type: String, required: false, default: "left" },
|
|
23
|
-
labelWidth: { type: [String, Number], required: false, default: "" },
|
|
24
|
-
labelSuffix: { type: String, required: false, default: "" },
|
|
25
|
-
inline: { type: Boolean, required: false },
|
|
26
|
-
inlineMessage: { type: Boolean, required: false },
|
|
27
|
-
statusIcon: { type: Boolean, required: false },
|
|
28
|
-
showMessage: { type: Boolean, required: false, default: true },
|
|
29
|
-
validateOnRuleChange: { type: Boolean, required: false, default: true },
|
|
30
|
-
hideRequiredAsterisk: { type: Boolean, required: false },
|
|
31
|
-
scrollToError: { type: Boolean, required: false },
|
|
32
|
-
scrollIntoViewOptions: { type: Boolean, required: false, skipCheck: true, default: true },
|
|
33
|
-
size: { type: null, required: false },
|
|
34
|
-
disabled: { type: Boolean, required: false }
|
|
35
|
-
},
|
|
18
|
+
props: formProps,
|
|
36
19
|
emits: formEmits,
|
|
37
20
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
38
21
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n <form ref=\"formRef\" :class=\"formClasses\">\n <slot />\n </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { has } from 'lodash-unified'\nimport { debugWarn, getProp, isFunction } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n FormContext,\n FormItemContext,\n FormValidateCallback,\n FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n labelPosition: 'right',\n requireAsteriskPosition: 'left',\n labelWidth: '',\n labelSuffix: '',\n showMessage: true,\n validateOnRuleChange: true,\n scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n const { labelPosition, inline } = props\n return [\n ns.b(),\n ns.m(formSize.value || 'default'),\n {\n [ns.m(`label-${labelPosition}`)]: labelPosition,\n [ns.m('inline')]: inline,\n },\n ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n if (field.prop) {\n fields.splice(fields.indexOf(field), 1)\n }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (\n initModel: Partial<typeof props.model>\n) => {\n if (!props.model) {\n debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n return\n }\n if (!initModel) {\n debugWarn(\n COMPONENT_NAME,\n 'initModel is required for setInitialValues to work.'\n )\n return\n }\n fields.forEach((field) => {\n if (field.prop) {\n // Check if the property path actually exists in initModel\n // This allows setting undefined/null values while skipping non-existent properties\n if (has(initModel, field.prop)) {\n const initValue = getProp(initModel, field.prop).value\n field.setInitialValue(initValue)\n }\n }\n })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n if (!props.model) {\n debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n return\n }\n filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n const hasModel = !!props.model\n if (!hasModel) {\n debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n }\n return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n if (fields.length === 0) return []\n\n const filteredFields = filterFields(fields, props)\n if (!filteredFields.length) {\n debugWarn(COMPONENT_NAME, 'please pass correct props!')\n return []\n }\n return filteredFields\n}\n\nconst validate = async (\n callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n if (!isValidatable.value) return false\n\n const fields = obtainValidateFields(props)\n if (fields.length === 0) return true\n\n let validationErrors: ValidateFieldsError = {}\n for (const field of fields) {\n try {\n await field.validate('')\n if (field.validateState === 'error' && !field.error) field.resetField()\n } catch (fields) {\n validationErrors = {\n ...validationErrors,\n ...(fields as ValidateFieldsError),\n }\n }\n }\n\n if (Object.keys(validationErrors).length === 0) return true\n return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n modelProps = [],\n callback\n) => {\n let result = false\n const shouldThrow = !isFunction(callback)\n try {\n result = await doValidateField(modelProps)\n // When result is false meaning that the fields are not validatable\n if (result === true) {\n await callback?.(result)\n }\n return result\n } catch (e) {\n if (e instanceof Error) throw e\n\n const invalidFields = e as ValidateFieldsError\n\n if (props.scrollToError) {\n // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n if (formRef.value) {\n const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n formItem?.scrollIntoView(props.scrollIntoViewOptions)\n }\n }\n !result && (await callback?.(false, invalidFields))\n return shouldThrow && Promise.reject(invalidFields)\n }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n const field = getField(prop)\n if (field) {\n field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n }\n}\n\nwatch(\n () => props.rules,\n () => {\n if (props.validateOnRuleChange) {\n validate().catch((err) => debugWarn(err))\n }\n },\n { deep: true, flush: 'post' }\n)\n\nprovide(\n formContextKey,\n reactive({\n ...toRefs(props),\n emit,\n\n resetFields,\n clearValidate,\n validateField,\n getField,\n addField,\n removeField,\n setInitialValues,\n\n ...useFormLabelWidth(),\n })\n)\n\ndefineExpose({\n /**\n * @description Validate the whole form. Receives a callback or returns `Promise`.\n */\n validate,\n /**\n * @description Validate specified fields.\n */\n validateField,\n /**\n * @description Reset specified fields and remove validation result.\n */\n resetFields,\n /**\n * @description Clear validation message for specified fields.\n */\n clearValidate,\n /**\n * @description Scroll to the specified fields.\n */\n scrollToField,\n /**\n * @description Get a field context.\n */\n getField,\n /**\n * @description All fields context.\n */\n fields,\n /**\n * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values. Only fields present in `initModel` will be updated.\n */\n setInitialValues,\n})\n</script>\n"],"names":["props","fields","_createElementBlock","_renderSlot"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n <form ref=\"formRef\" :class=\"formClasses\">\n <slot />\n </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { has } from 'lodash-unified'\nimport { debugWarn, getProp, isFunction } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n FormContext,\n FormItemContext,\n FormValidateCallback,\n FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n labelPosition: 'right',\n requireAsteriskPosition: 'left',\n labelWidth: '',\n labelSuffix: '',\n showMessage: true,\n validateOnRuleChange: true,\n scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n const { labelPosition, inline } = props\n return [\n ns.b(),\n ns.m(formSize.value || 'default'),\n {\n [ns.m(`label-${labelPosition}`)]: labelPosition,\n [ns.m('inline')]: inline,\n },\n ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n if (field.prop) {\n fields.splice(fields.indexOf(field), 1)\n }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (\n initModel: Partial<typeof props.model>\n) => {\n if (!props.model) {\n debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n return\n }\n if (!initModel) {\n debugWarn(\n COMPONENT_NAME,\n 'initModel is required for setInitialValues to work.'\n )\n return\n }\n fields.forEach((field) => {\n if (field.prop) {\n // Check if the property path actually exists in initModel\n // This allows setting undefined/null values while skipping non-existent properties\n if (has(initModel, field.prop)) {\n const initValue = getProp(initModel, field.prop).value\n field.setInitialValue(initValue)\n }\n }\n })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n if (!props.model) {\n debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n return\n }\n filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n const hasModel = !!props.model\n if (!hasModel) {\n debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n }\n return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n if (fields.length === 0) return []\n\n const filteredFields = filterFields(fields, props)\n if (!filteredFields.length) {\n debugWarn(COMPONENT_NAME, 'please pass correct props!')\n return []\n }\n return filteredFields\n}\n\nconst validate = async (\n callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n if (!isValidatable.value) return false\n\n const fields = obtainValidateFields(props)\n if (fields.length === 0) return true\n\n let validationErrors: ValidateFieldsError = {}\n for (const field of fields) {\n try {\n await field.validate('')\n if (field.validateState === 'error' && !field.error) field.resetField()\n } catch (fields) {\n validationErrors = {\n ...validationErrors,\n ...(fields as ValidateFieldsError),\n }\n }\n }\n\n if (Object.keys(validationErrors).length === 0) return true\n return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n modelProps = [],\n callback\n) => {\n let result = false\n const shouldThrow = !isFunction(callback)\n try {\n result = await doValidateField(modelProps)\n // When result is false meaning that the fields are not validatable\n if (result === true) {\n await callback?.(result)\n }\n return result\n } catch (e) {\n if (e instanceof Error) throw e\n\n const invalidFields = e as ValidateFieldsError\n\n if (props.scrollToError) {\n // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n if (formRef.value) {\n const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n formItem?.scrollIntoView(props.scrollIntoViewOptions)\n }\n }\n !result && (await callback?.(false, invalidFields))\n return shouldThrow && Promise.reject(invalidFields)\n }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n const field = getField(prop)\n if (field) {\n field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n }\n}\n\nwatch(\n () => props.rules,\n () => {\n if (props.validateOnRuleChange) {\n validate().catch((err) => debugWarn(err))\n }\n },\n { deep: true, flush: 'post' }\n)\n\nprovide(\n formContextKey,\n reactive({\n ...toRefs(props),\n emit,\n\n resetFields,\n clearValidate,\n validateField,\n getField,\n addField,\n removeField,\n setInitialValues,\n\n ...useFormLabelWidth(),\n })\n)\n\ndefineExpose({\n /**\n * @description Validate the whole form. Receives a callback or returns `Promise`.\n */\n validate,\n /**\n * @description Validate specified fields.\n */\n validateField,\n /**\n * @description Reset specified fields and remove validation result.\n */\n resetFields,\n /**\n * @description Clear validation message for specified fields.\n */\n clearValidate,\n /**\n * @description Scroll to the specified fields.\n */\n scrollToField,\n /**\n * @description Get a field context.\n */\n getField,\n /**\n * @description All fields context.\n */\n fields,\n /**\n * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values. Only fields present in `initModel` will be updated.\n */\n setInitialValues,\n})\n</script>\n"],"names":["props","fields","_createElementBlock","_renderSlot"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { iconProps } from './icon.mjs';
|
|
1
2
|
import { defineComponent, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot } from 'vue';
|
|
2
3
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
3
4
|
import { addUnit } from '../../../utils/dom/style.mjs';
|
|
@@ -8,10 +9,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
8
9
|
inheritAttrs: false
|
|
9
10
|
},
|
|
10
11
|
__name: "icon",
|
|
11
|
-
props:
|
|
12
|
-
size: { type: [Number, String], required: false, default: void 0 },
|
|
13
|
-
color: { type: String, required: false }
|
|
14
|
-
},
|
|
12
|
+
props: iconProps,
|
|
15
13
|
setup(__props) {
|
|
16
14
|
const props = __props;
|
|
17
15
|
const ns = useNamespace("icon");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n <slot />\n </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { IconProps } from './icon'\n\ndefineOptions({\n name: 'ElIcon',\n inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<IconProps>(), {\n size: undefined,\n})\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n const { size, color } = props\n const fontSize = addUnit(size)\n if (!fontSize && !color) return {}\n\n return {\n fontSize,\n '--color': color,\n }\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_renderSlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n <slot />\n </i>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { addUnit } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { IconProps } from './icon'\n\ndefineOptions({\n name: 'ElIcon',\n inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<IconProps>(), {\n size: undefined,\n})\nconst ns = useNamespace('icon')\n\nconst style = computed<CSSProperties>(() => {\n const { size, color } = props\n const fontSize = addUnit(size)\n if (!fontSize && !color) return {}\n\n return {\n fontSize,\n '--color': color,\n }\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_renderSlot"],"mappings":";;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAGd,IAAA,MAAM,EAAA,GAAK,aAAa,MAAM,CAAA;AAE9B,IAAA,MAAM,KAAA,GAAQ,SAAwB,MAAM;AAC1C,MAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAM,GAAI,KAAA;AACxB,MAAA,MAAM,QAAA,GAAW,QAAQ,IAAI,CAAA;AAC7B,MAAA,IAAI,CAAC,QAAA,IAAY,CAAC,KAAA,SAAc,EAAC;AAEjC,MAAA,OAAO;AAAA,QACL,QAAA;AAAA,QACA,SAAA,EAAW;AAAA,OACb;AAAA,IACF,CAAC,CAAA;;AA/BC,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEI,GAAA;AAAA,QAFJC,UAAA,CAEI;AAAA,UAFA,KAAA,EAAOC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,EAAC;AAAA,UAAK,OAAO,KAAA,CAAA;AAAA,WAAeC,KAAAA,MAAM,CAAA;AAAA,QAAA;AAAA,UAC9CC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { imageEmits, imageProps } from './image.mjs';
|
|
1
2
|
import { defineComponent, useAttrs, computed, ref, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, renderSlot, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, Fragment, createBlock, createSlots, withCtx, normalizeProps, guardReactiveProps, nextTick } from 'vue';
|
|
2
3
|
import { isClient, useThrottleFn, useIntersectionObserver } from '@vueuse/core';
|
|
3
4
|
import { fromPairs } from 'lodash-unified';
|
|
4
5
|
import { ElImageViewer } from '../../image-viewer/index.mjs';
|
|
5
|
-
import { imageEmits } from './image.mjs';
|
|
6
6
|
import { isElement, isWindow } from '../../../utils/types.mjs';
|
|
7
7
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
8
8
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
@@ -18,26 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
inheritAttrs: false
|
|
19
19
|
},
|
|
20
20
|
__name: "image",
|
|
21
|
-
props:
|
|
22
|
-
hideOnClickModal: { type: Boolean, required: false },
|
|
23
|
-
src: { type: String, required: false, default: "" },
|
|
24
|
-
fit: { type: String, required: false, default: "" },
|
|
25
|
-
loading: { type: String, required: false },
|
|
26
|
-
lazy: { type: Boolean, required: false },
|
|
27
|
-
scrollContainer: { type: null, required: false },
|
|
28
|
-
previewSrcList: { type: Array, required: false, default: () => [] },
|
|
29
|
-
previewTeleported: { type: Boolean, required: false },
|
|
30
|
-
zIndex: { type: Number, required: false },
|
|
31
|
-
initialIndex: { type: Number, required: false, default: 0 },
|
|
32
|
-
infinite: { type: Boolean, required: false, default: true },
|
|
33
|
-
closeOnPressEscape: { type: Boolean, required: false, default: true },
|
|
34
|
-
zoomRate: { type: Number, required: false, default: 1.2 },
|
|
35
|
-
scale: { type: Number, required: false, default: 1 },
|
|
36
|
-
minScale: { type: Number, required: false, default: 0.2 },
|
|
37
|
-
maxScale: { type: Number, required: false, default: 7 },
|
|
38
|
-
showProgress: { type: Boolean, required: false },
|
|
39
|
-
crossorigin: { type: String, required: false }
|
|
40
|
-
},
|
|
21
|
+
props: imageProps,
|
|
41
22
|
emits: imageEmits,
|
|
42
23
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
43
24
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <div ref=\"container\" v-bind=\"containerAttrs\" :class=\"[ns.b(), $attrs.class]\">\n <slot v-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n </slot>\n <template v-else>\n <img\n v-if=\"imageSrc !== undefined\"\n v-bind=\"imgAttrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"imageKls\"\n :crossorigin=\"crossorigin\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading\" :class=\"ns.e('wrapper')\">\n <slot name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n </div>\n </template>\n <template v-if=\"preview\">\n <image-viewer\n v-if=\"showViewer\"\n :z-index=\"zIndex\"\n :initial-index=\"imageIndex\"\n :infinite=\"infinite\"\n :zoom-rate=\"zoomRate\"\n :min-scale=\"minScale\"\n :max-scale=\"maxScale\"\n :show-progress=\"showProgress\"\n :url-list=\"previewSrcList\"\n :scale=\"scale\"\n :crossorigin=\"crossorigin\"\n :hide-on-click-modal=\"hideOnClickModal\"\n :teleported=\"previewTeleported\"\n :close-on-press-escape=\"closeOnPressEscape\"\n @close=\"closeViewer\"\n @switch=\"switchViewer\"\n >\n <div v-if=\"$slots.viewer\">\n <slot name=\"viewer\" />\n </div>\n <template v-if=\"$slots.progress\" #progress=\"progress\">\n <slot name=\"progress\" v-bind=\"progress\" />\n </template>\n <template #toolbar=\"toolbar\">\n <slot name=\"toolbar\" v-bind=\"toolbar\" />\n </template>\n <template v-if=\"$slots['viewer-error']\" #viewer-error=\"viewerError\">\n <slot name=\"viewer-error\" v-bind=\"viewerError\" />\n </template>\n </image-viewer>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n watch,\n} from 'vue'\nimport { useIntersectionObserver, useThrottleFn } from '@vueuse/core'\nimport { fromPairs } from 'lodash-unified'\nimport { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n getScrollContainer,\n isArray,\n isClient,\n isElement,\n isString,\n isWindow,\n} from '@element-plus/utils'\nimport { imageEmits } from './image'\n\nimport type { ImageProps } from './image'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElImage',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ImageProps>(), {\n src: '',\n fit: '',\n previewSrcList: () => [],\n initialIndex: 0,\n infinite: true,\n closeOnPressEscape: true,\n zoomRate: 1.2,\n scale: 1,\n minScale: 0.2,\n maxScale: 7,\n})\nconst emit = defineEmits(imageEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\nconst rawAttrs = useRawAttrs()\n\nconst containerAttrs = computed(() => {\n return fromPairs(\n Object.entries(rawAttrs).filter(\n ([key]) => /^(data-|on[A-Z])/i.test(key) || ['id', 'style'].includes(key)\n )\n )\n})\n\nconst imgAttrs = useAttrs({\n excludeListeners: true,\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value)\n }),\n})\n\nconst imageSrc = ref<string | undefined>()\nconst hasLoadError = ref(false)\nconst isLoading = ref(true)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\nconst _scrollContainer = ref<HTMLElement | undefined>()\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype\nlet stopScrollListener: (() => void) | undefined\n\nconst imageKls = computed(() => [\n ns.e('inner'),\n preview.value && ns.e('preview'),\n isLoading.value && ns.is('loading'),\n])\n\nconst imageStyle = computed<CSSProperties>(() => {\n const { fit } = props\n if (isClient && fit) {\n return { objectFit: fit }\n }\n return {}\n})\n\nconst preview = computed(() => {\n const { previewSrcList } = props\n return isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst imageIndex = computed(() => {\n const { previewSrcList, initialIndex } = props\n let previewIndex = initialIndex\n if (initialIndex > previewSrcList.length - 1) {\n previewIndex = 0\n }\n return previewIndex\n})\n\nconst isManual = computed(() => {\n if (props.loading === 'eager') return false\n return (!supportLoading && props.loading === 'lazy') || props.lazy\n})\n\nconst loadImage = () => {\n if (!isClient) return\n\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n imageSrc.value = props.src\n}\n\nfunction handleLoad(event: Event) {\n isLoading.value = false\n hasLoadError.value = false\n emit('load', event)\n}\n\nfunction handleError(event: Event) {\n isLoading.value = false\n hasLoadError.value = true\n emit('error', event)\n}\n\nfunction handleLazyLoad(isIntersecting: boolean) {\n if (isIntersecting) {\n loadImage()\n removeLazyLoadListener()\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true)\n\nasync function addLazyLoadListener() {\n if (!isClient) return\n\n await nextTick()\n\n const { scrollContainer } = props\n if (isElement(scrollContainer)) {\n _scrollContainer.value = scrollContainer\n } else if (isString(scrollContainer) && scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n } else if (container.value) {\n const scrollContainer = getScrollContainer(container.value)\n _scrollContainer.value = isWindow(scrollContainer)\n ? undefined\n : scrollContainer\n }\n\n const { stop } = useIntersectionObserver(\n container,\n ([entry]) => {\n lazyLoadHandler(entry.isIntersecting)\n },\n { root: _scrollContainer }\n )\n stopScrollListener = stop\n}\n\nfunction removeLazyLoadListener() {\n if (!isClient || !lazyLoadHandler) return\n\n stopScrollListener?.()\n _scrollContainer.value = undefined\n stopScrollListener = undefined\n}\n\nfunction clickHandler() {\n // don't show viewer when preview is false\n if (!preview.value) return\n showViewer.value = true\n emit('show')\n}\n\nfunction closeViewer() {\n showViewer.value = false\n emit('close')\n}\n\nfunction switchViewer(val: number) {\n emit('switch', val)\n}\n\nwatch(\n () => props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n removeLazyLoadListener()\n addLazyLoadListener()\n } else {\n loadImage()\n }\n }\n)\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener()\n } else {\n loadImage()\n }\n})\n\ndefineExpose({\n /** @description manually open preview */\n showPreview: clickHandler,\n})\n</script>\n"],"names":["useRawAttrs","useAttrs","scrollContainer","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_renderSlot","_createElementVNode","_normalizeClass","_Fragment","_createBlock","ImageViewer","_withCtx","$slots"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"image.vue2.mjs","sources":["../../../../../../packages/components/image/src/image.vue"],"sourcesContent":["<template>\n <div ref=\"container\" v-bind=\"containerAttrs\" :class=\"[ns.b(), $attrs.class]\">\n <slot v-if=\"hasLoadError\" name=\"error\">\n <div :class=\"ns.e('error')\">{{ t('el.image.error') }}</div>\n </slot>\n <template v-else>\n <img\n v-if=\"imageSrc !== undefined\"\n v-bind=\"imgAttrs\"\n :src=\"imageSrc\"\n :loading=\"loading\"\n :style=\"imageStyle\"\n :class=\"imageKls\"\n :crossorigin=\"crossorigin\"\n @click=\"clickHandler\"\n @load=\"handleLoad\"\n @error=\"handleError\"\n />\n <div v-if=\"isLoading\" :class=\"ns.e('wrapper')\">\n <slot name=\"placeholder\">\n <div :class=\"ns.e('placeholder')\" />\n </slot>\n </div>\n </template>\n <template v-if=\"preview\">\n <image-viewer\n v-if=\"showViewer\"\n :z-index=\"zIndex\"\n :initial-index=\"imageIndex\"\n :infinite=\"infinite\"\n :zoom-rate=\"zoomRate\"\n :min-scale=\"minScale\"\n :max-scale=\"maxScale\"\n :show-progress=\"showProgress\"\n :url-list=\"previewSrcList\"\n :scale=\"scale\"\n :crossorigin=\"crossorigin\"\n :hide-on-click-modal=\"hideOnClickModal\"\n :teleported=\"previewTeleported\"\n :close-on-press-escape=\"closeOnPressEscape\"\n @close=\"closeViewer\"\n @switch=\"switchViewer\"\n >\n <div v-if=\"$slots.viewer\">\n <slot name=\"viewer\" />\n </div>\n <template v-if=\"$slots.progress\" #progress=\"progress\">\n <slot name=\"progress\" v-bind=\"progress\" />\n </template>\n <template #toolbar=\"toolbar\">\n <slot name=\"toolbar\" v-bind=\"toolbar\" />\n </template>\n <template v-if=\"$slots['viewer-error']\" #viewer-error=\"viewerError\">\n <slot name=\"viewer-error\" v-bind=\"viewerError\" />\n </template>\n </image-viewer>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n ref,\n useAttrs as useRawAttrs,\n watch,\n} from 'vue'\nimport { useIntersectionObserver, useThrottleFn } from '@vueuse/core'\nimport { fromPairs } from 'lodash-unified'\nimport { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'\nimport ImageViewer from '@element-plus/components/image-viewer'\nimport {\n getScrollContainer,\n isArray,\n isClient,\n isElement,\n isString,\n isWindow,\n} from '@element-plus/utils'\nimport { imageEmits } from './image'\n\nimport type { ImageProps } from './image'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElImage',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ImageProps>(), {\n src: '',\n fit: '',\n previewSrcList: () => [],\n initialIndex: 0,\n infinite: true,\n closeOnPressEscape: true,\n zoomRate: 1.2,\n scale: 1,\n minScale: 0.2,\n maxScale: 7,\n})\nconst emit = defineEmits(imageEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('image')\nconst rawAttrs = useRawAttrs()\n\nconst containerAttrs = computed(() => {\n return fromPairs(\n Object.entries(rawAttrs).filter(\n ([key]) => /^(data-|on[A-Z])/i.test(key) || ['id', 'style'].includes(key)\n )\n )\n})\n\nconst imgAttrs = useAttrs({\n excludeListeners: true,\n excludeKeys: computed<string[]>(() => {\n return Object.keys(containerAttrs.value)\n }),\n})\n\nconst imageSrc = ref<string | undefined>()\nconst hasLoadError = ref(false)\nconst isLoading = ref(true)\nconst showViewer = ref(false)\nconst container = ref<HTMLElement>()\nconst _scrollContainer = ref<HTMLElement | undefined>()\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype\nlet stopScrollListener: (() => void) | undefined\n\nconst imageKls = computed(() => [\n ns.e('inner'),\n preview.value && ns.e('preview'),\n isLoading.value && ns.is('loading'),\n])\n\nconst imageStyle = computed<CSSProperties>(() => {\n const { fit } = props\n if (isClient && fit) {\n return { objectFit: fit }\n }\n return {}\n})\n\nconst preview = computed(() => {\n const { previewSrcList } = props\n return isArray(previewSrcList) && previewSrcList.length > 0\n})\n\nconst imageIndex = computed(() => {\n const { previewSrcList, initialIndex } = props\n let previewIndex = initialIndex\n if (initialIndex > previewSrcList.length - 1) {\n previewIndex = 0\n }\n return previewIndex\n})\n\nconst isManual = computed(() => {\n if (props.loading === 'eager') return false\n return (!supportLoading && props.loading === 'lazy') || props.lazy\n})\n\nconst loadImage = () => {\n if (!isClient) return\n\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n imageSrc.value = props.src\n}\n\nfunction handleLoad(event: Event) {\n isLoading.value = false\n hasLoadError.value = false\n emit('load', event)\n}\n\nfunction handleError(event: Event) {\n isLoading.value = false\n hasLoadError.value = true\n emit('error', event)\n}\n\nfunction handleLazyLoad(isIntersecting: boolean) {\n if (isIntersecting) {\n loadImage()\n removeLazyLoadListener()\n }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true)\n\nasync function addLazyLoadListener() {\n if (!isClient) return\n\n await nextTick()\n\n const { scrollContainer } = props\n if (isElement(scrollContainer)) {\n _scrollContainer.value = scrollContainer\n } else if (isString(scrollContainer) && scrollContainer !== '') {\n _scrollContainer.value =\n document.querySelector<HTMLElement>(scrollContainer) ?? undefined\n } else if (container.value) {\n const scrollContainer = getScrollContainer(container.value)\n _scrollContainer.value = isWindow(scrollContainer)\n ? undefined\n : scrollContainer\n }\n\n const { stop } = useIntersectionObserver(\n container,\n ([entry]) => {\n lazyLoadHandler(entry.isIntersecting)\n },\n { root: _scrollContainer }\n )\n stopScrollListener = stop\n}\n\nfunction removeLazyLoadListener() {\n if (!isClient || !lazyLoadHandler) return\n\n stopScrollListener?.()\n _scrollContainer.value = undefined\n stopScrollListener = undefined\n}\n\nfunction clickHandler() {\n // don't show viewer when preview is false\n if (!preview.value) return\n showViewer.value = true\n emit('show')\n}\n\nfunction closeViewer() {\n showViewer.value = false\n emit('close')\n}\n\nfunction switchViewer(val: number) {\n emit('switch', val)\n}\n\nwatch(\n () => props.src,\n () => {\n if (isManual.value) {\n // reset status\n isLoading.value = true\n hasLoadError.value = false\n removeLazyLoadListener()\n addLazyLoadListener()\n } else {\n loadImage()\n }\n }\n)\n\nonMounted(() => {\n if (isManual.value) {\n addLazyLoadListener()\n } else {\n loadImage()\n }\n})\n\ndefineExpose({\n /** @description manually open preview */\n showPreview: clickHandler,\n})\n</script>\n"],"names":["useRawAttrs","useAttrs","scrollContainer","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_renderSlot","_createElementVNode","_normalizeClass","_Fragment","_createBlock","ImageViewer","_withCtx","$slots"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { imageViewerEmits, imageViewerProps } from './image-viewer.mjs';
|
|
1
2
|
import { defineComponent, markRaw, ref, effectScope, computed, shallowRef, watch, nextTick, onMounted, createBlock, openBlock, unref, withCtx, createVNode, Transition, createElementVNode, normalizeStyle, normalizeClass, createCommentVNode, createElementBlock, renderSlot, withModifiers, Fragment, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
|
|
2
3
|
import { clamp, useEventListener } from '@vueuse/core';
|
|
3
4
|
import { throttle } from 'lodash-unified';
|
|
@@ -5,7 +6,6 @@ import ElFocusTrap from '../../focus-trap/src/focus-trap.vue.mjs';
|
|
|
5
6
|
import { ElTeleport } from '../../teleport/index.mjs';
|
|
6
7
|
import { ElIcon } from '../../icon/index.mjs';
|
|
7
8
|
import { ScaleToOriginal, FullScreen, Close, ArrowLeft, ArrowRight, ZoomOut, ZoomIn, RefreshLeft, RefreshRight } from '@element-plus/icons-vue';
|
|
8
|
-
import { imageViewerEmits } from './image-viewer.mjs';
|
|
9
9
|
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
10
10
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
11
11
|
import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
|
|
@@ -20,21 +20,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20
20
|
name: "ElImageViewer"
|
|
21
21
|
},
|
|
22
22
|
__name: "image-viewer",
|
|
23
|
-
props:
|
|
24
|
-
urlList: { type: Array, required: false, default: () => [] },
|
|
25
|
-
zIndex: { type: Number, required: false },
|
|
26
|
-
initialIndex: { type: Number, required: false, default: 0 },
|
|
27
|
-
infinite: { type: Boolean, required: false, default: true },
|
|
28
|
-
hideOnClickModal: { type: Boolean, required: false },
|
|
29
|
-
teleported: { type: Boolean, required: false },
|
|
30
|
-
closeOnPressEscape: { type: Boolean, required: false, default: true },
|
|
31
|
-
zoomRate: { type: Number, required: false, default: 1.2 },
|
|
32
|
-
scale: { type: Number, required: false, default: 1 },
|
|
33
|
-
minScale: { type: Number, required: false, default: 0.2 },
|
|
34
|
-
maxScale: { type: Number, required: false, default: 7 },
|
|
35
|
-
showProgress: { type: Boolean, required: false },
|
|
36
|
-
crossorigin: { type: String, required: false }
|
|
37
|
-
},
|
|
23
|
+
props: imageViewerProps,
|
|
38
24
|
emits: imageViewerEmits,
|
|
39
25
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
40
26
|
var _a;
|