@element-plus/nightly 0.0.20240914 → 0.0.20240915

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 (308) 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-eg.js +1 -1
  12. package/dist/locale/ar-eg.min.js +1 -1
  13. package/dist/locale/ar-eg.min.mjs +1 -1
  14. package/dist/locale/ar-eg.mjs +1 -1
  15. package/dist/locale/ar.js +1 -1
  16. package/dist/locale/ar.min.js +1 -1
  17. package/dist/locale/ar.min.mjs +1 -1
  18. package/dist/locale/ar.mjs +1 -1
  19. package/dist/locale/az.js +1 -1
  20. package/dist/locale/az.min.js +1 -1
  21. package/dist/locale/az.min.mjs +1 -1
  22. package/dist/locale/az.mjs +1 -1
  23. package/dist/locale/bg.js +1 -1
  24. package/dist/locale/bg.min.js +1 -1
  25. package/dist/locale/bg.min.mjs +1 -1
  26. package/dist/locale/bg.mjs +1 -1
  27. package/dist/locale/bn.js +1 -1
  28. package/dist/locale/bn.min.js +1 -1
  29. package/dist/locale/bn.min.mjs +1 -1
  30. package/dist/locale/bn.mjs +1 -1
  31. package/dist/locale/ca.js +1 -1
  32. package/dist/locale/ca.min.js +1 -1
  33. package/dist/locale/ca.min.mjs +1 -1
  34. package/dist/locale/ca.mjs +1 -1
  35. package/dist/locale/ckb.js +1 -1
  36. package/dist/locale/ckb.min.js +1 -1
  37. package/dist/locale/ckb.min.mjs +1 -1
  38. package/dist/locale/ckb.mjs +1 -1
  39. package/dist/locale/cs.js +1 -1
  40. package/dist/locale/cs.min.js +1 -1
  41. package/dist/locale/cs.min.mjs +1 -1
  42. package/dist/locale/cs.mjs +1 -1
  43. package/dist/locale/da.js +1 -1
  44. package/dist/locale/da.min.js +1 -1
  45. package/dist/locale/da.min.mjs +1 -1
  46. package/dist/locale/da.mjs +1 -1
  47. package/dist/locale/de.js +1 -1
  48. package/dist/locale/de.min.js +1 -1
  49. package/dist/locale/de.min.mjs +1 -1
  50. package/dist/locale/de.mjs +1 -1
  51. package/dist/locale/el.js +1 -1
  52. package/dist/locale/el.min.js +1 -1
  53. package/dist/locale/el.min.mjs +1 -1
  54. package/dist/locale/el.mjs +1 -1
  55. package/dist/locale/en.js +1 -1
  56. package/dist/locale/en.min.js +1 -1
  57. package/dist/locale/en.min.mjs +1 -1
  58. package/dist/locale/en.mjs +1 -1
  59. package/dist/locale/eo.js +1 -1
  60. package/dist/locale/eo.min.js +1 -1
  61. package/dist/locale/eo.min.mjs +1 -1
  62. package/dist/locale/eo.mjs +1 -1
  63. package/dist/locale/es.js +1 -1
  64. package/dist/locale/es.min.js +1 -1
  65. package/dist/locale/es.min.mjs +1 -1
  66. package/dist/locale/es.mjs +1 -1
  67. package/dist/locale/et.js +1 -1
  68. package/dist/locale/et.min.js +1 -1
  69. package/dist/locale/et.min.mjs +1 -1
  70. package/dist/locale/et.mjs +1 -1
  71. package/dist/locale/eu.js +1 -1
  72. package/dist/locale/eu.min.js +1 -1
  73. package/dist/locale/eu.min.mjs +1 -1
  74. package/dist/locale/eu.mjs +1 -1
  75. package/dist/locale/fa.js +1 -1
  76. package/dist/locale/fa.min.js +1 -1
  77. package/dist/locale/fa.min.mjs +1 -1
  78. package/dist/locale/fa.mjs +1 -1
  79. package/dist/locale/fi.js +1 -1
  80. package/dist/locale/fi.min.js +1 -1
  81. package/dist/locale/fi.min.mjs +1 -1
  82. package/dist/locale/fi.mjs +1 -1
  83. package/dist/locale/fr.js +1 -1
  84. package/dist/locale/fr.min.js +1 -1
  85. package/dist/locale/fr.min.mjs +1 -1
  86. package/dist/locale/fr.mjs +1 -1
  87. package/dist/locale/he.js +1 -1
  88. package/dist/locale/he.min.js +1 -1
  89. package/dist/locale/he.min.mjs +1 -1
  90. package/dist/locale/he.mjs +1 -1
  91. package/dist/locale/hr.js +1 -1
  92. package/dist/locale/hr.min.js +1 -1
  93. package/dist/locale/hr.min.mjs +1 -1
  94. package/dist/locale/hr.mjs +1 -1
  95. package/dist/locale/hu.js +1 -1
  96. package/dist/locale/hu.min.js +1 -1
  97. package/dist/locale/hu.min.mjs +1 -1
  98. package/dist/locale/hu.mjs +1 -1
  99. package/dist/locale/hy-am.js +1 -1
  100. package/dist/locale/hy-am.min.js +1 -1
  101. package/dist/locale/hy-am.min.mjs +1 -1
  102. package/dist/locale/hy-am.mjs +1 -1
  103. package/dist/locale/id.js +1 -1
  104. package/dist/locale/id.min.js +1 -1
  105. package/dist/locale/id.min.mjs +1 -1
  106. package/dist/locale/id.mjs +1 -1
  107. package/dist/locale/it.js +1 -1
  108. package/dist/locale/it.min.js +1 -1
  109. package/dist/locale/it.min.mjs +1 -1
  110. package/dist/locale/it.mjs +1 -1
  111. package/dist/locale/ja.js +1 -1
  112. package/dist/locale/ja.min.js +1 -1
  113. package/dist/locale/ja.min.mjs +1 -1
  114. package/dist/locale/ja.mjs +1 -1
  115. package/dist/locale/kk.js +1 -1
  116. package/dist/locale/kk.min.js +1 -1
  117. package/dist/locale/kk.min.mjs +1 -1
  118. package/dist/locale/kk.mjs +1 -1
  119. package/dist/locale/km.js +1 -1
  120. package/dist/locale/km.min.js +1 -1
  121. package/dist/locale/km.min.mjs +1 -1
  122. package/dist/locale/km.mjs +1 -1
  123. package/dist/locale/ko.js +1 -1
  124. package/dist/locale/ko.min.js +1 -1
  125. package/dist/locale/ko.min.mjs +1 -1
  126. package/dist/locale/ko.mjs +1 -1
  127. package/dist/locale/ku.js +1 -1
  128. package/dist/locale/ku.min.js +1 -1
  129. package/dist/locale/ku.min.mjs +1 -1
  130. package/dist/locale/ku.mjs +1 -1
  131. package/dist/locale/ky.js +1 -1
  132. package/dist/locale/ky.min.js +1 -1
  133. package/dist/locale/ky.min.mjs +1 -1
  134. package/dist/locale/ky.mjs +1 -1
  135. package/dist/locale/lt.js +1 -1
  136. package/dist/locale/lt.min.js +1 -1
  137. package/dist/locale/lt.min.mjs +1 -1
  138. package/dist/locale/lt.mjs +1 -1
  139. package/dist/locale/lv.js +1 -1
  140. package/dist/locale/lv.min.js +1 -1
  141. package/dist/locale/lv.min.mjs +1 -1
  142. package/dist/locale/lv.mjs +1 -1
  143. package/dist/locale/mg.js +1 -1
  144. package/dist/locale/mg.min.js +1 -1
  145. package/dist/locale/mg.min.mjs +1 -1
  146. package/dist/locale/mg.mjs +1 -1
  147. package/dist/locale/mn.js +1 -1
  148. package/dist/locale/mn.min.js +1 -1
  149. package/dist/locale/mn.min.mjs +1 -1
  150. package/dist/locale/mn.mjs +1 -1
  151. package/dist/locale/my.js +1 -1
  152. package/dist/locale/my.min.js +1 -1
  153. package/dist/locale/my.min.mjs +1 -1
  154. package/dist/locale/my.mjs +1 -1
  155. package/dist/locale/nb-no.js +1 -1
  156. package/dist/locale/nb-no.min.js +1 -1
  157. package/dist/locale/nb-no.min.mjs +1 -1
  158. package/dist/locale/nb-no.mjs +1 -1
  159. package/dist/locale/nl.js +1 -1
  160. package/dist/locale/nl.min.js +1 -1
  161. package/dist/locale/nl.min.mjs +1 -1
  162. package/dist/locale/nl.mjs +1 -1
  163. package/dist/locale/pa.js +1 -1
  164. package/dist/locale/pa.min.js +1 -1
  165. package/dist/locale/pa.min.mjs +1 -1
  166. package/dist/locale/pa.mjs +1 -1
  167. package/dist/locale/pl.js +1 -1
  168. package/dist/locale/pl.min.js +1 -1
  169. package/dist/locale/pl.min.mjs +1 -1
  170. package/dist/locale/pl.mjs +1 -1
  171. package/dist/locale/pt-br.js +1 -1
  172. package/dist/locale/pt-br.min.js +1 -1
  173. package/dist/locale/pt-br.min.mjs +1 -1
  174. package/dist/locale/pt-br.mjs +1 -1
  175. package/dist/locale/pt.js +1 -1
  176. package/dist/locale/pt.min.js +1 -1
  177. package/dist/locale/pt.min.mjs +1 -1
  178. package/dist/locale/pt.mjs +1 -1
  179. package/dist/locale/ro.js +1 -1
  180. package/dist/locale/ro.min.js +1 -1
  181. package/dist/locale/ro.min.mjs +1 -1
  182. package/dist/locale/ro.mjs +1 -1
  183. package/dist/locale/ru.js +1 -1
  184. package/dist/locale/ru.min.js +1 -1
  185. package/dist/locale/ru.min.mjs +1 -1
  186. package/dist/locale/ru.mjs +1 -1
  187. package/dist/locale/sk.js +1 -1
  188. package/dist/locale/sk.min.js +1 -1
  189. package/dist/locale/sk.min.mjs +1 -1
  190. package/dist/locale/sk.mjs +1 -1
  191. package/dist/locale/sl.js +1 -1
  192. package/dist/locale/sl.min.js +1 -1
  193. package/dist/locale/sl.min.mjs +1 -1
  194. package/dist/locale/sl.mjs +1 -1
  195. package/dist/locale/sr.js +1 -1
  196. package/dist/locale/sr.min.js +1 -1
  197. package/dist/locale/sr.min.mjs +1 -1
  198. package/dist/locale/sr.mjs +1 -1
  199. package/dist/locale/sv.js +1 -1
  200. package/dist/locale/sv.min.js +1 -1
  201. package/dist/locale/sv.min.mjs +1 -1
  202. package/dist/locale/sv.mjs +1 -1
  203. package/dist/locale/sw.js +1 -1
  204. package/dist/locale/sw.min.js +1 -1
  205. package/dist/locale/sw.min.mjs +1 -1
  206. package/dist/locale/sw.mjs +1 -1
  207. package/dist/locale/ta.js +1 -1
  208. package/dist/locale/ta.min.js +1 -1
  209. package/dist/locale/ta.min.mjs +1 -1
  210. package/dist/locale/ta.mjs +1 -1
  211. package/dist/locale/th.js +1 -1
  212. package/dist/locale/th.min.js +1 -1
  213. package/dist/locale/th.min.mjs +1 -1
  214. package/dist/locale/th.mjs +1 -1
  215. package/dist/locale/tk.js +1 -1
  216. package/dist/locale/tk.min.js +1 -1
  217. package/dist/locale/tk.min.mjs +1 -1
  218. package/dist/locale/tk.mjs +1 -1
  219. package/dist/locale/tr.js +1 -1
  220. package/dist/locale/tr.min.js +1 -1
  221. package/dist/locale/tr.min.mjs +1 -1
  222. package/dist/locale/tr.mjs +1 -1
  223. package/dist/locale/ug-cn.js +1 -1
  224. package/dist/locale/ug-cn.min.js +1 -1
  225. package/dist/locale/ug-cn.min.mjs +1 -1
  226. package/dist/locale/ug-cn.mjs +1 -1
  227. package/dist/locale/uk.js +1 -1
  228. package/dist/locale/uk.min.js +1 -1
  229. package/dist/locale/uk.min.mjs +1 -1
  230. package/dist/locale/uk.mjs +1 -1
  231. package/dist/locale/uz-uz.js +1 -1
  232. package/dist/locale/uz-uz.min.js +1 -1
  233. package/dist/locale/uz-uz.min.mjs +1 -1
  234. package/dist/locale/uz-uz.mjs +1 -1
  235. package/dist/locale/vi.js +1 -1
  236. package/dist/locale/vi.min.js +1 -1
  237. package/dist/locale/vi.min.mjs +1 -1
  238. package/dist/locale/vi.mjs +1 -1
  239. package/dist/locale/zh-cn.js +1 -1
  240. package/dist/locale/zh-cn.min.js +1 -1
  241. package/dist/locale/zh-cn.min.mjs +1 -1
  242. package/dist/locale/zh-cn.mjs +1 -1
  243. package/dist/locale/zh-tw.js +1 -1
  244. package/dist/locale/zh-tw.min.js +1 -1
  245. package/dist/locale/zh-tw.min.mjs +1 -1
  246. package/dist/locale/zh-tw.mjs +1 -1
  247. package/es/components/breadcrumb/index.mjs +2 -2
  248. package/es/components/breadcrumb/src/breadcrumb.mjs +38 -11
  249. package/es/components/breadcrumb/src/breadcrumb.mjs.map +1 -1
  250. package/es/components/breadcrumb/src/breadcrumb2.mjs +11 -38
  251. package/es/components/breadcrumb/src/breadcrumb2.mjs.map +1 -1
  252. package/es/components/index.mjs +3 -3
  253. package/es/components/notification/index.mjs +1 -1
  254. package/es/components/notification/src/notification.mjs +145 -64
  255. package/es/components/notification/src/notification.mjs.map +1 -1
  256. package/es/components/notification/src/notification2.mjs +64 -145
  257. package/es/components/notification/src/notification2.mjs.map +1 -1
  258. package/es/components/notification/src/notify.mjs +2 -2
  259. package/es/components/pagination/src/components/jumper.mjs +9 -59
  260. package/es/components/pagination/src/components/jumper.mjs.map +1 -1
  261. package/es/components/pagination/src/components/jumper2.mjs +59 -9
  262. package/es/components/pagination/src/components/jumper2.mjs.map +1 -1
  263. package/es/components/pagination/src/components/total.mjs +7 -27
  264. package/es/components/pagination/src/components/total.mjs.map +1 -1
  265. package/es/components/pagination/src/components/total2.mjs +27 -7
  266. package/es/components/pagination/src/components/total2.mjs.map +1 -1
  267. package/es/components/pagination/src/pagination.mjs +2 -2
  268. package/es/components/tour/index.mjs +2 -2
  269. package/es/components/tour/src/step.mjs +44 -169
  270. package/es/components/tour/src/step.mjs.map +1 -1
  271. package/es/components/tour/src/step2.mjs +169 -44
  272. package/es/components/tour/src/step2.mjs.map +1 -1
  273. package/es/index.mjs +3 -3
  274. package/es/version.d.ts +1 -1
  275. package/es/version.mjs +1 -1
  276. package/es/version.mjs.map +1 -1
  277. package/lib/components/breadcrumb/index.js +2 -2
  278. package/lib/components/breadcrumb/src/breadcrumb.js +38 -11
  279. package/lib/components/breadcrumb/src/breadcrumb.js.map +1 -1
  280. package/lib/components/breadcrumb/src/breadcrumb2.js +11 -38
  281. package/lib/components/breadcrumb/src/breadcrumb2.js.map +1 -1
  282. package/lib/components/index.js +3 -3
  283. package/lib/components/notification/index.js +1 -1
  284. package/lib/components/notification/src/notification.js +144 -65
  285. package/lib/components/notification/src/notification.js.map +1 -1
  286. package/lib/components/notification/src/notification2.js +65 -144
  287. package/lib/components/notification/src/notification2.js.map +1 -1
  288. package/lib/components/notification/src/notify.js +2 -2
  289. package/lib/components/pagination/src/components/jumper.js +9 -59
  290. package/lib/components/pagination/src/components/jumper.js.map +1 -1
  291. package/lib/components/pagination/src/components/jumper2.js +59 -9
  292. package/lib/components/pagination/src/components/jumper2.js.map +1 -1
  293. package/lib/components/pagination/src/components/total.js +7 -27
  294. package/lib/components/pagination/src/components/total.js.map +1 -1
  295. package/lib/components/pagination/src/components/total2.js +27 -7
  296. package/lib/components/pagination/src/components/total2.js.map +1 -1
  297. package/lib/components/pagination/src/pagination.js +2 -2
  298. package/lib/components/tour/index.js +2 -2
  299. package/lib/components/tour/src/step.js +44 -168
  300. package/lib/components/tour/src/step.js.map +1 -1
  301. package/lib/components/tour/src/step2.js +168 -44
  302. package/lib/components/tour/src/step2.js.map +1 -1
  303. package/lib/index.js +3 -3
  304. package/lib/version.d.ts +1 -1
  305. package/lib/version.js +1 -1
  306. package/lib/version.js.map +1 -1
  307. package/package.json +1 -1
  308. package/web-types.json +1 -1
