@element-plus/nightly 0.0.20230624 → 0.0.20230625

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 (284) hide show
  1. package/dist/index.full.js +3 -3
  2. package/dist/index.full.min.js +3 -3
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +3 -3
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +3 -3
  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/ta.js +1 -1
  196. package/dist/locale/ta.min.js +1 -1
  197. package/dist/locale/ta.min.mjs +1 -1
  198. package/dist/locale/ta.mjs +1 -1
  199. package/dist/locale/th.js +1 -1
  200. package/dist/locale/th.min.js +1 -1
  201. package/dist/locale/th.min.mjs +1 -1
  202. package/dist/locale/th.mjs +1 -1
  203. package/dist/locale/tk.js +1 -1
  204. package/dist/locale/tk.min.js +1 -1
  205. package/dist/locale/tk.min.mjs +1 -1
  206. package/dist/locale/tk.mjs +1 -1
  207. package/dist/locale/tr.js +1 -1
  208. package/dist/locale/tr.min.js +1 -1
  209. package/dist/locale/tr.min.mjs +1 -1
  210. package/dist/locale/tr.mjs +1 -1
  211. package/dist/locale/ug-cn.js +1 -1
  212. package/dist/locale/ug-cn.min.js +1 -1
  213. package/dist/locale/ug-cn.min.mjs +1 -1
  214. package/dist/locale/ug-cn.mjs +1 -1
  215. package/dist/locale/uk.js +1 -1
  216. package/dist/locale/uk.min.js +1 -1
  217. package/dist/locale/uk.min.mjs +1 -1
  218. package/dist/locale/uk.mjs +1 -1
  219. package/dist/locale/uz-uz.js +1 -1
  220. package/dist/locale/uz-uz.min.js +1 -1
  221. package/dist/locale/uz-uz.min.mjs +1 -1
  222. package/dist/locale/uz-uz.mjs +1 -1
  223. package/dist/locale/vi.js +1 -1
  224. package/dist/locale/vi.min.js +1 -1
  225. package/dist/locale/vi.min.mjs +1 -1
  226. package/dist/locale/vi.mjs +1 -1
  227. package/dist/locale/zh-cn.js +1 -1
  228. package/dist/locale/zh-cn.min.js +1 -1
  229. package/dist/locale/zh-cn.min.mjs +1 -1
  230. package/dist/locale/zh-cn.mjs +1 -1
  231. package/dist/locale/zh-tw.js +1 -1
  232. package/dist/locale/zh-tw.min.js +1 -1
  233. package/dist/locale/zh-tw.min.mjs +1 -1
  234. package/dist/locale/zh-tw.mjs +1 -1
  235. package/es/components/index.mjs +3 -3
  236. package/es/components/page-header/index.mjs +2 -2
  237. package/es/components/page-header/src/page-header.mjs +103 -17
  238. package/es/components/page-header/src/page-header.mjs.map +1 -1
  239. package/es/components/page-header/src/page-header2.mjs +17 -103
  240. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  241. package/es/components/pagination/src/components/sizes.mjs +68 -22
  242. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  243. package/es/components/pagination/src/components/sizes2.mjs +22 -68
  244. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  245. package/es/components/pagination/src/pagination.mjs +1 -1
  246. package/es/components/popper/index.mjs +2 -2
  247. package/es/components/popper/src/arrow.mjs +8 -37
  248. package/es/components/popper/src/arrow.mjs.map +1 -1
  249. package/es/components/popper/src/arrow2.mjs +37 -8
  250. package/es/components/popper/src/arrow2.mjs.map +1 -1
  251. package/es/components/tooltip/src/tooltip.mjs +1 -1
  252. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  253. package/es/components/virtual-list/src/builders/build-grid.mjs +1 -1
  254. package/es/components/virtual-list/src/builders/build-grid.mjs.map +1 -1
  255. package/es/index.mjs +3 -3
  256. package/es/version.d.ts +1 -1
  257. package/es/version.mjs +1 -1
  258. package/es/version.mjs.map +1 -1
  259. package/lib/components/index.js +3 -3
  260. package/lib/components/page-header/index.js +2 -2
  261. package/lib/components/page-header/src/page-header.js +103 -18
  262. package/lib/components/page-header/src/page-header.js.map +1 -1
  263. package/lib/components/page-header/src/page-header2.js +18 -103
  264. package/lib/components/page-header/src/page-header2.js.map +1 -1
  265. package/lib/components/pagination/src/components/sizes.js +68 -22
  266. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  267. package/lib/components/pagination/src/components/sizes2.js +22 -68
  268. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  269. package/lib/components/pagination/src/pagination.js +1 -1
  270. package/lib/components/popper/index.js +2 -2
  271. package/lib/components/popper/src/arrow.js +9 -37
  272. package/lib/components/popper/src/arrow.js.map +1 -1
  273. package/lib/components/popper/src/arrow2.js +37 -9
  274. package/lib/components/popper/src/arrow2.js.map +1 -1
  275. package/lib/components/tooltip/src/tooltip.js +1 -1
  276. package/lib/components/tooltip/src/tooltip2.js +1 -1
  277. package/lib/components/virtual-list/src/builders/build-grid.js +1 -1
  278. package/lib/components/virtual-list/src/builders/build-grid.js.map +1 -1
  279. package/lib/index.js +3 -3
  280. package/lib/version.d.ts +1 -1
  281. package/lib/version.js +1 -1
  282. package/lib/version.js.map +1 -1
  283. package/package.json +2 -2
  284. package/web-types.json +1 -1
