@element-plus/nightly 0.0.20240530 → 0.0.20240531

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 (298) 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/nb-no.js +1 -1
  152. package/dist/locale/nb-no.min.js +1 -1
  153. package/dist/locale/nb-no.min.mjs +1 -1
  154. package/dist/locale/nb-no.mjs +1 -1
  155. package/dist/locale/nl.js +1 -1
  156. package/dist/locale/nl.min.js +1 -1
  157. package/dist/locale/nl.min.mjs +1 -1
  158. package/dist/locale/nl.mjs +1 -1
  159. package/dist/locale/pa.js +1 -1
  160. package/dist/locale/pa.min.js +1 -1
  161. package/dist/locale/pa.min.mjs +1 -1
  162. package/dist/locale/pa.mjs +1 -1
  163. package/dist/locale/pl.js +1 -1
  164. package/dist/locale/pl.min.js +1 -1
  165. package/dist/locale/pl.min.mjs +1 -1
  166. package/dist/locale/pl.mjs +1 -1
  167. package/dist/locale/pt-br.js +1 -1
  168. package/dist/locale/pt-br.min.js +1 -1
  169. package/dist/locale/pt-br.min.mjs +1 -1
  170. package/dist/locale/pt-br.mjs +1 -1
  171. package/dist/locale/pt.js +1 -1
  172. package/dist/locale/pt.min.js +1 -1
  173. package/dist/locale/pt.min.mjs +1 -1
  174. package/dist/locale/pt.mjs +1 -1
  175. package/dist/locale/ro.js +1 -1
  176. package/dist/locale/ro.min.js +1 -1
  177. package/dist/locale/ro.min.mjs +1 -1
  178. package/dist/locale/ro.mjs +1 -1
  179. package/dist/locale/ru.js +1 -1
  180. package/dist/locale/ru.min.js +1 -1
  181. package/dist/locale/ru.min.mjs +1 -1
  182. package/dist/locale/ru.mjs +1 -1
  183. package/dist/locale/sk.js +1 -1
  184. package/dist/locale/sk.min.js +1 -1
  185. package/dist/locale/sk.min.mjs +1 -1
  186. package/dist/locale/sk.mjs +1 -1
  187. package/dist/locale/sl.js +1 -1
  188. package/dist/locale/sl.min.js +1 -1
  189. package/dist/locale/sl.min.mjs +1 -1
  190. package/dist/locale/sl.mjs +1 -1
  191. package/dist/locale/sr.js +1 -1
  192. package/dist/locale/sr.min.js +1 -1
  193. package/dist/locale/sr.min.mjs +1 -1
  194. package/dist/locale/sr.mjs +1 -1
  195. package/dist/locale/sv.js +1 -1
  196. package/dist/locale/sv.min.js +1 -1
  197. package/dist/locale/sv.min.mjs +1 -1
  198. package/dist/locale/sv.mjs +1 -1
  199. package/dist/locale/sw.js +1 -1
  200. package/dist/locale/sw.min.js +1 -1
  201. package/dist/locale/sw.min.mjs +1 -1
  202. package/dist/locale/sw.mjs +1 -1
  203. package/dist/locale/ta.js +1 -1
  204. package/dist/locale/ta.min.js +1 -1
  205. package/dist/locale/ta.min.mjs +1 -1
  206. package/dist/locale/ta.mjs +1 -1
  207. package/dist/locale/th.js +1 -1
  208. package/dist/locale/th.min.js +1 -1
  209. package/dist/locale/th.min.mjs +1 -1
  210. package/dist/locale/th.mjs +1 -1
  211. package/dist/locale/tk.js +1 -1
  212. package/dist/locale/tk.min.js +1 -1
  213. package/dist/locale/tk.min.mjs +1 -1
  214. package/dist/locale/tk.mjs +1 -1
  215. package/dist/locale/tr.js +1 -1
  216. package/dist/locale/tr.min.js +1 -1
  217. package/dist/locale/tr.min.mjs +1 -1
  218. package/dist/locale/tr.mjs +1 -1
  219. package/dist/locale/ug-cn.js +1 -1
  220. package/dist/locale/ug-cn.min.js +1 -1
  221. package/dist/locale/ug-cn.min.mjs +1 -1
  222. package/dist/locale/ug-cn.mjs +1 -1
  223. package/dist/locale/uk.js +1 -1
  224. package/dist/locale/uk.min.js +1 -1
  225. package/dist/locale/uk.min.mjs +1 -1
  226. package/dist/locale/uk.mjs +1 -1
  227. package/dist/locale/uz-uz.js +1 -1
  228. package/dist/locale/uz-uz.min.js +1 -1
  229. package/dist/locale/uz-uz.min.mjs +1 -1
  230. package/dist/locale/uz-uz.mjs +1 -1
  231. package/dist/locale/vi.js +1 -1
  232. package/dist/locale/vi.min.js +1 -1
  233. package/dist/locale/vi.min.mjs +1 -1
  234. package/dist/locale/vi.mjs +1 -1
  235. package/dist/locale/zh-cn.js +1 -1
  236. package/dist/locale/zh-cn.min.js +1 -1
  237. package/dist/locale/zh-cn.min.mjs +1 -1
  238. package/dist/locale/zh-cn.mjs +1 -1
  239. package/dist/locale/zh-tw.js +1 -1
  240. package/dist/locale/zh-tw.min.js +1 -1
  241. package/dist/locale/zh-tw.min.mjs +1 -1
  242. package/dist/locale/zh-tw.mjs +1 -1
  243. package/es/components/cascader/src/cascader.mjs +1 -1
  244. package/es/components/index.mjs +2 -2
  245. package/es/components/input/index.mjs +2 -2
  246. package/es/components/input/src/input.mjs +118 -462
  247. package/es/components/input/src/input.mjs.map +1 -1
  248. package/es/components/input/src/input2.mjs +462 -118
  249. package/es/components/input/src/input2.mjs.map +1 -1
  250. package/es/components/pagination/src/components/pager.mjs +17 -216
  251. package/es/components/pagination/src/components/pager.mjs.map +1 -1
  252. package/es/components/pagination/src/components/pager2.mjs +216 -17
  253. package/es/components/pagination/src/components/pager2.mjs.map +1 -1
  254. package/es/components/pagination/src/components/sizes.mjs +23 -69
  255. package/es/components/pagination/src/components/sizes.mjs.map +1 -1
  256. package/es/components/pagination/src/components/sizes2.mjs +69 -23
  257. package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
  258. package/es/components/pagination/src/pagination.mjs +2 -2
  259. package/es/components/select/src/select.mjs +1 -1
  260. package/es/components/select-v2/src/defaults.mjs +1 -1
  261. package/es/components/tag/index.mjs +2 -2
  262. package/es/components/tag/src/tag.mjs +94 -29
  263. package/es/components/tag/src/tag.mjs.map +1 -1
  264. package/es/components/tag/src/tag2.mjs +29 -94
  265. package/es/components/tag/src/tag2.mjs.map +1 -1
  266. package/es/index.mjs +2 -2
  267. package/es/version.d.ts +1 -1
  268. package/es/version.mjs +1 -1
  269. package/es/version.mjs.map +1 -1
  270. package/lib/components/cascader/src/cascader.js +1 -1
  271. package/lib/components/index.js +2 -2
  272. package/lib/components/input/index.js +2 -2
  273. package/lib/components/input/src/input.js +118 -461
  274. package/lib/components/input/src/input.js.map +1 -1
  275. package/lib/components/input/src/input2.js +461 -118
  276. package/lib/components/input/src/input2.js.map +1 -1
  277. package/lib/components/pagination/src/components/pager.js +17 -216
  278. package/lib/components/pagination/src/components/pager.js.map +1 -1
  279. package/lib/components/pagination/src/components/pager2.js +216 -17
  280. package/lib/components/pagination/src/components/pager2.js.map +1 -1
  281. package/lib/components/pagination/src/components/sizes.js +23 -69
  282. package/lib/components/pagination/src/components/sizes.js.map +1 -1
  283. package/lib/components/pagination/src/components/sizes2.js +69 -23
  284. package/lib/components/pagination/src/components/sizes2.js.map +1 -1
  285. package/lib/components/pagination/src/pagination.js +2 -2
  286. package/lib/components/select/src/select.js +1 -1
  287. package/lib/components/select-v2/src/defaults.js +1 -1
  288. package/lib/components/tag/index.js +2 -2
  289. package/lib/components/tag/src/tag.js +94 -30
  290. package/lib/components/tag/src/tag.js.map +1 -1
  291. package/lib/components/tag/src/tag2.js +30 -94
  292. package/lib/components/tag/src/tag2.js.map +1 -1
  293. package/lib/index.js +2 -2
  294. package/lib/version.d.ts +1 -1
  295. package/lib/version.js +1 -1
  296. package/lib/version.js.map +1 -1
  297. package/package.json +2 -2
  298. package/web-types.json +1 -1