@@ -1,150 +1,69 @@
1
- import { defineComponent, ref, computed, onMounted, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createElementBlock, Fragment, vShow, withModifiers, createVNode } from 'vue';
2
- import { useTimeoutFn, useEventListener } from '@vueuse/core';
3
1
  import '../../../utils/index.mjs';
4
- import '../../../constants/index.mjs';
5
- import { ElIcon } from '../../icon/index.mjs';
6
- import '../../config-provider/index.mjs';
7
- import { notificationProps, notificationEmits } from './notification.mjs';
8
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
9
- import { useGlobalComponentSettings } from '../../config-provider/src/hooks/use-global-config.mjs';
10
- import { CloseComponents, TypeComponentsMap } from '../../../utils/vue/icon.mjs';
11
- import { EVENT_CODE } from '../../../constants/aria.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
12
4
 
13
- const __default__ = defineComponent({
14
- name: "ElNotification"
5
+ const notificationTypes = [
6
+ "success",
7
+ "info",
8
+ "warning",
9
+ "error"
10
+ ];
11
+ const notificationProps = buildProps({
12
+ customClass: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ dangerouslyUseHTMLString: Boolean,
17
+ duration: {
18
+ type: Number,
19
+ default: 4500
20
+ },
21
+ icon: {
22
+ type: iconPropType
23
+ },
24
+ id: {
25
+ type: String,
26
+ default: ""
27
+ },
28
+ message: {
29
+ type: definePropType([String, Object]),
30
+ default: ""
31
+ },
32
+ offset: {
33
+ type: Number,
34
+ default: 0
35
+ },
36
+ onClick: {
37
+ type: definePropType(Function),
38
+ default: () => void 0
39
+ },
40
+ onClose: {
41
+ type: definePropType(Function),
42
+ required: true
43
+ },
44
+ position: {
45
+ type: String,
46
+ values: ["top-right", "top-left", "bottom-right", "bottom-left"],
47
+ default: "top-right"
48
+ },
49
+ showClose: {
50
+ type: Boolean,
51
+ default: true
52
+ },
53
+ title: {
54
+ type: String,
55
+ default: ""
56
+ },
57
+ type: {
58
+ type: String,
59
+ values: [...notificationTypes, ""],
60
+ default: ""
61
+ },
62
+ zIndex: Number
15
63
  });
16
- const _sfc_main = /* @__PURE__ */ defineComponent({
17
- ...__default__,
18
- props: notificationProps,
19
- emits: notificationEmits,
20
- setup(__props, { expose }) {
21
- const props = __props;
22
- const { ns, zIndex } = useGlobalComponentSettings("notification");
23
- const { nextZIndex, currentZIndex } = zIndex;
24
- const { Close } = CloseComponents;
25
- const visible = ref(false);
26
- let timer = void 0;
27
- const typeClass = computed(() => {
28
- const type = props.type;
29
- return type && TypeComponentsMap[props.type] ? ns.m(type) : "";
30
- });
31
- const iconComponent = computed(() => {
32
- if (!props.type)
33
- return props.icon;
34
- return TypeComponentsMap[props.type] || props.icon;
35
- });
36
- const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
37
- const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
38
- const positionStyle = computed(() => {
39
- var _a;
40
- return {
41
- [verticalProperty.value]: `${props.offset}px`,
42
- zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
43
- };
44
- });
45
- function startTimer() {
46
- if (props.duration > 0) {
47
- ;
48
- ({ stop: timer } = useTimeoutFn(() => {
49
- if (visible.value)
50
- close();
51
- }, props.duration));
52
- }
53
- }
54
- function clearTimer() {
55
- timer == null ? void 0 : timer();
56
- }
57
- function close() {
58
- visible.value = false;
59
- }
60
- function onKeydown({ code }) {
61
- if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
62
- clearTimer();
63
- } else if (code === EVENT_CODE.esc) {
64
- if (visible.value) {
65
- close();
66
- }
67
- } else {
68
- startTimer();
69
- }
70
- }
71
- onMounted(() => {
72
- startTimer();
73
- nextZIndex();
74
- visible.value = true;
75
- });
76
- useEventListener(document, "keydown", onKeydown);
77
- expose({
78
- visible,
79
- close
80
- });
81
- return (_ctx, _cache) => {
82
- return openBlock(), createBlock(Transition, {
83
- name: unref(ns).b("fade"),
84
- onBeforeLeave: _ctx.onClose,
85
- onAfterLeave: ($event) => _ctx.$emit("destroy"),
86
- persisted: ""
87
- }, {
88
- default: withCtx(() => [
89
- withDirectives(createElementVNode("div", {
90
- id: _ctx.id,
91
- class: normalizeClass([unref(ns).b(), _ctx.customClass, unref(horizontalClass)]),
92
- style: normalizeStyle(unref(positionStyle)),
93
- role: "alert",
94
- onMouseenter: clearTimer,
95
- onMouseleave: startTimer,
96
- onClick: _ctx.onClick
97
- }, [
98
- unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
99
- key: 0,
100
- class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
101
- }, {
102
- default: withCtx(() => [
103
- (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
104
- ]),
105
- _: 1
106
- }, 8, ["class"])) : createCommentVNode("v-if", true),
107
- createElementVNode("div", {
108
- class: normalizeClass(unref(ns).e("group"))
109
- }, [
110
- createElementVNode("h2", {
111
- class: normalizeClass(unref(ns).e("title")),
112
- textContent: toDisplayString(_ctx.title)
113
- }, null, 10, ["textContent"]),
114
- withDirectives(createElementVNode("div", {
115
- class: normalizeClass(unref(ns).e("content")),
116
- style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
117
- }, [
118
- renderSlot(_ctx.$slots, "default", {}, () => [
119
- !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", { key: 0 }, toDisplayString(_ctx.message), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
120
- createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
121
- createElementVNode("p", { innerHTML: _ctx.message }, null, 8, ["innerHTML"])
122
- ], 2112))
123
- ])
124
- ], 6), [
125
- [vShow, _ctx.message]
126
- ]),
127
- _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
128
- key: 0,
129
- class: normalizeClass(unref(ns).e("closeBtn")),
130
- onClick: withModifiers(close, ["stop"])
131
- }, {
132
- default: withCtx(() => [
133
- createVNode(unref(Close))
134
- ]),
135
- _: 1
136
- }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
137
- ], 2)
138
- ], 46, ["id", "onClick"]), [
139
- [vShow, visible.value]
140
- ])
141
- ]),
142
- _: 3
143
- }, 8, ["name", "onBeforeLeave", "onAfterLeave"]);
144
- };
145
- }
146
- });
147
- var NotificationConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "notification.vue"]]);
64
+ const notificationEmits = {
65
+ destroy: () => true
66
+ };
148
67
 