package/es/index.mjs CHANGED
@@ -104,7 +104,7 @@ export { subMenuProps } from './components/menu/src/sub-menu.mjs';
104
104
  export { ElMenu, ElMenuItem, ElMenuItemGroup, ElSubMenu } from './components/menu/index.mjs';
105
105
  export { overlayEmits, overlayProps } from './components/overlay/src/overlay.mjs';
106
106
  export { ElOverlay } from './components/overlay/index.mjs';
107
- export { pageHeaderEmits, pageHeaderProps } from './components/page-header/src/page-header.mjs';
107
+ export { pageHeaderEmits, pageHeaderProps } from './components/page-header/src/page-header2.mjs';
108
108
  export { ElPageHeader } from './components/page-header/index.mjs';
109
109
  export { paginationEmits, paginationProps } from './components/pagination/src/pagination.mjs';
110
110
  export { elPaginationKey } from './components/pagination/src/constants.mjs';
@@ -114,9 +114,9 @@ export { ElPopconfirm } from './components/popconfirm/index.mjs';
114
114
  export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
115
115
  export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
116
116
  export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
117
- export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow2.mjs';
117
+ export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
118
118
  export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './components/popper/src/constants.mjs';
119
- export { default as ElPopperArrow } from './components/popper/src/arrow.mjs';
119
+ export { default as ElPopperArrow } from './components/popper/src/arrow2.mjs';
120
120
  export { default as ElPopperTrigger } from './components/popper/src/trigger2.mjs';
121
121
  export { default as ElPopperContent } from './components/popper/src/content2.mjs';
122
122
  export { ElPopper } from './components/popper/index.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20230624";
1
+ export declare const version = "0.0.20230625";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20230624";
1
+ const version = "0.0.20230625";
2
2
 
3
3
  export { version };
4
4
  //# sourceMappingURL=version.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20230624'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20230625'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
@@ -139,16 +139,16 @@ var menuItem = require('./menu/src/menu-item.js');
139
139
  var menuItemGroup = require('./menu/src/menu-item-group.js');
140
140
  var subMenu = require('./menu/src/sub-menu.js');
141
141
  var overlay = require('./overlay/src/overlay.js');
142
- var pageHeader = require('./page-header/src/page-header.js');
142
+ var pageHeader = require('./page-header/src/page-header2.js');
143
143
  var pagination = require('./pagination/src/pagination.js');
144
144
  var constants$9 = require('./pagination/src/constants.js');
145
145
  var popconfirm = require('./popconfirm/src/popconfirm.js');
146
146
  var popper = require('./popper/src/popper.js');
147
147
  var trigger$1 = require('./popper/src/trigger.js');
148
148
  var content$1 = require('./popper/src/content.js');
149
- var arrow$1 = require('./popper/src/arrow2.js');
149
+ var arrow$1 = require('./popper/src/arrow.js');
150
150
  var constants$a = require('./popper/src/constants.js');