@@ -1,74 +1,28 @@
1
- import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
2
- import { isEqual } from 'lodash-unified';
3
- import { ElSelect, ElOption } from '../../../select/index.mjs';
4
- import '../../../../hooks/index.mjs';
5
- import { usePagination } from '../usePagination.mjs';
6
- import { paginationSizesProps } from './sizes2.mjs';
7
- import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useLocale } from '../../../../hooks/use-locale/index.mjs';
9
- import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
1
+ import '../../../../utils/index.mjs';
2
+ import '../../../../constants/index.mjs';
3
+ import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
4
+ import { mutable } from '../../../../utils/typescript.mjs';
5
+ import { componentSizes } from '../../../../constants/size.mjs';
10
6
 
11
- const __default__ = defineComponent({
12
- name: "ElPaginationSizes"
13
- });
14
- const _sfc_main = /* @__PURE__ */ defineComponent({
15
- ...__default__,
16
- props: paginationSizesProps,
17
- emits: ["page-size-change"],
18
- setup(__props, { emit }) {
19
- const props = __props;
20
- const { t } = useLocale();
21
- const ns = useNamespace("pagination");
22
- const pagination = usePagination();
23
- const innerPageSize = ref(props.pageSize);
24
- watch(() => props.pageSizes, (newVal, oldVal) => {
25
- if (isEqual(newVal, oldVal))
26
- return;
27
- if (Array.isArray(newVal)) {
28
- const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
29
- emit("page-size-change", pageSize);
30
- }
31
- });
32
- watch(() => props.pageSize, (newVal) => {
33
- innerPageSize.value = newVal;
34
- });
35
- const innerPageSizes = computed(() => props.pageSizes);
36
- function handleChange(val) {
37
- var _a;
38
- if (val !== innerPageSize.value) {
39
- innerPageSize.value = val;
40
- (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
41
- }
42
- }
43
- return (_ctx, _cache) => {
44
- return openBlock(), createElementBlock("span", {
45
- class: normalizeClass(unref(ns).e("sizes"))
46
- }, [
47
- createVNode(unref(ElSelect), {
48
- "model-value": innerPageSize.value,
49
- disabled: _ctx.disabled,
50
- "popper-class": _ctx.popperClass,
51
- size: _ctx.size,
52
- teleported: _ctx.teleported,
53
- "validate-event": false,
54
- onChange: handleChange
55
- }, {
56
- default: withCtx(() => [
57
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerPageSizes), (item) => {
58
- return openBlock(), createBlock(unref(ElOption), {
59
- key: item,
60
- value: item,
61
- label: item + unref(t)("el.pagination.pagesize")
62
- }, null, 8, ["value", "label"]);
63
- }), 128))
64
- ]),
65
- _: 1
66
- }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
67
- ], 2);
68
- };
7
+ const paginationSizesProps = buildProps({
8
+ pageSize: {
9
+ type: Number,
10
+ required: true
11
+ },
12
+ pageSizes: {
13
+ type: definePropType(Array),
14
+ default: () => mutable([10, 20, 30, 40, 50, 100])
15
+ },
16
+ popperClass: {
17
+ type: String
18
+ },
19
+ disabled: Boolean,
20
+ teleported: Boolean,
21
+ size: {
22
+ type: String,
23
+ values: componentSizes
69
24
  }
70
25
  });
71
- var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "sizes.vue"]]);
72
26
 