149
- export { NotificationConstructor as default };
68
+ export { notificationEmits, notificationProps, notificationTypes };
150
69
  //# sourceMappingURL=notification2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n <transition\n :name=\"ns.b('fade')\"\n @before-leave=\"onClose\"\n @after-leave=\"$emit('destroy')\"\n >\n <div\n v-show=\"visible\"\n :id=\"id\"\n :class=\"[ns.b(), customClass, horizontalClass]\"\n :style=\"positionStyle\"\n role=\"alert\"\n @mouseenter=\"clearTimer\"\n @mouseleave=\"startTimer\"\n @click=\"onClick\"\n >\n <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n <component :is=\"iconComponent\" />\n </el-icon>\n <div :class=\"ns.e('group')\">\n <h2 :class=\"ns.e('title')\" v-text=\"title\" />\n <div\n v-show=\"message\"\n :class=\"ns.e('content')\"\n :style=\"!!title ? undefined : { margin: 0 }\"\n >\n <slot>\n <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n <!-- Caution here, message could've been compromised, never use user's input as message -->\n <p v-else v-html=\"message\" />\n </slot>\n </div>\n <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n <Close />\n </el-icon>\n </div>\n </div>\n </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { CloseComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst { Close } = CloseComponents\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n const type = props.type\n return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n if (!props.type) return props.icon\n return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n return {\n [verticalProperty.value]: `${props.offset}px`,\n zIndex: props.zIndex ?? currentZIndex.value,\n }\n})\n\nfunction startTimer() {\n if (props.duration > 0) {\n ;({ stop: timer } = useTimeoutFn(() => {\n if (visible.value) close()\n }, props.duration))\n }\n}\n\nfunction clearTimer() {\n timer?.()\n}\n\nfunction close() {\n visible.value = false\n}\n\nfunction onKeydown({ code }: KeyboardEvent) {\n if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n clearTimer() // press delete/backspace clear timer\n } else if (code === EVENT_CODE.esc) {\n // press esc to close the notification\n if (visible.value) {\n close()\n }\n } else {\n startTimer() // resume timer\n }\n}\n\n// lifecycle\nonMounted(() => {\n startTimer()\n nextZIndex()\n visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n visible,\n /** @description close notification */\n close,\n})\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, VNode } from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n 'success',\n 'info',\n 'warning',\n 'error',\n] as const\n\nexport const notificationProps = buildProps({\n /**\n * @description custom class name for Notification\n */\n customClass: {\n type: String,\n default: '',\n },\n /**\n * @description whether `message` is treated as HTML string\n */\n dangerouslyUseHTMLString: Boolean,\n /**\n * @description duration before close. It will not automatically close if set 0\n */\n duration: {\n type: Number,\n default: 4500,\n },\n /**\n * @description custom icon component. It will be overridden by `type`\n */\n icon: {\n type: iconPropType,\n },\n /**\n * @description notification dom id\n */\n id: {\n type: String,\n default: '',\n },\n /**\n * @description description text\n */\n message: {\n type: definePropType<string | VNode>([String, Object]),\n default: '',\n },\n /**\n * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n */\n offset: {\n type: Number,\n default: 0,\n },\n /**\n * @description callback function when notification clicked\n */\n onClick: {\n type: definePropType<() => void>(Function),\n default: () => undefined,\n },\n /**\n * @description callback function when closed\n */\n onClose: {\n type: definePropType<() => void>(Function),\n required: true,\n },\n /**\n * @description custom position\n */\n position: {\n type: String,\n values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n default: 'top-right',\n },\n /**\n * @description whether to show a close button\n */\n showClose: {\n type: Boolean,\n default: true,\n },\n /**\n * @description title\n */\n title: {\n type: String,\n default: '',\n },\n /**\n * @description notification type\n */\n type: {\n type: String,\n values: [...notificationTypes, ''],\n default: '',\n },\n /**\n * @description initial zIndex\n */\n zIndex: Number,\n} as const)\nexport type NotificationProps = ExtractPropTypes<typeof notificationProps>\n\nexport const notificationEmits = {\n destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification>\n\nexport type NotificationOptions = Omit<NotificationProps, 'id'> & {\n /**\n * @description set the root element for the notification, default to `document.body`\n */\n appendTo?: HTMLElement | string\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n | Partial<NotificationOptionsTyped>\n | string\n | VNode\n\nexport type NotifyFn = ((\n options?: NotificationParams\n) => NotificationHandle) & { closeAll: () => void }\n\nexport type NotifyTypedFn = (\n options?: NotificationParamsTyped\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n success: NotifyTypedFn\n warning: NotifyTypedFn\n error: NotifyTypedFn\n info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":[],"mappings":";;;;AACY,MAAC,iBAAiB,GAAG;AACjC,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE;AACU,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,wBAAwB,EAAE,OAAO;AACnC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,KAAK,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC;AACpE,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,GAAG,iBAAiB,EAAE,EAAE,CAAC;AACtC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,EAAE;AACS,MAAC,iBAAiB,GAAG;AACjC,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { isVNode, createVNode, render } from 'vue';