151
- var arrow = require('./popper/src/arrow.js');
151
+ var arrow = require('./popper/src/arrow2.js');
152
152
  var trigger = require('./popper/src/trigger2.js');
153
153
  var content = require('./popper/src/content2.js');
154
154
  var progress = require('./progress/src/progress.js');
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var pageHeader$1 = require('./src/page-header2.js');
7
- var pageHeader = require('./src/page-header.js');
6
+ var pageHeader$1 = require('./src/page-header.js');
7
+ var pageHeader = require('./src/page-header2.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const ElPageHeader = install.withInstall(pageHeader$1["default"]);
@@ -2,26 +2,111 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- var iconsVue = require('@element-plus/icons-vue');
7
- var runtime = require('../../../utils/vue/props/runtime.js');
8
- var icon = require('../../../utils/vue/icon.js');
5
+ var vue = require('vue');
6
+ var index$2 = require('../../icon/index.js');
7
+ var index$3 = require('../../divider/index.js');
8
+ require('../../../hooks/index.js');
9
+ var pageHeader = require('./page-header2.js');
10
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
+ var index = require('../../../hooks/use-locale/index.js');
12
+ var index$1 = require('../../../hooks/use-namespace/index.js');
9
13
 
10
- const pageHeaderProps = runtime.buildProps({
11
- icon: {
12
- type: icon.iconPropType,
13
- default: () => iconsVue.Back
14
- },
15
- title: String,
16
- content: {
17
- type: String,
18
- default: ""
14
+ const _hoisted_1 = ["aria-label"];
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElPageHeader"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: pageHeader.pageHeaderProps,
21
+ emits: pageHeader.pageHeaderEmits,
22
+ setup(__props, { emit }) {
23
+ const slots = vue.useSlots();
24
+ const { t } = index.useLocale();
25
+ const ns = index$1.useNamespace("page-header");
26
+ const kls = vue.computed(() => {
27
+ return [
28
+ ns.b(),
29
+ {
30
+ [ns.m("has-breadcrumb")]: !!slots.breadcrumb,
31
+ [ns.m("has-extra")]: !!slots.extra,
32
+ [ns.is("contentful")]: !!slots.default
33
+ }
34
+ ];
35
+ });
36
+ function handleClick() {
37
+ emit("back");
38
+ }
39
+ return (_ctx, _cache) => {
40
+ return vue.openBlock(), vue.createElementBlock("div", {
41
+ class: vue.normalizeClass(vue.unref(kls))
42
+ }, [
43
+ _ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", {
44
+ key: 0,
45
+ class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
46
+ }, [
47
+ vue.renderSlot(_ctx.$slots, "breadcrumb")
48
+ ], 2)) : vue.createCommentVNode("v-if", true),
49
+ vue.createElementVNode("div", {
50
+ class: vue.normalizeClass(vue.unref(ns).e("header"))
51
+ }, [
52
+ vue.createElementVNode("div", {
53
+ class: vue.normalizeClass(vue.unref(ns).e("left"))
54
+ }, [
55
+ vue.createElementVNode("div", {
56
+ class: vue.normalizeClass(vue.unref(ns).e("back")),
57
+ role: "button",
58
+ tabindex: "0",
59
+ onClick: handleClick
60
+ }, [
61
+ _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
62
+ key: 0,
63
+ "aria-label": _ctx.title || vue.unref(t)("el.pageHeader.title"),
64
+ class: vue.normalizeClass(vue.unref(ns).e("icon"))
65
+ }, [
66
+ vue.renderSlot(_ctx.$slots, "icon", {}, () => [
67
+ _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), { key: 0 }, {
68
+ default: vue.withCtx(() => [
69
+ (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
70
+ ]),
71
+ _: 1
72
+ })) : vue.createCommentVNode("v-if", true)
73
+ ])
74
+ ], 10, _hoisted_1)) : vue.createCommentVNode("v-if", true),
75
+ vue.createElementVNode("div", {
76
+ class: vue.normalizeClass(vue.unref(ns).e("title"))
77
+ }, [
78
+ vue.renderSlot(_ctx.$slots, "title", {}, () => [
79
+ vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
80
+ ])
81
+ ], 2)
82
+ ], 2),
83
+ vue.createVNode(vue.unref(index$3.ElDivider), { direction: "vertical" }),
84
+ vue.createElementVNode("div", {
85
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
86
+ }, [
87
+ vue.renderSlot(_ctx.$slots, "content", {}, () => [
88
+ vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
89
+ ])
90
+ ], 2)
91
+ ], 2),
92
+ _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
93
+ key: 0,
94
+ class: vue.normalizeClass(vue.unref(ns).e("extra"))
95
+ }, [
96
+ vue.renderSlot(_ctx.$slots, "extra")
97
+ ], 2)) : vue.createCommentVNode("v-if", true)
98
+ ], 2),
99
+ _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
100
+ key: 1,
101
+ class: vue.normalizeClass(vue.unref(ns).e("main"))
102
+ }, [
103
+ vue.renderSlot(_ctx.$slots, "default")
104
+ ], 2)) : vue.createCommentVNode("v-if", true)
105
+ ], 2);
106
+ };
19
107
  }
