@element-plus/nightly 0.0.20231119 → 0.0.20231120

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.
Files changed (324) hide show
  1. package/dist/index.full.js +2 -2
  2. package/dist/index.full.min.js +2 -2
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +2 -2
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +2 -2
  7. package/dist/locale/af.js +1 -1
  8. package/dist/locale/af.min.js +1 -1
  9. package/dist/locale/af.min.mjs +1 -1
  10. package/dist/locale/af.mjs +1 -1
  11. package/dist/locale/ar.js +1 -1
  12. package/dist/locale/ar.min.js +1 -1
  13. package/dist/locale/ar.min.mjs +1 -1
  14. package/dist/locale/ar.mjs +1 -1
  15. package/dist/locale/az.js +1 -1
  16. package/dist/locale/az.min.js +1 -1
  17. package/dist/locale/az.min.mjs +1 -1
  18. package/dist/locale/az.mjs +1 -1
  19. package/dist/locale/bg.js +1 -1
  20. package/dist/locale/bg.min.js +1 -1
  21. package/dist/locale/bg.min.mjs +1 -1
  22. package/dist/locale/bg.mjs +1 -1
  23. package/dist/locale/bn.js +1 -1
  24. package/dist/locale/bn.min.js +1 -1
  25. package/dist/locale/bn.min.mjs +1 -1
  26. package/dist/locale/bn.mjs +1 -1
  27. package/dist/locale/ca.js +1 -1
  28. package/dist/locale/ca.min.js +1 -1
  29. package/dist/locale/ca.min.mjs +1 -1
  30. package/dist/locale/ca.mjs +1 -1
  31. package/dist/locale/ckb.js +1 -1
  32. package/dist/locale/ckb.min.js +1 -1
  33. package/dist/locale/ckb.min.mjs +1 -1
  34. package/dist/locale/ckb.mjs +1 -1
  35. package/dist/locale/cs.js +1 -1
  36. package/dist/locale/cs.min.js +1 -1
  37. package/dist/locale/cs.min.mjs +1 -1
  38. package/dist/locale/cs.mjs +1 -1
  39. package/dist/locale/da.js +1 -1
  40. package/dist/locale/da.min.js +1 -1
  41. package/dist/locale/da.min.mjs +1 -1
  42. package/dist/locale/da.mjs +1 -1
  43. package/dist/locale/de.js +1 -1
  44. package/dist/locale/de.min.js +1 -1
  45. package/dist/locale/de.min.mjs +1 -1
  46. package/dist/locale/de.mjs +1 -1
  47. package/dist/locale/el.js +1 -1
  48. package/dist/locale/el.min.js +1 -1
  49. package/dist/locale/el.min.mjs +1 -1
  50. package/dist/locale/el.mjs +1 -1
  51. package/dist/locale/en.js +1 -1
  52. package/dist/locale/en.min.js +1 -1
  53. package/dist/locale/en.min.mjs +1 -1
  54. package/dist/locale/en.mjs +1 -1
  55. package/dist/locale/eo.js +1 -1
  56. package/dist/locale/eo.min.js +1 -1
  57. package/dist/locale/eo.min.mjs +1 -1
  58. package/dist/locale/eo.mjs +1 -1
  59. package/dist/locale/es.js +1 -1
  60. package/dist/locale/es.min.js +1 -1
  61. package/dist/locale/es.min.mjs +1 -1
  62. package/dist/locale/es.mjs +1 -1
  63. package/dist/locale/et.js +1 -1
  64. package/dist/locale/et.min.js +1 -1
  65. package/dist/locale/et.min.mjs +1 -1
  66. package/dist/locale/et.mjs +1 -1
  67. package/dist/locale/eu.js +1 -1
  68. package/dist/locale/eu.min.js +1 -1
  69. package/dist/locale/eu.min.mjs +1 -1
  70. package/dist/locale/eu.mjs +1 -1
  71. package/dist/locale/fa.js +1 -1
  72. package/dist/locale/fa.min.js +1 -1
  73. package/dist/locale/fa.min.mjs +1 -1
  74. package/dist/locale/fa.mjs +1 -1
  75. package/dist/locale/fi.js +1 -1
  76. package/dist/locale/fi.min.js +1 -1
  77. package/dist/locale/fi.min.mjs +1 -1
  78. package/dist/locale/fi.mjs +1 -1
  79. package/dist/locale/fr.js +1 -1
  80. package/dist/locale/fr.min.js +1 -1
  81. package/dist/locale/fr.min.mjs +1 -1
  82. package/dist/locale/fr.mjs +1 -1
  83. package/dist/locale/he.js +1 -1
  84. package/dist/locale/he.min.js +1 -1
  85. package/dist/locale/he.min.mjs +1 -1
  86. package/dist/locale/he.mjs +1 -1
  87. package/dist/locale/hr.js +1 -1
  88. package/dist/locale/hr.min.js +1 -1
  89. package/dist/locale/hr.min.mjs +1 -1
  90. package/dist/locale/hr.mjs +1 -1
  91. package/dist/locale/hu.js +1 -1
  92. package/dist/locale/hu.min.js +1 -1
  93. package/dist/locale/hu.min.mjs +1 -1
  94. package/dist/locale/hu.mjs +1 -1
  95. package/dist/locale/hy-am.js +1 -1
  96. package/dist/locale/hy-am.min.js +1 -1
  97. package/dist/locale/hy-am.min.mjs +1 -1
  98. package/dist/locale/hy-am.mjs +1 -1
  99. package/dist/locale/id.js +1 -1
  100. package/dist/locale/id.min.js +1 -1
  101. package/dist/locale/id.min.mjs +1 -1
  102. package/dist/locale/id.mjs +1 -1
  103. package/dist/locale/it.js +1 -1
  104. package/dist/locale/it.min.js +1 -1
  105. package/dist/locale/it.min.mjs +1 -1
  106. package/dist/locale/it.mjs +1 -1
  107. package/dist/locale/ja.js +1 -1
  108. package/dist/locale/ja.min.js +1 -1
  109. package/dist/locale/ja.min.mjs +1 -1
  110. package/dist/locale/ja.mjs +1 -1
  111. package/dist/locale/kk.js +1 -1
  112. package/dist/locale/kk.min.js +1 -1
  113. package/dist/locale/kk.min.mjs +1 -1
  114. package/dist/locale/kk.mjs +1 -1
  115. package/dist/locale/km.js +1 -1
  116. package/dist/locale/km.min.js +1 -1
  117. package/dist/locale/km.min.mjs +1 -1
  118. package/dist/locale/km.mjs +1 -1
  119. package/dist/locale/ko.js +1 -1
  120. package/dist/locale/ko.min.js +1 -1
  121. package/dist/locale/ko.min.mjs +1 -1
  122. package/dist/locale/ko.mjs +1 -1
  123. package/dist/locale/ku.js +1 -1
  124. package/dist/locale/ku.min.js +1 -1
  125. package/dist/locale/ku.min.mjs +1 -1
  126. package/dist/locale/ku.mjs +1 -1
  127. package/dist/locale/ky.js +1 -1
  128. package/dist/locale/ky.min.js +1 -1
  129. package/dist/locale/ky.min.mjs +1 -1
  130. package/dist/locale/ky.mjs +1 -1
  131. package/dist/locale/lt.js +1 -1
  132. package/dist/locale/lt.min.js +1 -1
  133. package/dist/locale/lt.min.mjs +1 -1
  134. package/dist/locale/lt.mjs +1 -1
  135. package/dist/locale/lv.js +1 -1
  136. package/dist/locale/lv.min.js +1 -1
  137. package/dist/locale/lv.min.mjs +1 -1
  138. package/dist/locale/lv.mjs +1 -1
  139. package/dist/locale/mg.js +1 -1
  140. package/dist/locale/mg.min.js +1 -1
  141. package/dist/locale/mg.min.mjs +1 -1
  142. package/dist/locale/mg.mjs +1 -1
  143. package/dist/locale/mn.js +1 -1
  144. package/dist/locale/mn.min.js +1 -1
  145. package/dist/locale/mn.min.mjs +1 -1
  146. package/dist/locale/mn.mjs +1 -1
  147. package/dist/locale/nb-no.js +1 -1
  148. package/dist/locale/nb-no.min.js +1 -1
  149. package/dist/locale/nb-no.min.mjs +1 -1
  150. package/dist/locale/nb-no.mjs +1 -1
  151. package/dist/locale/nl.js +1 -1
  152. package/dist/locale/nl.min.js +1 -1
  153. package/dist/locale/nl.min.mjs +1 -1
  154. package/dist/locale/nl.mjs +1 -1
  155. package/dist/locale/pa.js +1 -1
  156. package/dist/locale/pa.min.js +1 -1
  157. package/dist/locale/pa.min.mjs +1 -1
  158. package/dist/locale/pa.mjs +1 -1
  159. package/dist/locale/pl.js +1 -1
  160. package/dist/locale/pl.min.js +1 -1
  161. package/dist/locale/pl.min.mjs +1 -1
  162. package/dist/locale/pl.mjs +1 -1
  163. package/dist/locale/pt-br.js +1 -1
  164. package/dist/locale/pt-br.min.js +1 -1
  165. package/dist/locale/pt-br.min.mjs +1 -1
  166. package/dist/locale/pt-br.mjs +1 -1
  167. package/dist/locale/pt.js +1 -1
  168. package/dist/locale/pt.min.js +1 -1
  169. package/dist/locale/pt.min.mjs +1 -1
  170. package/dist/locale/pt.mjs +1 -1
  171. package/dist/locale/ro.js +1 -1
  172. package/dist/locale/ro.min.js +1 -1
  173. package/dist/locale/ro.min.mjs +1 -1
  174. package/dist/locale/ro.mjs +1 -1
  175. package/dist/locale/ru.js +1 -1
  176. package/dist/locale/ru.min.js +1 -1
  177. package/dist/locale/ru.min.mjs +1 -1
  178. package/dist/locale/ru.mjs +1 -1
  179. package/dist/locale/sk.js +1 -1
  180. package/dist/locale/sk.min.js +1 -1
  181. package/dist/locale/sk.min.mjs +1 -1
  182. package/dist/locale/sk.mjs +1 -1
  183. package/dist/locale/sl.js +1 -1
  184. package/dist/locale/sl.min.js +1 -1
  185. package/dist/locale/sl.min.mjs +1 -1
  186. package/dist/locale/sl.mjs +1 -1
  187. package/dist/locale/sr.js +1 -1
  188. package/dist/locale/sr.min.js +1 -1
  189. package/dist/locale/sr.min.mjs +1 -1
  190. package/dist/locale/sr.mjs +1 -1
  191. package/dist/locale/sv.js +1 -1
  192. package/dist/locale/sv.min.js +1 -1
  193. package/dist/locale/sv.min.mjs +1 -1
  194. package/dist/locale/sv.mjs +1 -1
  195. package/dist/locale/sw.js +1 -1
  196. package/dist/locale/sw.min.js +1 -1
  197. package/dist/locale/sw.min.mjs +1 -1
  198. package/dist/locale/sw.mjs +1 -1
  199. package/dist/locale/ta.js +1 -1
  200. package/dist/locale/ta.min.js +1 -1
  201. package/dist/locale/ta.min.mjs +1 -1
  202. package/dist/locale/ta.mjs +1 -1
  203. package/dist/locale/th.js +1 -1
  204. package/dist/locale/th.min.js +1 -1
  205. package/dist/locale/th.min.mjs +1 -1
  206. package/dist/locale/th.mjs +1 -1
  207. package/dist/locale/tk.js +1 -1
  208. package/dist/locale/tk.min.js +1 -1
  209. package/dist/locale/tk.min.mjs +1 -1
  210. package/dist/locale/tk.mjs +1 -1
  211. package/dist/locale/tr.js +1 -1
  212. package/dist/locale/tr.min.js +1 -1
  213. package/dist/locale/tr.min.mjs +1 -1
  214. package/dist/locale/tr.mjs +1 -1
  215. package/dist/locale/ug-cn.js +1 -1
  216. package/dist/locale/ug-cn.min.js +1 -1
  217. package/dist/locale/ug-cn.min.mjs +1 -1
  218. package/dist/locale/ug-cn.mjs +1 -1
  219. package/dist/locale/uk.js +1 -1
  220. package/dist/locale/uk.min.js +1 -1
  221. package/dist/locale/uk.min.mjs +1 -1
  222. package/dist/locale/uk.mjs +1 -1
  223. package/dist/locale/uz-uz.js +1 -1
  224. package/dist/locale/uz-uz.min.js +1 -1
  225. package/dist/locale/uz-uz.min.mjs +1 -1
  226. package/dist/locale/uz-uz.mjs +1 -1
  227. package/dist/locale/vi.js +1 -1
  228. package/dist/locale/vi.min.js +1 -1
  229. package/dist/locale/vi.min.mjs +1 -1
  230. package/dist/locale/vi.mjs +1 -1
  231. package/dist/locale/zh-cn.js +1 -1
  232. package/dist/locale/zh-cn.min.js +1 -1
  233. package/dist/locale/zh-cn.min.mjs +1 -1
  234. package/dist/locale/zh-cn.mjs +1 -1
  235. package/dist/locale/zh-tw.js +1 -1
  236. package/dist/locale/zh-tw.min.js +1 -1
  237. package/dist/locale/zh-tw.min.mjs +1 -1
  238. package/dist/locale/zh-tw.mjs +1 -1
  239. package/es/components/button/index.mjs +2 -2
  240. package/es/components/button/src/button-group.mjs +1 -1
  241. package/es/components/button/src/button.mjs +57 -76
  242. package/es/components/button/src/button.mjs.map +1 -1
  243. package/es/components/button/src/button2.mjs +76 -57
  244. package/es/components/button/src/button2.mjs.map +1 -1
  245. package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
  246. package/es/components/dropdown/src/dropdown-menu.mjs +1 -1
  247. package/es/components/dropdown/src/dropdown2.mjs +1 -1
  248. package/es/components/index.mjs +3 -3
  249. package/es/components/pagination/src/components/pager.mjs +17 -216
  250. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  251. package/es/components/pagination/src/components/pager2.mjs +216 -17
  252. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  253. package/es/components/pagination/src/components/total.mjs +7 -28
  254. package/es/components/pagination/src/components/total.mjs.map +1 -1
  255. package/es/components/pagination/src/components/total2.mjs +28 -7
  256. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  257. package/es/components/pagination/src/pagination.mjs +2 -2
  258. package/es/components/popconfirm/src/popconfirm.mjs +1 -1
  259. package/es/components/roving-focus-group/index.mjs +3 -3
  260. package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs +1 -1
  261. package/es/components/roving-focus-group/src/roving-focus-group.mjs +27 -29
  262. package/es/components/roving-focus-group/src/roving-focus-group.mjs.map +1 -1
  263. package/es/components/roving-focus-group/src/roving-focus-group2.mjs +29 -27
  264. package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map +1 -1
  265. package/es/components/roving-focus-group/src/roving-focus-item.mjs +1 -1
  266. package/es/components/steps/index.mjs +2 -2
  267. package/es/components/steps/src/item.mjs +19 -191
  268. package/es/components/steps/src/item.mjs.map +1 -1
  269. package/es/components/steps/src/item2.mjs +191 -19
  270. package/es/components/steps/src/item2.mjs.map +1 -1
  271. package/es/components/upload/index.mjs +1 -1
  272. package/es/components/upload/src/upload-content.mjs +33 -194
  273. package/es/components/upload/src/upload-content.mjs.map +1 -1
  274. package/es/components/upload/src/upload-content2.mjs +194 -33
  275. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  276. package/es/components/upload/src/upload2.mjs +1 -1
  277. package/es/index.mjs +3 -3
  278. package/es/version.d.ts +1 -1
  279. package/es/version.mjs +1 -1
  280. package/es/version.mjs.map +1 -1
  281. package/lib/components/button/index.js +2 -2
  282. package/lib/components/button/src/button-group.js +1 -1
  283. package/lib/components/button/src/button.js +60 -76
  284. package/lib/components/button/src/button.js.map +1 -1
  285. package/lib/components/button/src/button2.js +76 -60
  286. package/lib/components/button/src/button2.js.map +1 -1
  287. package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
  288. package/lib/components/dropdown/src/dropdown-menu.js +1 -1
  289. package/lib/components/dropdown/src/dropdown2.js +1 -1
  290. package/lib/components/index.js +3 -3
  291. package/lib/components/pagination/src/components/pager.js +17 -216
  292. package/lib/components/pagination/src/components/pager.js.map +1 -1
  293. package/lib/components/pagination/src/components/pager2.js +216 -17
  294. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  295. package/lib/components/pagination/src/components/total.js +7 -28
  296. package/lib/components/pagination/src/components/total.js.map +1 -1
  297. package/lib/components/pagination/src/components/total2.js +28 -7
  298. package/lib/components/pagination/src/components/total2.js.map +1 -1
  299. package/lib/components/pagination/src/pagination.js +2 -2
  300. package/lib/components/popconfirm/src/popconfirm.js +1 -1
  301. package/lib/components/roving-focus-group/index.js +2 -2
  302. package/lib/components/roving-focus-group/src/roving-focus-group-impl.js +1 -1
  303. package/lib/components/roving-focus-group/src/roving-focus-group.js +27 -33
  304. package/lib/components/roving-focus-group/src/roving-focus-group.js.map +1 -1
  305. package/lib/components/roving-focus-group/src/roving-focus-group2.js +33 -27
  306. package/lib/components/roving-focus-group/src/roving-focus-group2.js.map +1 -1
  307. package/lib/components/roving-focus-group/src/roving-focus-item.js +1 -1
  308. package/lib/components/steps/index.js +2 -2
  309. package/lib/components/steps/src/item.js +19 -191
  310. package/lib/components/steps/src/item.js.map +1 -1
  311. package/lib/components/steps/src/item2.js +191 -19
  312. package/lib/components/steps/src/item2.js.map +1 -1
  313. package/lib/components/upload/index.js +1 -1
  314. package/lib/components/upload/src/upload-content.js +31 -192
  315. package/lib/components/upload/src/upload-content.js.map +1 -1
  316. package/lib/components/upload/src/upload-content2.js +192 -31
  317. package/lib/components/upload/src/upload-content2.js.map +1 -1
  318. package/lib/components/upload/src/upload2.js +1 -1
  319. package/lib/index.js +3 -3
  320. package/lib/version.d.ts +1 -1
  321. package/lib/version.js +1 -1
  322. package/lib/version.js.map +1 -1
  323. package/package.json +1 -1
  324. package/web-types.json +1 -1