73
- export { Sizes as default };
27
+ export { paginationSizesProps };
74
28
  //# sourceMappingURL=sizes.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes.mjs","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 :teleported=\"teleported\"\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":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgB,GAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAA,OAAA,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,IAAA,KAAA,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,GAAA,QAAA,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":"sizes.mjs","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 teleported: 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":[],"mappings":";;;;;;AAEY,MAAC,oBAAoB,GAAG,UAAU,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,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,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,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
@@ -1,28 +1,74 @@
1
- import '../../../../utils/index.mjs';
2
- import '../../../../constants/index.mjs';
3
- import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
4
- import { mutable } from '../../../../utils/typescript.mjs';
5
- import { componentSizes } from '../../../../constants/size.mjs';
1
+ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
2
+ import { isEqual } from 'lodash-unified';
3
+ import { ElSelect, ElOption } from '../../../select/index.mjs';
4
+ import '../../../../hooks/index.mjs';
5
+ import { usePagination } from '../usePagination.mjs';
6
+ import { paginationSizesProps } from './sizes.mjs';
7
+ import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useLocale } from '../../../../hooks/use-locale/index.mjs';
9
+ import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
6
10
 
7
- const paginationSizesProps = buildProps({
8
- pageSize: {
9
- type: Number,
10
- required: true
11
- },
12
- pageSizes: {
13
- type: definePropType(Array),
14
- default: () => mutable([10, 20, 30, 40, 50, 100])
15
- },
16
- popperClass: {
17
- type: String
18
- },
19
- disabled: Boolean,
20
- teleported: Boolean,
21
- size: {
22
- type: String,
23
- values: componentSizes
11
+ const __default__ = defineComponent({
12
+ name: "ElPaginationSizes"
13
+ });
14
+ const _sfc_main = /* @__PURE__ */ defineComponent({
15
+ ...__default__,
16
+ props: paginationSizesProps,
17
+ emits: ["page-size-change"],
18
+ setup(__props, { emit }) {
19
+ const props = __props;
20
+ const { t } = useLocale();
21
+ const ns = useNamespace("pagination");
22
+ const pagination = usePagination();
23
+ const innerPageSize = ref(props.pageSize);
24
+ watch(() => props.pageSizes, (newVal, oldVal) => {
25
+ if (isEqual(newVal, oldVal))
26
+ return;
27
+ if (Array.isArray(newVal)) {
28
+ const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
29
+ emit("page-size-change", pageSize);
30
+ }
31
+ });
32
+ watch(() => props.pageSize, (newVal) => {
33
+ innerPageSize.value = newVal;
34
+ });
35
+ const innerPageSizes = computed(() => props.pageSizes);
36
+ function handleChange(val) {
37
+ var _a;
38
+ if (val !== innerPageSize.value) {
39
+ innerPageSize.value = val;
40
+ (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
41
+ }
42
+ }
43
+ return (_ctx, _cache) => {
44
+ return openBlock(), createElementBlock("span", {
45
+ class: normalizeClass(unref(ns).e("sizes"))
46
+ }, [
47
+ createVNode(unref(ElSelect), {
48
+ "model-value": innerPageSize.value,
49
+ disabled: _ctx.disabled,
50
+ "popper-class": _ctx.popperClass,
51
+ size: _ctx.size,
52
+ teleported: _ctx.teleported,
53
+ "validate-event": false,
54
+ onChange: handleChange
55
+ }, {
56
+ default: withCtx(() => [
57
+ (openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerPageSizes), (item) => {
58
+ return openBlock(), createBlock(unref(ElOption), {
59
+ key: item,
60
+ value: item,
61
+ label: item + unref(t)("el.pagination.pagesize")
62
+ }, null, 8, ["value", "label"]);
63
+ }), 128))
64
+ ]),
65
+ _: 1
66
+ }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
67
+ ], 2);
68
+ };
24
69
  }
25
70
  });
71
+ var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "sizes.vue"]]);
26
72
 