20
108
  });
21
- const pageHeaderEmits = {
22
- back: () => true
23
- };
109
+ var PageHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/page-header/src/page-header.vue"]]);
24
110
 
25
- exports.pageHeaderEmits = pageHeaderEmits;
26
- exports.pageHeaderProps = pageHeaderProps;
111
+ exports["default"] = PageHeader;
27
112
  //# sourceMappingURL=page-header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.js","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n /**\n * @description icon component of page header\n */\n icon: {\n type: iconPropType,\n default: () => Back,\n },\n /**\n * @description main title of page header\n */\n title: String,\n /**\n * @description content of page header\n */\n content: {\n type: String,\n default: '',\n },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":["buildProps","iconPropType","Back"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,aAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;;"}
1
+ {"version":3,"file":"page-header.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n <div :class=\"kls\">\n <div v-if=\"$slots.breadcrumb\" :class=\"ns.e('breadcrumb')\">\n <slot name=\"breadcrumb\" />\n </div>\n <div :class=\"ns.e('header')\">\n <div :class=\"ns.e('left')\">\n <div\n :class=\"ns.e('back')\"\n role=\"button\"\n tabindex=\"0\"\n @click=\"handleClick\"\n >\n <div\n v-if=\"icon || $slots.icon\"\n :aria-label=\"title || t('el.pageHeader.title')\"\n :class=\"ns.e('icon')\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n </slot>\n </div>\n <div :class=\"ns.e('title')\">\n <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n </div>\n </div>\n <el-divider direction=\"vertical\" />\n <div :class=\"ns.e('content')\">\n <slot name=\"content\">{{ content }}</slot>\n </div>\n </div>\n\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n\n <div v-if=\"$slots.default\" :class=\"ns.e('main')\">\n <slot />\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElDivider } from '@element-plus/components/divider'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n name: 'ElPageHeader',\n})\n\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\nconst slots = useSlots()\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\nconst kls = computed(() => {\n return [\n ns.b(),\n {\n [ns.m('has-breadcrumb')]: !!slots.breadcrumb,\n [ns.m('has-extra')]: !!slots.extra,\n [ns.is('contentful')]: !!slots.default,\n },\n ]\n})\n\nfunction handleClick() {\n emit('back')\n}\n</script>\n"],"names":["useSlots","useLocale","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;uCAoDc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAE,MAAMC,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,aAAa,CAAA,CAAA;AACrC,IAAM,MAAA,GAAA,GAAMC,aAAS,MAAM;AACzB,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL;AAAA,UACE,CAAC,EAAG,CAAA,CAAA,CAAE,gBAAgB,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,UAAA;AAAA,UAClC,CAAC,EAAG,CAAA,CAAA,CAAE,WAAW,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,KAAA;AAAA,UAC7B,CAAC,EAAG,CAAA,EAAA,CAAG,YAAY,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,OAAA;AAAA,SACjC;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,111 +2,26 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$2 = require('../../icon/index.js');
7
- var index$3 = require('../../divider/index.js');
8
- require('../../../hooks/index.js');
9
- var pageHeader = require('./page-header.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var index = require('../../../hooks/use-locale/index.js');
12
- var index$1 = require('../../../hooks/use-namespace/index.js');
5
+ require('../../../utils/index.js');
6
+ var iconsVue = require('@element-plus/icons-vue');
7
+ var runtime = require('../../../utils/vue/props/runtime.js');
8
+ var icon = require('../../../utils/vue/icon.js');
13
9
 
14
- const _hoisted_1 = ["aria-label"];
15
- const __default__ = vue.defineComponent({
16
- name: "ElPageHeader"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: pageHeader.pageHeaderProps,
21
- emits: pageHeader.pageHeaderEmits,
22
- setup(__props, { emit }) {
23
- const slots = vue.useSlots();
24
- const { t } = index.useLocale();
25
- const ns = index$1.useNamespace("page-header");
26
- const kls = vue.computed(() => {
27
- return [
28
- ns.b(),
29
- {
30
- [ns.m("has-breadcrumb")]: !!slots.breadcrumb,
31
- [ns.m("has-extra")]: !!slots.extra,
32
- [ns.is("contentful")]: !!slots.default
33
- }
34
- ];
35
- });
36
- function handleClick() {
37
- emit("back");
38
- }
39
- return (_ctx, _cache) => {
40
- return vue.openBlock(), vue.createElementBlock("div", {
41
- class: vue.normalizeClass(vue.unref(kls))
42
- }, [
43
- _ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", {
44
- key: 0,
45
- class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
46
- }, [
47
- vue.renderSlot(_ctx.$slots, "breadcrumb")
48
- ], 2)) : vue.createCommentVNode("v-if", true),
49
- vue.createElementVNode("div", {
50
- class: vue.normalizeClass(vue.unref(ns).e("header"))
51
- }, [
52
- vue.createElementVNode("div", {
53
- class: vue.normalizeClass(vue.unref(ns).e("left"))
54
- }, [
55
- vue.createElementVNode("div", {
56
- class: vue.normalizeClass(vue.unref(ns).e("back")),
57
- role: "button",
58
- tabindex: "0",
59
- onClick: handleClick
60
- }, [
61
- _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
62
- key: 0,
63
- "aria-label": _ctx.title || vue.unref(t)("el.pageHeader.title"),
64
- class: vue.normalizeClass(vue.unref(ns).e("icon"))
65
- }, [
66
- vue.renderSlot(_ctx.$slots, "icon", {}, () => [
67
- _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), { key: 0 }, {
68
- default: vue.withCtx(() => [
69
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
70
- ]),
71
- _: 1
72
- })) : vue.createCommentVNode("v-if", true)
73
- ])
74
- ], 10, _hoisted_1)) : vue.createCommentVNode("v-if", true),
75
- vue.createElementVNode("div", {
76
- class: vue.normalizeClass(vue.unref(ns).e("title"))
77
- }, [
78
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
79
- vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
80
- ])
81
- ], 2)
82
- ], 2),
83
- vue.createVNode(vue.unref(index$3.ElDivider), { direction: "vertical" }),
84
- vue.createElementVNode("div", {
85
- class: vue.normalizeClass(vue.unref(ns).e("content"))
86
- }, [
87
- vue.renderSlot(_ctx.$slots, "content", {}, () => [
88
- vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
89
- ])
90
- ], 2)
91
- ], 2),
92
- _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
93
- key: 0,
94
- class: vue.normalizeClass(vue.unref(ns).e("extra"))
95
- }, [
96
- vue.renderSlot(_ctx.$slots, "extra")
97
- ], 2)) : vue.createCommentVNode("v-if", true)
98
- ], 2),
99
- _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
100
- key: 1,
101
- class: vue.normalizeClass(vue.unref(ns).e("main"))
102
- }, [
103
- vue.renderSlot(_ctx.$slots, "default")
104
- ], 2)) : vue.createCommentVNode("v-if", true)
105
- ], 2);
106
- };
10
+ const pageHeaderProps = runtime.buildProps({
11
+ icon: {
12
+ type: icon.iconPropType,
13
+ default: () => iconsVue.Back
14
+ },
15
+ title: String,
16
+ content: {
17
+ type: String,
18
+ default: ""
107
19
  }
108
20
  });