@@ -1,63 +1,82 @@
1
+ import { defineComponent, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, Fragment, renderSlot, normalizeClass, createCommentVNode } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
1
3
  import '../../../hooks/index.mjs';
2
- import '../../../utils/index.mjs';
3
- import { Loading } from '@element-plus/icons-vue';
4
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
5
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
6
- import { iconPropType } from '../../../utils/vue/icon.mjs';
4
+ import { useButton } from './use-button.mjs';
5
+ import { buttonProps, buttonEmits } from './button.mjs';
6
+ import { useButtonCustomStyle } from './button-custom.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
7
9
 
8
- const buttonTypes = [
9
- "default",
10
- "primary",
11
- "success",
12
- "warning",
13
- "info",
14
- "danger",
15
- "text",
16
- ""
17
- ];
18
- const buttonNativeTypes = ["button", "submit", "reset"];
19
- const buttonProps = buildProps({
20
- size: useSizeProp,
21
- disabled: Boolean,
22
- type: {
23
- type: String,
24
- values: buttonTypes,
25
- default: ""
26
- },
27
- icon: {
28
- type: iconPropType
29
- },
30
- nativeType: {
31
- type: String,
32
- values: buttonNativeTypes,
33
- default: "button"
34
- },
35
- loading: Boolean,
36
- loadingIcon: {
37
- type: iconPropType,
38
- default: () => Loading
39
- },
40
- plain: Boolean,
41
- text: Boolean,
42
- link: Boolean,
43
- bg: Boolean,
44
- autofocus: Boolean,
45
- round: Boolean,
46
- circle: Boolean,
47
- color: String,
48
- dark: Boolean,
49
- autoInsertSpace: {
50
- type: Boolean,
51
- default: void 0
52
- },
53
- tag: {
54
- type: definePropType([String, Object]),
55
- default: "button"
10
+ const __default__ = defineComponent({
11
+ name: "ElButton"
12
+ });
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...__default__,
15
+ props: buttonProps,
16
+ emits: buttonEmits,
17
+ setup(__props, { expose, emit }) {
18
+ const props = __props;
19
+ const buttonStyle = useButtonCustomStyle(props);
20
+ const ns = useNamespace("button");
21
+ const { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } = useButton(props, emit);
22
+ expose({
23
+ ref: _ref,
24
+ size: _size,
25
+ type: _type,
26
+ disabled: _disabled,
27
+ shouldAddSpace
28
+ });
29
+ return (_ctx, _cache) => {
30
+ return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
31
+ ref_key: "_ref",
32
+ ref: _ref
33
+ }, unref(_props), {
34
+ class: [
35
+ unref(ns).b(),
36
+ unref(ns).m(unref(_type)),
37
+ unref(ns).m(unref(_size)),
38
+ unref(ns).is("disabled", unref(_disabled)),
39
+ unref(ns).is("loading", _ctx.loading),
40
+ unref(ns).is("plain", _ctx.plain),
41
+ unref(ns).is("round", _ctx.round),
42
+ unref(ns).is("circle", _ctx.circle),
43
+ unref(ns).is("text", _ctx.text),
44
+ unref(ns).is("link", _ctx.link),
45
+ unref(ns).is("has-bg", _ctx.bg)
46
+ ],
47
+ style: unref(buttonStyle),
48
+ onClick: unref(handleClick)
49
+ }), {
50
+ default: withCtx(() => [
51
+ _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
52
+ _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
53
+ key: 1,
54
+ class: normalizeClass(unref(ns).is("loading"))
55
+ }, {
56
+ default: withCtx(() => [
57
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
58
+ ]),
59
+ _: 1
60
+ }, 8, ["class"]))
61
+ ], 64)) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
62
+ default: withCtx(() => [
63
+ _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
64
+ ]),
65
+ _: 3
66
+ })) : createCommentVNode("v-if", true),
67
+ _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
68
+ key: 2,
69
+ class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
70
+ }, [
71
+ renderSlot(_ctx.$slots, "default")
72
+ ], 2)) : createCommentVNode("v-if", true)
73
+ ]),
74
+ _: 3
75
+ }, 16, ["class", "style", "onClick"]);
76
+ };
56
77
  }