27
- export { paginationSizesProps };
73
+ export { Sizes as default };
28
74
  //# sourceMappingURL=sizes2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes2.mjs","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 teleported: 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":[],"mappings":";;;;;;AAEY,MAAC,oBAAoB,GAAG,UAAU,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,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,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,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"sizes2.mjs","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 :teleported=\"teleported\"\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":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgB,GAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAA,OAAA,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,IAAA,KAAA,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,GAAA,QAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,10 +5,10 @@ import '../../../hooks/index.mjs';
5
5
  import { elPaginationKey } from './constants.mjs';
6
6
  import Prev from './components/prev2.mjs';
7
7
  import Next from './components/next2.mjs';
8
- import Sizes from './components/sizes.mjs';
8
+ import Sizes from './components/sizes2.mjs';
9
9
  import Jumper from './components/jumper2.mjs';
10
10
  import Total from './components/total2.mjs';
11
- import Pager from './components/pager.mjs';
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';
14
14
  import { mutable } from '../../../utils/typescript.mjs';
@@ -8,7 +8,7 @@ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs
8
8
  import { useSizeProp } from '../../../hooks/use-size/index.mjs';
9
9
  import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
10
10
  import { iconPropType } from '../../../utils/vue/icon.mjs';
11
- import { tagProps } from '../../tag/src/tag.mjs';
11
+ import { tagProps } from '../../tag/src/tag2.mjs';
12
12
  import { useEmptyValuesProps } from '../../../hooks/use-empty-values/index.mjs';