109
- var PageHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/page-header/src/page-header.vue"]]);
21
+ const pageHeaderEmits = {
22
+ back: () => true
23
+ };
110
24
 
111
- exports["default"] = PageHeader;
25
+ exports.pageHeaderEmits = pageHeaderEmits;
26
+ exports.pageHeaderProps = pageHeaderProps;
112
27
  //# sourceMappingURL=page-header2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header2.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n <div :class=\"kls\">\n <div v-if=\"$slots.breadcrumb\" :class=\"ns.e('breadcrumb')\">\n <slot name=\"breadcrumb\" />\n </div>\n <div :class=\"ns.e('header')\">\n <div :class=\"ns.e('left')\">\n <div\n :class=\"ns.e('back')\"\n role=\"button\"\n tabindex=\"0\"\n @click=\"handleClick\"\n >\n <div\n v-if=\"icon || $slots.icon\"\n :aria-label=\"title || t('el.pageHeader.title')\"\n :class=\"ns.e('icon')\"\n >\n <slot name=\"icon\">\n <el-icon v-if=\"icon\">\n <component :is=\"icon\" />\n </el-icon>\n </slot>\n </div>\n <div :class=\"ns.e('title')\">\n <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n </div>\n </div>\n <el-divider direction=\"vertical\" />\n <div :class=\"ns.e('content')\">\n <slot name=\"content\">{{ content }}</slot>\n </div>\n </div>\n\n <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n <slot name=\"extra\" />\n </div>\n </div>\n\n <div v-if=\"$slots.default\" :class=\"ns.e('main')\">\n <slot />\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElDivider } from '@element-plus/components/divider'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n name: 'ElPageHeader',\n})\n\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\nconst slots = useSlots()\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\nconst kls = computed(() => {\n return [\n ns.b(),\n {\n [ns.m('has-breadcrumb')]: !!slots.breadcrumb,\n [ns.m('has-extra')]: !!slots.extra,\n [ns.is('contentful')]: !!slots.default,\n },\n ]\n})\n\nfunction handleClick() {\n emit('back')\n}\n</script>\n"],"names":["useSlots","useLocale","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;uCAoDc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAE,MAAMC,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,aAAa,CAAA,CAAA;AACrC,IAAM,MAAA,GAAA,GAAMC,aAAS,MAAM;AACzB,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL;AAAA,UACE,CAAC,EAAG,CAAA,CAAA,CAAE,gBAAgB,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,UAAA;AAAA,UAClC,CAAC,EAAG,CAAA,CAAA,CAAE,WAAW,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,KAAA;AAAA,UAC7B,CAAC,EAAG,CAAA,EAAA,CAAG,YAAY,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,OAAA;AAAA,SACjC;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"page-header2.js","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n /**\n * @description icon component of page header\n */\n icon: {\n type: iconPropType,\n default: () => Back,\n },\n /**\n * @description main title of page header\n */\n title: String,\n /**\n * @description content of page header\n */\n content: {\n type: String,\n default: '',\n },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":["buildProps","iconPropType","Back"],"mappings":";;;;;;;;;AAEY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,aAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;;"}
