@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":"statistic.vue2.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div :class=\"ns.e('content')\">\n <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\">\n <span>{{ prefix }}</span>\n </slot>\n </div>\n <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n {{ displayValue }}\n </span>\n <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\">\n <span>{{ suffix }}</span>\n </slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\n\nimport type { StatisticProps } from './statistic'\n\ndefineOptions({\n name: 'ElStatistic',\n})\n\nconst props = withDefaults(defineProps<StatisticProps>(), {\n decimalSeparator: '.',\n groupSeparator: ',',\n precision: 0,\n value: 0,\n valueStyle: undefined,\n})\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n const { value, formatter, precision, decimalSeparator, groupSeparator } =\n props\n\n if (isFunction(formatter)) return formatter(value)\n\n // https://github.com/element-plus/element-plus/issues/17784\n if (!isNumber(value) || Number.isNaN(value)) return value\n\n let [integer, decimal = ''] = String(value).split('.')\n decimal = decimal\n .padEnd(precision, '0')\n .slice(0, precision > 0 ? precision : 0)\n integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber","_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot","_createElementVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"statistic.vue2.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div :class=\"ns.e('content')\">\n <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\">\n <span>{{ prefix }}</span>\n </slot>\n </div>\n <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n {{ displayValue }}\n </span>\n <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\">\n <span>{{ suffix }}</span>\n </slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\n\nimport type { StatisticProps } from './statistic'\n\ndefineOptions({\n name: 'ElStatistic',\n})\n\nconst props = withDefaults(defineProps<StatisticProps>(), {\n decimalSeparator: '.',\n groupSeparator: ',',\n precision: 0,\n value: 0,\n valueStyle: undefined,\n})\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n const { value, formatter, precision, decimalSeparator, groupSeparator } =\n props\n\n if (isFunction(formatter)) return formatter(value)\n\n // https://github.com/element-plus/element-plus/issues/17784\n if (!isNumber(value) || Number.isNaN(value)) return value\n\n let [integer, decimal = ''] = String(value).split('.')\n decimal = decimal\n .padEnd(precision, '0')\n .slice(0, precision > 0 ? precision : 0)\n integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n /**\n * @description current display value\n */\n displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber","_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot","_createElementVNode"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var item = require('./item.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var index$1 = require('../../icon/index.js');
|
|
7
8
|
var iconsVue = require('@element-plus/icons-vue');
|
|
@@ -14,12 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
14
15
|
name: "ElStep"
|
|
15
16
|
},
|
|
16
17
|
__name: "item",
|
|
17
|
-
props:
|
|
18
|
-
title: { type: String, required: false, default: "" },
|
|
19
|
-
icon: { type: null, required: false, default: "" },
|
|
20
|
-
description: { type: String, required: false, default: "" },
|
|
21
|
-
status: { type: String, required: false, default: "" }
|
|
22
|
-
},
|
|
18
|
+
props: item.stepProps,
|
|
23
19
|
setup(__props) {
|
|
24
20
|
const props = __props;
|
|
25
21
|
const ns = index.useNamespace("step");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.vue2.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div :style=\"style\" :class=\"containerKls\">\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'success'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Check />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'error'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Close />\n </el-icon>\n <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepProps } from './item'\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n uid: number\n getVnode: () => VNode\n currentStatus: ComputedRef<string>\n internalStatus: Ref<string>\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: Required<StepsProps>\n steps: Ref<StepItemState[]>\n addStep: (item: StepItemState) => void\n removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = withDefaults(defineProps<StepProps>(), {\n title: '',\n description: '',\n icon: '',\n status: '',\n})\n\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active], [oldActive]) => {\n beforeActive = oldActive || 0\n stepDiff = active - beforeActive\n\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n return [\n ns.b(),\n ns.is(isSimple.value ? 'simple' : parent.props.direction),\n ns.is('flex', isLast.value && !space.value && !isCenter.value),\n ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n ]\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis: isNumber(space.value)\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n const isWait = status === 'wait'\n const delayTimer =\n Math.abs(stepDiff) === 1\n ? 0\n : stepDiff > 0\n ? (index.value + 1 - beforeActive) * 150\n : -(index.value + 1 - parent.props.active) * 150\n\n const style: CSSProperties = {\n transitionDelay: `${delayTimer}ms`,\n }\n const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (\n activeIndex === index.value &&\n prevInternalStatus.value !== 'error'\n ) {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[index.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n uid: currentInstance.uid,\n getVnode: () => currentInstance.vnode,\n currentStatus,\n internalStatus,\n setIndex,\n calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Check","Close"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"item.vue2.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n <div :style=\"style\" :class=\"containerKls\">\n <!-- icon & line -->\n <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n </div>\n\n <div\n :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n <component :is=\"icon\" />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'success'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Check />\n </el-icon>\n <el-icon\n v-else-if=\"currentStatus === 'error'\"\n :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n >\n <Close />\n </el-icon>\n <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n {{ index + 1 }}\n </div>\n </slot>\n </div>\n </div>\n <!-- title & description -->\n <div :class=\"ns.e('main')\">\n <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n <slot name=\"title\">{{ title }}</slot>\n </div>\n <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n <slot name=\"description\">{{ description }}</slot>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepProps } from './item'\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n uid: number\n getVnode: () => VNode\n currentStatus: ComputedRef<string>\n internalStatus: Ref<string>\n setIndex: (val: number) => void\n calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n props: Required<StepsProps>\n steps: Ref<StepItemState[]>\n addStep: (item: StepItemState) => void\n removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n name: 'ElStep',\n})\n\nconst props = withDefaults(defineProps<StepProps>(), {\n title: '',\n description: '',\n icon: '',\n status: '',\n})\n\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n watch(\n [\n () => parent.props.active,\n () => parent.props.processStatus,\n () => parent.props.finishStatus,\n ],\n ([active], [oldActive]) => {\n beforeActive = oldActive || 0\n stepDiff = active - beforeActive\n\n updateStatus(active)\n },\n { immediate: true }\n )\n})\n\nconst currentStatus = computed(() => {\n return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n const prevStep = parent.steps.value[index.value - 1]\n return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n return [\n ns.b(),\n ns.is(isSimple.value ? 'simple' : parent.props.direction),\n ns.is('flex', isLast.value && !space.value && !isCenter.value),\n ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n ]\n})\n\nconst style = computed(() => {\n const style: CSSProperties = {\n flexBasis: isNumber(space.value)\n ? `${space.value}px`\n : space.value\n ? space.value\n : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n }\n if (isVertical.value) return style\n if (isLast.value) {\n style.maxWidth = `${100 / stepsCount.value}%`\n }\n return style\n})\n\nconst setIndex = (val: number) => {\n index.value = val\n}\n\nconst calcProgress = (status: string) => {\n const isWait = status === 'wait'\n const delayTimer =\n Math.abs(stepDiff) === 1\n ? 0\n : stepDiff > 0\n ? (index.value + 1 - beforeActive) * 150\n : -(index.value + 1 - parent.props.active) * 150\n\n const style: CSSProperties = {\n transitionDelay: `${delayTimer}ms`,\n }\n const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n style.borderWidth = step && !isSimple.value ? '1px' : 0\n style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n if (activeIndex > index.value) {\n internalStatus.value = parent.props.finishStatus\n } else if (\n activeIndex === index.value &&\n prevInternalStatus.value !== 'error'\n ) {\n internalStatus.value = parent.props.processStatus\n } else {\n internalStatus.value = 'wait'\n }\n const prevChild = parent.steps.value[index.value - 1]\n if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n uid: currentInstance.uid,\n getVnode: () => currentInstance.vnode,\n currentStatus,\n internalStatus,\n setIndex,\n calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Check","Close"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
5
|
var steps = require('./steps.js');
|
|
6
|
+
var vue = require('vue');
|
|
7
7
|
var tokens = require('./tokens.js');
|
|
8
8
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
9
9
|
var index$1 = require('../../../hooks/use-ordered-children/index.js');
|
|
@@ -14,15 +14,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
14
14
|
name: "ElSteps"
|
|
15
15
|
},
|
|
16
16
|
__name: "steps",
|
|
17
|
-
props:
|
|
18
|
-
space: { type: [Number, String], required: false, default: "" },
|
|
19
|
-
active: { type: Number, required: false, default: 0 },
|
|
20
|
-
direction: { type: String, required: false, default: "horizontal" },
|
|
21
|
-
alignCenter: { type: Boolean, required: false },
|
|
22
|
-
simple: { type: Boolean, required: false },
|
|
23
|
-
finishStatus: { type: String, required: false, default: "finish" },
|
|
24
|
-
processStatus: { type: String, required: false, default: "process" }
|
|
25
|
-
},
|
|
17
|
+
props: steps.stepsProps,
|
|
26
18
|
emits: steps.stepsEmits,
|
|
27
19
|
setup(__props, { emit: __emit }) {
|
|
28
20
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steps.vue2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n <slot />\n <steps-sorter />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepsProps } from './steps'\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n name: 'ElSteps',\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n space: '',\n direction: 'horizontal',\n active: 0,\n processStatus: 'process',\n finishStatus: 'finish',\n})\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n children: steps,\n addChild: addStep,\n removeChild: removeStep,\n ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n steps.value.forEach((instance: StepItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n () => props.active,\n (newVal: number, oldVal: number) => {\n emit(CHANGE_EVENT, newVal, oldVal)\n }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"steps.vue2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n <slot />\n <steps-sorter />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepsProps } from './steps'\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n name: 'ElSteps',\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n space: '',\n direction: 'horizontal',\n active: 0,\n processStatus: 'process',\n finishStatus: 'finish',\n})\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n children: steps,\n addChild: addStep,\n removeChild: removeStep,\n ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n steps.value.forEach((instance: StepItemState, index: number) => {\n instance.setIndex(index)\n })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n () => props.active,\n (newVal: number, oldVal: number) => {\n emit(CHANGE_EVENT, newVal, oldVal)\n }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAKA,mBAAa,OAAO,CAAA;AAC/B,IAAA,MAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAa,UAAA;AAAA,MACb,cAAA,EAAgB;AAAA,KAClB,GAAIC,0BAAA,CAAkCC,sBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAA,KAAkB;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,MACzB,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAAF,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAKG,kBAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;8BAlDEC,sBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,kBAAA,CAAA,CAAGC,UAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,eAAA,CAAgBF,SAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _switch = require('./switch.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var index$1 = require('../../icon/index.js');
|
|
7
8
|
var iconsVue = require('@element-plus/icons-vue');
|
|
8
|
-
var _switch = require('./switch.js');
|
|
9
9
|
var useFormItem = require('../../form/src/hooks/use-form-item.js');
|
|
10
10
|
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
11
11
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
@@ -26,28 +26,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
26
26
|
name: COMPONENT_NAME
|
|
27
27
|
},
|
|
28
28
|
__name: "switch",
|
|
29
|
-
props:
|
|
30
|
-
modelValue: { type: [Boolean, String, Number], required: false, default: false },
|
|
31
|
-
disabled: { type: Boolean, required: false, default: void 0 },
|
|
32
|
-
loading: { type: Boolean, required: false },
|
|
33
|
-
size: { type: null, required: false },
|
|
34
|
-
width: { type: [String, Number], required: false, default: "" },
|
|
35
|
-
inlinePrompt: { type: Boolean, required: false },
|
|
36
|
-
inactiveActionIcon: { type: null, required: false },
|
|
37
|
-
activeActionIcon: { type: null, required: false },
|
|
38
|
-
activeIcon: { type: null, required: false },
|
|
39
|
-
inactiveIcon: { type: null, required: false },
|
|
40
|
-
activeText: { type: String, required: false, default: "" },
|
|
41
|
-
inactiveText: { type: String, required: false, default: "" },
|
|
42
|
-
activeValue: { type: [Boolean, String, Number], required: false, default: true },
|
|
43
|
-
inactiveValue: { type: [Boolean, String, Number], required: false, default: false },
|
|
44
|
-
name: { type: String, required: false, default: "" },
|
|
45
|
-
validateEvent: { type: Boolean, required: false, default: true },
|
|
46
|
-
beforeChange: { type: Function, required: false },
|
|
47
|
-
id: { type: String, required: false },
|
|
48
|
-
tabindex: { type: [String, Number], required: false },
|
|
49
|
-
ariaLabel: { type: String, required: false }
|
|
50
|
-
},
|
|
29
|
+
props: _switch.switchProps,
|
|
51
30
|
emits: _switch.switchEmits,
|
|
52
31
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
53
32
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"ns.e('input')\"\n type=\"checkbox\"\n role=\"switch\"\n :aria-checked=\"checked\"\n :aria-disabled=\"switchDisabled\"\n :aria-label=\"ariaLabel\"\n :name=\"name\"\n :true-value=\"activeValue\"\n :false-value=\"inactiveValue\"\n :disabled=\"switchDisabled\"\n :tabindex=\"tabindex\"\n @change=\"handleChange\"\n @keydown.enter=\"switchValue\"\n />\n <span\n v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n :class=\"labelLeftKls\"\n >\n <slot name=\"inactive\">\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n inactiveText\n }}</span>\n </slot>\n </span>\n <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n <slot name=\"inactive\">\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n </slot>\n </div>\n <div v-else :class=\"ns.e('inner-wrapper')\">\n <slot name=\"active\">\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n </slot>\n </div>\n </div>\n <div :class=\"ns.e('action')\">\n <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n <loading />\n </el-icon>\n <slot v-else-if=\"checked\" name=\"active-action\">\n <el-icon v-if=\"activeActionIcon\">\n <component :is=\"activeActionIcon\" />\n </el-icon>\n </slot>\n <slot v-else-if=\"!checked\" name=\"inactive-action\">\n <el-icon v-if=\"inactiveActionIcon\">\n <component :is=\"inactiveActionIcon\" />\n </el-icon>\n </slot>\n </div>\n </span>\n <span\n v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n :class=\"labelRightKls\"\n >\n <slot name=\"active\">\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n activeText\n }}</span>\n </slot>\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n addUnit,\n debugWarn,\n isBoolean,\n isPromise,\n throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n modelValue: false,\n disabled: undefined,\n activeText: '',\n inactiveText: '',\n activeValue: true,\n inactiveValue: false,\n name: '',\n validateEvent: true,\n width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n computed(() => {\n if (props.loading) {\n return true\n }\n return undefined\n })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n ns.b(),\n ns.m(switchSize.value),\n ns.is('disabled', switchDisabled.value),\n ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'left'),\n ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'right'),\n ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.width),\n}))\n\nwatch(\n () => props.modelValue,\n () => {\n isControlled.value = true\n }\n)\n\nconst actualValue = computed(() => {\n return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n emit(CHANGE_EVENT, props.inactiveValue)\n emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n input.value!.checked = val\n\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n})\n\nconst handleChange = () => {\n const val = checked.value ? props.inactiveValue : props.activeValue\n emit(UPDATE_MODEL_EVENT, val)\n emit(CHANGE_EVENT, val)\n emit(INPUT_EVENT, val)\n nextTick(() => {\n input.value!.checked = checked.value\n })\n}\n\nconst switchValue = () => {\n if (switchDisabled.value) return\n\n const { beforeChange } = props\n if (!beforeChange) {\n handleChange()\n return\n }\n\n const shouldChange = beforeChange()\n\n const isPromiseOrBool = [\n isPromise(shouldChange),\n isBoolean(shouldChange),\n ].includes(true)\n if (!isPromiseOrBool) {\n throwError(\n COMPONENT_NAME,\n 'beforeChange must return type `Promise<boolean>` or `boolean`'\n )\n }\n\n if (isPromise(shouldChange)) {\n shouldChange\n .then((result) => {\n if (result) {\n handleChange()\n }\n })\n .catch((e) => {\n debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n })\n } else if (shouldChange) {\n handleChange()\n }\n}\n\nconst focus = (): void => {\n input.value?.focus?.()\n}\n\nonMounted(() => {\n input.value!.checked = checked.value\n})\n\ndefineExpose({\n /**\n * @description manual focus to the switch component\n **/\n focus,\n /**\n * @description whether Switch is checked\n */\n checked,\n})\n</script>\n"],"names":["useFormItem","useFormSize","useNamespace","useFormItemInputId","useFormDisabled","computed","ref","shallowRef","addUnit","watch","UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT","debugWarn","nextTick","isPromise","isBoolean","throwError","onMounted","_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Loading"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"ns.e('input')\"\n type=\"checkbox\"\n role=\"switch\"\n :aria-checked=\"checked\"\n :aria-disabled=\"switchDisabled\"\n :aria-label=\"ariaLabel\"\n :name=\"name\"\n :true-value=\"activeValue\"\n :false-value=\"inactiveValue\"\n :disabled=\"switchDisabled\"\n :tabindex=\"tabindex\"\n @change=\"handleChange\"\n @keydown.enter=\"switchValue\"\n />\n <span\n v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n :class=\"labelLeftKls\"\n >\n <slot name=\"inactive\">\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n inactiveText\n }}</span>\n </slot>\n </span>\n <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n <slot name=\"inactive\">\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n </slot>\n </div>\n <div v-else :class=\"ns.e('inner-wrapper')\">\n <slot name=\"active\">\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n </slot>\n </div>\n </div>\n <div :class=\"ns.e('action')\">\n <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n <loading />\n </el-icon>\n <slot v-else-if=\"checked\" name=\"active-action\">\n <el-icon v-if=\"activeActionIcon\">\n <component :is=\"activeActionIcon\" />\n </el-icon>\n </slot>\n <slot v-else-if=\"!checked\" name=\"inactive-action\">\n <el-icon v-if=\"inactiveActionIcon\">\n <component :is=\"inactiveActionIcon\" />\n </el-icon>\n </slot>\n </div>\n </span>\n <span\n v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n :class=\"labelRightKls\"\n >\n <slot name=\"active\">\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n activeText\n }}</span>\n </slot>\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n addUnit,\n debugWarn,\n isBoolean,\n isPromise,\n throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n modelValue: false,\n disabled: undefined,\n activeText: '',\n inactiveText: '',\n activeValue: true,\n inactiveValue: false,\n name: '',\n validateEvent: true,\n width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n computed(() => {\n if (props.loading) {\n return true\n }\n return undefined\n })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n ns.b(),\n ns.m(switchSize.value),\n ns.is('disabled', switchDisabled.value),\n ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'left'),\n ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'right'),\n ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.width),\n}))\n\nwatch(\n () => props.modelValue,\n () => {\n isControlled.value = true\n }\n)\n\nconst actualValue = computed(() => {\n return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n emit(CHANGE_EVENT, props.inactiveValue)\n emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n input.value!.checked = val\n\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n})\n\nconst handleChange = () => {\n const val = checked.value ? props.inactiveValue : props.activeValue\n emit(UPDATE_MODEL_EVENT, val)\n emit(CHANGE_EVENT, val)\n emit(INPUT_EVENT, val)\n nextTick(() => {\n input.value!.checked = checked.value\n })\n}\n\nconst switchValue = () => {\n if (switchDisabled.value) return\n\n const { beforeChange } = props\n if (!beforeChange) {\n handleChange()\n return\n }\n\n const shouldChange = beforeChange()\n\n const isPromiseOrBool = [\n isPromise(shouldChange),\n isBoolean(shouldChange),\n ].includes(true)\n if (!isPromiseOrBool) {\n throwError(\n COMPONENT_NAME,\n 'beforeChange must return type `Promise<boolean>` or `boolean`'\n )\n }\n\n if (isPromise(shouldChange)) {\n shouldChange\n .then((result) => {\n if (result) {\n handleChange()\n }\n })\n .catch((e) => {\n debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n })\n } else if (shouldChange) {\n handleChange()\n }\n}\n\nconst focus = (): void => {\n input.value?.focus?.()\n}\n\nonMounted(() => {\n input.value!.checked = checked.value\n})\n\ndefineExpose({\n /**\n * @description manual focus to the switch component\n **/\n focus,\n /**\n * @description whether Switch is checked\n */\n checked,\n})\n</script>\n"],"names":["useFormItem","useFormSize","useNamespace","useFormItemInputId","useFormDisabled","computed","ref","shallowRef","addUnit","watch","UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT","debugWarn","nextTick","isPromise","isBoolean","throwError","onMounted","_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Loading"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var tabBar = require('./tab-bar.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var core = require('@vueuse/core');
|
|
7
8
|
var constants = require('./constants.js');
|
|
@@ -16,10 +17,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
16
17
|
name: COMPONENT_NAME
|
|
17
18
|
},
|
|
18
19
|
__name: "tab-bar",
|
|
19
|
-
props:
|
|
20
|
-
tabs: { type: Array, required: false, default: () => [] },
|
|
21
|
-
tabRefs: { type: Object, required: false, default: () => ({}) }
|
|
22
|
-
},
|
|
20
|
+
props: tabBar.tabBarProps,
|
|
23
21
|
setup(__props, { expose: __expose }) {
|
|
24
22
|
const props = __props;
|
|
25
23
|
const rootTabs = vue.inject(constants.tabsRootContextKey);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar.vue2.js","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n <div\n v-if=\"renderActiveBar\"\n ref=\"barRef\"\n :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n :style=\"barStyle\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n tabs: () => [],\n tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n () =>\n isUndefined(rootTabs.props.defaultValue) ||\n Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n let offset = 0\n let tabSize = 0\n\n const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n ? 'width'\n : 'height'\n const sizeDir = sizeName === 'width' ? 'x' : 'y'\n const position = sizeDir === 'x' ? 'left' : 'top'\n\n props.tabs.every((tab) => {\n if (isUndefined(tab.paneName)) return false\n const $el = props.tabRefs[tab.paneName]\n if (!$el) return false\n\n if (!tab.active) {\n return true\n }\n\n offset = $el[`offset${capitalize(position)}`]\n tabSize = $el[`client${capitalize(sizeName)}`]\n\n const tabStyles = window.getComputedStyle($el)\n\n if (sizeName === 'width') {\n tabSize -=\n Number.parseFloat(tabStyles.paddingLeft) +\n Number.parseFloat(tabStyles.paddingRight)\n offset += Number.parseFloat(tabStyles.paddingLeft)\n }\n return false\n })\n\n return {\n [sizeName]: `${tabSize}px`,\n transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n tabObservers.forEach((observer) => observer.stop())\n tabObservers.length = 0\n\n Object.values(props.tabRefs).forEach((tab) => {\n tabObservers.push(useResizeObserver(tab, update))\n })\n}\n\nwatch(\n () => props.tabs,\n async () => {\n await nextTick()\n update()\n\n observerTabs()\n },\n { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n tabObservers.forEach((observer) => observer.stop())\n tabObservers.length = 0\n barObserver.stop()\n})\n\ndefineExpose({\n /** @description tab root html element */\n ref: barRef,\n /** @description method to manually update tab bar style */\n update,\n})\n</script>\n"],"names":["inject","tabsRootContextKey","throwError","useNamespace","ref","computed","isUndefined","capitalize","useResizeObserver","watch","nextTick","onBeforeUnmount","_createElementBlock","_normalizeClass","_unref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab-bar.vue2.js","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n <div\n v-if=\"renderActiveBar\"\n ref=\"barRef\"\n :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n :style=\"barStyle\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n tabs: () => [],\n tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n () =>\n isUndefined(rootTabs.props.defaultValue) ||\n Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n let offset = 0\n let tabSize = 0\n\n const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n ? 'width'\n : 'height'\n const sizeDir = sizeName === 'width' ? 'x' : 'y'\n const position = sizeDir === 'x' ? 'left' : 'top'\n\n props.tabs.every((tab) => {\n if (isUndefined(tab.paneName)) return false\n const $el = props.tabRefs[tab.paneName]\n if (!$el) return false\n\n if (!tab.active) {\n return true\n }\n\n offset = $el[`offset${capitalize(position)}`]\n tabSize = $el[`client${capitalize(sizeName)}`]\n\n const tabStyles = window.getComputedStyle($el)\n\n if (sizeName === 'width') {\n tabSize -=\n Number.parseFloat(tabStyles.paddingLeft) +\n Number.parseFloat(tabStyles.paddingRight)\n offset += Number.parseFloat(tabStyles.paddingLeft)\n }\n return false\n })\n\n return {\n [sizeName]: `${tabSize}px`,\n transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n tabObservers.forEach((observer) => observer.stop())\n tabObservers.length = 0\n\n Object.values(props.tabRefs).forEach((tab) => {\n tabObservers.push(useResizeObserver(tab, update))\n })\n}\n\nwatch(\n () => props.tabs,\n async () => {\n await nextTick()\n update()\n\n observerTabs()\n },\n { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n tabObservers.forEach((observer) => observer.stop())\n tabObservers.length = 0\n barObserver.stop()\n})\n\ndefineExpose({\n /** @description tab root html element */\n ref: barRef,\n /** @description method to manually update tab bar style */\n update,\n})\n</script>\n"],"names":["inject","tabsRootContextKey","throwError","useNamespace","ref","computed","isUndefined","capitalize","useResizeObserver","watch","nextTick","onBeforeUnmount","_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var tabPane = require('./tab-pane.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var constants = require('./constants.js');
|
|
7
8
|
var error = require('../../../utils/error.js');
|
|
@@ -14,13 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
14
15
|
name: COMPONENT_NAME
|
|
15
16
|
},
|
|
16
17
|
__name: "tab-pane",
|
|
17
|
-
props:
|
|
18
|
-
label: { type: String, required: false, default: "" },
|
|
19
|
-
name: { type: [String, Number], required: false },
|
|
20
|
-
closable: { type: Boolean, required: false, default: void 0 },
|
|
21
|
-
disabled: { type: Boolean, required: false },
|
|
22
|
-
lazy: { type: Boolean, required: false }
|
|
23
|
-
},
|
|
18
|
+
props: tabPane.tabPaneProps,
|
|
24
19
|
setup(__props) {
|
|
25
20
|
const props = __props;
|
|
26
21
|
const instance = vue.getCurrentInstance();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-pane.vue2.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n <div\n v-if=\"shouldBeRender\"\n v-show=\"active\"\n :id=\"`pane-${paneName}`\"\n ref=\"paneRef\"\n :class=\"ns.b()\"\n role=\"tabpanel\"\n :aria-hidden=\"!active\"\n :aria-labelledby=\"`tab-${paneName}`\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onBeforeUpdate,\n reactive,\n ref,\n useSlots,\n watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabPaneProps>(), {\n label: '',\n closable: undefined,\n})\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n if (val) loaded.value = true\n})\n\nconst pane = reactive({\n uid: instance.uid,\n getVnode: () => instance.vnode,\n slots,\n props,\n paneName,\n active,\n index,\n isClosable,\n isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","ref","index","computed","watch","reactive","onBeforeUnmount","onBeforeUpdate","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab-pane.vue2.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n <div\n v-if=\"shouldBeRender\"\n v-show=\"active\"\n :id=\"`pane-${paneName}`\"\n ref=\"paneRef\"\n :class=\"ns.b()\"\n role=\"tabpanel\"\n :aria-hidden=\"!active\"\n :aria-labelledby=\"`tab-${paneName}`\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n onBeforeUnmount,\n onBeforeUpdate,\n reactive,\n ref,\n useSlots,\n watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabPaneProps>(), {\n label: '',\n closable: undefined,\n})\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n if (val) loaded.value = true\n})\n\nconst pane = reactive({\n uid: instance.uid,\n getVnode: () => instance.vnode,\n slots,\n props,\n paneName,\n active,\n index,\n isClosable,\n isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["getCurrentInstance","useSlots","inject","tabsRootContextKey","throwError","useNamespace","ref","index","computed","watch","reactive","onBeforeUnmount","onBeforeUpdate","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var tag = require('./tag.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var index$2 = require('../../icon/index.js');
|
|
7
8
|
var iconsVue = require('@element-plus/icons-vue');
|
|
8
|
-
var tag = require('./tag.js');
|
|
9
9
|
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
10
10
|
var index = require('../../../hooks/use-locale/index.js');
|
|
11
11
|
var index$1 = require('../../../hooks/use-namespace/index.js');
|
|
@@ -17,16 +17,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
17
17
|
name: "ElTag"
|
|
18
18
|
},
|
|
19
19
|
__name: "tag",
|
|
20
|
-
props:
|
|
21
|
-
type: { type: String, required: false, default: "primary" },
|
|
22
|
-
closable: { type: Boolean, required: false },
|
|
23
|
-
disableTransitions: { type: Boolean, required: false },
|
|
24
|
-
hit: { type: Boolean, required: false },
|
|
25
|
-
color: { type: String, required: false },
|
|
26
|
-
size: { type: null, required: false },
|
|
27
|
-
effect: { type: String, required: false, default: "light" },
|
|
28
|
-
round: { type: Boolean, required: false }
|
|
29
|
-
},
|
|
20
|
+
props: tag.tagProps,
|
|
30
21
|
emits: tag.tagEmits,
|
|
31
22
|
setup(__props, { emit: __emit }) {
|
|
32
23
|
const props = __props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.vue2.js","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n <span\n v-if=\"disableTransitions\"\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <button\n v-if=\"closable\"\n :aria-label=\"t('el.tag.close')\"\n :class=\"ns.e('close')\"\n type=\"button\"\n @click.stop=\"handleClose\"\n >\n <el-icon>\n <Close />\n </el-icon>\n </button>\n </span>\n <transition\n v-else\n :name=\"`${ns.namespace.value}-zoom-in-center`\"\n appear\n @vue:mounted=\"handleVNodeMounted\"\n >\n <span\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <button\n v-if=\"closable\"\n :aria-label=\"t('el.tag.close')\"\n :class=\"ns.e('close')\"\n type=\"button\"\n @click.stop=\"handleClose\"\n >\n <el-icon>\n <Close />\n </el-icon>\n </button>\n </span>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits } from './tag'\n\nimport type { VNode } from 'vue'\nimport type { TagProps } from './tag'\n\ndefineOptions({\n name: 'ElTag',\n})\nconst props = withDefaults(defineProps<TagProps>(), {\n type: 'primary',\n effect: 'light',\n})\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n const { type, hit, effect, closable, round } = props\n return [\n ns.b(),\n ns.is('closable', closable),\n ns.m(type || 'primary'),\n ns.m(tagSize.value),\n ns.m(effect),\n ns.is('hit', hit),\n ns.is('round', round),\n ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n // @ts-ignore\n if (vnode?.component?.subTree?.component?.bum) {\n // @ts-ignore\n vnode.component.subTree.component.bum = null\n }\n}\n</script>\n"],"names":["useFormSize","useLocale","useNamespace","computed","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_renderSlot","_createVNode","ElIcon","Close","_createBlock","_Transition"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tag.vue2.js","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n <span\n v-if=\"disableTransitions\"\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <button\n v-if=\"closable\"\n :aria-label=\"t('el.tag.close')\"\n :class=\"ns.e('close')\"\n type=\"button\"\n @click.stop=\"handleClose\"\n >\n <el-icon>\n <Close />\n </el-icon>\n </button>\n </span>\n <transition\n v-else\n :name=\"`${ns.namespace.value}-zoom-in-center`\"\n appear\n @vue:mounted=\"handleVNodeMounted\"\n >\n <span\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <button\n v-if=\"closable\"\n :aria-label=\"t('el.tag.close')\"\n :class=\"ns.e('close')\"\n type=\"button\"\n @click.stop=\"handleClose\"\n >\n <el-icon>\n <Close />\n </el-icon>\n </button>\n </span>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits } from './tag'\n\nimport type { VNode } from 'vue'\nimport type { TagProps } from './tag'\n\ndefineOptions({\n name: 'ElTag',\n})\nconst props = withDefaults(defineProps<TagProps>(), {\n type: 'primary',\n effect: 'light',\n})\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n const { type, hit, effect, closable, round } = props\n return [\n ns.b(),\n ns.is('closable', closable),\n ns.m(type || 'primary'),\n ns.m(tagSize.value),\n ns.m(effect),\n ns.is('hit', hit),\n ns.is('round', round),\n ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n // @ts-ignore\n if (vnode?.component?.subTree?.component?.bum) {\n // @ts-ignore\n vnode.component.subTree.component.bum = null\n }\n}\n</script>\n"],"names":["useFormSize","useLocale","useNamespace","computed","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_renderSlot","_createVNode","ElIcon","Close","_createBlock","_Transition"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var text = require('./text.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
|
|
7
8
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
@@ -12,13 +13,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
12
13
|
name: "ElText"
|
|
13
14
|
},
|
|
14
15
|
__name: "text",
|
|
15
|
-
props:
|
|
16
|
-
type: { type: String, required: false, default: "" },
|
|
17
|
-
size: { type: null, required: false, default: "" },
|
|
18
|
-
truncated: { type: Boolean, required: false },
|
|
19
|
-
lineClamp: { type: [Number, String], required: false },
|
|
20
|
-
tag: { type: String, required: false, default: "span" }
|
|
21
|
-
},
|
|
16
|
+
props: text.textProps,
|
|
22
17
|
setup(__props) {
|
|
23
18
|
const props = __props;
|
|
24
19
|
const textRef = vue.ref();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.vue2.js","sources":["../../../../../../packages/components/text/src/text.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n ref=\"textRef\"\n :class=\"textKls\"\n :style=\"{ '-webkit-line-clamp': lineClamp }\"\n >\n <slot />\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, ref, useAttrs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { isUndefined } from '@element-plus/utils'\n\nimport type { TextProps } from './text'\n\ndefineOptions({\n name: 'ElText',\n})\n\nconst props = withDefaults(defineProps<TextProps>(), {\n type: '',\n size: '',\n tag: 'span',\n})\nconst textRef = ref<HTMLElement>()\n\nconst textSize = useFormSize()\nconst ns = useNamespace('text')\n\nconst textKls = computed(() => [\n ns.b(),\n ns.m(props.type),\n ns.m(textSize.value),\n ns.is('truncated', props.truncated),\n ns.is('line-clamp', !isUndefined(props.lineClamp)),\n])\n\nconst bindTitle = () => {\n const inheritTitle = useAttrs().title\n\n if (inheritTitle) return\n let shouldAddTitle = false\n const text = textRef.value?.textContent || ''\n\n if (props.truncated) {\n const width = textRef.value?.offsetWidth\n const scrollWidth = textRef.value?.scrollWidth\n if (width && scrollWidth && scrollWidth > width) {\n shouldAddTitle = true\n }\n } else if (!isUndefined(props.lineClamp)) {\n const height = textRef.value?.offsetHeight\n const scrollHeight = textRef.value?.scrollHeight\n if (height && scrollHeight && scrollHeight > height) {\n shouldAddTitle = true\n }\n }\n\n if (shouldAddTitle) {\n textRef.value?.setAttribute('title', text)\n } else {\n textRef.value?.removeAttribute('title')\n }\n}\n\nonMounted(bindTitle)\nonUpdated(bindTitle)\n</script>\n"],"names":["ref","useFormSize","useNamespace","computed","isUndefined","useAttrs","onMounted","onUpdated","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.vue2.js","sources":["../../../../../../packages/components/text/src/text.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n ref=\"textRef\"\n :class=\"textKls\"\n :style=\"{ '-webkit-line-clamp': lineClamp }\"\n >\n <slot />\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, ref, useAttrs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { isUndefined } from '@element-plus/utils'\n\nimport type { TextProps } from './text'\n\ndefineOptions({\n name: 'ElText',\n})\n\nconst props = withDefaults(defineProps<TextProps>(), {\n type: '',\n size: '',\n tag: 'span',\n})\nconst textRef = ref<HTMLElement>()\n\nconst textSize = useFormSize()\nconst ns = useNamespace('text')\n\nconst textKls = computed(() => [\n ns.b(),\n ns.m(props.type),\n ns.m(textSize.value),\n ns.is('truncated', props.truncated),\n ns.is('line-clamp', !isUndefined(props.lineClamp)),\n])\n\nconst bindTitle = () => {\n const inheritTitle = useAttrs().title\n\n if (inheritTitle) return\n let shouldAddTitle = false\n const text = textRef.value?.textContent || ''\n\n if (props.truncated) {\n const width = textRef.value?.offsetWidth\n const scrollWidth = textRef.value?.scrollWidth\n if (width && scrollWidth && scrollWidth > width) {\n shouldAddTitle = true\n }\n } else if (!isUndefined(props.lineClamp)) {\n const height = textRef.value?.offsetHeight\n const scrollHeight = textRef.value?.scrollHeight\n if (height && scrollHeight && scrollHeight > height) {\n shouldAddTitle = true\n }\n }\n\n if (shouldAddTitle) {\n textRef.value?.setAttribute('title', text)\n } else {\n textRef.value?.removeAttribute('title')\n }\n}\n\nonMounted(bindTitle)\nonUpdated(bindTitle)\n</script>\n"],"names":["ref","useFormSize","useNamespace","computed","isUndefined","useAttrs","onMounted","onUpdated","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,UAAUA,OAAA,EAAiB;AAEjC,IAAA,MAAM,WAAWC,8BAAA,EAAY;AAC7B,IAAA,MAAM,EAAA,GAAKC,mBAAa,MAAM,CAAA;AAE9B,IAAA,MAAM,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA;AAAA,MACf,EAAA,CAAG,CAAA,CAAE,QAAA,CAAS,KAAK,CAAA;AAAA,MACnB,EAAA,CAAG,EAAA,CAAG,WAAA,EAAa,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,GAAG,EAAA,CAAG,YAAA,EAAc,CAACC,iBAAA,CAAY,KAAA,CAAM,SAAS,CAAC;AAAA,KAClD,CAAA;AAED,IAAA,MAAM,YAAY,MAAM;;AACtB,MAAA,MAAM,YAAA,GAAeC,cAAS,CAAE,KAAA;AAEhC,MAAA,IAAI,YAAA,EAAc;AAClB,MAAA,IAAI,cAAA,GAAiB,KAAA;AACrB,MAAA,MAAM,IAAA,GAAA,CAAA,CAAO,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA,KAAe,EAAA;AAE3C,MAAA,IAAI,MAAM,SAAA,EAAW;AACnB,QAAA,MAAM,KAAA,GAAA,CAAQ,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AAC7B,QAAA,MAAM,WAAA,GAAA,CAAc,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AACnC,QAAA,IAAI,KAAA,IAAS,WAAA,IAAe,WAAA,GAAc,KAAA,EAAO;AAC/C,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF,CAAA,MAAA,IAAW,CAACD,iBAAA,CAAY,KAAA,CAAM,SAAS,CAAA,EAAG;AACxC,QAAA,MAAM,MAAA,GAAA,CAAS,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AAC9B,QAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AACpC,QAAA,IAAI,MAAA,IAAU,YAAA,IAAgB,YAAA,GAAe,MAAA,EAAQ;AACnD,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF;AAEA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA,CAAa,OAAA,EAAS,IAAA,CAAA;AAAA,MACvC,CAAA,MAAO;AACL,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,mBAAe,eAAA,CAAgB,OAAA,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AAEA,IAAAE,aAAA,CAAU,SAAS,CAAA;AACnB,IAAAC,aAAA,CAAU,SAAS,CAAA;;AArEjB,MAAA,OAAAC,eAAA,EAAAC,eAAA,CAOYC,2BAAA,CANL,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,iBACJ,SAAA;AAAA,QAAJ,GAAA,EAAI,OAAA;AAAA,QACH,KAAA,qBAAO,OAAA,CAAA,KAAO,CAAA;AAAA,QACd,kDAA+B,OAAA,CAAA,WAAS;AAAA;6BAEzC,MAAQ;AAAA,UAARC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var timeSelect = require('./time-select.js');
|
|
5
6
|
var vue = require('vue');
|
|
6
7
|
var dayjs = require('dayjs');
|
|
7
8
|
var customParseFormat = require('dayjs/plugin/customParseFormat.js');
|
|
8
9
|
var index = require('../../select/index.js');
|
|
9
10
|
var index$3 = require('../../icon/index.js');
|
|
10
|
-
var iconsVue = require('@element-plus/icons-vue');
|
|
11
11
|
var utils = require('./utils.js');
|
|
12
12
|
var event = require('../../../constants/event.js');
|
|
13
13
|
var index$1 = require('../../../hooks/use-namespace/index.js');
|
|
@@ -19,29 +19,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
19
19
|
name: "ElTimeSelect"
|
|
20
20
|
},
|
|
21
21
|
__name: "time-select",
|
|
22
|
-
props:
|
|
23
|
-
format: { type: String, required: false, default: "HH:mm" },
|
|
24
|
-
modelValue: { type: [String, null], required: false },
|
|
25
|
-
disabled: { type: Boolean, required: false, default: void 0 },
|
|
26
|
-
editable: { type: Boolean, required: false, default: true },
|
|
27
|
-
effect: { type: null, required: false, default: "light" },
|
|
28
|
-
clearable: { type: Boolean, required: false, default: true },
|
|
29
|
-
size: { type: null, required: false },
|
|
30
|
-
placeholder: { type: String, required: false },
|
|
31
|
-
start: { type: String, required: false, default: "09:00" },
|
|
32
|
-
end: { type: String, required: false, default: "18:00" },
|
|
33
|
-
step: { type: String, required: false, default: "00:30" },
|
|
34
|
-
minTime: { type: [String, null], required: false },
|
|
35
|
-
maxTime: { type: [String, null], required: false },
|
|
36
|
-
includeEndTime: { type: Boolean, required: false },
|
|
37
|
-
name: { type: String, required: false },
|
|
38
|
-
prefixIcon: { type: null, required: false, default: () => iconsVue.Clock },
|
|
39
|
-
clearIcon: { type: null, required: false, default: () => iconsVue.CircleClose },
|
|
40
|
-
popperClass: { type: String, required: false, default: "" },
|
|
41
|
-
popperStyle: { type: [String, Object], required: false, default: void 0 },
|
|
42
|
-
emptyValues: { type: Array, required: false },
|
|
43
|
-
valueOnClear: { type: [String, Number, Boolean, Function, null], required: false, default: void 0 }
|
|
44
|
-
},
|
|
22
|
+
props: timeSelect.timeSelectProps,
|
|
45
23
|
emits: [event.CHANGE_EVENT, "blur", "focus", "clear", event.UPDATE_MODEL_EVENT],
|
|
46
24
|
setup(__props, { expose: __expose }) {
|
|
47
25
|
dayjs.extend(customParseFormat);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-select.vue2.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n <el-select\n ref=\"select\"\n :model-value=\"value\"\n :disabled=\"_disabled\"\n :clearable=\"clearable\"\n :clear-icon=\"clearIcon\"\n :size=\"size\"\n :effect=\"effect\"\n :placeholder=\"placeholder\"\n default-first-option\n :filterable=\"editable\"\n :empty-values=\"emptyValues\"\n :value-on-clear=\"valueOnClear\"\n :popper-class=\"popperClass\"\n :popper-style=\"popperStyle\"\n @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n @blur=\"(event) => $emit('blur', event)\"\n @focus=\"(event) => $emit('focus', event)\"\n @clear=\"() => $emit('clear')\"\n >\n <el-option\n v-for=\"item in items\"\n :key=\"item.value\"\n :label=\"item.value\"\n :value=\"item.value\"\n :disabled=\"item.disabled\"\n />\n <template #prefix>\n <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n <component :is=\"prefixIcon\" />\n </el-icon>\n </template>\n </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n CircleClose as IconCircleClose,\n Clock as IconClock,\n} from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n format: 'HH:mm',\n disabled: undefined,\n editable: true,\n effect: 'light',\n clearable: true,\n start: '09:00',\n end: '18:00',\n step: '00:30',\n prefixIcon: () => IconClock,\n clearIcon: () => IconCircleClose,\n popperClass: '',\n valueOnClear: undefined,\n popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n const time = parseTime(props.start)\n return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n const time = parseTime(props.end)\n return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n const time = parseTime(props.step)\n return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n const time = parseTime(props.minTime || '')\n return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n const time = parseTime(props.maxTime || '')\n return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n const result: { value: string; disabled: boolean }[] = []\n const push = (formattedValue: string, rawValue: string) => {\n result.push({\n value: formattedValue,\n disabled:\n compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n compareTime(rawValue, maxTime.value || '100:100') >= 0,\n })\n }\n\n if (props.start && props.end && props.step) {\n let current = start.value\n let currentTime: string\n while (current && end.value && compareTime(current, end.value) <= 0) {\n currentTime = dayjs(current, 'HH:mm')\n .locale(lang.value)\n .format(props.format)\n push(currentTime, current)\n current = nextTime(current, step.value!)\n }\n if (\n props.includeEndTime &&\n end.value &&\n result[result.length - 1]?.value !== end.value\n ) {\n const formattedValue = dayjs(end.value, 'HH:mm')\n .locale(lang.value)\n .format(props.format)\n push(formattedValue, end.value)\n }\n }\n return result\n})\n\nconst blur = () => {\n select.value?.blur?.()\n}\n\nconst focus = () => {\n select.value?.focus?.()\n}\n\ndefineExpose({\n /**\n * @description blur the Input component\n */\n blur,\n /**\n * @description focus the Input component\n */\n focus,\n})\n</script>\n"],"names":["ElSelect","useNamespace","ref","useFormDisabled","useLocale","computed","parseTime","formatTime","compareTime","nextTime","_createBlock","_unref","event","$emit","UPDATE_MODEL_EVENT","CHANGE_EVENT","ElIcon","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-select.vue2.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n <el-select\n ref=\"select\"\n :model-value=\"value\"\n :disabled=\"_disabled\"\n :clearable=\"clearable\"\n :clear-icon=\"clearIcon\"\n :size=\"size\"\n :effect=\"effect\"\n :placeholder=\"placeholder\"\n default-first-option\n :filterable=\"editable\"\n :empty-values=\"emptyValues\"\n :value-on-clear=\"valueOnClear\"\n :popper-class=\"popperClass\"\n :popper-style=\"popperStyle\"\n @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n @blur=\"(event) => $emit('blur', event)\"\n @focus=\"(event) => $emit('focus', event)\"\n @clear=\"() => $emit('clear')\"\n >\n <el-option\n v-for=\"item in items\"\n :key=\"item.value\"\n :label=\"item.value\"\n :value=\"item.value\"\n :disabled=\"item.disabled\"\n />\n <template #prefix>\n <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n <component :is=\"prefixIcon\" />\n </el-icon>\n </template>\n </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n CircleClose as IconCircleClose,\n Clock as IconClock,\n} from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n format: 'HH:mm',\n disabled: undefined,\n editable: true,\n effect: 'light',\n clearable: true,\n start: '09:00',\n end: '18:00',\n step: '00:30',\n prefixIcon: () => IconClock,\n clearIcon: () => IconCircleClose,\n popperClass: '',\n valueOnClear: undefined,\n popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n const time = parseTime(props.start)\n return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n const time = parseTime(props.end)\n return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n const time = parseTime(props.step)\n return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n const time = parseTime(props.minTime || '')\n return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n const time = parseTime(props.maxTime || '')\n return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n const result: { value: string; disabled: boolean }[] = []\n const push = (formattedValue: string, rawValue: string) => {\n result.push({\n value: formattedValue,\n disabled:\n compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n compareTime(rawValue, maxTime.value || '100:100') >= 0,\n })\n }\n\n if (props.start && props.end && props.step) {\n let current = start.value\n let currentTime: string\n while (current && end.value && compareTime(current, end.value) <= 0) {\n currentTime = dayjs(current, 'HH:mm')\n .locale(lang.value)\n .format(props.format)\n push(currentTime, current)\n current = nextTime(current, step.value!)\n }\n if (\n props.includeEndTime &&\n end.value &&\n result[result.length - 1]?.value !== end.value\n ) {\n const formattedValue = dayjs(end.value, 'HH:mm')\n .locale(lang.value)\n .format(props.format)\n push(formattedValue, end.value)\n }\n }\n return result\n})\n\nconst blur = () => {\n select.value?.blur?.()\n}\n\nconst focus = () => {\n select.value?.focus?.()\n}\n\ndefineExpose({\n /**\n * @description blur the Input component\n */\n blur,\n /**\n * @description focus the Input component\n */\n focus,\n})\n</script>\n"],"names":["ElSelect","useNamespace","ref","useFormDisabled","useLocale","computed","parseTime","formatTime","compareTime","nextTime","_createBlock","_unref","event","$emit","UPDATE_MODEL_EVENT","CHANGE_EVENT","ElIcon","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}
|