57
78
  });
58
- const buttonEmits = {
59
- click: (evt) => evt instanceof MouseEvent
60
- };
79
+ var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
61
80
 
62
- export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes };
81
+ export { Button as default };
63
82
  //# sourceMappingURL=button2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const buttonTypes = [\n 'default',\n 'primary',\n 'success',\n 'warning',\n 'info',\n 'danger',\n /**\n * @deprecated\n * Text type will be deprecated in the next major version (3.0.0)\n */\n 'text',\n '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n /**\n * @description button size\n */\n size: useSizeProp,\n /**\n * @description disable the button\n */\n disabled: Boolean,\n /**\n * @description button type\n */\n type: {\n type: String,\n values: buttonTypes,\n default: '',\n },\n /**\n * @description icon component\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description native button type\n */\n nativeType: {\n type: String,\n values: buttonNativeTypes,\n default: 'button',\n },\n /**\n * @description determine whether it's loading\n */\n loading: Boolean,\n /**\n * @description customize loading icon component\n */\n loadingIcon: {\n type: iconPropType,\n default: () => Loading,\n },\n /**\n * @description determine whether it's a plain button\n */\n plain: Boolean,\n /**\n * @description determine whether it's a text button\n */\n text: Boolean,\n /**\n * @description determine whether it's a link button\n */\n link: Boolean,\n /**\n * @description determine whether the text button background color is always on\n */\n bg: Boolean,\n /**\n * @description native button autofocus\n */\n autofocus: Boolean,\n /**\n * @description determine whether it's a round button\n */\n round: Boolean,\n /**\n * @description determine whether it's a circle button\n */\n circle: Boolean,\n /**\n * @description custom button color, automatically calculate `hover` and `active` color\n */\n color: String,\n /**\n * @description dark mode, which automatically converts `color` to dark mode colors\n */\n dark: Boolean,\n /**\n * @description automatically insert a space between two chinese characters\n */\n autoInsertSpace: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description custom element tag\n */\n tag: {\n type: definePropType<string | Component>([String, Object]),\n default: 'button',\n },\n} as const)\nexport const buttonEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport interface ButtonConfigContext {\n autoInsertSpace?: boolean\n}\n"],"names":[],"mappings":";;;;;;;AAGY,MAAC,WAAW,GAAG;AAC3B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AACnD,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,iBAAiB;AAC7B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,OAAO;AAC1B,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,EAAE,EAAE,OAAO;AACb,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