@@ -2,30 +2,76 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../../utils/index.js');
6
- require('../../../../constants/index.js');
7
- var runtime = require('../../../../utils/vue/props/runtime.js');
8
- var typescript = require('../../../../utils/typescript.js');
9
- var size = require('../../../../constants/size.js');
5
+ var vue = require('vue');
6
+ var lodashUnified = require('lodash-unified');
7
+ var index$2 = require('../../../select/index.js');
8
+ require('../../../../hooks/index.js');
9
+ var usePagination = require('../usePagination.js');
10
+ var sizes = require('./sizes2.js');
11
+ var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../../hooks/use-locale/index.js');
13
+ var index$1 = require('../../../../hooks/use-namespace/index.js');
10
14
 
11
- const paginationSizesProps = runtime.buildProps({
12
- pageSize: {
13
- type: Number,
14
- required: true
15
- },
16
- pageSizes: {
17
- type: runtime.definePropType(Array),
18
- default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
19
- },
20
- popperClass: {
21
- type: String
22
- },
23
- disabled: Boolean,
24
- size: {
25
- type: String,
26
- values: size.componentSizes
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElPaginationSizes"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: sizes.paginationSizesProps,
21
+ emits: ["page-size-change"],
22
+ setup(__props, { emit }) {
23
+ const props = __props;
24
+ const { t } = index.useLocale();
25
+ const ns = index$1.useNamespace("pagination");
26
+ const pagination = usePagination.usePagination();
27
+ const innerPageSize = vue.ref(props.pageSize);
28
+ vue.watch(() => props.pageSizes, (newVal, oldVal) => {
29
+ if (lodashUnified.isEqual(newVal, oldVal))
30
+ return;
31
+ if (Array.isArray(newVal)) {
32
+ const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
33
+ emit("page-size-change", pageSize);
34
+ }
35
+ });
36
+ vue.watch(() => props.pageSize, (newVal) => {
37
+ innerPageSize.value = newVal;
38
+ });
39
+ const innerPageSizes = vue.computed(() => props.pageSizes);
40
+ function handleChange(val) {
41
+ var _a;
42
+ if (val !== innerPageSize.value) {
43
+ innerPageSize.value = val;
44
+ (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
45
+ }
46
+ }
47
+ return (_ctx, _cache) => {
48
+ return vue.openBlock(), vue.createElementBlock("span", {
49
+ class: vue.normalizeClass(vue.unref(ns).e("sizes"))
50
+ }, [
51
+ vue.createVNode(vue.unref(index$2.ElSelect), {
52
+ "model-value": innerPageSize.value,
53
+ disabled: _ctx.disabled,
54
+ "popper-class": _ctx.popperClass,
55
+ size: _ctx.size,
56
+ "validate-event": false,
57
+ onChange: handleChange
58
+ }, {
59
+ default: vue.withCtx(() => [
60
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
61
+ return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
62
+ key: item,
63
+ value: item,
64
+ label: item + vue.unref(t)("el.pagination.pagesize")
65
+ }, null, 8, ["value", "label"]);
66
+ }), 128))
67
+ ]),
68
+ _: 1
69
+ }, 8, ["model-value", "disabled", "popper-class", "size"])
70
+ ], 2);
71
+ };
27
72
  }
