@element-plus/nightly 0.0.20240714 → 0.0.20240715
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/dist/index.full.js +8 -4
- package/dist/index.full.min.js +3 -3
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +3 -3
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +8 -4
- 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/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/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/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/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/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-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/cascader/index.d.ts +8 -0
- package/es/components/cascader/src/cascader.d.ts +1 -0
- package/es/components/cascader/src/cascader.mjs +4 -0
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader.vue.d.ts +4 -0
- package/es/components/cascader/src/cascader2.mjs +2 -2
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/countdown/index.mjs +2 -2
- package/es/components/countdown/src/countdown.mjs +23 -74
- package/es/components/countdown/src/countdown.mjs.map +1 -1
- package/es/components/countdown/src/countdown2.mjs +74 -23
- package/es/components/countdown/src/countdown2.mjs.map +1 -1
- package/es/components/descriptions/index.mjs +2 -2
- package/es/components/descriptions/src/description.mjs +25 -112
- package/es/components/descriptions/src/description.mjs.map +1 -1
- package/es/components/descriptions/src/description2.mjs +112 -25
- package/es/components/descriptions/src/description2.mjs.map +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +17 -35
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +35 -17
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/index.mjs +5 -5
- package/es/components/pagination/src/components/jumper.mjs +9 -60
- package/es/components/pagination/src/components/jumper.mjs.map +1 -1
- package/es/components/pagination/src/components/jumper2.mjs +60 -9
- package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
- package/es/components/pagination/src/components/prev.mjs +18 -38
- package/es/components/pagination/src/components/prev.mjs.map +1 -1
- package/es/components/pagination/src/components/prev2.mjs +38 -18
- package/es/components/pagination/src/components/prev2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +2 -2
- package/es/components/slider/src/button.mjs +93 -21
- package/es/components/slider/src/button.mjs.map +1 -1
- package/es/components/slider/src/button2.mjs +21 -93
- package/es/components/slider/src/button2.mjs.map +1 -1
- package/es/components/slider/src/slider2.mjs +1 -1
- package/es/components/steps/index.mjs +2 -2
- package/es/components/steps/src/item.mjs +191 -19
- package/es/components/steps/src/item.mjs.map +1 -1
- package/es/components/steps/src/item2.mjs +19 -191
- package/es/components/steps/src/item2.mjs.map +1 -1
- package/es/components/switch/index.mjs +2 -2
- package/es/components/switch/src/switch.mjs +242 -85
- package/es/components/switch/src/switch.mjs.map +1 -1
- package/es/components/switch/src/switch2.mjs +85 -242
- package/es/components/switch/src/switch2.mjs.map +1 -1
- package/es/components/tooltip-v2/index.mjs +1 -1
- package/es/components/tooltip-v2/src/arrow.mjs +37 -22
- package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
- package/es/components/tooltip-v2/src/arrow2.mjs +22 -37
- package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +1 -1
- package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
- package/es/index.mjs +5 -5
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/cascader/index.d.ts +8 -0
- package/lib/components/cascader/src/cascader.d.ts +1 -0
- package/lib/components/cascader/src/cascader.js +4 -0
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader.vue.d.ts +4 -0
- package/lib/components/cascader/src/cascader2.js +2 -2
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/countdown/index.js +2 -2
- package/lib/components/countdown/src/countdown.js +24 -74
- package/lib/components/countdown/src/countdown.js.map +1 -1
- package/lib/components/countdown/src/countdown2.js +74 -24
- package/lib/components/countdown/src/countdown2.js.map +1 -1
- package/lib/components/descriptions/index.js +2 -2
- package/lib/components/descriptions/src/description.js +25 -112
- package/lib/components/descriptions/src/description.js.map +1 -1
- package/lib/components/descriptions/src/description2.js +112 -25
- package/lib/components/descriptions/src/description2.js.map +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +17 -35
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +35 -17
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/index.js +5 -5
- package/lib/components/pagination/src/components/jumper.js +9 -60
- package/lib/components/pagination/src/components/jumper.js.map +1 -1
- package/lib/components/pagination/src/components/jumper2.js +60 -9
- package/lib/components/pagination/src/components/jumper2.js.map +1 -1
- package/lib/components/pagination/src/components/prev.js +19 -38
- package/lib/components/pagination/src/components/prev.js.map +1 -1
- package/lib/components/pagination/src/components/prev2.js +38 -19
- package/lib/components/pagination/src/components/prev2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +2 -2
- package/lib/components/slider/src/button.js +93 -22
- package/lib/components/slider/src/button.js.map +1 -1
- package/lib/components/slider/src/button2.js +22 -93
- package/lib/components/slider/src/button2.js.map +1 -1
- package/lib/components/slider/src/slider2.js +1 -1
- package/lib/components/steps/index.js +2 -2
- package/lib/components/steps/src/item.js +191 -19
- package/lib/components/steps/src/item.js.map +1 -1
- package/lib/components/steps/src/item2.js +19 -191
- package/lib/components/steps/src/item2.js.map +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/switch/src/switch.js +241 -85
- package/lib/components/switch/src/switch.js.map +1 -1
- package/lib/components/switch/src/switch2.js +85 -241
- package/lib/components/switch/src/switch2.js.map +1 -1
- package/lib/components/tooltip-v2/index.js +1 -1
- package/lib/components/tooltip-v2/src/arrow.js +37 -23
- package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
- package/lib/components/tooltip-v2/src/arrow2.js +23 -37
- package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +1 -1
- package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
- package/lib/index.js +5 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/tags.json +1 -1
- package/theme-chalk/base.css +1 -1
- package/theme-chalk/el-anchor-link.css +1 -1
- package/theme-chalk/el-autocomplete.css +1 -1
- package/theme-chalk/el-badge.css +1 -1
- package/theme-chalk/el-button-group.css +1 -1
- package/theme-chalk/el-button.css +1 -1
- package/theme-chalk/el-card.css +1 -1
- package/theme-chalk/el-cascader-panel.css +1 -1
- package/theme-chalk/el-cascader.css +1 -1
- package/theme-chalk/el-checkbox-button.css +1 -1
- package/theme-chalk/el-checkbox.css +1 -1
- package/theme-chalk/el-date-picker.css +1 -1
- package/theme-chalk/el-dialog.css +1 -1
- package/theme-chalk/el-dropdown.css +1 -1
- package/theme-chalk/el-empty.css +1 -1
- package/theme-chalk/el-icon.css +1 -1
- package/theme-chalk/el-image-viewer.css +1 -1
- package/theme-chalk/el-input-number.css +1 -1
- package/theme-chalk/el-input.css +1 -1
- package/theme-chalk/el-link.css +1 -1
- package/theme-chalk/el-loading.css +1 -1
- package/theme-chalk/el-message-box.css +1 -1
- package/theme-chalk/el-message.css +1 -1
- package/theme-chalk/el-pagination.css +1 -1
- package/theme-chalk/el-popper.css +1 -1
- package/theme-chalk/el-progress.css +1 -1
- package/theme-chalk/el-radio-button.css +1 -1
- package/theme-chalk/el-radio.css +1 -1
- package/theme-chalk/el-select-v2.css +1 -1
- package/theme-chalk/el-select.css +1 -1
- package/theme-chalk/el-skeleton.css +1 -1
- package/theme-chalk/el-slider.css +1 -1
- package/theme-chalk/el-spinner.css +1 -1
- package/theme-chalk/el-step.css +1 -1
- package/theme-chalk/el-switch.css +1 -1
- package/theme-chalk/el-table-v2.css +1 -1
- package/theme-chalk/el-table.css +1 -1
- package/theme-chalk/el-tabs.css +1 -1
- package/theme-chalk/el-time-picker.css +1 -1
- package/theme-chalk/el-time-select.css +1 -1
- package/theme-chalk/el-tooltip-v2.css +1 -1
- package/theme-chalk/el-upload.css +1 -1
- package/theme-chalk/el-var.css +1 -1
- package/theme-chalk/el-virtual-list.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/radio-button.scss +26 -22
- package/web-types.json +1 -1
|
@@ -1,65 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../../
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { paginationJumperProps } from './jumper2.mjs';
|
|
6
|
-
import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
-
import { useLocale } from '../../../../hooks/use-locale/index.mjs';
|
|
8
|
-
import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../../utils/index.mjs';
|
|
2
|
+
import '../../../../constants/index.mjs';
|
|
3
|
+
import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
|
|
4
|
+
import { componentSizes } from '../../../../constants/size.mjs';
|
|
9
5
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
-
...__default__,
|
|
16
|
-
props: paginationJumperProps,
|
|
17
|
-
setup(__props) {
|
|
18
|
-
const { t } = useLocale();
|
|
19
|
-
const ns = useNamespace("pagination");
|
|
20
|
-
const { pageCount, disabled, currentPage, changeEvent } = usePagination();
|
|
21
|
-
const userInput = ref();
|
|
22
|
-
const innerValue = computed(() => {
|
|
23
|
-
var _a;
|
|
24
|
-
return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
|
|
25
|
-
});
|
|
26
|
-
function handleInput(val) {
|
|
27
|
-
userInput.value = val ? +val : "";
|
|
28
|
-
}
|
|
29
|
-
function handleChange(val) {
|
|
30
|
-
val = Math.trunc(+val);
|
|
31
|
-
changeEvent == null ? void 0 : changeEvent(val);
|
|
32
|
-
userInput.value = void 0;
|
|
33
|
-
}
|
|
34
|
-
return (_ctx, _cache) => {
|
|
35
|
-
return openBlock(), createElementBlock("span", {
|
|
36
|
-
class: normalizeClass(unref(ns).e("jump")),
|
|
37
|
-
disabled: unref(disabled)
|
|
38
|
-
}, [
|
|
39
|
-
createElementVNode("span", {
|
|
40
|
-
class: normalizeClass([unref(ns).e("goto")])
|
|
41
|
-
}, toDisplayString(unref(t)("el.pagination.goto")), 3),
|
|
42
|
-
createVNode(unref(ElInput), {
|
|
43
|
-
size: _ctx.size,
|
|
44
|
-
class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
|
|
45
|
-
min: 1,
|
|
46
|
-
max: unref(pageCount),
|
|
47
|
-
disabled: unref(disabled),
|
|
48
|
-
"model-value": unref(innerValue),
|
|
49
|
-
"validate-event": false,
|
|
50
|
-
"aria-label": unref(t)("el.pagination.page"),
|
|
51
|
-
type: "number",
|
|
52
|
-
"onUpdate:modelValue": handleInput,
|
|
53
|
-
onChange: handleChange
|
|
54
|
-
}, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
|
|
55
|
-
createElementVNode("span", {
|
|
56
|
-
class: normalizeClass([unref(ns).e("classifier")])
|
|
57
|
-
}, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
|
|
58
|
-
], 10, _hoisted_1);
|
|
59
|
-
};
|
|
6
|
+
const paginationJumperProps = buildProps({
|
|
7
|
+
size: {
|
|
8
|
+
type: String,
|
|
9
|
+
values: componentSizes
|
|
60
10
|
}
|
|
61
11
|
});
|
|
62
|
-
var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "jumper.vue"]]);
|
|
63
12
|
|
|
64
|
-
export {
|
|
13
|
+
export { paginationJumperProps };
|
|
65
14
|
//# sourceMappingURL=jumper.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.
|
|
1
|
+
{"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Jumper from './jumper.vue'\n\nexport const paginationJumperProps = buildProps({\n size: {\n type: String,\n values: componentSizes,\n },\n} as const)\n\nexport type PaginationJumperProps = ExtractPropTypes<\n typeof paginationJumperProps\n>\n\nexport type PaginationJumperInstance = InstanceType<typeof Jumper>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
|
|
@@ -1,14 +1,65 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import '../../../../
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
|
|
2
|
+
import '../../../../hooks/index.mjs';
|
|
3
|
+
import { ElInput } from '../../../input/index.mjs';
|
|
4
|
+
import { usePagination } from '../usePagination.mjs';
|
|
5
|
+
import { paginationJumperProps } from './jumper.mjs';
|
|
6
|
+
import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
+
import { useLocale } from '../../../../hooks/use-locale/index.mjs';
|
|
8
|
+
import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
|
|
5
9
|
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
const _hoisted_1 = ["disabled"];
|
|
11
|
+
const __default__ = defineComponent({
|
|
12
|
+
name: "ElPaginationJumper"
|
|
13
|
+
});
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
+
...__default__,
|
|
16
|
+
props: paginationJumperProps,
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const { t } = useLocale();
|
|
19
|
+
const ns = useNamespace("pagination");
|
|
20
|
+
const { pageCount, disabled, currentPage, changeEvent } = usePagination();
|
|
21
|
+
const userInput = ref();
|
|
22
|
+
const innerValue = computed(() => {
|
|
23
|
+
var _a;
|
|
24
|
+
return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
|
|
25
|
+
});
|
|
26
|
+
function handleInput(val) {
|
|
27
|
+
userInput.value = val ? +val : "";
|
|
28
|
+
}
|
|
29
|
+
function handleChange(val) {
|
|
30
|
+
val = Math.trunc(+val);
|
|
31
|
+
changeEvent == null ? void 0 : changeEvent(val);
|
|
32
|
+
userInput.value = void 0;
|
|
33
|
+
}
|
|
34
|
+
return (_ctx, _cache) => {
|
|
35
|
+
return openBlock(), createElementBlock("span", {
|
|
36
|
+
class: normalizeClass(unref(ns).e("jump")),
|
|
37
|
+
disabled: unref(disabled)
|
|
38
|
+
}, [
|
|
39
|
+
createElementVNode("span", {
|
|
40
|
+
class: normalizeClass([unref(ns).e("goto")])
|
|
41
|
+
}, toDisplayString(unref(t)("el.pagination.goto")), 3),
|
|
42
|
+
createVNode(unref(ElInput), {
|
|
43
|
+
size: _ctx.size,
|
|
44
|
+
class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
|
|
45
|
+
min: 1,
|
|
46
|
+
max: unref(pageCount),
|
|
47
|
+
disabled: unref(disabled),
|
|
48
|
+
"model-value": unref(innerValue),
|
|
49
|
+
"validate-event": false,
|
|
50
|
+
"aria-label": unref(t)("el.pagination.page"),
|
|
51
|
+
type: "number",
|
|
52
|
+
"onUpdate:modelValue": handleInput,
|
|
53
|
+
onChange: handleChange
|
|
54
|
+
}, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
|
|
55
|
+
createElementVNode("span", {
|
|
56
|
+
class: normalizeClass([unref(ns).e("classifier")])
|
|
57
|
+
}, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
|
|
58
|
+
], 10, _hoisted_1);
|
|
59
|
+
};
|
|
10
60
|
}
|
|
11
61
|
});
|
|
62
|
+
var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "jumper.vue"]]);
|
|
12
63
|
|
|
13
|
-
export {
|
|
64
|
+
export { Jumper as default };
|
|
14
65
|
//# sourceMappingURL=jumper2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.
|
|
1
|
+
{"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n <el-input\n :size=\"size\"\n :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n :min=\"1\"\n :max=\"pageCount\"\n :disabled=\"disabled\"\n :model-value=\"innerValue\"\n :validate-event=\"false\"\n :aria-label=\"t('el.pagination.page')\"\n type=\"number\"\n @update:model-value=\"handleInput\"\n @change=\"handleChange\"\n />\n <span :class=\"[ns.e('classifier')]\">{{\n t('el.pagination.pageClassifier')\n }}</span>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n val = Math.trunc(+val)\n changeEvent?.(val)\n userInput.value = undefined\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAGA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,WAAA,EAAa,gBAAgB,aAAc,EAAA,CAAA;AACxE,IAAA,MAAM,YAAY,GAAqB,EAAA,CAAA;AACvC,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM;AAElC,MAAA,IAAA,EAAA,CAAA;AACE,MAAU,OAAA,CAAA,EAAA,GAAA,SAAc,CAAA,KAAO,KAAA,IAAA,GAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,GAA4C,EAAA;AAC1C,MAAM,SAAA,CAAA,KAAW,GAAC,GAAG,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AACrB,KAAA;AACA,IAAA,SAAA,YAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,43 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../../
|
|
3
|
-
import {
|
|
4
|
-
import { paginationPrevProps, paginationPrevEmits } from './prev2.mjs';
|
|
5
|
-
import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
-
import { useLocale } from '../../../../hooks/use-locale/index.mjs';
|
|
1
|
+
import '../../../../utils/index.mjs';
|
|
2
|
+
import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
|
|
3
|
+
import { iconPropType } from '../../../../utils/vue/icon.mjs';
|
|
7
4
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const { t } = useLocale();
|
|
20
|
-
const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
|
|
21
|
-
return (_ctx, _cache) => {
|
|
22
|
-
return openBlock(), createElementBlock("button", {
|
|
23
|
-
type: "button",
|
|
24
|
-
class: "btn-prev",
|
|
25
|
-
disabled: unref(internalDisabled),
|
|
26
|
-
"aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
|
|
27
|
-
"aria-disabled": unref(internalDisabled),
|
|
28
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
|
|
29
|
-
}, [
|
|
30
|
-
_ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
|
|
31
|
-
default: withCtx(() => [
|
|
32
|
-
(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
|
|
33
|
-
]),
|
|
34
|
-
_: 1
|
|
35
|
-
}))
|
|
36
|
-
], 8, _hoisted_1);
|
|
37
|
-
};
|
|
5
|
+
const paginationPrevProps = buildProps({
|
|
6
|
+
disabled: Boolean,
|
|
7
|
+
currentPage: {
|
|
8
|
+
type: Number,
|
|
9
|
+
default: 1
|
|
10
|
+
},
|
|
11
|
+
prevText: {
|
|
12
|
+
type: String
|
|
13
|
+
},
|
|
14
|
+
prevIcon: {
|
|
15
|
+
type: iconPropType
|
|
38
16
|
}
|
|
39
17
|
});
|
|
40
|
-
|
|
18
|
+
const paginationPrevEmits = {
|
|
19
|
+
click: (evt) => evt instanceof MouseEvent
|
|
20
|
+
};
|
|
41
21
|
|
|
42
|
-
export {
|
|
22
|
+
export { paginationPrevEmits, paginationPrevProps };
|
|
43
23
|
//# sourceMappingURL=prev.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prev.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.
|
|
1
|
+
{"version":3,"file":"prev.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n disabled: Boolean,\n currentPage: {\n type: Number,\n default: 1,\n },\n prevText: {\n type: String,\n },\n prevIcon: {\n type: iconPropType,\n },\n} as const)\n\nexport const paginationPrevEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":[],"mappings":";;;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
|
|
@@ -1,23 +1,43 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
|
|
2
|
+
import '../../../../hooks/index.mjs';
|
|
3
|
+
import { ElIcon } from '../../../icon/index.mjs';
|
|
4
|
+
import { paginationPrevProps, paginationPrevEmits } from './prev.mjs';
|
|
5
|
+
import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
+
import { useLocale } from '../../../../hooks/use-locale/index.mjs';
|
|
4
7
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
|
|
9
|
+
const _hoisted_2 = { key: 0 };
|
|
10
|
+
const __default__ = defineComponent({
|
|
11
|
+
name: "ElPaginationPrev"
|
|
12
|
+
});
|
|
13
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
|
+
...__default__,
|
|
15
|
+
props: paginationPrevProps,
|
|
16
|
+
emits: paginationPrevEmits,
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const { t } = useLocale();
|
|
20
|
+
const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return openBlock(), createElementBlock("button", {
|
|
23
|
+
type: "button",
|
|
24
|
+
class: "btn-prev",
|
|
25
|
+
disabled: unref(internalDisabled),
|
|
26
|
+
"aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
|
|
27
|
+
"aria-disabled": unref(internalDisabled),
|
|
28
|
+
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
|
|
29
|
+
}, [
|
|
30
|
+
_ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
|
|
31
|
+
default: withCtx(() => [
|
|
32
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
|
|
33
|
+
]),
|
|
34
|
+
_: 1
|
|
35
|
+
}))
|
|
36
|
+
], 8, _hoisted_1);
|
|
37
|
+
};
|
|
16
38
|
}
|
|
17
39
|
});
|
|
18
|
-
|
|
19
|
-
click: (evt) => evt instanceof MouseEvent
|
|
20
|
-
};
|
|
40
|
+
var Prev = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "prev.vue"]]);
|
|
21
41
|
|
|
22
|
-
export {
|
|
42
|
+
export { Prev as default };
|
|
23
43
|
//# sourceMappingURL=prev2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prev2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.
|
|
1
|
+
{"version":3,"file":"prev2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n <button\n type=\"button\"\n class=\"btn-prev\"\n :disabled=\"internalDisabled\"\n :aria-label=\"prevText || t('el.pagination.prev')\"\n :aria-disabled=\"internalDisabled\"\n @click=\"$emit('click', $event)\"\n >\n <span v-if=\"prevText\">{{ prevText }}</span>\n <el-icon v-else>\n <component :is=\"prevIcon\" />\n </el-icon>\n </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,mBAAmB,QACvB,CAAA,MAAM,MAAM,QAAY,IAAA,KAAA,CAAM,eAAe,CAC/C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -3,10 +3,10 @@ import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
|
|
|
3
3
|
import '../../../utils/index.mjs';
|
|
4
4
|
import '../../../hooks/index.mjs';
|
|
5
5
|
import { elPaginationKey } from './constants.mjs';
|
|
6
|
-
import Prev from './components/
|
|
6
|
+
import Prev from './components/prev2.mjs';
|
|
7
7
|
import Next from './components/next2.mjs';
|
|
8
8
|
import Sizes from './components/sizes2.mjs';
|
|
9
|
-
import Jumper from './components/
|
|
9
|
+
import Jumper from './components/jumper2.mjs';
|
|
10
10
|
import Total from './components/total2.mjs';
|
|
11
11
|
import Pager from './components/pager2.mjs';
|
|
12
12
|
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
@@ -1,26 +1,98 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import '
|
|
3
|
-
import '../../../
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
1
|
+
import { defineComponent, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
|
|
2
|
+
import { ElTooltip } from '../../tooltip/index.mjs';
|
|
3
|
+
import '../../../hooks/index.mjs';
|
|
4
|
+
import './composables/index.mjs';
|
|
5
|
+
import { sliderButtonProps, sliderButtonEmits } from './button2.mjs';
|
|
6
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
7
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
8
|
+
import { useSliderButton } from './composables/use-slider-button.mjs';
|
|
7
9
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
10
|
+
const _hoisted_1 = ["tabindex"];
|
|
11
|
+
const __default__ = defineComponent({
|
|
12
|
+
name: "ElSliderButton"
|
|
13
|
+
});
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
+
...__default__,
|
|
16
|
+
props: sliderButtonProps,
|
|
17
|
+
emits: sliderButtonEmits,
|
|
18
|
+
setup(__props, { expose, emit }) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const ns = useNamespace("slider");
|
|
21
|
+
const initData = reactive({
|
|
22
|
+
hovering: false,
|
|
23
|
+
dragging: false,
|
|
24
|
+
isClick: false,
|
|
25
|
+
startX: 0,
|
|
26
|
+
currentX: 0,
|
|
27
|
+
startY: 0,
|
|
28
|
+
currentY: 0,
|
|
29
|
+
startPosition: 0,
|
|
30
|
+
newPosition: 0,
|
|
31
|
+
oldValue: props.modelValue
|
|
32
|
+
});
|
|
33
|
+
const {
|
|
34
|
+
disabled,
|
|
35
|
+
button,
|
|
36
|
+
tooltip,
|
|
37
|
+
showTooltip,
|
|
38
|
+
tooltipVisible,
|
|
39
|
+
wrapperStyle,
|
|
40
|
+
formatValue,
|
|
41
|
+
handleMouseEnter,
|
|
42
|
+
handleMouseLeave,
|
|
43
|
+
onButtonDown,
|
|
44
|
+
onKeyDown,
|
|
45
|
+
setPosition
|
|
46
|
+
} = useSliderButton(props, initData, emit);
|
|
47
|
+
const { hovering, dragging } = toRefs(initData);
|
|
48
|
+
expose({
|
|
49
|
+
onButtonDown,
|
|
50
|
+
onKeyDown,
|
|
51
|
+
setPosition,
|
|
52
|
+
hovering,
|
|
53
|
+
dragging
|
|
54
|
+
});
|
|
55
|
+
return (_ctx, _cache) => {
|
|
56
|
+
return openBlock(), createElementBlock("div", {
|
|
57
|
+
ref_key: "button",
|
|
58
|
+
ref: button,
|
|
59
|
+
class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
|
|
60
|
+
style: normalizeStyle(unref(wrapperStyle)),
|
|
61
|
+
tabindex: unref(disabled) ? -1 : 0,
|
|
62
|
+
onMouseenter: _cache[0] || (_cache[0] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
|
|
63
|
+
onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
|
|
64
|
+
onMousedown: _cache[2] || (_cache[2] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
|
|
65
|
+
onTouchstart: _cache[3] || (_cache[3] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
|
|
66
|
+
onFocus: _cache[4] || (_cache[4] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
|
|
67
|
+
onBlur: _cache[5] || (_cache[5] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
|
|
68
|
+
onKeydown: _cache[6] || (_cache[6] = (...args) => unref(onKeyDown) && unref(onKeyDown)(...args))
|
|
69
|
+
}, [
|
|
70
|
+
createVNode(unref(ElTooltip), {
|
|
71
|
+
ref_key: "tooltip",
|
|
72
|
+
ref: tooltip,
|
|
73
|
+
visible: unref(tooltipVisible),
|
|
74
|
+
placement: _ctx.placement,
|
|
75
|
+
"fallback-placements": ["top", "bottom", "right", "left"],
|
|
76
|
+
"stop-popper-mouse-event": false,
|
|
77
|
+
"popper-class": _ctx.tooltipClass,
|
|
78
|
+
disabled: !unref(showTooltip),
|
|
79
|
+
persistent: ""
|
|
80
|
+
}, {
|
|
81
|
+
content: withCtx(() => [
|
|
82
|
+
createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
|
|
83
|
+
]),
|
|
84
|
+
default: withCtx(() => [
|
|
85
|
+
createElementVNode("div", {
|
|
86
|
+
class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
|
|
87
|
+
}, null, 2)
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
}, 8, ["visible", "placement", "popper-class", "disabled"])
|
|
91
|
+
], 46, _hoisted_1);
|
|
92
|
+
};
|
|
19
93
|
}
|
|
20
94
|
});
|
|
21
|
-
|
|
22
|
-
[UPDATE_MODEL_EVENT]: (value) => isNumber(value)
|
|
23
|
-
};
|
|
95
|
+
var SliderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "button.vue"]]);
|
|
24
96
|
|
|
25
|
-
export {
|
|
97
|
+
export { SliderButton as default };
|
|
26
98
|
//# sourceMappingURL=button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.
|
|
1
|
+
{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n :class=\"[ns.e('button-wrapper'), { hover: hovering, dragging }]\"\n :style=\"wrapperStyle\"\n :tabindex=\"disabled ? -1 : 0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown=\"onKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n :visible=\"tooltipVisible\"\n :placement=\"placement\"\n :fallback-placements=\"['top', 'bottom', 'right', 'left']\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n persistent\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div :class=\"[ns.e('button'), { hover: hovering, dragging }]\" />\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, toRefs } from 'vue'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useSliderButton } from './composables'\nimport { sliderButtonEmits, sliderButtonProps } from './button'\nimport type { SliderButtonInitData } from './button'\n\ndefineOptions({\n name: 'ElSliderButton',\n})\n\nconst props = defineProps(sliderButtonProps)\nconst emit = defineEmits(sliderButtonEmits)\n\nconst ns = useNamespace('slider')\n\nconst initData = reactive<SliderButtonInitData>({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n})\n\nconst {\n disabled,\n button,\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onKeyDown,\n setPosition,\n} = useSliderButton(props, initData, emit)\n\nconst { hovering, dragging } = toRefs(initData)\n\ndefineExpose({\n onButtonDown,\n onKeyDown,\n setPosition,\n hovering,\n dragging,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAwCc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAA,MAAM,WAAW,QAA+B,CAAA;AAAA,MAC9C,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,KAAA;AAAA,MACV,OAAS,EAAA,KAAA;AAAA,MACT,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,CAAA;AAAA,MACV,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,CAAA;AAAA,MACb,UAAU,KAAM,CAAA,UAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,KACE,GAAA,eAAA,CAAgB,KAAO,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAEzC,IAAA,MAAM,EAAE,QAAA,EAAU,QAAa,EAAA,GAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAE9C,IAAa,MAAA,CAAA;AAAA,MACX,YAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,98 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import '../../../
|
|
4
|
-
import '
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
8
|
-
import { useSliderButton } from './composables/use-slider-button.mjs';
|
|
1
|
+
import { placements } from '@popperjs/core';
|
|
2
|
+
import '../../../utils/index.mjs';
|
|
3
|
+
import '../../../constants/index.mjs';
|
|
4
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
5
|
+
import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
|
|
6
|
+
import { isNumber } from '../../../utils/types.mjs';
|
|
9
7
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const initData = reactive({
|
|
22
|
-
hovering: false,
|
|
23
|
-
dragging: false,
|
|
24
|
-
isClick: false,
|
|
25
|
-
startX: 0,
|
|
26
|
-
currentX: 0,
|
|
27
|
-
startY: 0,
|
|
28
|
-
currentY: 0,
|
|
29
|
-
startPosition: 0,
|
|
30
|
-
newPosition: 0,
|
|
31
|
-
oldValue: props.modelValue
|
|
32
|
-
});
|
|
33
|
-
const {
|
|
34
|
-
disabled,
|
|
35
|
-
button,
|
|
36
|
-
tooltip,
|
|
37
|
-
showTooltip,
|
|
38
|
-
tooltipVisible,
|
|
39
|
-
wrapperStyle,
|
|
40
|
-
formatValue,
|
|
41
|
-
handleMouseEnter,
|
|
42
|
-
handleMouseLeave,
|
|
43
|
-
onButtonDown,
|
|
44
|
-
onKeyDown,
|
|
45
|
-
setPosition
|
|
46
|
-
} = useSliderButton(props, initData, emit);
|
|
47
|
-
const { hovering, dragging } = toRefs(initData);
|
|
48
|
-
expose({
|
|
49
|
-
onButtonDown,
|
|
50
|
-
onKeyDown,
|
|
51
|
-
setPosition,
|
|
52
|
-
hovering,
|
|
53
|
-
dragging
|
|
54
|
-
});
|
|
55
|
-
return (_ctx, _cache) => {
|
|
56
|
-
return openBlock(), createElementBlock("div", {
|
|
57
|
-
ref_key: "button",
|
|
58
|
-
ref: button,
|
|
59
|
-
class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
|
|
60
|
-
style: normalizeStyle(unref(wrapperStyle)),
|
|
61
|
-
tabindex: unref(disabled) ? -1 : 0,
|
|
62
|
-
onMouseenter: _cache[0] || (_cache[0] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
|
|
63
|
-
onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
|
|
64
|
-
onMousedown: _cache[2] || (_cache[2] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
|
|
65
|
-
onTouchstart: _cache[3] || (_cache[3] = (...args) => unref(onButtonDown) && unref(onButtonDown)(...args)),
|
|
66
|
-
onFocus: _cache[4] || (_cache[4] = (...args) => unref(handleMouseEnter) && unref(handleMouseEnter)(...args)),
|
|
67
|
-
onBlur: _cache[5] || (_cache[5] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args)),
|
|
68
|
-
onKeydown: _cache[6] || (_cache[6] = (...args) => unref(onKeyDown) && unref(onKeyDown)(...args))
|
|
69
|
-
}, [
|
|
70
|
-
createVNode(unref(ElTooltip), {
|
|
71
|
-
ref_key: "tooltip",
|
|
72
|
-
ref: tooltip,
|
|
73
|
-
visible: unref(tooltipVisible),
|
|
74
|
-
placement: _ctx.placement,
|
|
75
|
-
"fallback-placements": ["top", "bottom", "right", "left"],
|
|
76
|
-
"stop-popper-mouse-event": false,
|
|
77
|
-
"popper-class": _ctx.tooltipClass,
|
|
78
|
-
disabled: !unref(showTooltip),
|
|
79
|
-
persistent: ""
|
|
80
|
-
}, {
|
|
81
|
-
content: withCtx(() => [
|
|
82
|
-
createElementVNode("span", null, toDisplayString(unref(formatValue)), 1)
|
|
83
|
-
]),
|
|
84
|
-
default: withCtx(() => [
|
|
85
|
-
createElementVNode("div", {
|
|
86
|
-
class: normalizeClass([unref(ns).e("button"), { hover: unref(hovering), dragging: unref(dragging) }])
|
|
87
|
-
}, null, 2)
|
|
88
|
-
]),
|
|
89
|
-
_: 1
|
|
90
|
-
}, 8, ["visible", "placement", "popper-class", "disabled"])
|
|
91
|
-
], 46, _hoisted_1);
|
|
92
|
-
};
|
|
8
|
+
const sliderButtonProps = buildProps({
|
|
9
|
+
modelValue: {
|
|
10
|
+
type: Number,
|
|
11
|
+
default: 0
|
|
12
|
+
},
|
|
13
|
+
vertical: Boolean,
|
|
14
|
+
tooltipClass: String,
|
|
15
|
+
placement: {
|
|
16
|
+
type: String,
|
|
17
|
+
values: placements,
|
|
18
|
+
default: "top"
|
|
93
19
|
}
|
|
94
20
|
});
|
|
95
|
-
|
|
21
|
+
const sliderButtonEmits = {
|
|
22
|
+
[UPDATE_MODEL_EVENT]: (value) => isNumber(value)
|
|
23
|
+
};
|
|
96
24
|
|
|
97
|
-
export {
|
|
25
|
+
export { sliderButtonEmits, sliderButtonProps };
|
|
98
26
|
//# sourceMappingURL=button2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/slider/src/button.
|
|
1
|
+
{"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/slider/src/button.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes, Ref } from 'vue'\nimport type Button from './button.vue'\n\nexport const sliderButtonProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: Boolean,\n tooltipClass: String,\n placement: {\n type: String,\n values: placements,\n default: 'top',\n },\n} as const)\nexport type SliderButtonProps = ExtractPropTypes<typeof sliderButtonProps>\n\nexport const sliderButtonEmits = {\n [UPDATE_MODEL_EVENT]: (value: number) => isNumber(value),\n}\nexport type SliderButtonEmits = typeof sliderButtonEmits\n\nexport type SliderButtonInstance = InstanceType<typeof Button>\n\nexport type ButtonRefs = Record<\n 'firstButton' | 'secondButton',\n Ref<SliderButtonInstance | undefined>\n>\n\nexport interface SliderButtonInitData {\n hovering: boolean\n dragging: boolean\n isClick: boolean\n startX: number\n currentX: number\n startY: number\n currentY: number\n startPosition: number\n newPosition: number\n oldValue: number\n}\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,YAAY,EAAE,MAAM;AACtB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD;;;;"}
|