@element-plus/nightly 0.0.20241125 → 0.0.20241126

Sign up to get free protection for your applications and to get access to all the features.
Files changed (299) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.full.js +3 -3
  3. package/dist/index.full.min.js +3 -3
  4. package/dist/index.full.min.js.map +1 -1
  5. package/dist/index.full.min.mjs +3 -3
  6. package/dist/index.full.min.mjs.map +1 -1
  7. package/dist/index.full.mjs +3 -3
  8. package/dist/locale/af.js +1 -1
  9. package/dist/locale/af.min.js +1 -1
  10. package/dist/locale/af.min.mjs +1 -1
  11. package/dist/locale/af.mjs +1 -1
  12. package/dist/locale/ar-eg.js +1 -1
  13. package/dist/locale/ar-eg.min.js +1 -1
  14. package/dist/locale/ar-eg.min.mjs +1 -1
  15. package/dist/locale/ar-eg.mjs +1 -1
  16. package/dist/locale/ar.js +1 -1
  17. package/dist/locale/ar.min.js +1 -1
  18. package/dist/locale/ar.min.mjs +1 -1
  19. package/dist/locale/ar.mjs +1 -1
  20. package/dist/locale/az.js +1 -1
  21. package/dist/locale/az.min.js +1 -1
  22. package/dist/locale/az.min.mjs +1 -1
  23. package/dist/locale/az.mjs +1 -1
  24. package/dist/locale/bg.js +1 -1
  25. package/dist/locale/bg.min.js +1 -1
  26. package/dist/locale/bg.min.mjs +1 -1
  27. package/dist/locale/bg.mjs +1 -1
  28. package/dist/locale/bn.js +1 -1
  29. package/dist/locale/bn.min.js +1 -1
  30. package/dist/locale/bn.min.mjs +1 -1
  31. package/dist/locale/bn.mjs +1 -1
  32. package/dist/locale/ca.js +1 -1
  33. package/dist/locale/ca.min.js +1 -1
  34. package/dist/locale/ca.min.mjs +1 -1
  35. package/dist/locale/ca.mjs +1 -1
  36. package/dist/locale/ckb.js +1 -1
  37. package/dist/locale/ckb.min.js +1 -1
  38. package/dist/locale/ckb.min.mjs +1 -1
  39. package/dist/locale/ckb.mjs +1 -1
  40. package/dist/locale/cs.js +1 -1
  41. package/dist/locale/cs.min.js +1 -1
  42. package/dist/locale/cs.min.mjs +1 -1
  43. package/dist/locale/cs.mjs +1 -1
  44. package/dist/locale/da.js +1 -1
  45. package/dist/locale/da.min.js +1 -1
  46. package/dist/locale/da.min.mjs +1 -1
  47. package/dist/locale/da.mjs +1 -1
  48. package/dist/locale/de.js +1 -1
  49. package/dist/locale/de.min.js +1 -1
  50. package/dist/locale/de.min.mjs +1 -1
  51. package/dist/locale/de.mjs +1 -1
  52. package/dist/locale/el.js +1 -1
  53. package/dist/locale/el.min.js +1 -1
  54. package/dist/locale/el.min.mjs +1 -1
  55. package/dist/locale/el.mjs +1 -1
  56. package/dist/locale/en.js +1 -1
  57. package/dist/locale/en.min.js +1 -1
  58. package/dist/locale/en.min.mjs +1 -1
  59. package/dist/locale/en.mjs +1 -1
  60. package/dist/locale/eo.js +1 -1
  61. package/dist/locale/eo.min.js +1 -1
  62. package/dist/locale/eo.min.mjs +1 -1
  63. package/dist/locale/eo.mjs +1 -1
  64. package/dist/locale/es.js +1 -1
  65. package/dist/locale/es.min.js +1 -1
  66. package/dist/locale/es.min.mjs +1 -1
  67. package/dist/locale/es.mjs +1 -1
  68. package/dist/locale/et.js +1 -1
  69. package/dist/locale/et.min.js +1 -1
  70. package/dist/locale/et.min.mjs +1 -1
  71. package/dist/locale/et.mjs +1 -1
  72. package/dist/locale/eu.js +1 -1
  73. package/dist/locale/eu.min.js +1 -1
  74. package/dist/locale/eu.min.mjs +1 -1
  75. package/dist/locale/eu.mjs +1 -1
  76. package/dist/locale/fa.js +1 -1
  77. package/dist/locale/fa.min.js +1 -1
  78. package/dist/locale/fa.min.mjs +1 -1
  79. package/dist/locale/fa.mjs +1 -1
  80. package/dist/locale/fi.js +1 -1
  81. package/dist/locale/fi.min.js +1 -1
  82. package/dist/locale/fi.min.mjs +1 -1
  83. package/dist/locale/fi.mjs +1 -1
  84. package/dist/locale/fr.js +1 -1
  85. package/dist/locale/fr.min.js +1 -1
  86. package/dist/locale/fr.min.mjs +1 -1
  87. package/dist/locale/fr.mjs +1 -1
  88. package/dist/locale/he.js +1 -1
  89. package/dist/locale/he.min.js +1 -1
  90. package/dist/locale/he.min.mjs +1 -1
  91. package/dist/locale/he.mjs +1 -1
  92. package/dist/locale/hr.js +1 -1
  93. package/dist/locale/hr.min.js +1 -1
  94. package/dist/locale/hr.min.mjs +1 -1
  95. package/dist/locale/hr.mjs +1 -1
  96. package/dist/locale/hu.js +1 -1
  97. package/dist/locale/hu.min.js +1 -1
  98. package/dist/locale/hu.min.mjs +1 -1
  99. package/dist/locale/hu.mjs +1 -1
  100. package/dist/locale/hy-am.js +1 -1
  101. package/dist/locale/hy-am.min.js +1 -1
  102. package/dist/locale/hy-am.min.mjs +1 -1
  103. package/dist/locale/hy-am.mjs +1 -1
  104. package/dist/locale/id.js +1 -1
  105. package/dist/locale/id.min.js +1 -1
  106. package/dist/locale/id.min.mjs +1 -1
  107. package/dist/locale/id.mjs +1 -1
  108. package/dist/locale/it.js +1 -1
  109. package/dist/locale/it.min.js +1 -1
  110. package/dist/locale/it.min.mjs +1 -1
  111. package/dist/locale/it.mjs +1 -1
  112. package/dist/locale/ja.js +1 -1
  113. package/dist/locale/ja.min.js +1 -1
  114. package/dist/locale/ja.min.mjs +1 -1
  115. package/dist/locale/ja.mjs +1 -1
  116. package/dist/locale/kk.js +1 -1
  117. package/dist/locale/kk.min.js +1 -1
  118. package/dist/locale/kk.min.mjs +1 -1
  119. package/dist/locale/kk.mjs +1 -1
  120. package/dist/locale/km.js +1 -1
  121. package/dist/locale/km.min.js +1 -1
  122. package/dist/locale/km.min.mjs +1 -1
  123. package/dist/locale/km.mjs +1 -1
  124. package/dist/locale/ko.js +1 -1
  125. package/dist/locale/ko.min.js +1 -1
  126. package/dist/locale/ko.min.mjs +1 -1
  127. package/dist/locale/ko.mjs +1 -1
  128. package/dist/locale/ku.js +1 -1
  129. package/dist/locale/ku.min.js +1 -1
  130. package/dist/locale/ku.min.mjs +1 -1
  131. package/dist/locale/ku.mjs +1 -1
  132. package/dist/locale/ky.js +1 -1
  133. package/dist/locale/ky.min.js +1 -1
  134. package/dist/locale/ky.min.mjs +1 -1
  135. package/dist/locale/ky.mjs +1 -1
  136. package/dist/locale/lt.js +1 -1
  137. package/dist/locale/lt.min.js +1 -1
  138. package/dist/locale/lt.min.mjs +1 -1
  139. package/dist/locale/lt.mjs +1 -1
  140. package/dist/locale/lv.js +1 -1
  141. package/dist/locale/lv.min.js +1 -1
  142. package/dist/locale/lv.min.mjs +1 -1
  143. package/dist/locale/lv.mjs +1 -1
  144. package/dist/locale/mg.js +1 -1
  145. package/dist/locale/mg.min.js +1 -1
  146. package/dist/locale/mg.min.mjs +1 -1
  147. package/dist/locale/mg.mjs +1 -1
  148. package/dist/locale/mn.js +1 -1
  149. package/dist/locale/mn.min.js +1 -1
  150. package/dist/locale/mn.min.mjs +1 -1
  151. package/dist/locale/mn.mjs +1 -1
  152. package/dist/locale/ms.js +1 -1
  153. package/dist/locale/ms.min.js +1 -1
  154. package/dist/locale/ms.min.mjs +1 -1
  155. package/dist/locale/ms.mjs +1 -1
  156. package/dist/locale/my.js +1 -1
  157. package/dist/locale/my.min.js +1 -1
  158. package/dist/locale/my.min.mjs +1 -1
  159. package/dist/locale/my.mjs +1 -1
  160. package/dist/locale/nb-no.js +1 -1
  161. package/dist/locale/nb-no.min.js +1 -1
  162. package/dist/locale/nb-no.min.mjs +1 -1
  163. package/dist/locale/nb-no.mjs +1 -1
  164. package/dist/locale/nl.js +1 -1
  165. package/dist/locale/nl.min.js +1 -1
  166. package/dist/locale/nl.min.mjs +1 -1
  167. package/dist/locale/nl.mjs +1 -1
  168. package/dist/locale/pa.js +1 -1
  169. package/dist/locale/pa.min.js +1 -1
  170. package/dist/locale/pa.min.mjs +1 -1
  171. package/dist/locale/pa.mjs +1 -1
  172. package/dist/locale/pl.js +1 -1
  173. package/dist/locale/pl.min.js +1 -1
  174. package/dist/locale/pl.min.mjs +1 -1
  175. package/dist/locale/pl.mjs +1 -1
  176. package/dist/locale/pt-br.js +1 -1
  177. package/dist/locale/pt-br.min.js +1 -1
  178. package/dist/locale/pt-br.min.mjs +1 -1
  179. package/dist/locale/pt-br.mjs +1 -1
  180. package/dist/locale/pt.js +1 -1
  181. package/dist/locale/pt.min.js +1 -1
  182. package/dist/locale/pt.min.mjs +1 -1
  183. package/dist/locale/pt.mjs +1 -1
  184. package/dist/locale/ro.js +1 -1
  185. package/dist/locale/ro.min.js +1 -1
  186. package/dist/locale/ro.min.mjs +1 -1
  187. package/dist/locale/ro.mjs +1 -1
  188. package/dist/locale/ru.js +1 -1
  189. package/dist/locale/ru.min.js +1 -1
  190. package/dist/locale/ru.min.mjs +1 -1
  191. package/dist/locale/ru.mjs +1 -1
  192. package/dist/locale/sk.js +1 -1
  193. package/dist/locale/sk.min.js +1 -1
  194. package/dist/locale/sk.min.mjs +1 -1
  195. package/dist/locale/sk.mjs +1 -1
  196. package/dist/locale/sl.js +1 -1
  197. package/dist/locale/sl.min.js +1 -1
  198. package/dist/locale/sl.min.mjs +1 -1
  199. package/dist/locale/sl.mjs +1 -1
  200. package/dist/locale/sr.js +1 -1
  201. package/dist/locale/sr.min.js +1 -1
  202. package/dist/locale/sr.min.mjs +1 -1
  203. package/dist/locale/sr.mjs +1 -1
  204. package/dist/locale/sv.js +1 -1
  205. package/dist/locale/sv.min.js +1 -1
  206. package/dist/locale/sv.min.mjs +1 -1
  207. package/dist/locale/sv.mjs +1 -1
  208. package/dist/locale/sw.js +1 -1
  209. package/dist/locale/sw.min.js +1 -1
  210. package/dist/locale/sw.min.mjs +1 -1
  211. package/dist/locale/sw.mjs +1 -1
  212. package/dist/locale/ta.js +1 -1
  213. package/dist/locale/ta.min.js +1 -1
  214. package/dist/locale/ta.min.mjs +1 -1
  215. package/dist/locale/ta.mjs +1 -1
  216. package/dist/locale/th.js +1 -1
  217. package/dist/locale/th.min.js +1 -1
  218. package/dist/locale/th.min.mjs +1 -1
  219. package/dist/locale/th.mjs +1 -1
  220. package/dist/locale/tk.js +1 -1
  221. package/dist/locale/tk.min.js +1 -1
  222. package/dist/locale/tk.min.mjs +1 -1
  223. package/dist/locale/tk.mjs +1 -1
  224. package/dist/locale/tr.js +1 -1
  225. package/dist/locale/tr.min.js +1 -1
  226. package/dist/locale/tr.min.mjs +1 -1
  227. package/dist/locale/tr.mjs +1 -1
  228. package/dist/locale/ug-cn.js +1 -1
  229. package/dist/locale/ug-cn.min.js +1 -1
  230. package/dist/locale/ug-cn.min.mjs +1 -1
  231. package/dist/locale/ug-cn.mjs +1 -1
  232. package/dist/locale/uk.js +1 -1
  233. package/dist/locale/uk.min.js +1 -1
  234. package/dist/locale/uk.min.mjs +1 -1
  235. package/dist/locale/uk.mjs +1 -1
  236. package/dist/locale/uz-uz.js +1 -1
  237. package/dist/locale/uz-uz.min.js +1 -1
  238. package/dist/locale/uz-uz.min.mjs +1 -1
  239. package/dist/locale/uz-uz.mjs +1 -1
  240. package/dist/locale/vi.js +1 -1
  241. package/dist/locale/vi.min.js +1 -1
  242. package/dist/locale/vi.min.mjs +1 -1
  243. package/dist/locale/vi.mjs +1 -1
  244. package/dist/locale/zh-cn.js +1 -1
  245. package/dist/locale/zh-cn.min.js +1 -1
  246. package/dist/locale/zh-cn.min.mjs +1 -1
  247. package/dist/locale/zh-cn.mjs +1 -1
  248. package/dist/locale/zh-tw.js +1 -1
  249. package/dist/locale/zh-tw.min.js +1 -1
  250. package/dist/locale/zh-tw.min.mjs +1 -1
  251. package/dist/locale/zh-tw.mjs +1 -1
  252. package/es/components/checkbox/index.mjs +2 -2
  253. package/es/components/checkbox/src/checkbox-button.mjs +1 -1
  254. package/es/components/checkbox/src/checkbox.mjs +61 -120
  255. package/es/components/checkbox/src/checkbox.mjs.map +1 -1
  256. package/es/components/checkbox/src/checkbox2.mjs +120 -61
  257. package/es/components/checkbox/src/checkbox2.mjs.map +1 -1
  258. package/es/components/index.mjs +1 -1
  259. package/es/components/pagination/src/components/pager.mjs +17 -210
  260. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  261. package/es/components/pagination/src/components/pager2.mjs +210 -17
  262. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  263. package/es/components/pagination/src/pagination.mjs +1 -1
  264. package/es/components/select/src/useSelect.mjs +1 -1
  265. package/es/components/select/src/useSelect.mjs.map +1 -1
  266. package/es/components/tour/src/mask.mjs +76 -19
  267. package/es/components/tour/src/mask.mjs.map +1 -1
  268. package/es/components/tour/src/mask2.mjs +19 -76
  269. package/es/components/tour/src/mask2.mjs.map +1 -1
  270. package/es/components/tour/src/tour2.mjs +1 -1
  271. package/es/index.mjs +1 -1
  272. package/es/version.d.ts +1 -1
  273. package/es/version.mjs +1 -1
  274. package/es/version.mjs.map +1 -1
  275. package/lib/components/checkbox/index.js +2 -2
  276. package/lib/components/checkbox/src/checkbox-button.js +1 -1
  277. package/lib/components/checkbox/src/checkbox.js +62 -120
  278. package/lib/components/checkbox/src/checkbox.js.map +1 -1
  279. package/lib/components/checkbox/src/checkbox2.js +120 -62
  280. package/lib/components/checkbox/src/checkbox2.js.map +1 -1
  281. package/lib/components/index.js +1 -1
  282. package/lib/components/pagination/src/components/pager.js +17 -210
  283. package/lib/components/pagination/src/components/pager.js.map +1 -1
  284. package/lib/components/pagination/src/components/pager2.js +210 -17
  285. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  286. package/lib/components/pagination/src/pagination.js +1 -1
  287. package/lib/components/select/src/useSelect.js +1 -1
  288. package/lib/components/select/src/useSelect.js.map +1 -1
  289. package/lib/components/tour/src/mask.js +76 -19
  290. package/lib/components/tour/src/mask.js.map +1 -1
  291. package/lib/components/tour/src/mask2.js +19 -76
  292. package/lib/components/tour/src/mask2.js.map +1 -1
  293. package/lib/components/tour/src/tour2.js +1 -1
  294. package/lib/index.js +1 -1
  295. package/lib/version.d.ts +1 -1
  296. package/lib/version.js +1 -1
  297. package/lib/version.js.map +1 -1
  298. package/package.json +2 -2
  299. package/web-types.json +1 -1