13
13
  import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
14
14
 
@@ -9,7 +9,7 @@ import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs
9
9
  import { iconPropType } from '../../../utils/vue/icon.mjs';
10
10
  import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
11
11
  import { useSizeProp } from '../../../hooks/use-size/index.mjs';
12
- import { tagProps } from '../../tag/src/tag.mjs';
12
+ import { tagProps } from '../../tag/src/tag2.mjs';
13
13
  import { useEmptyValuesProps } from '../../../hooks/use-empty-values/index.mjs';
14
14
  import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
15
15
 
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Tag from './src/tag2.mjs';
3
- export { tagEmits, tagProps } from './src/tag.mjs';
2
+ import Tag from './src/tag.mjs';
3
+ export { tagEmits, tagProps } from './src/tag2.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const ElTag = withInstall(Tag);
@@ -1,33 +1,98 @@
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, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, Transition } from 'vue';
2
+ import { ElIcon } from '../../icon/index.mjs';
3
+ import { Close } from '@element-plus/icons-vue';
4
+ import '../../../hooks/index.mjs';
5
+ import '../../form/index.mjs';
6
+ import { tagProps, tagEmits } from './tag2.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
9
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
5
10
 
6
- const tagProps = buildProps({
7
- type: {
8
- type: String,
9
- values: ["primary", "success", "info", "warning", "danger"],
10
- default: "primary"
11
- },
12
- closable: Boolean,
13
- disableTransitions: Boolean,
14
- hit: Boolean,
15
- color: String,
16
- size: {
17
- type: String,
18
- values: componentSizes
19
- },
20
- effect: {
21
- type: String,
22
- values: ["dark", "light", "plain"],
23
- default: "light"
24
- },
25
- round: Boolean
11
+ const __default__ = defineComponent({
12
+ name: "ElTag"
26
13
  });
27
- const tagEmits = {
28
- close: (evt) => evt instanceof MouseEvent,
29
- click: (evt) => evt instanceof MouseEvent
30
- };
14
+ const _sfc_main = /* @__PURE__ */ defineComponent({
15
+ ...__default__,
16
+ props: tagProps,
17
+ emits: tagEmits,
18
+ setup(__props, { emit }) {
19
+ const props = __props;
20
+ const tagSize = useFormSize();
21
+ const ns = useNamespace("tag");
22
+ const containerKls = computed(() => {
23
+ const { type, hit, effect, closable, round } = props;
24
+ return [
25
+ ns.b(),
26
+ ns.is("closable", closable),
27
+ ns.m(type || "primary"),
28
+ ns.m(tagSize.value),
29
+ ns.m(effect),
30
+ ns.is("hit", hit),
31
+ ns.is("round", round)
32
+ ];
33
+ });
34
+ const handleClose = (event) => {
35
+ emit("close", event);
36
+ };
37
+ const handleClick = (event) => {
38
+ emit("click", event);
39
+ };
40
+ return (_ctx, _cache) => {
41
+ return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
42
+ key: 0,
43
+ class: normalizeClass(unref(containerKls)),
44
+ style: normalizeStyle({ backgroundColor: _ctx.color }),
45
+ onClick: handleClick
46
+ }, [
47
+ createElementVNode("span", {
48
+ class: normalizeClass(unref(ns).e("content"))
49
+ }, [
50
+ renderSlot(_ctx.$slots, "default")
51
+ ], 2),
52
+ _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
53
+ key: 0,
54
+ class: normalizeClass(unref(ns).e("close")),
55
+ onClick: withModifiers(handleClose, ["stop"])
56
+ }, {
57
+ default: withCtx(() => [
58
+ createVNode(unref(Close))
59
+ ]),
60
+ _: 1
61
+ }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
62
+ ], 6)) : (openBlock(), createBlock(Transition, {
63
+ key: 1,
64
+ name: `${unref(ns).namespace.value}-zoom-in-center`,
65
+ appear: ""
66
+ }, {
67
+ default: withCtx(() => [
68
+ createElementVNode("span", {
69
+ class: normalizeClass(unref(containerKls)),
70
+ style: normalizeStyle({ backgroundColor: _ctx.color }),
71
+ onClick: handleClick
72
+ }, [
73
+ createElementVNode("span", {
74
+ class: normalizeClass(unref(ns).e("content"))
75
+ }, [
76
+ renderSlot(_ctx.$slots, "default")
77
+ ], 2),
78
+ _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
79
+ key: 0,
80
+ class: normalizeClass(unref(ns).e("close")),
81
+ onClick: withModifiers(handleClose, ["stop"])
82
+ }, {
83
+ default: withCtx(() => [
84
+ createVNode(unref(Close))
85
+ ]),
86
+ _: 1
87
+ }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
88
+ ], 6)
89
+ ]),
90
+ _: 3
91
+ }, 8, ["name"]));
92
+ };
93
+ }
94
+ });
95
+ var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tag.vue"]]);
31
96
 