1
+ {"version":3,"file":"button2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n ref=\"_ref\"\n v-bind=\"_props\"\n :class=\"[\n ns.b(),\n ns.m(_type),\n ns.m(_size),\n ns.is('disabled', _disabled),\n ns.is('loading', loading),\n ns.is('plain', plain),\n ns.is('round', round),\n ns.is('circle', circle),\n ns.is('text', text),\n ns.is('link', link),\n ns.is('has-bg', bg),\n ]\"\n :style=\"buttonStyle\"\n @click=\"handleClick\"\n >\n <template v-if=\"loading\">\n <slot v-if=\"$slots.loading\" name=\"loading\" />\n <el-icon v-else :class=\"ns.is('loading')\">\n <component :is=\"loadingIcon\" />\n </el-icon>\n </template>\n <el-icon v-else-if=\"icon || $slots.icon\">\n <component :is=\"icon\" v-if=\"icon\" />\n <slot v-else name=\"icon\" />\n </el-icon>\n <span\n v-if=\"$slots.default\"\n :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n >\n <slot />\n </span>\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useButton } from './use-button'\nimport { buttonEmits, buttonProps } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } =\n useButton(props, emit)\n\ndefineExpose({\n /** @description button html element */\n ref: _ref,\n /** @description button size */\n size: _size,\n /** @description button type */\n type: _type,\n /** @description button disabled */\n disabled: _disabled,\n /** @description whether adding space */\n shouldAddSpace,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCA+Cc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAc,qBAAqB,KAAK,CAAA,CAAA;AAC9C,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,QAAQ,cAAgB,EAAA,WAAA,EAAA,GAC7D,SAAU,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAEvB,IAAa,MAAA,CAAA;AAAA,MAEX,GAAK,EAAA,IAAA;AAAA,MAEL,IAAM,EAAA,KAAA;AAAA,MAEN,IAAM,EAAA,KAAA;AAAA,MAEN,QAAU,EAAA,SAAA;AAAA,MAEV,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9,7 +9,7 @@ import { dropdownItemProps, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as COLLECTION
9
9
  import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
10
10
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
11
11
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
- import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as COLLECTION_ITEM_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group.mjs';
12
+ import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as COLLECTION_ITEM_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group2.mjs';
13
13
  import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from '../../roving-focus-group/src/tokens.mjs';
14
14
  import { composeRefs } from '../../../utils/vue/refs.mjs';
15
15
  import { composeEventHandlers } from '../../../utils/dom/event.mjs';
@@ -11,7 +11,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
11
11
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
12
12
  import { FOCUS_TRAP_INJECTION_KEY } from '../../focus-trap/src/tokens.mjs';
13
13
  import { ROVING_FOCUS_GROUP_INJECTION_KEY } from '../../roving-focus-group/src/tokens.mjs';
14
- import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group.mjs';
14
+ import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY$1 } from '../../roving-focus-group/src/roving-focus-group2.mjs';
15
15
  import { composeRefs } from '../../../utils/vue/refs.mjs';