@@ -1,65 +1,124 @@
1
- import '../../../constants/index.mjs';
1
+ import { defineComponent, useSlots, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementVNode, withDirectives, createElementBlock, isRef, withModifiers, vModelCheckbox, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
2
  import '../../../hooks/index.mjs';
3
- import '../../../utils/index.mjs';
4
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
5
- import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
6
- import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
7
- import { isString } from '@vue/shared';
8
- import { isNumber, isBoolean } from '../../../utils/types.mjs';
3
+ import { checkboxProps, checkboxEmits } from './checkbox.mjs';
4
+ import './composables/index.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useCheckbox } from './composables/use-checkbox.mjs';
7
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
8
 
10
- const checkboxProps = {
11
- modelValue: {
12
- type: [Number, String, Boolean],
13
- default: void 0
14
- },
15
- label: {
16
- type: [String, Boolean, Number, Object],
17
- default: void 0
18
- },
19
- value: {
20
- type: [String, Boolean, Number, Object],
21
- default: void 0
22
- },
23
- indeterminate: Boolean,
24
- disabled: Boolean,
25
- checked: Boolean,
26
- name: {
27
- type: String,
28
- default: void 0
29
- },
30
- trueValue: {
31
- type: [String, Number],
32
- default: void 0
33
- },
34
- falseValue: {
35
- type: [String, Number],
36
- default: void 0
37
- },
38
- trueLabel: {
39
- type: [String, Number],
40
- default: void 0
41
- },
42
- falseLabel: {
43
- type: [String, Number],
44
- default: void 0
45
- },
46
- id: {
47
- type: String,
48
- default: void 0
49
- },
50
- border: Boolean,
51
- size: useSizeProp,
52
- tabindex: [String, Number],
53
- validateEvent: {
54
- type: Boolean,
55
- default: true
56
- },
57
- ...useAriaProps(["ariaControls"])
58
- };
59
- const checkboxEmits = {
60
- [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
61
- change: (val) => isString(val) || isNumber(val) || isBoolean(val)
62
- };
9
+ const __default__ = defineComponent({
10
+ name: "ElCheckbox"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: checkboxProps,
15
+ emits: checkboxEmits,
16
+ setup(__props) {
17
+ const props = __props;
18
+ const slots = useSlots();
19
+ const {
20
+ inputId,
21
+ isLabeledByFormItem,
22
+ isChecked,
23
+ isDisabled,
24
+ isFocused,
25
+ checkboxSize,
26
+ hasOwnLabel,
27
+ model,
28
+ actualValue,
29
+ handleChange,
30
+ onClickRoot
31
+ } = useCheckbox(props, slots);
32
+ const ns = useNamespace("checkbox");
33
+ const compKls = computed(() => {
34
+ return [
35
+ ns.b(),
36
+ ns.m(checkboxSize.value),
37
+ ns.is("disabled", isDisabled.value),
38
+ ns.is("bordered", props.border),
39
+ ns.is("checked", isChecked.value)
40
+ ];
41
+ });
42
+ const spanKls = computed(() => {
43
+ return [
44
+ ns.e("input"),
45
+ ns.is("disabled", isDisabled.value),
46
+ ns.is("checked", isChecked.value),
47
+ ns.is("indeterminate", props.indeterminate),
48
+ ns.is("focus", isFocused.value)
49
+ ];
50
+ });
51
+ return (_ctx, _cache) => {
52
+ return openBlock(), createBlock(resolveDynamicComponent(!unref(hasOwnLabel) && unref(isLabeledByFormItem) ? "span" : "label"), {
53
+ class: normalizeClass(unref(compKls)),
54
+ "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
55
+ onClick: unref(onClickRoot)
56
+ }, {
57
+ default: withCtx(() => {
58
+ var _a, _b, _c, _d;
59
+ return [
60
+ createElementVNode("span", {
61
+ class: normalizeClass(unref(spanKls))
62
+ }, [
63
+ _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
64
+ key: 0,
65
+ id: unref(inputId),
66
+ "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
67
+ class: normalizeClass(unref(ns).e("original")),
68
+ type: "checkbox",
69
+ indeterminate: _ctx.indeterminate,
70
+ name: _ctx.name,
71
+ tabindex: _ctx.tabindex,
72
+ disabled: unref(isDisabled),
73
+ "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
74
+ "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
75
+ onChange: unref(handleChange),
76
+ onFocus: ($event) => isFocused.value = true,
77
+ onBlur: ($event) => isFocused.value = false,
78
+ onClick: withModifiers(() => {
79
+ }, ["stop"])
80
+ }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
81
+ [vModelCheckbox, unref(model)]
82
+ ]) : withDirectives((openBlock(), createElementBlock("input", {
83
+ key: 1,
84
+ id: unref(inputId),
85
+ "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
86
+ class: normalizeClass(unref(ns).e("original")),
87
+ type: "checkbox",
88
+ indeterminate: _ctx.indeterminate,
89
+ disabled: unref(isDisabled),
90
+ value: unref(actualValue),
91
+ name: _ctx.name,
92
+ tabindex: _ctx.tabindex,
93
+ onChange: unref(handleChange),
94
+ onFocus: ($event) => isFocused.value = true,
95
+ onBlur: ($event) => isFocused.value = false,
96
+ onClick: withModifiers(() => {
97
+ }, ["stop"])
98
+ }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
99
+ [vModelCheckbox, unref(model)]
100
+ ]),
101
+ createElementVNode("span", {
102
+ class: normalizeClass(unref(ns).e("inner"))
103
+ }, null, 2)
104
+ ], 2),
105
+ unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
106
+ key: 0,
107
+ class: normalizeClass(unref(ns).e("label"))
108
+ }, [
109
+ renderSlot(_ctx.$slots, "default"),
110
+ !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
111
+ createTextVNode(toDisplayString(_ctx.label), 1)
112
+ ], 64)) : createCommentVNode("v-if", true)
113
+ ], 2)) : createCommentVNode("v-if", true)
114
+ ];
115
+ }),
116
+ _: 3
117
+ }, 8, ["class", "aria-controls", "onClick"]);
118
+ };
119
+ }
120
+ });
121
+ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "checkbox.vue"]]);
63
122
 