32
- export { tagEmits, tagProps };
97
+ export { Tag as default };
33
98
  //# sourceMappingURL=tag.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.mjs","sources":["../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type Tag from './tag.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tagProps = buildProps({\n /**\n * @description type of Tag\n */\n type: {\n type: String,\n values: ['primary', 'success', 'info', 'warning', 'danger'],\n default: 'primary',\n },\n /**\n * @description whether Tag can be removed\n */\n closable: Boolean,\n /**\n * @description whether to disable animations\n */\n disableTransitions: Boolean,\n /**\n * @description whether Tag has a highlighted border\n */\n hit: Boolean,\n /**\n * @description background color of the Tag\n */\n color: String,\n /**\n * @description size of Tag\n */\n size: {\n type: String,\n values: componentSizes,\n },\n /**\n * @description theme of Tag\n */\n effect: {\n type: String,\n values: ['dark', 'light', 'plain'],\n default: 'light',\n },\n /**\n * @description whether Tag is rounded\n */\n round: Boolean,\n} as const)\nexport type TagProps = ExtractPropTypes<typeof tagProps>\n\nexport const tagEmits = {\n close: (evt: MouseEvent) => evt instanceof MouseEvent,\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type TagEmits = typeof tagEmits\n\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,kBAAkB,EAAE,OAAO;AAC7B,EAAE,GAAG,EAAE,OAAO;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;AACtC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,CAAC,EAAE;AACS,MAAC,QAAQ,GAAG;AACxB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
1
+ {"version":3,"file":"tag.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n <span\n v-if=\"disableTransitions\"\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click.stop=\"handleClose\">\n <Close />\n </el-icon>\n </span>\n <transition v-else :name=\"`${ns.namespace.value}-zoom-in-center`\" appear>\n <span\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click.stop=\"handleClose\">\n <Close />\n </el-icon>\n </span>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\n\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n name: 'ElTag',\n})\nconst props = defineProps(tagProps)\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n const { type, hit, effect, closable, round } = props\n return [\n ns.b(),\n ns.is('closable', closable),\n ns.m(type || 'primary'),\n ns.m(tagSize.value),\n ns.m(effect),\n ns.is('hit', hit),\n ns.is('round', round),\n ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n emit('click', event)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAuCc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,UAAU,WAAY,EAAA,CAAA;AAC5B,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,MAAA,EAAQ,UAAU,KAAU,EAAA,GAAA,KAAA,CAAA;AAC/C,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL,EAAA,CAAG,EAAG,CAAA,UAAA,EAAY,QAAQ,CAAA;AAAA,QAC1B,EAAA,CAAG,CAAE,CAAA,IAAA,IAAQ,SAAS,CAAA;AAAA,QACtB,EAAA,CAAG,CAAE,CAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,QAClB,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAA,CAAG,EAAG,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA,QAChB,EAAA,CAAG,EAAG,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,OACtB,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,98 +1,33 @@
1
- import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, Transition } from 'vue';
2
- import { ElIcon } from '../../icon/index.mjs';
3
- import { Close } from '@element-plus/icons-vue';
4
- import '../../../hooks/index.mjs';
5
- import '../../form/index.mjs';
6
- import { tagProps, tagEmits } from './tag.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
9
- 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';
10
5
 