2
2
  import '../../../utils/index.mjs';
3
- import NotificationConstructor from './notification2.mjs';
4
- import { notificationTypes } from './notification.mjs';
3
+ import NotificationConstructor from './notification.mjs';
4
+ import { notificationTypes } from './notification2.mjs';
5
5
  import { isClient } from '@vueuse/core';
6
6
  import { isElement } from '../../../utils/types.mjs';
7
7
  import { isString } from '@vue/shared';
@@ -1,64 +1,14 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
2
- import '../../../../hooks/index.mjs';
3
- import { ElInput } from '../../../input/index.mjs';
4
- import { usePagination } from '../usePagination.mjs';
5
- import { paginationJumperProps } from './jumper2.mjs';
6
- import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { useLocale } from '../../../../hooks/use-locale/index.mjs';
8
- import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
1
+ import '../../../../utils/index.mjs';
2
+ import '../../../../constants/index.mjs';
3
+ import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
4
+ import { componentSizes } from '../../../../constants/size.mjs';
9
5
 
10
- const __default__ = defineComponent({
11
- name: "ElPaginationJumper"
12
- });
13
- const _sfc_main = /* @__PURE__ */ defineComponent({
14
- ...__default__,
15
- props: paginationJumperProps,
16
- setup(__props) {
17
- const { t } = useLocale();
18
- const ns = useNamespace("pagination");
19
- const { pageCount, disabled, currentPage, changeEvent } = usePagination();
20
- const userInput = ref();
21
- const innerValue = computed(() => {
22
- var _a;
23
- return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
24
- });
25
- function handleInput(val) {
26
- userInput.value = val ? +val : "";
27
- }
28
- function handleChange(val) {
29
- val = Math.trunc(+val);
30
- changeEvent == null ? void 0 : changeEvent(val);
31
- userInput.value = void 0;
32
- }
33
- return (_ctx, _cache) => {
34
- return openBlock(), createElementBlock("span", {
35
- class: normalizeClass(unref(ns).e("jump")),
36
- disabled: unref(disabled)
37
- }, [
38
- createElementVNode("span", {
39
- class: normalizeClass([unref(ns).e("goto")])
40
- }, toDisplayString(unref(t)("el.pagination.goto")), 3),
41
- createVNode(unref(ElInput), {
42
- size: _ctx.size,
43
- class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
44
- min: 1,
45
- max: unref(pageCount),
46
- disabled: unref(disabled),
47
- "model-value": unref(innerValue),
48
- "validate-event": false,
49
- "aria-label": unref(t)("el.pagination.page"),
50
- type: "number",
51
- "onUpdate:modelValue": handleInput,
52
- onChange: handleChange
53
- }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
54
- createElementVNode("span", {
55
- class: normalizeClass([unref(ns).e("classifier")])
56
- }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
57
- ], 10, ["disabled"]);
58
- };
6
+ const paginationJumperProps = buildProps({
7
+ size: {
8
+ type: String,
9
+ values: componentSizes
59
10
  }
60
11
  });
61
- var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "jumper.vue"]]);
62
12
 
63
- export { Jumper as default };
13
+ export { paginationJumperProps };
64
14
  //# sourceMappingURL=jumper.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n <el-input\n :size=\"size\"\n :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n :min=\"1\"\n :max=\"pageCount\"\n :disabled=\"disabled\"\n :model-value=\"innerValue\"\n :validate-event=\"false\"\n :aria-label=\"t('el.pagination.page')\"\n type=\"number\"\n @update:model-value=\"handleInput\"\n @change=\"handleChange\"\n />\n <span :class=\"[ns.e('classifier')]\">{{\n t('el.pagination.pageClassifier')\n }}</span>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n val = Math.trunc(+val)\n changeEvent?.(val)\n userInput.value = undefined\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAGA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,WAAA,EAAa,gBAAgB,aAAc,EAAA,CAAA;AACxE,IAAA,MAAM,YAAY,GAAqB,EAAA,CAAA;AACvC,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM;AAElC,MAAA,IAAA,EAAA,CAAA;AACE,MAAU,OAAA,CAAA,EAAA,GAAA,SAAc,CAAA,KAAO,KAAA,IAAA,GAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,GAA4C,EAAA;AAC1C,MAAM,SAAA,CAAA,KAAW,GAAC,GAAG,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AACrB,KAAA;AACA,IAAA,SAAA,YAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Jumper from './jumper.vue'\n\nexport const paginationJumperProps = buildProps({\n size: {\n type: String,\n values: componentSizes,\n },\n} as const)\n\nexport type PaginationJumperProps = ExtractPropTypes<\n typeof paginationJumperProps\n>\n\nexport type PaginationJumperInstance = InstanceType<typeof Jumper>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
@@ -1,14 +1,64 @@
1
- import '../../../../utils/index.mjs';
2
- import '../../../../constants/index.mjs';
3
- import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
4
- import { componentSizes } from '../../../../constants/size.mjs';
1
+ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
2
+ import '../../../../hooks/index.mjs';
3
+ import { ElInput } from '../../../input/index.mjs';
4
+ import { usePagination } from '../usePagination.mjs';
5
+ import { paginationJumperProps } from './jumper.mjs';
6
+ import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useLocale } from '../../../../hooks/use-locale/index.mjs';
8
+ import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
5
9
 
6
- const paginationJumperProps = buildProps({
7
- size: {
8
- type: String,
9
- values: componentSizes
10
+ const __default__ = defineComponent({
11
+ name: "ElPaginationJumper"
12
+ });
13
+ const _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...__default__,
15
+ props: paginationJumperProps,
16
+ setup(__props) {
17
+ const { t } = useLocale();
18
+ const ns = useNamespace("pagination");
19
+ const { pageCount, disabled, currentPage, changeEvent } = usePagination();
20
+ const userInput = ref();
21
+ const innerValue = computed(() => {
22
+ var _a;
23
+ return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
24
+ });
25
+ function handleInput(val) {
26
+ userInput.value = val ? +val : "";
27
+ }
28
+ function handleChange(val) {
29
+ val = Math.trunc(+val);
30
+ changeEvent == null ? void 0 : changeEvent(val);
31
+ userInput.value = void 0;
32
+ }
33
+ return (_ctx, _cache) => {
34
+ return openBlock(), createElementBlock("span", {
35
+ class: normalizeClass(unref(ns).e("jump")),
36
+ disabled: unref(disabled)
37
+ }, [
38
+ createElementVNode("span", {
39
+ class: normalizeClass([unref(ns).e("goto")])
40
+ }, toDisplayString(unref(t)("el.pagination.goto")), 3),
41
+ createVNode(unref(ElInput), {
42
+ size: _ctx.size,
43
+ class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
44
+ min: 1,
45
+ max: unref(pageCount),
46
+ disabled: unref(disabled),
47
+ "model-value": unref(innerValue),
48
+ "validate-event": false,
49
+ "aria-label": unref(t)("el.pagination.page"),
50
+ type: "number",
51
+ "onUpdate:modelValue": handleInput,
52
+ onChange: handleChange
53
+ }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
54
+ createElementVNode("span", {
55
+ class: normalizeClass([unref(ns).e("classifier")])
56
+ }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
57
+ ], 10, ["disabled"]);
58
+ };
10
59
  }
11
60
  });
61
+ var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "jumper.vue"]]);
12
62
 
13
- export { paginationJumperProps };
63
+ export { Jumper as default };
14
64
  //# sourceMappingURL=jumper2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Jumper from './jumper.vue'\n\nexport const paginationJumperProps = buildProps({\n size: {\n type: String,\n values: componentSizes,\n },\n} as const)\n\nexport type PaginationJumperProps = ExtractPropTypes<\n typeof paginationJumperProps\n>\n\nexport type PaginationJumperInstance = InstanceType<typeof Jumper>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n <el-input\n :size=\"size\"\n :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n :min=\"1\"\n :max=\"pageCount\"\n :disabled=\"disabled\"\n :model-value=\"innerValue\"\n :validate-event=\"false\"\n :aria-label=\"t('el.pagination.page')\"\n type=\"number\"\n @update:model-value=\"handleInput\"\n @change=\"handleChange\"\n />\n <span :class=\"[ns.e('classifier')]\">{{\n t('el.pagination.pageClassifier')\n }}</span>\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n val = Math.trunc(+val)\n changeEvent?.(val)\n userInput.value = undefined\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAGA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,WAAA,EAAa,gBAAgB,aAAc,EAAA,CAAA;AACxE,IAAA,MAAM,YAAY,GAAqB,EAAA,CAAA;AACvC,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM;AAElC,MAAA,IAAA,EAAA,CAAA;AACE,MAAU,OAAA,CAAA,EAAA,GAAA,SAAc,CAAA,KAAO,KAAA,IAAA,GAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,GAA4C,EAAA;AAC1C,MAAM,SAAA,CAAA,KAAW,GAAC,GAAG,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AACrB,KAAA;AACA,IAAA,SAAA,YAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,32 +1,12 @@
1
- import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from 'vue';
2
- import '../../../../hooks/index.mjs';
3
- import { usePagination } from '../usePagination.mjs';
4
- import { paginationTotalProps } from './total2.mjs';
5
- import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useLocale } from '../../../../hooks/use-locale/index.mjs';
7
- import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
1
+ import '../../../../utils/index.mjs';
2
+ import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
8
3
 