64
- export { checkboxEmits, checkboxProps };
123
+ export { Checkbox as default };
65
124
  //# sourceMappingURL=checkbox2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox2.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { isBoolean, isNumber, isString } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Checkbox from './checkbox.vue'\n\nexport type CheckboxValueType = string | number | boolean\n\nexport const checkboxProps = {\n /**\n * @description binding value\n */\n modelValue: {\n type: [Number, String, Boolean],\n default: undefined,\n },\n /**\n * @description label of the Checkbox when used inside a `checkbox-group`\n */\n label: {\n type: [String, Boolean, Number, Object],\n default: undefined,\n },\n /**\n * @description value of the Checkbox when used inside a `checkbox-group`\n */\n value: {\n type: [String, Boolean, Number, Object],\n default: undefined,\n },\n /**\n * @description Set indeterminate state, only responsible for style control\n */\n indeterminate: Boolean,\n /**\n * @description whether the Checkbox is disabled\n */\n disabled: Boolean,\n /**\n * @description if the Checkbox is checked\n */\n checked: Boolean,\n /**\n * @description native 'name' attribute\n */\n name: {\n type: String,\n default: undefined,\n },\n /**\n * @description value of the Checkbox if it's checked\n */\n trueValue: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @description value of the Checkbox if it's not checked\n */\n falseValue: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @deprecated use `trueValue` instead\n * @description value of the Checkbox if it's checked\n */\n trueLabel: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @deprecated use `falseValue` instead\n * @description value of the Checkbox if it's not checked\n */\n falseLabel: {\n type: [String, Number],\n default: undefined,\n },\n /**\n * @description input id\n */\n id: {\n type: String,\n default: undefined,\n },\n /**\n * @description whether to add a border around Checkbox\n */\n border: Boolean,\n /**\n * @description size of the Checkbox\n */\n size: useSizeProp,\n /**\n * @description input tabindex\n */\n tabindex: [String, Number],\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n ...useAriaProps(['ariaControls']),\n}\n\nexport const checkboxEmits = {\n [UPDATE_MODEL_EVENT]: (val: CheckboxValueType) =>\n isString(val) || isNumber(val) || isBoolean(val),\n change: (val: CheckboxValueType) =>\n isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxEmits = typeof checkboxEmits\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":[],"mappings":";;;;;;;;;AAGY,MAAC,aAAa,GAAG;AAC7B,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC;AACnC,EAAE;AACU,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACnE;;;;"}