16
16
  import { composeEventHandlers } from '../../../utils/dom/event.mjs';
17
17
  import { EVENT_CODE } from '../../../constants/aria.mjs';
@@ -13,7 +13,7 @@ import '../../../hooks/index.mjs';
13
13
  import { ElCollection, dropdownProps } from './dropdown.mjs';
14
14
  import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
15
15
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
16
- import ElRovingFocusGroup from '../../roving-focus-group/src/roving-focus-group2.mjs';
16
+ import ElRovingFocusGroup from '../../roving-focus-group/src/roving-focus-group.mjs';
17
17
  import { OnlyChild } from '../../slot/src/only-child.mjs';
18
18
  import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
19
19
  import { useLocale } from '../../../hooks/use-locale/index.mjs';
@@ -85,7 +85,7 @@ export { badgeProps } from './badge/src/badge.mjs';
85
85
  export { breadcrumbProps } from './breadcrumb/src/breadcrumb.mjs';
86
86
  export { breadcrumbItemProps } from './breadcrumb/src/breadcrumb-item.mjs';
87
87
  export { breadcrumbKey } from './breadcrumb/src/constants.mjs';
88
- export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './button/src/button2.mjs';
88
+ export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './button/src/button.mjs';
89
89
  export { buttonGroupContextKey } from './button/src/constants.mjs';