11
- const __default__ = defineComponent({
12
- name: "ElTag"
6
+ const tagProps = buildProps({
7
+ type: {
8
+ type: String,
9
+ values: ["primary", "success", "info", "warning", "danger"],
10
+ default: "primary"
11
+ },
12
+ closable: Boolean,
13
+ disableTransitions: Boolean,
14
+ hit: Boolean,
15
+ color: String,
16
+ size: {
17
+ type: String,
18
+ values: componentSizes
19
+ },
20
+ effect: {
21
+ type: String,
22
+ values: ["dark", "light", "plain"],
23
+ default: "light"
24
+ },
25
+ round: Boolean
13
26
  });
14
- const _sfc_main = /* @__PURE__ */ defineComponent({
15
- ...__default__,
16
- props: tagProps,
17
- emits: tagEmits,
18
- setup(__props, { emit }) {
19
- const props = __props;
20
- const tagSize = useFormSize();
21
- const ns = useNamespace("tag");
22
- const containerKls = computed(() => {
23
- const { type, hit, effect, closable, round } = props;
24
- return [
25
- ns.b(),
26
- ns.is("closable", closable),
27
- ns.m(type || "primary"),
28
- ns.m(tagSize.value),
29
- ns.m(effect),
30
- ns.is("hit", hit),
31
- ns.is("round", round)
32
- ];
33
- });
34
- const handleClose = (event) => {
35
- emit("close", event);
36
- };
37
- const handleClick = (event) => {
38
- emit("click", event);
39
- };
40
- return (_ctx, _cache) => {
41
- return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
42
- key: 0,
43
- class: normalizeClass(unref(containerKls)),
44
- style: normalizeStyle({ backgroundColor: _ctx.color }),
45
- onClick: handleClick
46
- }, [
47
- createElementVNode("span", {
48
- class: normalizeClass(unref(ns).e("content"))
49
- }, [
50
- renderSlot(_ctx.$slots, "default")
51
- ], 2),
52
- _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
53
- key: 0,
54
- class: normalizeClass(unref(ns).e("close")),
55
- onClick: withModifiers(handleClose, ["stop"])
56
- }, {
57
- default: withCtx(() => [
58
- createVNode(unref(Close))
59
- ]),
60
- _: 1
61
- }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
62
- ], 6)) : (openBlock(), createBlock(Transition, {
63
- key: 1,
64
- name: `${unref(ns).namespace.value}-zoom-in-center`,
65
- appear: ""
66
- }, {
67
- default: withCtx(() => [
68
- createElementVNode("span", {
69
- class: normalizeClass(unref(containerKls)),
70
- style: normalizeStyle({ backgroundColor: _ctx.color }),
71
- onClick: handleClick
72
- }, [
73
- createElementVNode("span", {
74
- class: normalizeClass(unref(ns).e("content"))
75
- }, [
76
- renderSlot(_ctx.$slots, "default")
77
- ], 2),
78
- _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
79
- key: 0,
80
- class: normalizeClass(unref(ns).e("close")),
81
- onClick: withModifiers(handleClose, ["stop"])
82
- }, {
83
- default: withCtx(() => [
84
- createVNode(unref(Close))
85
- ]),
86
- _: 1
87
- }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
88
- ], 6)
89
- ]),
90
- _: 3
91
- }, 8, ["name"]));
92
- };
93
- }
94
- });
95
- var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tag.vue"]]);
27
+ const tagEmits = {
28
+ close: (evt) => evt instanceof MouseEvent,
29
+ click: (evt) => evt instanceof MouseEvent
30
+ };
96
31
 