1
+ {"version":3,"file":"checkbox2.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n <component\n :is=\"!hasOwnLabel && isLabeledByFormItem ? 'span' : 'label'\"\n :class=\"compKls\"\n :aria-controls=\"indeterminate ? ariaControls : null\"\n @click=\"onClickRoot\"\n >\n <span :class=\"spanKls\">\n <input\n v-if=\"trueValue || falseValue || trueLabel || falseLabel\"\n :id=\"inputId\"\n v-model=\"model\"\n :class=\"ns.e('original')\"\n type=\"checkbox\"\n :indeterminate=\"indeterminate\"\n :name=\"name\"\n :tabindex=\"tabindex\"\n :disabled=\"isDisabled\"\n :true-value=\"trueValue ?? trueLabel ?? true\"\n :false-value=\"falseValue ?? falseLabel ?? false\"\n @change=\"handleChange\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n @click.stop\n />\n <input\n v-else\n :id=\"inputId\"\n v-model=\"model\"\n :class=\"ns.e('original')\"\n type=\"checkbox\"\n :indeterminate=\"indeterminate\"\n :disabled=\"isDisabled\"\n :value=\"actualValue\"\n :name=\"name\"\n :tabindex=\"tabindex\"\n @change=\"handleChange\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n @click.stop\n />\n <span :class=\"ns.e('inner')\" />\n </span>\n <span v-if=\"hasOwnLabel\" :class=\"ns.e('label')\">\n <slot />\n <template v-if=\"!$slots.default\">{{ label }}</template>\n </span>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxEmits, checkboxProps } from './checkbox'\nimport { useCheckbox } from './composables'\n\ndefineOptions({\n name: 'ElCheckbox',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n inputId,\n isLabeledByFormItem,\n isChecked,\n isDisabled,\n isFocused,\n checkboxSize,\n hasOwnLabel,\n model,\n actualValue,\n handleChange,\n onClickRoot,\n} = useCheckbox(props, slots)\n\nconst ns = useNamespace('checkbox')\n\nconst compKls = computed(() => {\n return [\n ns.b(),\n ns.m(checkboxSize.value),\n ns.is('disabled', isDisabled.value),\n ns.is('bordered', props.border),\n ns.is('checked', isChecked.value),\n ]\n})\n\nconst spanKls = computed(() => {\n return [\n ns.e('input'),\n ns.is('disabled', isDisabled.value),\n ns.is('checked', isChecked.value),\n ns.is('indeterminate', props.indeterminate),\n ns.is('focus', isFocused.value),\n ]\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAwDc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAI,WAAY,CAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAE5B,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL,EAAA,CAAG,CAAE,CAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACvB,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,KAAA,CAAM,MAAM,CAAA;AAAA,QAC9B,EAAG,CAAA,EAAA,CAAG,SAAW,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,OAClC,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA;AAAA,QACL,EAAA,CAAG,EAAE,OAAO,CAAA;AAAA,QACZ,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClC,EAAG,CAAA,EAAA,CAAG,SAAW,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,QAChC,EAAG,CAAA,EAAA,CAAG,eAAiB,EAAA,KAAA,CAAM,aAAa,CAAA;AAAA,QAC1C,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,OAChC,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -101,7 +101,7 @@ export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
101
101
  export { CommonProps, DefaultProps, useCascaderConfig } from './cascader-panel/src/config.mjs';
102
102
  export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag.mjs';
103
103
  export { checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group.mjs';
104
- export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox2.mjs';
104
+ export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
105
105
  export { checkboxGroupContextKey } from './checkbox/src/constants.mjs';
106
106
  export { colProps } from './col/src/col.mjs';
107
107
  export { collapseEmits, collapseProps, emitChangeFn } from './collapse/src/collapse.mjs';
@@ -1,214 +1,21 @@
1
- import { defineComponent, ref, computed, watchEffect, openBlock, createElementBlock, normalizeClass, unref, withKeys, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
2
- import { DArrowLeft, MoreFilled, DArrowRight } from '@element-plus/icons-vue';
3
- import '../../../../hooks/index.mjs';
4
- import { paginationPagerProps } from './pager2.mjs';
5
- import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
7
- import { useLocale } from '../../../../hooks/use-locale/index.mjs';
1
+ import '../../../../utils/index.mjs';
2
+ import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
8
3
 
9
- const __default__ = defineComponent({
10
- name: "ElPaginationPager"
4
+ const paginationPagerProps = buildProps({
5
+ currentPage: {
6
+ type: Number,
7
+ default: 1
8
+ },
9
+ pageCount: {
10
+ type: Number,
11
+ required: true
12
+ },
13
+ pagerCount: {
14
+ type: Number,
15
+ default: 7
16
+ },
17
+ disabled: Boolean
11
18
  });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: paginationPagerProps,
15
- emits: ["change"],
16
- setup(__props, { emit }) {
17
- const props = __props;
18
- const nsPager = useNamespace("pager");
19
- const nsIcon = useNamespace("icon");
20
- const { t } = useLocale();
21
- const showPrevMore = ref(false);
22
- const showNextMore = ref(false);
23
- const quickPrevHover = ref(false);
24
- const quickNextHover = ref(false);
25
- const quickPrevFocus = ref(false);
26
- const quickNextFocus = ref(false);
27
- const pagers = computed(() => {
28
- const pagerCount = props.pagerCount;
29
- const halfPagerCount = (pagerCount - 1) / 2;
30
- const currentPage = Number(props.currentPage);
31
- const pageCount = Number(props.pageCount);
32
- let showPrevMore2 = false;
33
- let showNextMore2 = false;
34
- if (pageCount > pagerCount) {
35
- if (currentPage > pagerCount - halfPagerCount) {
36
- showPrevMore2 = true;
37
- }
38
- if (currentPage < pageCount - halfPagerCount) {
39
- showNextMore2 = true;
40
- }
41
- }
42
- const array = [];
43
- if (showPrevMore2 && !showNextMore2) {
44
- const startPage = pageCount - (pagerCount - 2);
45
- for (let i = startPage; i < pageCount; i++) {
46
- array.push(i);
47
- }
48
- } else if (!showPrevMore2 && showNextMore2) {
49
- for (let i = 2; i < pagerCount; i++) {
50
- array.push(i);
51
- }
52
- } else if (showPrevMore2 && showNextMore2) {
53
- const offset = Math.floor(pagerCount / 2) - 1;
54
- for (let i = currentPage - offset; i <= currentPage + offset; i++) {
55
- array.push(i);
56
- }
57
- } else {
58
- for (let i = 2; i < pageCount; i++) {
59
- array.push(i);
60
- }
61
- }
62
- return array;
63
- });
64
- const prevMoreKls = computed(() => [
65
- "more",
66
- "btn-quickprev",
67
- nsIcon.b(),
68
- nsPager.is("disabled", props.disabled)
69
- ]);
70
- const nextMoreKls = computed(() => [
71
- "more",
72
- "btn-quicknext",
73
- nsIcon.b(),
74
- nsPager.is("disabled", props.disabled)
75
- ]);
76
- const tabindex = computed(() => props.disabled ? -1 : 0);
77
- watchEffect(() => {
78
- const halfPagerCount = (props.pagerCount - 1) / 2;
79
- showPrevMore.value = false;
80
- showNextMore.value = false;
81
- if (props.pageCount > props.pagerCount) {
82
- if (props.currentPage > props.pagerCount - halfPagerCount) {
83
- showPrevMore.value = true;
84
- }
85
- if (props.currentPage < props.pageCount - halfPagerCount) {
86
- showNextMore.value = true;
87
- }
88
- }
89
- });
90
- function onMouseEnter(forward = false) {
91
- if (props.disabled)
92
- return;
93
- if (forward) {
94
- quickPrevHover.value = true;
95
- } else {
96
- quickNextHover.value = true;
97
- }
98
- }
99
- function onFocus(forward = false) {
100
- if (forward) {
101
- quickPrevFocus.value = true;
102
- } else {
103
- quickNextFocus.value = true;
104
- }
105
- }
106
- function onEnter(e) {
107
- const target = e.target;
108
- if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
109
- const newPage = Number(target.textContent);
110
- if (newPage !== props.currentPage) {
111
- emit("change", newPage);
112
- }
113
- } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
114
- onPagerClick(e);
115
- }
116
- }
117
- function onPagerClick(event) {
118
- const target = event.target;
119
- if (target.tagName.toLowerCase() === "ul" || props.disabled) {
120
- return;
121
- }
122
- let newPage = Number(target.textContent);
123
- const pageCount = props.pageCount;
124
- const currentPage = props.currentPage;
125
- const pagerCountOffset = props.pagerCount - 2;
126
- if (target.className.includes("more")) {
127
- if (target.className.includes("quickprev")) {
128
- newPage = currentPage - pagerCountOffset;
129
- } else if (target.className.includes("quicknext")) {
130
- newPage = currentPage + pagerCountOffset;
131
- }
132
- }
133
- if (!Number.isNaN(+newPage)) {
134
- if (newPage < 1) {
135
- newPage = 1;
136
- }
137
- if (newPage > pageCount) {
138
- newPage = pageCount;
139
- }
140
- }
141
- if (newPage !== currentPage) {
142
- emit("change", newPage);
143
- }
144
- }
145
- return (_ctx, _cache) => {
146
- return openBlock(), createElementBlock("ul", {
147
- class: normalizeClass(unref(nsPager).b()),
148
- onClick: onPagerClick,
149
- onKeyup: withKeys(onEnter, ["enter"])
150
- }, [
151
- _ctx.pageCount > 0 ? (openBlock(), createElementBlock("li", {
152
- key: 0,
153
- class: normalizeClass([[
154
- unref(nsPager).is("active", _ctx.currentPage === 1),
155
- unref(nsPager).is("disabled", _ctx.disabled)
156
- ], "number"]),
157
- "aria-current": _ctx.currentPage === 1,
158
- "aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
159
- tabindex: unref(tabindex)
160
- }, " 1 ", 10, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true),
161
- showPrevMore.value ? (openBlock(), createElementBlock("li", {
162
- key: 1,
163
- class: normalizeClass(unref(prevMoreKls)),
164
- tabindex: unref(tabindex),
165
- "aria-label": unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
166
- onMouseenter: ($event) => onMouseEnter(true),
167
- onMouseleave: ($event) => quickPrevHover.value = false,
168
- onFocus: ($event) => onFocus(true),
169
- onBlur: ($event) => quickPrevFocus.value = false
170
- }, [
171
- (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
172
- ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : createCommentVNode("v-if", true),
173
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (pager) => {
174
- return openBlock(), createElementBlock("li", {
175
- key: pager,
176
- class: normalizeClass([[
177
- unref(nsPager).is("active", _ctx.currentPage === pager),
178
- unref(nsPager).is("disabled", _ctx.disabled)
179
- ], "number"]),
180
- "aria-current": _ctx.currentPage === pager,
181
- "aria-label": unref(t)("el.pagination.currentPage", { pager }),
182
- tabindex: unref(tabindex)
183
- }, toDisplayString(pager), 11, ["aria-current", "aria-label", "tabindex"]);
184
- }), 128)),
185
- showNextMore.value ? (openBlock(), createElementBlock("li", {
186
- key: 2,
187
- class: normalizeClass(unref(nextMoreKls)),
188
- tabindex: unref(tabindex),
189
- "aria-label": unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
190
- onMouseenter: ($event) => onMouseEnter(),
191
- onMouseleave: ($event) => quickNextHover.value = false,
192
- onFocus: ($event) => onFocus(),
193
- onBlur: ($event) => quickNextFocus.value = false
194
- }, [
195
- (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
196
- ], 42, ["tabindex", "aria-label", "onMouseenter", "onMouseleave", "onFocus", "onBlur"])) : createCommentVNode("v-if", true),
197
- _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
198
- key: 3,
199
- class: normalizeClass([[
200
- unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
201
- unref(nsPager).is("disabled", _ctx.disabled)
202
- ], "number"]),
203
- "aria-current": _ctx.currentPage === _ctx.pageCount,
204
- "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
205
- tabindex: unref(tabindex)
206
- }, toDisplayString(_ctx.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : createCommentVNode("v-if", true)
207
- ], 42, ["onKeyup"]);
208
- };
209
- }
210
- });
211
- var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pager.vue"]]);
212
19
 
213
- export { Pager as default };
20
+ export { paginationPagerProps };
214
21
  //# sourceMappingURL=pager.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"pager.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n <li\n v-if=\"pageCount > 0\"\n :class=\"[\n nsPager.is('active', currentPage === 1),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === 1\"\n :aria-label=\"t('el.pagination.currentPage', { pager: 1 })\"\n :tabindex=\"tabindex\"\n >\n 1\n </li>\n <li\n v-if=\"showPrevMore\"\n :class=\"prevMoreKls\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.pagination.prevPages', { pager: pagerCount - 2 })\"\n @mouseenter=\"onMouseEnter(true)\"\n @mouseleave=\"quickPrevHover = false\"\n @focus=\"onFocus(true)\"\n @blur=\"quickPrevFocus = false\"\n >\n <d-arrow-left v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" />\n <more-filled v-else />\n </li>\n <li\n v-for=\"pager in pagers\"\n :key=\"pager\"\n :class=\"[\n nsPager.is('active', currentPage === pager),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === pager\"\n :aria-label=\"t('el.pagination.currentPage', { pager })\"\n :tabindex=\"tabindex\"\n >\n {{ pager }}\n </li>\n <li\n v-if=\"showNextMore\"\n :class=\"nextMoreKls\"\n :tabindex=\"tabindex\"\n :aria-label=\"t('el.pagination.nextPages', { pager: pagerCount - 2 })\"\n @mouseenter=\"onMouseEnter()\"\n @mouseleave=\"quickNextHover = false\"\n @focus=\"onFocus()\"\n @blur=\"quickNextFocus = false\"\n >\n <d-arrow-right v-if=\"(quickNextHover || quickNextFocus) && !disabled\" />\n <more-filled v-else />\n </li>\n <li\n v-if=\"pageCount > 1\"\n :class=\"[\n nsPager.is('active', currentPage === pageCount),\n nsPager.is('disabled', disabled),\n ]\"\n class=\"number\"\n :aria-current=\"currentPage === pageCount\"\n :aria-label=\"t('el.pagination.currentPage', { pager: pageCount })\"\n :tabindex=\"tabindex\"\n >\n {{ pageCount }}\n </li>\n </ul>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { paginationPagerProps } from './pager'\ndefineOptions({\n name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits(['change'])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst { t } = useLocale()\n\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst pagers = computed(() => {\n const pagerCount = props.pagerCount\n const halfPagerCount = (pagerCount - 1) / 2\n const currentPage = Number(props.currentPage)\n const pageCount = Number(props.pageCount)\n let showPrevMore = false\n let showNextMore = false\n if (pageCount > pagerCount) {\n if (currentPage > pagerCount - halfPagerCount) {\n showPrevMore = true\n }\n if (currentPage < pageCount - halfPagerCount) {\n showNextMore = true\n }\n }\n const array: number[] = []\n if (showPrevMore && !showNextMore) {\n const startPage = pageCount - (pagerCount - 2)\n for (let i = startPage; i < pageCount; i++) {\n array.push(i)\n }\n } else if (!showPrevMore && showNextMore) {\n for (let i = 2; i < pagerCount; i++) {\n array.push(i)\n }\n } else if (showPrevMore && showNextMore) {\n const offset = Math.floor(pagerCount / 2) - 1\n for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n array.push(i)\n }\n } else {\n for (let i = 2; i < pageCount; i++) {\n array.push(i)\n }\n }\n return array\n})\n\nconst prevMoreKls = computed(() => [\n 'more',\n 'btn-quickprev',\n nsIcon.b(),\n nsPager.is('disabled', props.disabled),\n])\nconst nextMoreKls = computed(() => [\n 'more',\n 'btn-quicknext',\n nsIcon.b(),\n nsPager.is('disabled', props.disabled),\n])\n\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatchEffect(() => {\n const halfPagerCount = (props.pagerCount - 1) / 2\n showPrevMore.value = false\n showNextMore.value = false\n if (props.pageCount! > props.pagerCount) {\n if (props.currentPage > props.pagerCount - halfPagerCount) {\n showPrevMore.value = true\n }\n if (props.currentPage < props.pageCount! - halfPagerCount) {\n showNextMore.value = true\n }\n }\n})\nfunction onMouseEnter(forward = false) {\n if (props.disabled) return\n if (forward) {\n quickPrevHover.value = true\n } else {\n quickNextHover.value = true\n }\n}\nfunction onFocus(forward = false) {\n if (forward) {\n quickPrevFocus.value = true\n } else {\n quickNextFocus.value = true\n }\n}\nfunction onEnter(e: UIEvent) {\n const target = e.target as HTMLElement\n if (\n target.tagName.toLowerCase() === 'li' &&\n Array.from(target.classList).includes('number')\n ) {\n const newPage = Number(target.textContent)\n if (newPage !== props.currentPage) {\n emit('change', newPage)\n }\n } else if (\n target.tagName.toLowerCase() === 'li' &&\n Array.from(target.classList).includes('more')\n ) {\n onPagerClick(e)\n }\n}\nfunction onPagerClick(event: UIEvent) {\n const target = event.target as HTMLElement\n if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n return\n }\n let newPage = Number(target.textContent)\n const pageCount = props.pageCount!\n const currentPage = props.currentPage\n const pagerCountOffset = props.pagerCount - 2\n if (target.className.includes('more')) {\n if (target.className.includes('quickprev')) {\n newPage = currentPage - pagerCountOffset\n } else if (target.className.includes('quicknext')) {\n newPage = currentPage + pagerCountOffset\n }\n }\n if (!Number.isNaN(+newPage)) {\n if (newPage < 1) {\n newPage = 1\n }\n if (newPage > pageCount) {\n newPage = pageCount\n }\n }\n if (newPage !== currentPage) {\n emit('change', newPage)\n }\n}\n</script>\n"],"names":["showPrevMore","showNextMore"],"mappings":"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"}
1
+ {"version":3,"file":"pager.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Pager from './pager.vue'\n\nexport const paginationPagerProps = buildProps({\n currentPage: {\n type: Number,\n default: 1,\n },\n pageCount: {\n type: Number,\n required: true,\n },\n pagerCount: {\n type: Number,\n default: 7,\n },\n disabled: Boolean,\n} as const)\n\nexport type PaginationPagerProps = ExtractPropTypes<typeof paginationPagerProps>\n\nexport type PagerInstance = InstanceType<typeof Pager>\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}