28
73
  });
74
+ var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/sizes.vue"]]);
29
75
 
30
- exports.paginationSizesProps = paginationSizesProps;
76
+ exports["default"] = Sizes;
31
77
  //# sourceMappingURL=sizes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n pageSize: {\n type: Number,\n required: true,\n },\n pageSizes: {\n type: definePropType<number[]>(Array),\n default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n },\n popperClass: {\n type: String,\n },\n disabled: Boolean,\n size: {\n type: String,\n values: componentSizes,\n },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"sizes.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('sizes')\">\n <el-select\n :model-value=\"innerPageSize\"\n :disabled=\"disabled\"\n :popper-class=\"popperClass\"\n :size=\"size\"\n :validate-event=\"false\"\n @change=\"handleChange\"\n >\n <el-option\n v-for=\"item in innerPageSizes\"\n :key=\"item\"\n :value=\"item\"\n :label=\"item + t('el.pagination.pagesize')\"\n />\n </el-select>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@element-plus/components/select'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n () => props.pageSizes,\n (newVal, oldVal) => {\n if (isEqual(newVal, oldVal)) return\n if (Array.isArray(newVal)) {\n const pageSize = newVal.includes(props.pageSize!)\n ? props.pageSize\n : props.pageSizes[0]\n emit('page-size-change', pageSize)\n }\n }\n)\n\nwatch(\n () => props.pageSize,\n (newVal) => {\n innerPageSize.value = newVal!\n }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n if (val !== innerPageSize.value) {\n innerPageSize.value = val\n pagination.handleSizeChange?.(Number(val))\n }\n}\n</script>\n"],"names":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,76 +2,30 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var lodashUnified = require('lodash-unified');