9
- const __default__ = defineComponent({
10
- name: "ElPaginationTotal"
11
- });
12
- const _sfc_main = /* @__PURE__ */ defineComponent({
13
- ...__default__,
14
- props: paginationTotalProps,
15
- setup(__props) {
16
- const { t } = useLocale();
17
- const ns = useNamespace("pagination");
18
- const { disabled } = usePagination();
19
- return (_ctx, _cache) => {
20
- return openBlock(), createElementBlock("span", {
21
- class: normalizeClass(unref(ns).e("total")),
22
- disabled: unref(disabled)
23
- }, toDisplayString(unref(t)("el.pagination.total", {
24
- total: _ctx.total
25
- })), 11, ["disabled"]);
26
- };
4
+ const paginationTotalProps = buildProps({
5
+ total: {
6
+ type: Number,
7
+ default: 1e3
27
8
  }
28
9
  });
29
- var Total = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "total.vue"]]);
30
10
 
31
- export { Total as default };
11
+ export { paginationTotalProps };
32
12
  //# sourceMappingURL=total.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"total.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n {{\n t('el.pagination.total', {\n total,\n })\n }}\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,aAAa,aAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"total.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n total: {\n type: Number,\n default: 1000,\n },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total>\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
@@ -1,12 +1,32 @@
1
- import '../../../../utils/index.mjs';
2
- import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from 'vue';
2
+ import '../../../../hooks/index.mjs';
3
+ import { usePagination } from '../usePagination.mjs';
4
+ import { paginationTotalProps } from './total.mjs';
5
+ import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useLocale } from '../../../../hooks/use-locale/index.mjs';
7
+ import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
3
8
 