90
90
  export { calendarEmits, calendarProps } from './calendar/src/calendar.mjs';
91
91
  export { cardProps } from './card/src/card.mjs';
@@ -170,7 +170,7 @@ export { sliderContextKey } from './slider/src/constants.mjs';
170
170
  export { spaceProps } from './space/src/space.mjs';
171
171
  export { useSpace } from './space/src/use-space.mjs';
172
172
  export { statisticProps } from './statistic/src/statistic.mjs';
173
- export { stepProps } from './steps/src/item2.mjs';
173
+ export { stepProps } from './steps/src/item.mjs';
174
174
  export { stepsEmits, stepsProps } from './steps/src/steps.mjs';
175
175
  export { switchEmits, switchProps } from './switch/src/switch.mjs';
176
176
  export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './table-v2/src/constants.mjs';
@@ -198,7 +198,7 @@ export { useTooltipContentProps } from './tooltip/src/content.mjs';
198
198
  export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
199
199
  export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer.mjs';
200
200
  export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './upload/src/upload.mjs';
201
- export { uploadContentProps } from './upload/src/upload-content2.mjs';
201
+ export { uploadContentProps } from './upload/src/upload-content.mjs';
202
202
  export { uploadListEmits, uploadListProps } from './upload/src/upload-list.mjs';