97
- export { Tag as default };
32
+ export { tagEmits, tagProps };
98
33
  //# sourceMappingURL=tag2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag2.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n <span\n v-if=\"disableTransitions\"\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click.stop=\"handleClose\">\n <Close />\n </el-icon>\n </span>\n <transition v-else :name=\"`${ns.namespace.value}-zoom-in-center`\" appear>\n <span\n :class=\"containerKls\"\n :style=\"{ backgroundColor: color }\"\n @click=\"handleClick\"\n >\n <span :class=\"ns.e('content')\">\n <slot />\n </span>\n <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click.stop=\"handleClose\">\n <Close />\n </el-icon>\n </span>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\n\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n name: 'ElTag',\n})\nconst props = defineProps(tagProps)\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n const { type, hit, effect, closable, round } = props\n return [\n ns.b(),\n ns.is('closable', closable),\n ns.m(type || 'primary'),\n ns.m(tagSize.value),\n ns.m(effect),\n ns.is('hit', hit),\n ns.is('round', round),\n ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n emit('click', event)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAuCc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,UAAU,WAAY,EAAA,CAAA;AAC5B,IAAM,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,EAAE,IAAA,EAAM,GAAK,EAAA,MAAA,EAAQ,UAAU,KAAU,EAAA,GAAA,KAAA,CAAA;AAC/C,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL,EAAA,CAAG,EAAG,CAAA,UAAA,EAAY,QAAQ,CAAA;AAAA,QAC1B,EAAA,CAAG,CAAE,CAAA,IAAA,IAAQ,SAAS,CAAA;AAAA,QACtB,EAAA,CAAG,CAAE,CAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,QAClB,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAA,CAAG,EAAG,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA,QAChB,EAAA,CAAG,EAAG,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,OACtB,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,KAAsB,KAAA;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tag2.mjs","sources":["../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type Tag from './tag.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const tagProps = buildProps({\n /**\n * @description type of Tag\n */\n type: {\n type: String,\n values: ['primary', 'success', 'info', 'warning', 'danger'],\n default: 'primary',\n },\n /**\n * @description whether Tag can be removed\n */\n closable: Boolean,\n /**\n * @description whether to disable animations\n */\n disableTransitions: Boolean,\n /**\n * @description whether Tag has a highlighted border\n */\n hit: Boolean,\n /**\n * @description background color of the Tag\n */\n color: String,\n /**\n * @description size of Tag\n */\n size: {\n type: String,\n values: componentSizes,\n },\n /**\n * @description theme of Tag\n */\n effect: {\n type: String,\n values: ['dark', 'light', 'plain'],\n default: 'light',\n },\n /**\n * @description whether Tag is rounded\n */\n round: Boolean,\n} as const)\nexport type TagProps = ExtractPropTypes<typeof tagProps>\n\nexport const tagEmits = {\n close: (evt: MouseEvent) => evt instanceof MouseEvent,\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type TagEmits = typeof tagEmits\n\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,UAAU,CAAC;AACnC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,kBAAkB,EAAE,OAAO;AAC7B,EAAE,GAAG,EAAE,OAAO;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;AACtC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,CAAC,EAAE;AACS,MAAC,QAAQ,GAAG;AACxB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
package/es/index.mjs CHANGED
@@ -92,7 +92,7 @@ export { imageEmits, imageProps } from './components/image/src/image.mjs';
92
92
  export { ElImage } from './components/image/index.mjs';
93
93
  export { imageViewerEmits, imageViewerProps } from './components/image-viewer/src/image-viewer.mjs';
94
94
  export { ElImageViewer } from './components/image-viewer/index.mjs';
95
- export { inputEmits, inputProps } from './components/input/src/input2.mjs';
95
+ export { inputEmits, inputProps } from './components/input/src/input.mjs';
96
96
  export { ElInput } from './components/input/index.mjs';
97
97
  export { inputNumberEmits, inputNumberProps } from './components/input-number/src/input-number.mjs';
98
98
  export { ElInputNumber } from './components/input-number/index.mjs';
@@ -175,7 +175,7 @@ export { tabNavEmits, tabNavProps } from './components/tabs/src/tab-nav.mjs';
175
175
  export { tabPaneProps } from './components/tabs/src/tab-pane.mjs';
176
176
  export { tabsRootContextKey } from './components/tabs/src/constants.mjs';
177
177
  export { ElTabPane, ElTabs } from './components/tabs/index.mjs';
178
- export { tagEmits, tagProps } from './components/tag/src/tag.mjs';
178
+ export { tagEmits, tagProps } from './components/tag/src/tag2.mjs';
179
179
  export { ElTag } from './components/tag/index.mjs';
180
180
  export { textProps } from './components/text/src/text.mjs';
181
181
  export { ElText } from './components/text/index.mjs';
package/es/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240530";
1
+ export declare const version = "0.0.20240531";
package/es/version.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const version = "0.0.20240530";
1
+ const version = "0.0.20240531";
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.20240530'\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.20240531'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}