7
- var index$2 = require('../../../select/index.js');
8
- require('../../../../hooks/index.js');
9
- var usePagination = require('../usePagination.js');
10
- var sizes = require('./sizes.js');
11
- var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
12
- var index = require('../../../../hooks/use-locale/index.js');
13
- var index$1 = require('../../../../hooks/use-namespace/index.js');
5
+ require('../../../../utils/index.js');
6
+ require('../../../../constants/index.js');
7
+ var runtime = require('../../../../utils/vue/props/runtime.js');
8
+ var typescript = require('../../../../utils/typescript.js');
9
+ var size = require('../../../../constants/size.js');
14
10
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElPaginationSizes"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: sizes.paginationSizesProps,
21
- emits: ["page-size-change"],
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const { t } = index.useLocale();
25
- const ns = index$1.useNamespace("pagination");
26
- const pagination = usePagination.usePagination();
27
- const innerPageSize = vue.ref(props.pageSize);
28
- vue.watch(() => props.pageSizes, (newVal, oldVal) => {
29
- if (lodashUnified.isEqual(newVal, oldVal))
30
- return;
31
- if (Array.isArray(newVal)) {
32
- const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
33
- emit("page-size-change", pageSize);
34
- }
35
- });
36
- vue.watch(() => props.pageSize, (newVal) => {
37
- innerPageSize.value = newVal;
38
- });
39
- const innerPageSizes = vue.computed(() => props.pageSizes);
40
- function handleChange(val) {
41
- var _a;
42
- if (val !== innerPageSize.value) {
43
- innerPageSize.value = val;
44
- (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
45
- }
46
- }
47
- return (_ctx, _cache) => {
48
- return vue.openBlock(), vue.createElementBlock("span", {
49
- class: vue.normalizeClass(vue.unref(ns).e("sizes"))
50
- }, [
51
- vue.createVNode(vue.unref(index$2.ElSelect), {
52
- "model-value": innerPageSize.value,
53
- disabled: _ctx.disabled,
54
- "popper-class": _ctx.popperClass,
55
- size: _ctx.size,
56
- "validate-event": false,
57
- onChange: handleChange
58
- }, {
59
- default: vue.withCtx(() => [
60
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
61
- return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
62
- key: item,
63
- value: item,
64
- label: item + vue.unref(t)("el.pagination.pagesize")
65
- }, null, 8, ["value", "label"]);
66
- }), 128))
67
- ]),
68
- _: 1
69
- }, 8, ["model-value", "disabled", "popper-class", "size"])
70
- ], 2);
71
- };
11
+ const paginationSizesProps = runtime.buildProps({
12
+ pageSize: {
13
+ type: Number,
14
+ required: true
15
+ },
16
+ pageSizes: {
17
+ type: runtime.definePropType(Array),
18
+ default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
19
+ },
20
+ popperClass: {
21
+ type: String
22
+ },
23
+ disabled: Boolean,
24
+ size: {
25
+ type: String,
26
+ values: size.componentSizes
72
27
  }
73
28
  });
74
- var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/sizes.vue"]]);
75
29
 
76
- exports["default"] = Sizes;
30
+ exports.paginationSizesProps = paginationSizesProps;
77
31
  //# sourceMappingURL=sizes2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes2.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('sizes')\">\n <el-select\n :model-value=\"innerPageSize\"\n :disabled=\"disabled\"\n :popper-class=\"popperClass\"\n :size=\"size\"\n :validate-event=\"false\"\n @change=\"handleChange\"\n >\n <el-option\n v-for=\"item in innerPageSizes\"\n :key=\"item\"\n :value=\"item\"\n :label=\"item + t('el.pagination.pagesize')\"\n />\n </el-select>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@element-plus/components/select'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n () => props.pageSizes,\n (newVal, oldVal) => {\n if (isEqual(newVal, oldVal)) return\n if (Array.isArray(newVal)) {\n const pageSize = newVal.includes(props.pageSize!)\n ? props.pageSize\n : props.pageSizes[0]\n emit('page-size-change', pageSize)\n }\n }\n)\n\nwatch(\n () => props.pageSize,\n (newVal) => {\n innerPageSize.value = newVal!\n }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n if (val !== innerPageSize.value) {\n innerPageSize.value = val\n pagination.handleSizeChange?.(Number(val))\n }\n}\n</script>\n"],"names":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sizes2.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n pageSize: {\n type: Number,\n required: true,\n },\n pageSizes: {\n type: definePropType<number[]>(Array),\n default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n },\n popperClass: {\n type: String,\n },\n disabled: Boolean,\n size: {\n type: String,\n values: componentSizes,\n },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
@@ -9,7 +9,7 @@ require('../../../hooks/index.js');
9
9
  var constants = require('./constants.js');
10
10
  var prev = require('./components/prev2.js');
11
11
  var next = require('./components/next2.js');
12
- var sizes = require('./components/sizes2.js');
12
+ var sizes = require('./components/sizes.js');
13
13
  var jumper = require('./components/jumper2.js');
14
14
  var total = require('./components/total2.js');
15
15
  var pager = require('./components/pager2.js');