203
203
  export { uploadDraggerEmits, uploadDraggerProps } from './upload/src/upload-dragger.mjs';
204
204
  export { uploadContextKey } from './upload/src/constants.mjs';
@@ -1,220 +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 _hoisted_1 = ["onKeyup"];
10
- const _hoisted_2 = ["aria-current", "aria-label", "tabindex"];
11
- const _hoisted_3 = ["tabindex", "aria-label"];
12
- const _hoisted_4 = ["aria-current", "aria-label", "tabindex"];
13
- const _hoisted_5 = ["tabindex", "aria-label"];
14
- const _hoisted_6 = ["aria-current", "aria-label", "tabindex"];
15
- const __default__ = defineComponent({
16
- 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
17
18
  });
18
- const _sfc_main = /* @__PURE__ */ defineComponent({
19
- ...__default__,
20
- props: paginationPagerProps,
21
- emits: ["change"],
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const nsPager = useNamespace("pager");
25
- const nsIcon = useNamespace("icon");
26
- const { t } = useLocale();
27
- const showPrevMore = ref(false);
28
- const showNextMore = ref(false);
29
- const quickPrevHover = ref(false);
30
- const quickNextHover = ref(false);
31
- const quickPrevFocus = ref(false);
32
- const quickNextFocus = ref(false);
33
- const pagers = computed(() => {
34
- const pagerCount = props.pagerCount;
35
- const halfPagerCount = (pagerCount - 1) / 2;
36
- const currentPage = Number(props.currentPage);
37
- const pageCount = Number(props.pageCount);
38
- let showPrevMore2 = false;
39
- let showNextMore2 = false;
40
- if (pageCount > pagerCount) {
41
- if (currentPage > pagerCount - halfPagerCount) {
42
- showPrevMore2 = true;
43
- }
44
- if (currentPage < pageCount - halfPagerCount) {
45
- showNextMore2 = true;
46
- }
47
- }
48
- const array = [];
49
- if (showPrevMore2 && !showNextMore2) {
50
- const startPage = pageCount - (pagerCount - 2);
51
- for (let i = startPage; i < pageCount; i++) {
52
- array.push(i);
53
- }
54
- } else if (!showPrevMore2 && showNextMore2) {
55
- for (let i = 2; i < pagerCount; i++) {
56
- array.push(i);
57
- }
58
- } else if (showPrevMore2 && showNextMore2) {
59
- const offset = Math.floor(pagerCount / 2) - 1;
60
- for (let i = currentPage - offset; i <= currentPage + offset; i++) {
61
- array.push(i);
62
- }
63
- } else {
64
- for (let i = 2; i < pageCount; i++) {
65
- array.push(i);
66
- }
67
- }
68
- return array;
69
- });
70
- const prevMoreKls = computed(() => [
71
- "more",
72
- "btn-quickprev",
73
- nsIcon.b(),
74
- nsPager.is("disabled", props.disabled)
75
- ]);
76
- const nextMoreKls = computed(() => [
77
- "more",
78
- "btn-quicknext",
79
- nsIcon.b(),
80
- nsPager.is("disabled", props.disabled)
81
- ]);
82
- const tabindex = computed(() => props.disabled ? -1 : 0);
83
- watchEffect(() => {
84
- const halfPagerCount = (props.pagerCount - 1) / 2;
85
- showPrevMore.value = false;
86
- showNextMore.value = false;
87
- if (props.pageCount > props.pagerCount) {
88
- if (props.currentPage > props.pagerCount - halfPagerCount) {
89
- showPrevMore.value = true;
90
- }
91
- if (props.currentPage < props.pageCount - halfPagerCount) {
92
- showNextMore.value = true;
93
- }
94
- }
95
- });
96
- function onMouseEnter(forward = false) {
97
- if (props.disabled)
98
- return;
99
- if (forward) {
100
- quickPrevHover.value = true;
101
- } else {
102
- quickNextHover.value = true;
103
- }
104
- }
105
- function onFocus(forward = false) {
106
- if (forward) {
107
- quickPrevFocus.value = true;
108
- } else {
109
- quickNextFocus.value = true;
110
- }
111
- }
112
- function onEnter(e) {
113
- const target = e.target;
114
- if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
115
- const newPage = Number(target.textContent);
116
- if (newPage !== props.currentPage) {
117
- emit("change", newPage);
118
- }
119
- } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
120
- onPagerClick(e);
121
- }
122
- }
123
- function onPagerClick(event) {
124
- const target = event.target;
125
- if (target.tagName.toLowerCase() === "ul" || props.disabled) {
126
- return;
127
- }
128
- let newPage = Number(target.textContent);
129
- const pageCount = props.pageCount;
130
- const currentPage = props.currentPage;
131
- const pagerCountOffset = props.pagerCount - 2;
132
- if (target.className.includes("more")) {
133
- if (target.className.includes("quickprev")) {
134
- newPage = currentPage - pagerCountOffset;
135
- } else if (target.className.includes("quicknext")) {
136
- newPage = currentPage + pagerCountOffset;
137
- }
138
- }
139
- if (!Number.isNaN(+newPage)) {
140
- if (newPage < 1) {
141
- newPage = 1;
142
- }
143
- if (newPage > pageCount) {
144
- newPage = pageCount;
145
- }
146
- }
147
- if (newPage !== currentPage) {
148
- emit("change", newPage);
149
- }
150
- }
151
- return (_ctx, _cache) => {
152
- return openBlock(), createElementBlock("ul", {
153
- class: normalizeClass(unref(nsPager).b()),
154
- onClick: onPagerClick,
155
- onKeyup: withKeys(onEnter, ["enter"])
156
- }, [
157
- _ctx.pageCount > 0 ? (openBlock(), createElementBlock("li", {
158
- key: 0,
159
- class: normalizeClass([[
160
- unref(nsPager).is("active", _ctx.currentPage === 1),
161
- unref(nsPager).is("disabled", _ctx.disabled)
162
- ], "number"]),
163
- "aria-current": _ctx.currentPage === 1,
164
- "aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
165
- tabindex: unref(tabindex)
166
- }, " 1 ", 10, _hoisted_2)) : createCommentVNode("v-if", true),
167
- showPrevMore.value ? (openBlock(), createElementBlock("li", {
168
- key: 1,
169
- class: normalizeClass(unref(prevMoreKls)),
170
- tabindex: unref(tabindex),
171
- "aria-label": unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
172
- onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
173
- onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
174
- onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
175
- onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
176
- }, [
177
- (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
178
- ], 42, _hoisted_3)) : createCommentVNode("v-if", true),
179
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (pager) => {
180
- return openBlock(), createElementBlock("li", {
181
- key: pager,
182
- class: normalizeClass([[
183
- unref(nsPager).is("active", _ctx.currentPage === pager),
184
- unref(nsPager).is("disabled", _ctx.disabled)
185
- ], "number"]),
186
- "aria-current": _ctx.currentPage === pager,
187
- "aria-label": unref(t)("el.pagination.currentPage", { pager }),
188
- tabindex: unref(tabindex)
189
- }, toDisplayString(pager), 11, _hoisted_4);
190
- }), 128)),
191
- showNextMore.value ? (openBlock(), createElementBlock("li", {
192
- key: 2,
193
- class: normalizeClass(unref(nextMoreKls)),
194
- tabindex: unref(tabindex),
195
- "aria-label": unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
196
- onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
197
- onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
198
- onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
199
- onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
200
- }, [
201
- (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
202
- ], 42, _hoisted_5)) : createCommentVNode("v-if", true),
203
- _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
204
- key: 3,
205
- class: normalizeClass([[
206
- unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
207
- unref(nsPager).is("disabled", _ctx.disabled)
208
- ], "number"]),
209
- "aria-current": _ctx.currentPage === _ctx.pageCount,
210
- "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
211
- tabindex: unref(tabindex)
212
- }, toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : createCommentVNode("v-if", true)
213
- ], 42, _hoisted_1);
214
- };
215
- }
216
- });
217
- var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/pager.vue"]]);
218
19
 
219
- export { Pager as default };
20
+ export { paginationPagerProps };
220
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":[],"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;;;;"}