element-ps 2.0.28 → 2.0.29
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 +33 -0
- package/dist/index.full.min.js +5 -5
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +33 -0
- package/es/components/affix/index.d.ts +1 -1
- package/es/components/affix/index.mjs +2 -2
- package/es/components/affix/src/affix.mjs +82 -19
- package/es/components/affix/src/affix.mjs.map +1 -1
- package/es/components/affix/src/affix.vue.d.ts +1 -1
- package/es/components/affix/src/affix2.mjs +19 -82
- package/es/components/affix/src/affix2.mjs.map +1 -1
- package/es/components/autocomplete/index.d.ts +27 -27
- package/es/components/autocomplete/src/autocomplete.vue.d.ts +27 -27
- package/es/components/badge/index.d.ts +1 -1
- package/es/components/badge/src/badge.vue.d.ts +1 -1
- package/es/components/breadcrumb/index.mjs +2 -2
- package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -46
- package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs +46 -11
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
- package/es/components/calendar/index.mjs +2 -2
- package/es/components/calendar/src/calendar.mjs +9 -188
- package/es/components/calendar/src/calendar.mjs.map +1 -1
- package/es/components/calendar/src/calendar2.mjs +188 -9
- package/es/components/calendar/src/calendar2.mjs.map +1 -1
- package/es/components/calendar/src/date-table.mjs +27 -146
- package/es/components/calendar/src/date-table.mjs.map +1 -1
- package/es/components/calendar/src/date-table2.mjs +146 -27
- package/es/components/calendar/src/date-table2.mjs.map +1 -1
- package/es/components/card/index.mjs +2 -2
- package/es/components/card/src/card.mjs +15 -35
- package/es/components/card/src/card.mjs.map +1 -1
- package/es/components/card/src/card2.mjs +35 -15
- package/es/components/card/src/card2.mjs.map +1 -1
- package/es/components/carousel/index.d.ts +2 -2
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel.mjs +43 -201
- package/es/components/carousel/src/carousel.mjs.map +1 -1
- package/es/components/carousel/src/carousel.vue.d.ts +2 -2
- package/es/components/carousel/src/carousel2.mjs +201 -43
- package/es/components/carousel/src/carousel2.mjs.map +1 -1
- package/es/components/cascader/index.d.ts +12 -12
- package/es/components/cascader/src/index.mjs +1 -1
- package/es/components/cascader/src/index.vue.d.ts +6 -6
- package/es/components/cascader-panel/index.d.ts +2 -2
- package/es/components/cascader-panel/src/config.mjs +1 -1
- package/es/components/cascader-panel/src/index.mjs +1 -1
- package/es/components/cascader-panel/src/index.vue.d.ts +1 -1
- package/es/components/cascader-panel/src/menu.mjs +1 -1
- package/es/components/cascader-panel/src/node.mjs +200 -120
- package/es/components/cascader-panel/src/node.mjs.map +1 -1
- package/es/components/cascader-panel/src/node2.mjs +120 -200
- package/es/components/cascader-panel/src/node2.mjs.map +1 -1
- package/es/components/cascader-panel/src/store.mjs +1 -1
- package/es/components/check-tag/index.mjs +2 -2
- package/es/components/check-tag/src/check-tag.mjs +7 -20
- package/es/components/check-tag/src/check-tag.mjs.map +1 -1
- package/es/components/check-tag/src/check-tag2.mjs +20 -7
- package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
- package/es/components/col/index.d.ts +1 -1
- package/es/components/col/src/col.d.ts +1 -1
- package/es/components/date-picker/src/date-picker-com/basic-date-table.vue.d.ts +3 -3
- package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +1 -1
- package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
- package/es/components/date-picker/src/date-picker-com/panel-month-range.vue.d.ts +2 -2
- package/es/components/descriptions/index.d.ts +4 -4
- package/es/components/descriptions/src/description-item.d.ts +1 -1
- package/es/components/descriptions/src/index.vue.d.ts +2 -2
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +17 -34
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +34 -17
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/drawer/index.d.ts +1 -1
- package/es/components/drawer/index.mjs +2 -2
- package/es/components/drawer/src/drawer.mjs +117 -23
- package/es/components/drawer/src/drawer.mjs.map +1 -1
- package/es/components/drawer/src/drawer.vue.d.ts +1 -1
- package/es/components/drawer/src/drawer2.mjs +23 -117
- package/es/components/drawer/src/drawer2.mjs.map +1 -1
- package/es/components/dropdown/index.d.ts +5 -5
- package/es/components/dropdown/src/dropdown.d.ts +1 -1
- package/es/components/dropdown/src/dropdown.vue.d.ts +5 -5
- package/es/components/empty/index.d.ts +1 -1
- package/es/components/empty/index.mjs +2 -2
- package/es/components/empty/src/empty.mjs +11 -56
- package/es/components/empty/src/empty.mjs.map +1 -1
- package/es/components/empty/src/empty.vue.d.ts +1 -1
- package/es/components/empty/src/empty2.mjs +56 -11
- package/es/components/empty/src/empty2.mjs.map +1 -1
- package/es/components/form/index.mjs +4 -4
- package/es/components/form/src/form-item.mjs +46 -177
- package/es/components/form/src/form-item.mjs.map +1 -1
- package/es/components/form/src/form-item2.mjs +177 -46
- package/es/components/form/src/form-item2.mjs.map +1 -1
- package/es/components/form/src/form.mjs +40 -45
- package/es/components/form/src/form.mjs.map +1 -1
- package/es/components/form/src/form2.mjs +45 -40
- package/es/components/form/src/form2.mjs.map +1 -1
- package/es/components/image/index.d.ts +4 -4
- package/es/components/image/src/image.d.ts +1 -1
- package/es/components/image/src/image.vue.d.ts +4 -4
- package/es/components/index.mjs +30 -30
- package/es/components/input/index.d.ts +2 -2
- package/es/components/input/index.mjs +2 -2
- package/es/components/input/src/input.mjs +85 -295
- package/es/components/input/src/input.mjs.map +1 -1
- package/es/components/input/src/input.vue.d.ts +2 -2
- package/es/components/input/src/input2.mjs +295 -85
- package/es/components/input/src/input2.mjs.map +1 -1
- package/es/components/input-number/index.d.ts +4 -4
- package/es/components/input-number/src/input-number.vue.d.ts +4 -4
- package/es/components/menu/index.d.ts +3 -3
- package/es/components/menu/index.mjs +4 -4
- package/es/components/menu/src/menu-item-group.mjs +56 -4
- package/es/components/menu/src/menu-item-group.mjs.map +1 -1
- package/es/components/menu/src/menu-item-group2.mjs +4 -56
- package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
- package/es/components/menu/src/menu-item.mjs +15 -65
- package/es/components/menu/src/menu-item.mjs.map +1 -1
- package/es/components/menu/src/menu-item2.mjs +65 -15
- package/es/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/components/menu/src/menu.d.ts +4 -4
- package/es/components/pagination/index.d.ts +1 -1
- package/es/components/pagination/src/pagination.d.ts +1 -1
- package/es/components/popconfirm/index.d.ts +3 -3
- package/es/components/popconfirm/index.mjs +2 -2
- package/es/components/popconfirm/src/popconfirm.mjs +53 -20
- package/es/components/popconfirm/src/popconfirm.mjs.map +1 -1
- package/es/components/popconfirm/src/popconfirm.vue.d.ts +3 -3
- package/es/components/popconfirm/src/popconfirm2.mjs +20 -53
- package/es/components/popconfirm/src/popconfirm2.mjs.map +1 -1
- package/es/components/popover/index.d.ts +18 -18
- package/es/components/popover/src/index.vue.d.ts +9 -9
- package/es/components/popover/src/popover.d.ts +1 -1
- package/es/components/popper/index.mjs +4 -4
- package/es/components/popper/src/arrow.mjs +31 -7
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +7 -31
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/popper/src/content.vue.d.ts +3 -3
- package/es/components/popper/src/popper.mjs +20 -27
- package/es/components/popper/src/popper.mjs.map +1 -1
- package/es/components/popper/src/popper2.mjs +27 -20
- package/es/components/popper/src/popper2.mjs.map +1 -1
- package/es/components/popper/src/utils.d.ts +1 -1
- package/es/components/radio/index.mjs +4 -4
- package/es/components/radio/src/radio-button.mjs +9 -80
- package/es/components/radio/src/radio-button.mjs.map +1 -1
- package/es/components/radio/src/radio-button2.mjs +80 -9
- package/es/components/radio/src/radio-button2.mjs.map +1 -1
- package/es/components/radio/src/radio-group.mjs +37 -18
- package/es/components/radio/src/radio-group.mjs.map +1 -1
- package/es/components/radio/src/radio-group2.mjs +18 -37
- package/es/components/radio/src/radio-group2.mjs.map +1 -1
- package/es/components/rate/index.mjs +2 -2
- package/es/components/rate/src/rate.mjs +169 -84
- package/es/components/rate/src/rate.mjs.map +1 -1
- package/es/components/rate/src/rate2.mjs +84 -169
- package/es/components/rate/src/rate2.mjs.map +1 -1
- package/es/components/row/index.d.ts +3 -3
- package/es/components/row/src/row.d.ts +4 -4
- package/es/components/scrollbar/index.d.ts +1 -1
- package/es/components/scrollbar/index.mjs +2 -2
- package/es/components/scrollbar/src/bar.mjs +22 -35
- package/es/components/scrollbar/src/bar.mjs.map +1 -1
- package/es/components/scrollbar/src/bar.vue.d.ts +1 -1
- package/es/components/scrollbar/src/bar2.mjs +35 -22
- package/es/components/scrollbar/src/bar2.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar.mjs +42 -112
- package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar.vue.d.ts +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +112 -42
- package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
- package/es/components/select/index.d.ts +23 -23
- package/es/components/select/src/select.mjs +1 -1
- package/es/components/select/src/select.vue.d.ts +23 -23
- package/es/components/select/src/useSelect.d.ts +22 -22
- package/es/components/select-v2/index.d.ts +48 -48
- package/es/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/es/components/select-v2/src/select.vue.d.ts +24 -24
- package/es/components/select-v2/src/useSelect.d.ts +22 -22
- package/es/components/skeleton/index.d.ts +9 -9
- package/es/components/skeleton/index.mjs +2 -2
- package/es/components/skeleton/src/skeleton-item.d.ts +1 -1
- package/es/components/skeleton/src/skeleton-item.vue.d.ts +3 -3
- package/es/components/skeleton/src/skeleton.mjs +22 -49
- package/es/components/skeleton/src/skeleton.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton.vue.d.ts +3 -3
- package/es/components/skeleton/src/skeleton2.mjs +49 -22
- package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
- package/es/components/space/index.d.ts +2 -2
- package/es/components/space/src/space.d.ts +2 -2
- package/es/components/steps/index.d.ts +1 -1
- package/es/components/steps/src/index.vue.d.ts +1 -1
- package/es/components/switch/index.d.ts +2 -2
- package/es/components/switch/index.mjs +2 -2
- package/es/components/switch/src/switch.mjs +81 -176
- package/es/components/switch/src/switch.mjs.map +1 -1
- package/es/components/switch/src/switch.vue.d.ts +2 -2
- package/es/components/switch/src/switch2.mjs +176 -81
- package/es/components/switch/src/switch2.mjs.map +1 -1
- package/es/components/table/index.d.ts +2 -2
- package/es/components/table/src/filter-panel.vue.d.ts +22 -22
- package/es/components/table/src/table.vue.d.ts +2 -2
- package/es/components/tabs/index.mjs +1 -1
- package/es/components/tabs/src/tab-bar.mjs +7 -76
- package/es/components/tabs/src/tab-bar.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar2.mjs +76 -7
- package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
- package/es/components/tabs/src/tab-nav.mjs +1 -1
- package/es/components/tabs/src/tabs.mjs +10 -1
- package/es/components/tabs/src/tabs.mjs.map +1 -1
- package/es/components/tag/index.mjs +2 -2
- package/es/components/tag/src/tag.mjs +81 -33
- package/es/components/tag/src/tag.mjs.map +1 -1
- package/es/components/tag/src/tag2.mjs +33 -81
- package/es/components/tag/src/tag2.mjs.map +1 -1
- package/es/components/time-picker/src/common/picker.vue.d.ts +22 -22
- package/es/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts +1 -1
- package/es/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts +1 -1
- package/es/components/time-picker/src/time-picker-com/useTimePicker.d.ts +2 -2
- package/es/components/time-select/index.d.ts +6 -6
- package/es/components/time-select/src/time-select.vue.d.ts +3 -3
- package/es/components/timeline/index.d.ts +2 -2
- package/es/components/timeline/src/timeline-item.vue.d.ts +1 -1
- package/es/components/tooltip/index.d.ts +11 -11
- package/es/components/tooltip/src/tooltip.d.ts +1 -1
- package/es/components/tooltip/src/tooltip.mjs +1 -1
- package/es/components/tooltip/src/tooltip.vue.d.ts +11 -11
- package/es/components/tooltip/src/trigger.vue.d.ts +3 -3
- package/es/components/tooltip-v2/index.d.ts +47 -47
- package/es/components/tooltip-v2/index.mjs +1 -1
- package/es/components/tooltip-v2/src/arrow.mjs +22 -38
- package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
- package/es/components/tooltip-v2/src/arrow.vue.d.ts +2 -2
- package/es/components/tooltip-v2/src/arrow2.mjs +38 -22
- package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/content.d.ts +1 -1
- package/es/components/tooltip-v2/src/content.vue.d.ts +6 -6
- package/es/components/tooltip-v2/src/tooltip.d.ts +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
- package/es/components/tooltip-v2/src/tooltip.vue.d.ts +47 -47
- package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
- package/es/components/upload/index.mjs +5 -5
- package/es/components/upload/src/upload-content.mjs +15 -46
- package/es/components/upload/src/upload-content.mjs.map +1 -1
- package/es/components/upload/src/upload-content2.mjs +46 -15
- package/es/components/upload/src/upload-content2.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger.mjs +11 -32
- package/es/components/upload/src/upload-dragger.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger2.mjs +32 -11
- package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
- package/es/components/upload/src/upload-list.mjs +26 -155
- package/es/components/upload/src/upload-list.mjs.map +1 -1
- package/es/components/upload/src/upload-list2.mjs +155 -26
- package/es/components/upload/src/upload-list2.mjs.map +1 -1
- package/es/components/upload/src/upload.mjs +99 -106
- package/es/components/upload/src/upload.mjs.map +1 -1
- package/es/components/upload/src/upload2.mjs +106 -99
- package/es/components/upload/src/upload2.mjs.map +1 -1
- package/es/components/virtual-list/src/builders/build-grid.d.ts +1 -1
- package/es/components/virtual-list/src/builders/build-list.d.ts +2 -2
- package/es/components/virtual-list/src/components/dynamic-size-grid.d.ts +1 -1
- package/es/components/virtual-list/src/components/dynamic-size-list.d.ts +2 -2
- package/es/components/virtual-list/src/components/fixed-size-grid.d.ts +1 -1
- package/es/components/virtual-list/src/components/fixed-size-list.d.ts +2 -2
- package/es/index.mjs +30 -30
- package/es/utils/vue/vnode.d.ts +6 -6
- package/lib/components/affix/index.d.ts +1 -1
- package/lib/components/affix/index.js +2 -2
- package/lib/components/affix/src/affix.js +82 -19
- package/lib/components/affix/src/affix.js.map +1 -1
- package/lib/components/affix/src/affix.vue.d.ts +1 -1
- package/lib/components/affix/src/affix2.js +19 -82
- package/lib/components/affix/src/affix2.js.map +1 -1
- package/lib/components/autocomplete/index.d.ts +27 -27
- package/lib/components/autocomplete/src/autocomplete.vue.d.ts +27 -27
- package/lib/components/badge/index.d.ts +1 -1
- package/lib/components/badge/src/badge.vue.d.ts +1 -1
- package/lib/components/breadcrumb/index.js +2 -2
- package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -46
- package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb-item2.js +46 -11
- package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
- package/lib/components/calendar/index.js +2 -2
- package/lib/components/calendar/src/calendar.js +9 -192
- package/lib/components/calendar/src/calendar.js.map +1 -1
- package/lib/components/calendar/src/calendar2.js +192 -9
- package/lib/components/calendar/src/calendar2.js.map +1 -1
- package/lib/components/calendar/src/date-table.js +30 -151
- package/lib/components/calendar/src/date-table.js.map +1 -1
- package/lib/components/calendar/src/date-table2.js +151 -30
- package/lib/components/calendar/src/date-table2.js.map +1 -1
- package/lib/components/card/index.js +2 -2
- package/lib/components/card/src/card.js +15 -35
- package/lib/components/card/src/card.js.map +1 -1
- package/lib/components/card/src/card2.js +35 -15
- package/lib/components/card/src/card2.js.map +1 -1
- package/lib/components/carousel/index.d.ts +2 -2
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel.js +43 -201
- package/lib/components/carousel/src/carousel.js.map +1 -1
- package/lib/components/carousel/src/carousel.vue.d.ts +2 -2
- package/lib/components/carousel/src/carousel2.js +201 -43
- package/lib/components/carousel/src/carousel2.js.map +1 -1
- package/lib/components/cascader/index.d.ts +12 -12
- package/lib/components/cascader/src/index.js +1 -1
- package/lib/components/cascader/src/index.vue.d.ts +6 -6
- package/lib/components/cascader-panel/index.d.ts +2 -2
- package/lib/components/cascader-panel/src/config.js +1 -1
- package/lib/components/cascader-panel/src/index.js +1 -1
- package/lib/components/cascader-panel/src/index.vue.d.ts +1 -1
- package/lib/components/cascader-panel/src/menu.js +1 -1
- package/lib/components/cascader-panel/src/node.js +200 -121
- package/lib/components/cascader-panel/src/node.js.map +1 -1
- package/lib/components/cascader-panel/src/node2.js +121 -200
- package/lib/components/cascader-panel/src/node2.js.map +1 -1
- package/lib/components/cascader-panel/src/store.js +1 -1
- package/lib/components/check-tag/index.js +2 -2
- package/lib/components/check-tag/src/check-tag.js +7 -20
- package/lib/components/check-tag/src/check-tag.js.map +1 -1
- package/lib/components/check-tag/src/check-tag2.js +20 -7
- package/lib/components/check-tag/src/check-tag2.js.map +1 -1
- package/lib/components/col/index.d.ts +1 -1
- package/lib/components/col/src/col.d.ts +1 -1
- package/lib/components/date-picker/src/date-picker-com/basic-date-table.vue.d.ts +3 -3
- package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts +1 -1
- package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts +2 -2
- package/lib/components/date-picker/src/date-picker-com/panel-month-range.vue.d.ts +2 -2
- package/lib/components/descriptions/index.d.ts +4 -4
- package/lib/components/descriptions/src/description-item.d.ts +1 -1
- package/lib/components/descriptions/src/index.vue.d.ts +2 -2
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +17 -34
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +34 -17
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/drawer/index.d.ts +1 -1
- package/lib/components/drawer/index.js +2 -2
- package/lib/components/drawer/src/drawer.js +117 -23
- package/lib/components/drawer/src/drawer.js.map +1 -1
- package/lib/components/drawer/src/drawer.vue.d.ts +1 -1
- package/lib/components/drawer/src/drawer2.js +23 -117
- package/lib/components/drawer/src/drawer2.js.map +1 -1
- package/lib/components/dropdown/index.d.ts +5 -5
- package/lib/components/dropdown/src/dropdown.d.ts +1 -1
- package/lib/components/dropdown/src/dropdown.vue.d.ts +5 -5
- package/lib/components/empty/index.d.ts +1 -1
- package/lib/components/empty/index.js +2 -2
- package/lib/components/empty/src/empty.js +11 -56
- package/lib/components/empty/src/empty.js.map +1 -1
- package/lib/components/empty/src/empty.vue.d.ts +1 -1
- package/lib/components/empty/src/empty2.js +56 -11
- package/lib/components/empty/src/empty2.js.map +1 -1
- package/lib/components/form/index.js +4 -4
- package/lib/components/form/src/form-item.js +47 -177
- package/lib/components/form/src/form-item.js.map +1 -1
- package/lib/components/form/src/form-item2.js +177 -47
- package/lib/components/form/src/form-item2.js.map +1 -1
- package/lib/components/form/src/form.js +40 -45
- package/lib/components/form/src/form.js.map +1 -1
- package/lib/components/form/src/form2.js +45 -40
- package/lib/components/form/src/form2.js.map +1 -1
- package/lib/components/image/index.d.ts +4 -4
- package/lib/components/image/src/image.d.ts +1 -1
- package/lib/components/image/src/image.vue.d.ts +4 -4
- package/lib/components/index.js +30 -30
- package/lib/components/input/index.d.ts +2 -2
- package/lib/components/input/index.js +2 -2
- package/lib/components/input/src/input.js +84 -294
- package/lib/components/input/src/input.js.map +1 -1
- package/lib/components/input/src/input.vue.d.ts +2 -2
- package/lib/components/input/src/input2.js +294 -84
- package/lib/components/input/src/input2.js.map +1 -1
- package/lib/components/input-number/index.d.ts +4 -4
- package/lib/components/input-number/src/input-number.vue.d.ts +4 -4
- package/lib/components/menu/index.d.ts +3 -3
- package/lib/components/menu/index.js +4 -4
- package/lib/components/menu/src/menu-item-group.js +56 -4
- package/lib/components/menu/src/menu-item-group.js.map +1 -1
- package/lib/components/menu/src/menu-item-group2.js +4 -56
- package/lib/components/menu/src/menu-item-group2.js.map +1 -1
- package/lib/components/menu/src/menu-item.js +16 -65
- package/lib/components/menu/src/menu-item.js.map +1 -1
- package/lib/components/menu/src/menu-item2.js +65 -16
- package/lib/components/menu/src/menu-item2.js.map +1 -1
- package/lib/components/menu/src/menu.d.ts +4 -4
- package/lib/components/pagination/index.d.ts +1 -1
- package/lib/components/pagination/src/pagination.d.ts +1 -1
- package/lib/components/popconfirm/index.d.ts +3 -3
- package/lib/components/popconfirm/index.js +2 -2
- package/lib/components/popconfirm/src/popconfirm.js +53 -20
- package/lib/components/popconfirm/src/popconfirm.js.map +1 -1
- package/lib/components/popconfirm/src/popconfirm.vue.d.ts +3 -3
- package/lib/components/popconfirm/src/popconfirm2.js +20 -53
- package/lib/components/popconfirm/src/popconfirm2.js.map +1 -1
- package/lib/components/popover/index.d.ts +18 -18
- package/lib/components/popover/src/index.vue.d.ts +9 -9
- package/lib/components/popover/src/popover.d.ts +1 -1
- package/lib/components/popper/index.js +4 -4
- package/lib/components/popper/src/arrow.js +31 -7
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +7 -31
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/popper/src/content.vue.d.ts +3 -3
- package/lib/components/popper/src/popper.js +21 -27
- package/lib/components/popper/src/popper.js.map +1 -1
- package/lib/components/popper/src/popper2.js +27 -21
- package/lib/components/popper/src/popper2.js.map +1 -1
- package/lib/components/popper/src/utils.d.ts +1 -1
- package/lib/components/radio/index.js +4 -4
- package/lib/components/radio/src/radio-button.js +8 -79
- package/lib/components/radio/src/radio-button.js.map +1 -1
- package/lib/components/radio/src/radio-button2.js +79 -8
- package/lib/components/radio/src/radio-button2.js.map +1 -1
- package/lib/components/radio/src/radio-group.js +37 -18
- package/lib/components/radio/src/radio-group.js.map +1 -1
- package/lib/components/radio/src/radio-group2.js +18 -37
- package/lib/components/radio/src/radio-group2.js.map +1 -1
- package/lib/components/rate/index.js +2 -2
- package/lib/components/rate/src/rate.js +169 -84
- package/lib/components/rate/src/rate.js.map +1 -1
- package/lib/components/rate/src/rate2.js +84 -169
- package/lib/components/rate/src/rate2.js.map +1 -1
- package/lib/components/row/index.d.ts +3 -3
- package/lib/components/row/src/row.d.ts +4 -4
- package/lib/components/scrollbar/index.d.ts +1 -1
- package/lib/components/scrollbar/index.js +2 -2
- package/lib/components/scrollbar/src/bar.js +22 -35
- package/lib/components/scrollbar/src/bar.js.map +1 -1
- package/lib/components/scrollbar/src/bar.vue.d.ts +1 -1
- package/lib/components/scrollbar/src/bar2.js +35 -22
- package/lib/components/scrollbar/src/bar2.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar.js +42 -112
- package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar.vue.d.ts +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +112 -42
- package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
- package/lib/components/select/index.d.ts +23 -23
- package/lib/components/select/src/select.js +1 -1
- package/lib/components/select/src/select.vue.d.ts +23 -23
- package/lib/components/select/src/useSelect.d.ts +22 -22
- package/lib/components/select-v2/index.d.ts +48 -48
- package/lib/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/lib/components/select-v2/src/select.vue.d.ts +24 -24
- package/lib/components/select-v2/src/useSelect.d.ts +22 -22
- package/lib/components/skeleton/index.d.ts +9 -9
- package/lib/components/skeleton/index.js +2 -2
- package/lib/components/skeleton/src/skeleton-item.d.ts +1 -1
- package/lib/components/skeleton/src/skeleton-item.vue.d.ts +3 -3
- package/lib/components/skeleton/src/skeleton.js +22 -49
- package/lib/components/skeleton/src/skeleton.js.map +1 -1
- package/lib/components/skeleton/src/skeleton.vue.d.ts +3 -3
- package/lib/components/skeleton/src/skeleton2.js +49 -22
- package/lib/components/skeleton/src/skeleton2.js.map +1 -1
- package/lib/components/space/index.d.ts +2 -2
- package/lib/components/space/src/space.d.ts +2 -2
- package/lib/components/steps/index.d.ts +1 -1
- package/lib/components/steps/src/index.vue.d.ts +1 -1
- package/lib/components/switch/index.d.ts +2 -2
- package/lib/components/switch/index.js +2 -2
- package/lib/components/switch/src/switch.js +81 -176
- package/lib/components/switch/src/switch.js.map +1 -1
- package/lib/components/switch/src/switch.vue.d.ts +2 -2
- package/lib/components/switch/src/switch2.js +176 -81
- package/lib/components/switch/src/switch2.js.map +1 -1
- package/lib/components/table/index.d.ts +2 -2
- package/lib/components/table/src/filter-panel.vue.d.ts +22 -22
- package/lib/components/table/src/table.vue.d.ts +2 -2
- package/lib/components/tabs/index.js +1 -1
- package/lib/components/tabs/src/tab-bar.js +7 -76
- package/lib/components/tabs/src/tab-bar.js.map +1 -1
- package/lib/components/tabs/src/tab-bar2.js +76 -7
- package/lib/components/tabs/src/tab-bar2.js.map +1 -1
- package/lib/components/tabs/src/tab-nav.js +1 -1
- package/lib/components/tabs/src/tabs.js +9 -0
- package/lib/components/tabs/src/tabs.js.map +1 -1
- package/lib/components/tag/index.js +2 -2
- package/lib/components/tag/src/tag.js +81 -34
- package/lib/components/tag/src/tag.js.map +1 -1
- package/lib/components/tag/src/tag2.js +34 -81
- package/lib/components/tag/src/tag2.js.map +1 -1
- package/lib/components/time-picker/src/common/picker.vue.d.ts +22 -22
- package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts +1 -1
- package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts +1 -1
- package/lib/components/time-picker/src/time-picker-com/useTimePicker.d.ts +2 -2
- package/lib/components/time-select/index.d.ts +6 -6
- package/lib/components/time-select/src/time-select.vue.d.ts +3 -3
- package/lib/components/timeline/index.d.ts +2 -2
- package/lib/components/timeline/src/timeline-item.vue.d.ts +1 -1
- package/lib/components/tooltip/index.d.ts +11 -11
- package/lib/components/tooltip/src/tooltip.d.ts +1 -1
- package/lib/components/tooltip/src/tooltip.js +1 -1
- package/lib/components/tooltip/src/tooltip.vue.d.ts +11 -11
- package/lib/components/tooltip/src/trigger.vue.d.ts +3 -3
- package/lib/components/tooltip-v2/index.d.ts +47 -47
- package/lib/components/tooltip-v2/index.js +1 -1
- package/lib/components/tooltip-v2/src/arrow.js +23 -38
- package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
- package/lib/components/tooltip-v2/src/arrow.vue.d.ts +2 -2
- package/lib/components/tooltip-v2/src/arrow2.js +38 -23
- package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
- package/lib/components/tooltip-v2/src/content.d.ts +1 -1
- package/lib/components/tooltip-v2/src/content.vue.d.ts +6 -6
- package/lib/components/tooltip-v2/src/tooltip.d.ts +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +1 -1
- package/lib/components/tooltip-v2/src/tooltip.vue.d.ts +47 -47
- package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
- package/lib/components/upload/index.js +5 -5
- package/lib/components/upload/src/upload-content.js +15 -46
- package/lib/components/upload/src/upload-content.js.map +1 -1
- package/lib/components/upload/src/upload-content2.js +46 -15
- package/lib/components/upload/src/upload-content2.js.map +1 -1
- package/lib/components/upload/src/upload-dragger.js +12 -32
- package/lib/components/upload/src/upload-dragger.js.map +1 -1
- package/lib/components/upload/src/upload-dragger2.js +32 -12
- package/lib/components/upload/src/upload-dragger2.js.map +1 -1
- package/lib/components/upload/src/upload-list.js +27 -155
- package/lib/components/upload/src/upload-list.js.map +1 -1
- package/lib/components/upload/src/upload-list2.js +155 -27
- package/lib/components/upload/src/upload-list2.js.map +1 -1
- package/lib/components/upload/src/upload.js +99 -109
- package/lib/components/upload/src/upload.js.map +1 -1
- package/lib/components/upload/src/upload2.js +109 -99
- package/lib/components/upload/src/upload2.js.map +1 -1
- package/lib/components/virtual-list/src/builders/build-grid.d.ts +1 -1
- package/lib/components/virtual-list/src/builders/build-list.d.ts +2 -2
- package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts +1 -1
- package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts +2 -2
- package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts +1 -1
- package/lib/components/virtual-list/src/components/fixed-size-list.d.ts +2 -2
- package/lib/index.js +30 -30
- package/lib/utils/vue/vnode.d.ts +6 -6
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-table2.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.
|
|
1
|
+
{"version":3,"file":"date-table2.mjs","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n <table\n :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n cellspacing=\"0\"\n cellpadding=\"0\"\n >\n <thead v-if=\"!hideHeader\">\n <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n </thead>\n\n <tbody>\n <tr\n v-for=\"(row, index) in rows\"\n :key=\"index\"\n :class=\"{\n [nsTable.e('row')]: true,\n [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n }\"\n >\n <td\n v-for=\"(cell, key) in row\"\n :key=\"key\"\n :class=\"getCellClass(cell)\"\n >\n <div :class=\"nsDay.b()\">\n <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n <span>{{ cell.text }}</span>\n </slot>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData.js'\nimport { useLocale, useNamespace } from '@element-ps/hooks'\nimport { rangeArr } from '@element-ps/components/time-picker'\nimport { WEEK_DAYS } from '@element-ps/constants'\nimport {\n dateTableProps,\n getMonthDays,\n getPrevMonthLastDays,\n toNestedArr,\n} from './date-table'\nimport type { CalendarDateCell, CalendarDateCellType } from './date-table'\nimport type { Dayjs } from 'dayjs'\n\ndayjs.extend(localeData)\n\ndefineOptions({\n name: 'DateTable',\n})\n\nconst props = defineProps(dateTableProps)\n\nconst { t, lang } = useLocale()\nconst nsTable = useNamespace('calendar-table')\nconst nsDay = useNamespace('calendar-day')\n\nconst now = dayjs().locale(lang.value)\n// todo better way to get Day.js locale object\nconst firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\nconst isInRange = computed(() => !!props.range && !!props.range.length)\n\nconst rows = computed(() => {\n let days: CalendarDateCell[] = []\n if (isInRange.value) {\n const [start, end] = props.range!\n const currentMonthRange: CalendarDateCell[] = rangeArr(\n end.date() - start.date() + 1\n ).map((index) => ({\n text: start.date() + index,\n type: 'current',\n }))\n\n let remaining = currentMonthRange.length % 7\n remaining = remaining === 0 ? 0 : 7 - remaining\n const nextMonthRange: CalendarDateCell[] = rangeArr(remaining).map(\n (_, index) => ({\n text: index + 1,\n type: 'next',\n })\n )\n days = currentMonthRange.concat(nextMonthRange)\n } else {\n const firstDay = props.date.startOf('month').day()\n const prevMonthDays: CalendarDateCell[] = getPrevMonthLastDays(\n props.date,\n firstDay - firstDayOfWeek\n ).map((day) => ({\n text: day,\n type: 'prev',\n }))\n const currentMonthDays: CalendarDateCell[] = getMonthDays(props.date).map(\n (day) => ({\n text: day,\n type: 'current',\n })\n )\n days = [...prevMonthDays, ...currentMonthDays]\n const remaining = 7 - (days.length % 7 || 7)\n const nextMonthDays: CalendarDateCell[] = rangeArr(remaining).map(\n (_, index) => ({\n text: index + 1,\n type: 'next',\n })\n )\n days = days.concat(nextMonthDays)\n }\n return toNestedArr(days)\n})\n\nconst weekDays = computed(() => {\n const start = firstDayOfWeek\n if (start === 0) {\n return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n } else {\n return WEEK_DAYS.slice(start)\n .concat(WEEK_DAYS.slice(0, start))\n .map((_) => t(`el.datepicker.weeks.${_}`))\n }\n})\n\nconst getFormattedDate = (day: number, type: CalendarDateCellType): Dayjs => {\n switch (type) {\n case 'prev':\n return props.date.startOf('month').subtract(1, 'month').date(day)\n case 'next':\n return props.date.startOf('month').add(1, 'month').date(day)\n case 'current':\n return props.date.date(day)\n }\n}\n\nconst getCellClass = ({ text, type }: CalendarDateCell) => {\n const classes: string[] = [type]\n if (type === 'current') {\n const date = getFormattedDate(text, type)\n if (date.isSame(props.selectedDay, 'day')) {\n classes.push(nsDay.is('selected'))\n }\n if (date.isSame(now, 'day')) {\n classes.push(nsDay.is('today'))\n }\n }\n return classes\n}\n\nconst getSlotData = ({ text, type }: CalendarDateCell) => {\n const day = getFormattedDate(text, type)\n return {\n isSelected: day.isSame(props.selectedDay),\n type: `${type}-month`,\n day: day.format('YYYY-MM-DD'),\n date: day.toDate(),\n }\n}\n\ndefineExpose({\n /** @description toggle date panel */\n getFormattedDate,\n})\n</script>\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Card from './src/
|
|
3
|
-
export { cardProps } from './src/
|
|
2
|
+
import Card from './src/card2.mjs';
|
|
3
|
+
export { cardProps } from './src/card.mjs';
|
|
4
4
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
5
5
|
|
|
6
6
|
const PsCard = withInstall(Card);
|
|
@@ -1,40 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../
|
|
3
|
-
import { cardProps } from './card2.mjs';
|
|
4
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
5
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
|
|
6
3
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
_ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
|
|
20
|
-
key: 0,
|
|
21
|
-
class: normalizeClass(unref(ns).e("header"))
|
|
22
|
-
}, [
|
|
23
|
-
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
24
|
-
createTextVNode(toDisplayString(_ctx.header), 1)
|
|
25
|
-
])
|
|
26
|
-
], 2)) : createCommentVNode("v-if", true),
|
|
27
|
-
createElementVNode("div", {
|
|
28
|
-
class: normalizeClass(unref(ns).e("body")),
|
|
29
|
-
style: normalizeStyle(_ctx.bodyStyle)
|
|
30
|
-
}, [
|
|
31
|
-
renderSlot(_ctx.$slots, "default")
|
|
32
|
-
], 6)
|
|
33
|
-
], 2);
|
|
34
|
-
};
|
|
4
|
+
const cardProps = buildProps({
|
|
5
|
+
header: {
|
|
6
|
+
type: String,
|
|
7
|
+
default: ""
|
|
8
|
+
},
|
|
9
|
+
bodyStyle: {
|
|
10
|
+
type: definePropType([String, Object, Array]),
|
|
11
|
+
default: ""
|
|
12
|
+
},
|
|
13
|
+
shadow: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: "always"
|
|
35
16
|
}
|
|
36
17
|
});
|
|
37
|
-
var Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/card/src/card.vue"]]);
|
|
38
18
|
|
|
39
|
-
export {
|
|
19
|
+
export { cardProps };
|
|
40
20
|
//# sourceMappingURL=card.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.mjs","sources":["../../../../../../packages/components/card/src/card.
|
|
1
|
+
{"version":3,"file":"card.mjs","sources":["../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type Card from './card.vue'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const cardProps = buildProps({\n header: {\n type: String,\n default: '',\n },\n bodyStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n shadow: {\n type: String,\n default: 'always',\n },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\nexport type CardInstance = InstanceType<typeof Card>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}
|
|
@@ -1,20 +1,40 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import { cardProps } from './card.mjs';
|
|
4
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
5
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
3
6
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
const __default__ = {
|
|
8
|
+
name: "PsCard"
|
|
9
|
+
};
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
...__default__,
|
|
12
|
+
props: cardProps,
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const ns = useNamespace("card");
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createElementBlock("div", {
|
|
17
|
+
class: normalizeClass([unref(ns).b(), unref(ns).is(`${_ctx.shadow}-shadow`)])
|
|
18
|
+
}, [
|
|
19
|
+
_ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", {
|
|
20
|
+
key: 0,
|
|
21
|
+
class: normalizeClass(unref(ns).e("header"))
|
|
22
|
+
}, [
|
|
23
|
+
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
24
|
+
createTextVNode(toDisplayString(_ctx.header), 1)
|
|
25
|
+
])
|
|
26
|
+
], 2)) : createCommentVNode("v-if", true),
|
|
27
|
+
createElementVNode("div", {
|
|
28
|
+
class: normalizeClass(unref(ns).e("body")),
|
|
29
|
+
style: normalizeStyle(_ctx.bodyStyle)
|
|
30
|
+
}, [
|
|
31
|
+
renderSlot(_ctx.$slots, "default")
|
|
32
|
+
], 6)
|
|
33
|
+
], 2);
|
|
34
|
+
};
|
|
16
35
|
}
|
|
17
36
|
});
|
|
37
|
+
var Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/card/src/card.vue"]]);
|
|
18
38
|
|
|
19
|
-
export {
|
|
39
|
+
export { Card as default };
|
|
20
40
|
//# sourceMappingURL=card2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card2.mjs","sources":["../../../../../../packages/components/card/src/card.
|
|
1
|
+
{"version":3,"file":"card2.mjs","sources":["../../../../../../packages/components/card/src/card.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.is(`${shadow}-shadow`)]\">\n <div v-if=\"$slots.header || header\" :class=\"ns.e('header')\">\n <slot name=\"header\">{{ header }}</slot>\n </div>\n <div :class=\"ns.e('body')\" :style=\"bodyStyle\">\n <slot />\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-ps/hooks'\nimport { cardProps } from './card'\n\ndefineOptions({\n name: 'PsCard',\n})\n\ndefineProps(cardProps)\n\nconst ns = useNamespace('card')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -141,13 +141,13 @@ export declare const PsCarousel: import("element-ps/es/utils").SFCWithInstall<im
|
|
|
141
141
|
type: string;
|
|
142
142
|
trigger: string;
|
|
143
143
|
height: string;
|
|
144
|
-
|
|
144
|
+
arrow: string;
|
|
145
145
|
indicator: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
146
|
+
direction: string;
|
|
146
147
|
initialIndex: number;
|
|
147
148
|
autoplay: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
148
149
|
interval: number;
|
|
149
150
|
indicatorPosition: string;
|
|
150
|
-
arrow: string;
|
|
151
151
|
loop: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
152
152
|
pauseOnHover: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
153
153
|
}>> & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Carousel from './src/
|
|
2
|
+
import Carousel from './src/carousel2.mjs';
|
|
3
3
|
import CarouselItem from './src/carousel-item2.mjs';
|
|
4
|
-
export { carouselProps } from './src/
|
|
4
|
+
export { carouselProps } from './src/carousel.mjs';
|
|
5
5
|
export { carouselItemProps } from './src/carousel-item.mjs';
|
|
6
6
|
import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
|
|
7
7
|
|
|
@@ -1,208 +1,50 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, unref, shallowRef, onMounted, nextTick, onBeforeUnmount, provide, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
-
import { useResizeObserver } from '@vueuse/core';
|
|
3
1
|
import '../../../utils/index.mjs';
|
|
4
|
-
import {
|
|
5
|
-
import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
|
|
6
|
-
import '../../../hooks/index.mjs';
|
|
7
|
-
import '../../../tokens/index.mjs';
|
|
8
|
-
import { carouselProps } from './carousel2.mjs';
|
|
9
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
10
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
11
|
-
import { isString } from '@vue/shared';
|
|
12
|
-
import { debugWarn } from '../../../utils/error.mjs';
|
|
13
|
-
import { carouselContextKey } from '../../../tokens/carousel.mjs';
|
|
2
|
+
import { buildProps } from '../../../utils/vue/props.mjs';
|
|
14
3
|
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
return
|
|
52
|
-
});
|
|
53
|
-
const isCardType = computed(() => props.type === "card");
|
|
54
|
-
const isVertical = computed(() => props.direction === "vertical");
|
|
55
|
-
function pauseTimer() {
|
|
56
|
-
if (timer.value) {
|
|
57
|
-
clearInterval(timer.value);
|
|
58
|
-
timer.value = null;
|
|
59
|
-
}
|
|
4
|
+
const carouselProps = buildProps({
|
|
5
|
+
initialIndex: {
|
|
6
|
+
type: Number,
|
|
7
|
+
default: 0
|
|
8
|
+
},
|
|
9
|
+
height: { type: String, default: "" },
|
|
10
|
+
trigger: {
|
|
11
|
+
type: String,
|
|
12
|
+
default: "hover"
|
|
13
|
+
},
|
|
14
|
+
autoplay: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: true
|
|
17
|
+
},
|
|
18
|
+
interval: {
|
|
19
|
+
type: Number,
|
|
20
|
+
default: 3e3
|
|
21
|
+
},
|
|
22
|
+
indicatorPosition: { type: String, default: "" },
|
|
23
|
+
indicator: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: true
|
|
26
|
+
},
|
|
27
|
+
arrow: {
|
|
28
|
+
type: String,
|
|
29
|
+
default: "hover"
|
|
30
|
+
},
|
|
31
|
+
type: { type: String, default: "" },
|
|
32
|
+
loop: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: true
|
|
35
|
+
},
|
|
36
|
+
direction: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: "horizontal",
|
|
39
|
+
validator(val) {
|
|
40
|
+
return ["horizontal", "vertical"].includes(val);
|
|
60
41
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
const playSlides = () => {
|
|
67
|
-
if (activeIndex.value < items.value.length - 1) {
|
|
68
|
-
activeIndex.value = activeIndex.value + 1;
|
|
69
|
-
} else if (props.loop) {
|
|
70
|
-
activeIndex.value = 0;
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
function setActiveItem(index) {
|
|
74
|
-
if (isString(index)) {
|
|
75
|
-
const filteredItems = items.value.filter((item) => item.props.name === index);
|
|
76
|
-
if (filteredItems.length > 0) {
|
|
77
|
-
index = items.value.indexOf(filteredItems[0]);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
index = Number(index);
|
|
81
|
-
if (Number.isNaN(index) || index !== Math.floor(index)) {
|
|
82
|
-
debugWarn(COMPONENT_NAME, "index must be integer.");
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
const itemCount = items.value.length;
|
|
86
|
-
const oldIndex = activeIndex.value;
|
|
87
|
-
if (index < 0) {
|
|
88
|
-
activeIndex.value = props.loop ? itemCount - 1 : 0;
|
|
89
|
-
} else if (index >= itemCount) {
|
|
90
|
-
activeIndex.value = props.loop ? 0 : itemCount - 1;
|
|
91
|
-
} else {
|
|
92
|
-
activeIndex.value = index;
|
|
93
|
-
}
|
|
94
|
-
if (oldIndex === activeIndex.value) {
|
|
95
|
-
resetItemPosition(oldIndex);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
function resetItemPosition(oldIndex) {
|
|
99
|
-
items.value.forEach((item, index) => {
|
|
100
|
-
item.translateItem(index, activeIndex.value, oldIndex);
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
function addItem(item) {
|
|
104
|
-
items.value.push(item);
|
|
105
|
-
}
|
|
106
|
-
function removeItem(uid) {
|
|
107
|
-
const index = items.value.findIndex((item) => item.uid === uid);
|
|
108
|
-
if (index !== -1) {
|
|
109
|
-
items.value.splice(index, 1);
|
|
110
|
-
if (activeIndex.value === index)
|
|
111
|
-
next();
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
function next() {
|
|
115
|
-
setActiveItem(activeIndex.value + 1);
|
|
116
|
-
}
|
|
117
|
-
const resizeObserver = shallowRef();
|
|
118
|
-
onMounted(async () => {
|
|
119
|
-
await nextTick();
|
|
120
|
-
resizeObserver.value = useResizeObserver(root.value, () => {
|
|
121
|
-
resetItemPosition();
|
|
122
|
-
});
|
|
123
|
-
if (props.initialIndex < items.value.length && props.initialIndex >= 0) {
|
|
124
|
-
activeIndex.value = props.initialIndex;
|
|
125
|
-
}
|
|
126
|
-
startTimer();
|
|
127
|
-
});
|
|
128
|
-
onBeforeUnmount(() => {
|
|
129
|
-
pauseTimer();
|
|
130
|
-
if (root.value && resizeObserver.value)
|
|
131
|
-
resizeObserver.value.stop();
|
|
132
|
-
});
|
|
133
|
-
provide(carouselContextKey, {
|
|
134
|
-
root,
|
|
135
|
-
isCardType,
|
|
136
|
-
isVertical,
|
|
137
|
-
items,
|
|
138
|
-
loop: props.loop,
|
|
139
|
-
addItem,
|
|
140
|
-
removeItem,
|
|
141
|
-
setActiveItem
|
|
142
|
-
});
|
|
143
|
-
expose({
|
|
144
|
-
setActiveItem
|
|
145
|
-
});
|
|
146
|
-
return (_ctx, _cache) => {
|
|
147
|
-
return openBlock(), createElementBlock("div", {
|
|
148
|
-
ref_key: "root",
|
|
149
|
-
ref: root,
|
|
150
|
-
class: normalizeClass(unref(carouselClasses))
|
|
151
|
-
}, [
|
|
152
|
-
createElementVNode("div", {
|
|
153
|
-
class: normalizeClass(unref(ns).e("container")),
|
|
154
|
-
style: normalizeStyle({ height: _ctx.height })
|
|
155
|
-
}, [
|
|
156
|
-
createElementVNode("button", {
|
|
157
|
-
type: "button",
|
|
158
|
-
class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")])
|
|
159
|
-
}, [
|
|
160
|
-
createVNode(unref(PsIcon), null, {
|
|
161
|
-
default: withCtx(() => [
|
|
162
|
-
createVNode(unref(ArrowLeft))
|
|
163
|
-
]),
|
|
164
|
-
_: 1
|
|
165
|
-
})
|
|
166
|
-
], 2),
|
|
167
|
-
createElementVNode("button", {
|
|
168
|
-
type: "button",
|
|
169
|
-
class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")])
|
|
170
|
-
}, [
|
|
171
|
-
createVNode(unref(PsIcon), null, {
|
|
172
|
-
default: withCtx(() => [
|
|
173
|
-
createVNode(unref(ArrowRight))
|
|
174
|
-
]),
|
|
175
|
-
_: 1
|
|
176
|
-
})
|
|
177
|
-
], 2),
|
|
178
|
-
renderSlot(_ctx.$slots, "default")
|
|
179
|
-
], 6),
|
|
180
|
-
_ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
|
|
181
|
-
key: 0,
|
|
182
|
-
class: normalizeClass(unref(indicatorsClasses))
|
|
183
|
-
}, [
|
|
184
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
185
|
-
return openBlock(), createElementBlock("li", {
|
|
186
|
-
key: index,
|
|
187
|
-
class: normalizeClass([
|
|
188
|
-
unref(ns).e("indicator"),
|
|
189
|
-
unref(ns).em("indicator", _ctx.direction),
|
|
190
|
-
unref(ns).is("active", index === activeIndex.value)
|
|
191
|
-
])
|
|
192
|
-
}, [
|
|
193
|
-
createElementVNode("button", {
|
|
194
|
-
class: normalizeClass(unref(ns).e("button"))
|
|
195
|
-
}, [
|
|
196
|
-
unref(hasLabel) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.props.label), 1)) : createCommentVNode("v-if", true)
|
|
197
|
-
], 2)
|
|
198
|
-
], 2);
|
|
199
|
-
}), 128))
|
|
200
|
-
], 2)) : createCommentVNode("v-if", true)
|
|
201
|
-
], 2);
|
|
202
|
-
};
|
|
42
|
+
},
|
|
43
|
+
pauseOnHover: {
|
|
44
|
+
type: Boolean,
|
|
45
|
+
default: true
|
|
203
46
|
}
|
|
204
47
|
});
|
|
205
|
-
var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/carousel/src/carousel.vue"]]);
|
|
206
48
|
|
|
207
|
-
export {
|
|
49
|
+
export { carouselProps };
|
|
208
50
|
//# sourceMappingURL=carousel.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.vue"],"sourcesContent":["<template>\n <div\n ref=\"root\"\n :class=\"carouselClasses\"\n >\n <div :class=\"ns.e('container')\" :style=\"{ height: height }\">\n <button\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n >\n <PsIcon>\n <ArrowLeft />\n </PsIcon>\n </button>\n <button\n type=\"button\"\n :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n >\n <PsIcon>\n <ArrowRight />\n </PsIcon>\n </button>\n <slot />\n </div>\n <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n <li\n v-for=\"(item, index) in items\"\n :key=\"index\"\n :class=\"[\n ns.e('indicator'),\n ns.em('indicator', direction),\n ns.is('active', index === activeIndex),\n ]\"\n >\n <button :class=\"ns.e('button')\">\n <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n </button>\n </li>\n </ul>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n ref,\n shallowRef,\n unref,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { debugWarn, isString } from '@element-ps/utils'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { carouselContextKey } from '@element-ps/tokens'\nimport { carouselProps } from './carousel'\nimport type { CarouselItemContext } from '@element-ps/tokens'\n\ndefineOptions({\n name: 'PsCarousel',\n})\n\nconst props = defineProps(carouselProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'PsCarousel'\nconst THROTTLE_TIME = 300\n\n// refs\nconst activeIndex = ref(-1)\nconst timer = ref<ReturnType<typeof setInterval> | null>(null)\nconst hover = ref(false)\nconst root = ref<HTMLDivElement>()\nconst items = ref<Array<CarouselItemContext>>([])\n\n// computed\nconst arrowDisplay = computed(\n () => props.arrow !== 'never' && !unref(isVertical)\n)\n\nconst hasLabel = computed(() => {\n return items.value.some((item) => item.props.label.toString().length > 0)\n})\n\nconst carouselClasses = computed(() => {\n const classes = [ns.b(), ns.m(props.direction)]\n if (unref(isCardType)) {\n classes.push(ns.m('card'))\n }\n return classes\n})\n\nconst indicatorsClasses = computed(() => {\n const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n if (hasLabel.value) {\n classes.push(ns.em('indicators', 'labels'))\n }\n if (props.indicatorPosition === 'outside' || unref(isCardType)) {\n classes.push(ns.em('indicators', 'outside'))\n }\n return classes\n})\n\nconst isCardType = computed(() => props.type === 'card')\nconst isVertical = computed(() => props.direction === 'vertical')\n\nfunction pauseTimer() {\n if (timer.value) {\n clearInterval(timer.value)\n timer.value = null\n }\n}\n\nfunction startTimer() {\n if (props.interval <= 0 || !props.autoplay || timer.value) return\n timer.value = setInterval(() => playSlides(), props.interval)\n}\n\nconst playSlides = () => {\n if (activeIndex.value < items.value.length - 1) {\n activeIndex.value = activeIndex.value + 1\n } else if (props.loop) {\n activeIndex.value = 0\n }\n}\n\nfunction setActiveItem(index: number | string) {\n if (isString(index)) {\n const filteredItems = items.value.filter(\n (item) => item.props.name === index\n )\n if (filteredItems.length > 0) {\n index = items.value.indexOf(filteredItems[0])\n }\n }\n index = Number(index)\n if (Number.isNaN(index) || index !== Math.floor(index)) {\n debugWarn(COMPONENT_NAME, 'index must be integer.')\n return\n }\n const itemCount = items.value.length\n const oldIndex = activeIndex.value\n if (index < 0) {\n activeIndex.value = props.loop ? itemCount - 1 : 0\n } else if (index >= itemCount) {\n activeIndex.value = props.loop ? 0 : itemCount - 1\n } else {\n activeIndex.value = index\n }\n if (oldIndex === activeIndex.value) {\n resetItemPosition(oldIndex)\n }\n}\n\nfunction resetItemPosition(oldIndex?: number) {\n items.value.forEach((item, index) => {\n item.translateItem(index, activeIndex.value, oldIndex)\n })\n}\n\nfunction addItem(item: CarouselItemContext) {\n items.value.push(item)\n}\n\nfunction removeItem(uid?: number) {\n const index = items.value.findIndex((item) => item.uid === uid)\n if (index !== -1) {\n items.value.splice(index, 1)\n if (activeIndex.value === index) next()\n }\n}\n\nfunction next() {\n setActiveItem(activeIndex.value + 1)\n}\n\nconst resizeObserver = shallowRef<ReturnType<typeof useResizeObserver>>()\n// lifecycle\nonMounted(async () => {\n await nextTick()\n\n resizeObserver.value = useResizeObserver(root.value, () => {\n resetItemPosition()\n })\n if (props.initialIndex < items.value.length && props.initialIndex >= 0) {\n activeIndex.value = props.initialIndex\n }\n startTimer()\n})\n\nonBeforeUnmount(() => {\n pauseTimer()\n if (root.value && resizeObserver.value) resizeObserver.value.stop()\n})\n\n// provide\nprovide(carouselContextKey, {\n root,\n isCardType,\n isVertical,\n items,\n loop: props.loop,\n addItem,\n removeItem,\n setActiveItem,\n})\n\ndefineExpose({\n /** @description manually switch slide */\n setActiveItem,\n})\n</script>\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"carousel.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Carousel from './carousel.vue'\n\nexport const carouselProps = buildProps({\n initialIndex: {\n type: Number,\n default: 0,\n },\n height: { type: String, default: '' },\n trigger: {\n type: String,\n default: 'hover',\n },\n autoplay: {\n type: Boolean,\n default: true,\n },\n interval: {\n type: Number,\n default: 3000,\n },\n indicatorPosition: { type: String, default: '' },\n indicator: {\n type: Boolean,\n default: true,\n },\n arrow: {\n type: String,\n default: 'hover',\n },\n type: { type: String, default: '' },\n loop: {\n type: Boolean,\n default: true,\n },\n direction: {\n type: String,\n default: 'horizontal',\n validator(val: string) {\n return ['horizontal', 'vertical'].includes(val)\n },\n },\n pauseOnHover: {\n type: Boolean,\n default: true,\n },\n} as const)\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\n\nexport type CarouselInstance = InstanceType<typeof Carousel>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACvC,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AAClD,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,CAAC,GAAG,EAAE;AACnB,MAAM,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
|
|
@@ -142,13 +142,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
142
142
|
type: string;
|
|
143
143
|
trigger: string;
|
|
144
144
|
height: string;
|
|
145
|
-
|
|
145
|
+
arrow: string;
|
|
146
146
|
indicator: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
147
|
+
direction: string;
|
|
147
148
|
initialIndex: number;
|
|
148
149
|
autoplay: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
149
150
|
interval: number;
|
|
150
151
|
indicatorPosition: string;
|
|
151
|
-
arrow: string;
|
|
152
152
|
loop: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
153
153
|
pauseOnHover: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
|
|
154
154
|
}>;
|