4
- const paginationTotalProps = buildProps({
5
- total: {
6
- type: Number,
7
- default: 1e3
9
+ const __default__ = defineComponent({
10
+ name: "ElPaginationTotal"
11
+ });
12
+ const _sfc_main = /* @__PURE__ */ defineComponent({
13
+ ...__default__,
14
+ props: paginationTotalProps,
15
+ setup(__props) {
16
+ const { t } = useLocale();
17
+ const ns = useNamespace("pagination");
18
+ const { disabled } = usePagination();
19
+ return (_ctx, _cache) => {
20
+ return openBlock(), createElementBlock("span", {
21
+ class: normalizeClass(unref(ns).e("total")),
22
+ disabled: unref(disabled)
23
+ }, toDisplayString(unref(t)("el.pagination.total", {
24
+ total: _ctx.total
25
+ })), 11, ["disabled"]);
26
+ };
8
27
  }
9
28
  });
29
+ var Total = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "total.vue"]]);
10
30
 
11
- export { paginationTotalProps };
31
+ export { Total as default };
12
32
  //# sourceMappingURL=total2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"total2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const paginationTotalProps = buildProps({\n total: {\n type: Number,\n default: 1000,\n },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total>\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"total2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n {{\n t('el.pagination.total', {\n total,\n })\n }}\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,aAAa,aAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}
@@ -6,8 +6,8 @@ import { elPaginationKey } from './constants.mjs';
6
6
  import Prev from './components/prev2.mjs';
7
7
  import Next from './components/next2.mjs';
8
8
  import Sizes from './components/sizes2.mjs';
9
- import Jumper from './components/jumper.mjs';
10
- import Total from './components/total.mjs';
9
+ import Jumper from './components/jumper2.mjs';
10
+ import Total from './components/total2.mjs';
11
11
  import Pager from './components/pager2.mjs';
12
12
  import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
13
13
  import { isNumber } from '../../../utils/types.mjs';
@@ -1,8 +1,8 @@
1
1
  import '../../utils/index.mjs';
2
2
  import Tour from './src/tour2.mjs';
3
- import TourStep from './src/step.mjs';
3
+ import TourStep from './src/step2.mjs';
4
4
  export { tourEmits, tourProps } from './src/tour.mjs';
5
- export { tourStepEmits, tourStepProps } from './src/step2.mjs';
5
+ export { tourStepEmits, tourStepProps } from './src/step.mjs';
6
6
  export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
7
7
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
8
8