@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
@@ -2,77 +2,31 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var lodashUnified = require('lodash-unified');
7
- var index$2 = require('../../../select/index.js');
8
- require('../../../../hooks/index.js');
9
- var usePagination = require('../usePagination.js');
10
- var sizes = require('./sizes2.js');
11
- var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
12
- var index = require('../../../../hooks/use-locale/index.js');
13
- var index$1 = require('../../../../hooks/use-namespace/index.js');
5
+ require('../../../../utils/index.js');
6
+ require('../../../../constants/index.js');
7
+ var runtime = require('../../../../utils/vue/props/runtime.js');
8
+ var typescript = require('../../../../utils/typescript.js');
9
+ var size = require('../../../../constants/size.js');
14
10
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElPaginationSizes"
17
- });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: sizes.paginationSizesProps,
21
- emits: ["page-size-change"],
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const { t } = index.useLocale();
25
- const ns = index$1.useNamespace("pagination");
26
- const pagination = usePagination.usePagination();
27
- const innerPageSize = vue.ref(props.pageSize);
28
- vue.watch(() => props.pageSizes, (newVal, oldVal) => {
29
- if (lodashUnified.isEqual(newVal, oldVal))
30
- return;
31
- if (Array.isArray(newVal)) {
32
- const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
33
- emit("page-size-change", pageSize);
34
- }
35
- });
36
- vue.watch(() => props.pageSize, (newVal) => {
37
- innerPageSize.value = newVal;
38
- });
39
- const innerPageSizes = vue.computed(() => props.pageSizes);
40
- function handleChange(val) {
41
- var _a;
42
- if (val !== innerPageSize.value) {
43
- innerPageSize.value = val;
44
- (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
45
- }
46
- }
47
- return (_ctx, _cache) => {
48
- return vue.openBlock(), vue.createElementBlock("span", {
49
- class: vue.normalizeClass(vue.unref(ns).e("sizes"))
50
- }, [
51
- vue.createVNode(vue.unref(index$2.ElSelect), {
52
- "model-value": innerPageSize.value,
53
- disabled: _ctx.disabled,
54
- "popper-class": _ctx.popperClass,
55
- size: _ctx.size,
56
- teleported: _ctx.teleported,
57
- "validate-event": false,
58
- onChange: handleChange
59
- }, {
60
- default: vue.withCtx(() => [
61
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
62
- return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
63
- key: item,
64
- value: item,
65
- label: item + vue.unref(t)("el.pagination.pagesize")
66
- }, null, 8, ["value", "label"]);
67
- }), 128))
68
- ]),
69
- _: 1
70
- }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
71
- ], 2);
72
- };
11
+ const paginationSizesProps = runtime.buildProps({
12
+ pageSize: {
13
+ type: Number,
14
+ required: true
15
+ },
16
+ pageSizes: {
17
+ type: runtime.definePropType(Array),
18
+ default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
19
+ },
20
+ popperClass: {
21
+ type: String
22
+ },
23
+ disabled: Boolean,
24
+ teleported: Boolean,
25
+ size: {
26
+ type: String,
27
+ values: size.componentSizes
73
28
  }
74
29
  });
75
- var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "sizes.vue"]]);
76
30
 
77
- exports["default"] = Sizes;
31
+ exports.paginationSizesProps = paginationSizesProps;
78
32
  //# sourceMappingURL=sizes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('sizes')\">\n <el-select\n :model-value=\"innerPageSize\"\n :disabled=\"disabled\"\n :popper-class=\"popperClass\"\n :size=\"size\"\n :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":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sizes.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n pageSize: {\n type: Number,\n required: true,\n },\n pageSizes: {\n type: definePropType<number[]>(Array),\n default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n },\n popperClass: {\n type: String,\n },\n disabled: Boolean,\n 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":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
@@ -2,31 +2,77 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../../utils/index.js');
6
- require('../../../../constants/index.js');
7
- var runtime = require('../../../../utils/vue/props/runtime.js');
8
- var typescript = require('../../../../utils/typescript.js');
9
- var size = require('../../../../constants/size.js');
5
+ var vue = require('vue');
6
+ var lodashUnified = require('lodash-unified');
7
+ var index$2 = require('../../../select/index.js');
8
+ require('../../../../hooks/index.js');
9
+ var usePagination = require('../usePagination.js');
10
+ var sizes = require('./sizes.js');
11
+ var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
12
+ var index = require('../../../../hooks/use-locale/index.js');
13
+ var index$1 = require('../../../../hooks/use-namespace/index.js');
10
14
 
11
- const paginationSizesProps = runtime.buildProps({
12
- pageSize: {
13
- type: Number,
14
- required: true
15
- },
16
- pageSizes: {
17
- type: runtime.definePropType(Array),
18
- default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
19
- },
20
- popperClass: {
21
- type: String
22
- },
23
- disabled: Boolean,
24
- teleported: Boolean,
25
- size: {
26
- type: String,
27
- values: size.componentSizes
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElPaginationSizes"
17
+ });
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: sizes.paginationSizesProps,
21
+ emits: ["page-size-change"],
22
+ setup(__props, { emit }) {
23
+ const props = __props;
24
+ const { t } = index.useLocale();
25
+ const ns = index$1.useNamespace("pagination");
26
+ const pagination = usePagination.usePagination();
27
+ const innerPageSize = vue.ref(props.pageSize);
28
+ vue.watch(() => props.pageSizes, (newVal, oldVal) => {
29
+ if (lodashUnified.isEqual(newVal, oldVal))
30
+ return;
31
+ if (Array.isArray(newVal)) {
32
+ const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
33
+ emit("page-size-change", pageSize);
34
+ }
35
+ });
36
+ vue.watch(() => props.pageSize, (newVal) => {
37
+ innerPageSize.value = newVal;
38
+ });
39
+ const innerPageSizes = vue.computed(() => props.pageSizes);
40
+ function handleChange(val) {
41
+ var _a;
42
+ if (val !== innerPageSize.value) {
43
+ innerPageSize.value = val;
44
+ (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
45
+ }
46
+ }
47
+ return (_ctx, _cache) => {
48
+ return vue.openBlock(), vue.createElementBlock("span", {
49
+ class: vue.normalizeClass(vue.unref(ns).e("sizes"))
50
+ }, [
51
+ vue.createVNode(vue.unref(index$2.ElSelect), {
52
+ "model-value": innerPageSize.value,
53
+ disabled: _ctx.disabled,
54
+ "popper-class": _ctx.popperClass,
55
+ size: _ctx.size,
56
+ teleported: _ctx.teleported,
57
+ "validate-event": false,
58
+ onChange: handleChange
59
+ }, {
60
+ default: vue.withCtx(() => [
61
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
62
+ return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
63
+ key: item,
64
+ value: item,
65
+ label: item + vue.unref(t)("el.pagination.pagesize")
66
+ }, null, 8, ["value", "label"]);
67
+ }), 128))
68
+ ]),
69
+ _: 1
70
+ }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
71
+ ], 2);
72
+ };
28
73
  }
29
74
  });
75
+ var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "sizes.vue"]]);
30
76
 
31
- exports.paginationSizesProps = paginationSizesProps;
77
+ exports["default"] = Sizes;
32
78
  //# sourceMappingURL=sizes2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sizes2.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n pageSize: {\n type: Number,\n required: true,\n },\n pageSizes: {\n type: definePropType<number[]>(Array),\n default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n },\n popperClass: {\n type: String,\n },\n disabled: Boolean,\n 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":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"sizes2.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n <span :class=\"ns.e('sizes')\">\n <el-select\n :model-value=\"innerPageSize\"\n :disabled=\"disabled\"\n :popper-class=\"popperClass\"\n :size=\"size\"\n :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":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9,10 +9,10 @@ require('../../../hooks/index.js');
9
9
  var constants = require('./constants.js');
10
10
  var prev = require('./components/prev2.js');
11
11
  var next = require('./components/next2.js');
12
- var sizes = require('./components/sizes.js');
12
+ var sizes = require('./components/sizes2.js');
13
13
  var jumper = require('./components/jumper2.js');
14
14
  var total = require('./components/total2.js');
15
- var pager = require('./components/pager.js');
15
+ var pager = require('./components/pager2.js');
16
16
  var runtime = require('../../../utils/vue/props/runtime.js');
17
17
  var types = require('../../../utils/types.js');
18
18
  var typescript = require('../../../utils/typescript.js');
@@ -12,7 +12,7 @@ var runtime = require('../../../utils/vue/props/runtime.js');
12
12
  var index = require('../../../hooks/use-size/index.js');
13
13
  var content = require('../../tooltip/src/content.js');
14
14
  var icon = require('../../../utils/vue/icon.js');
15
- var tag = require('../../tag/src/tag.js');
15
+ var tag = require('../../tag/src/tag2.js');
16
16
  var index$1 = require('../../../hooks/use-empty-values/index.js');
17
17
  var index$2 = require('../../../hooks/use-aria/index.js');
18
18
 
@@ -13,7 +13,7 @@ var runtime = require('../../../utils/vue/props/runtime.js');
13
13
  var icon = require('../../../utils/vue/icon.js');
14
14
  var content = require('../../tooltip/src/content.js');
15
15
  var index = require('../../../hooks/use-size/index.js');
16
- var tag = require('../../tag/src/tag.js');
16
+ var tag = require('../../tag/src/tag2.js');
17
17
  var index$1 = require('../../../hooks/use-empty-values/index.js');
18
18
  var index$2 = require('../../../hooks/use-aria/index.js');
19
19
 
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  require('../../utils/index.js');
6
- var tag$1 = require('./src/tag2.js');
7
- var tag = require('./src/tag.js');
6
+ var tag$1 = require('./src/tag.js');
7
+ var tag = require('./src/tag2.js');
8
8
  var install = require('../../utils/vue/install.js');
9
9
 
10
10
  const ElTag = install.withInstall(tag$1["default"]);
@@ -2,37 +2,101 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../../utils/index.js');
6
- require('../../../constants/index.js');
7
- var runtime = require('../../../utils/vue/props/runtime.js');
8
- var size = require('../../../constants/size.js');
5
+ var vue = require('vue');
6
+ var index$1 = require('../../icon/index.js');
7
+ var iconsVue = require('@element-plus/icons-vue');
8
+ require('../../../hooks/index.js');
9
+ require('../../form/index.js');
10
+ var tag = require('./tag2.js');
11
+ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
+ var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
13
+ var index = require('../../../hooks/use-namespace/index.js');
9
14
 
10
- const tagProps = runtime.buildProps({
11
- type: {
12
- type: String,
13
- values: ["primary", "success", "info", "warning", "danger"],
14
- default: "primary"
15
- },
16
- closable: Boolean,
17
- disableTransitions: Boolean,
18
- hit: Boolean,
19
- color: String,
20
- size: {
21
- type: String,
22
- values: size.componentSizes
23
- },
24
- effect: {
25
- type: String,
26
- values: ["dark", "light", "plain"],
27
- default: "light"
28
- },
29
- round: Boolean
15
+ const __default__ = vue.defineComponent({
16
+ name: "ElTag"
30
17
  });
31
- const tagEmits = {
32
- close: (evt) => evt instanceof MouseEvent,
33
- click: (evt) => evt instanceof MouseEvent
34
- };
18
+ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
+ ...__default__,
20
+ props: tag.tagProps,
21
+ emits: tag.tagEmits,
22
+ setup(__props, { emit }) {
23
+ const props = __props;
24
+ const tagSize = useFormCommonProps.useFormSize();
25
+ const ns = index.useNamespace("tag");
26
+ const containerKls = vue.computed(() => {
27
+ const { type, hit, effect, closable, round } = props;
28
+ return [
29
+ ns.b(),
30
+ ns.is("closable", closable),
31
+ ns.m(type || "primary"),
32
+ ns.m(tagSize.value),
33
+ ns.m(effect),
34
+ ns.is("hit", hit),
35
+ ns.is("round", round)
36
+ ];
37
+ });
38
+ const handleClose = (event) => {
39
+ emit("close", event);
40
+ };
41
+ const handleClick = (event) => {
42
+ emit("click", event);
43
+ };
44
+ return (_ctx, _cache) => {
45
+ return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
46
+ key: 0,
47
+ class: vue.normalizeClass(vue.unref(containerKls)),
48
+ style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
49
+ onClick: handleClick
50
+ }, [
51
+ vue.createElementVNode("span", {
52
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
53
+ }, [
54
+ vue.renderSlot(_ctx.$slots, "default")
55
+ ], 2),
56
+ _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
57
+ key: 0,
58
+ class: vue.normalizeClass(vue.unref(ns).e("close")),
59
+ onClick: vue.withModifiers(handleClose, ["stop"])
60
+ }, {
61
+ default: vue.withCtx(() => [
62
+ vue.createVNode(vue.unref(iconsVue.Close))
63
+ ]),
64
+ _: 1
65
+ }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
66
+ ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
67
+ key: 1,
68
+ name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
69
+ appear: ""
70
+ }, {
71
+ default: vue.withCtx(() => [
72
+ vue.createElementVNode("span", {
73
+ class: vue.normalizeClass(vue.unref(containerKls)),
74
+ style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
75
+ onClick: handleClick
76
+ }, [
77
+ vue.createElementVNode("span", {
78
+ class: vue.normalizeClass(vue.unref(ns).e("content"))
79
+ }, [
80
+ vue.renderSlot(_ctx.$slots, "default")
81
+ ], 2),
82
+ _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
83
+ key: 0,
84
+ class: vue.normalizeClass(vue.unref(ns).e("close")),
85
+ onClick: vue.withModifiers(handleClose, ["stop"])
86
+ }, {
87
+ default: vue.withCtx(() => [
88
+ vue.createVNode(vue.unref(iconsVue.Close))
89
+ ]),
90
+ _: 1
91
+ }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
92
+ ], 6)
93
+ ]),
94
+ _: 3
95
+ }, 8, ["name"]));
96
+ };
97
+ }
98
+ });
99
+ var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "tag.vue"]]);
35
100
 
36
- exports.tagEmits = tagEmits;
37
- exports.tagProps = tagProps;
101
+ exports["default"] = Tag;
38
102
  //# sourceMappingURL=tag.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.js","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":["buildProps","componentSizes"],"mappings":";;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,kBAAU,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,EAAEC,mBAAc;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.js","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":["useFormSize","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;uCAuCc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,UAAUA,8BAAY,EAAA,CAAA;AAC5B,IAAM,MAAA,EAAA,GAAKC,mBAAa,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAeC,aAAS,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,101 +2,37 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var index$1 = require('../../icon/index.js');
7
- var iconsVue = require('@element-plus/icons-vue');
8
- require('../../../hooks/index.js');
9
- require('../../form/index.js');
10
- var tag = require('./tag.js');
11
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
12
- var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
13
- var index = require('../../../hooks/use-namespace/index.js');
5
+ require('../../../utils/index.js');
6
+ require('../../../constants/index.js');
7
+ var runtime = require('../../../utils/vue/props/runtime.js');
8
+ var size = require('../../../constants/size.js');
14
9
 
15
- const __default__ = vue.defineComponent({
16
- name: "ElTag"
10
+ const tagProps = runtime.buildProps({
11
+ type: {
12
+ type: String,
13
+ values: ["primary", "success", "info", "warning", "danger"],
14
+ default: "primary"
15
+ },
16
+ closable: Boolean,
17
+ disableTransitions: Boolean,
18
+ hit: Boolean,
19
+ color: String,
20
+ size: {
21
+ type: String,
22
+ values: size.componentSizes
23
+ },
24
+ effect: {
25
+ type: String,
26
+ values: ["dark", "light", "plain"],
27
+ default: "light"
28
+ },
29
+ round: Boolean
17
30
  });
18
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
- ...__default__,
20
- props: tag.tagProps,
21
- emits: tag.tagEmits,
22
- setup(__props, { emit }) {
23
- const props = __props;
24
- const tagSize = useFormCommonProps.useFormSize();
25
- const ns = index.useNamespace("tag");
26
- const containerKls = vue.computed(() => {
27
- const { type, hit, effect, closable, round } = props;
28
- return [
29
- ns.b(),
30
- ns.is("closable", closable),
31
- ns.m(type || "primary"),
32
- ns.m(tagSize.value),
33
- ns.m(effect),
34
- ns.is("hit", hit),
35
- ns.is("round", round)
36
- ];
37
- });
38
- const handleClose = (event) => {
39
- emit("close", event);
40
- };
41
- const handleClick = (event) => {
42
- emit("click", event);
43
- };
44
- return (_ctx, _cache) => {
45
- return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
46
- key: 0,
47
- class: vue.normalizeClass(vue.unref(containerKls)),
48
- style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
49
- onClick: handleClick
50
- }, [
51
- vue.createElementVNode("span", {
52
- class: vue.normalizeClass(vue.unref(ns).e("content"))
53
- }, [
54
- vue.renderSlot(_ctx.$slots, "default")
55
- ], 2),
56
- _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
57
- key: 0,
58
- class: vue.normalizeClass(vue.unref(ns).e("close")),
59
- onClick: vue.withModifiers(handleClose, ["stop"])
60
- }, {
61
- default: vue.withCtx(() => [
62
- vue.createVNode(vue.unref(iconsVue.Close))
63
- ]),
64
- _: 1
65
- }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
66
- ], 6)) : (vue.openBlock(), vue.createBlock(vue.Transition, {
67
- key: 1,
68
- name: `${vue.unref(ns).namespace.value}-zoom-in-center`,
69
- appear: ""
70
- }, {
71
- default: vue.withCtx(() => [
72
- vue.createElementVNode("span", {
73
- class: vue.normalizeClass(vue.unref(containerKls)),
74
- style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
75
- onClick: handleClick
76
- }, [
77
- vue.createElementVNode("span", {
78
- class: vue.normalizeClass(vue.unref(ns).e("content"))
79
- }, [
80
- vue.renderSlot(_ctx.$slots, "default")
81
- ], 2),
82
- _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
83
- key: 0,
84
- class: vue.normalizeClass(vue.unref(ns).e("close")),
85
- onClick: vue.withModifiers(handleClose, ["stop"])
86
- }, {
87
- default: vue.withCtx(() => [
88
- vue.createVNode(vue.unref(iconsVue.Close))
89
- ]),
90
- _: 1
91
- }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
92
- ], 6)
93
- ]),
94
- _: 3
95
- }, 8, ["name"]));
96
- };
97
- }
98
- });
99
- var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "tag.vue"]]);
31
+ const tagEmits = {
32
+ close: (evt) => evt instanceof MouseEvent,
33
+ click: (evt) => evt instanceof MouseEvent
34
+ };
100
35
 
101
- exports["default"] = Tag;
36
+ exports.tagEmits = tagEmits;
37
+ exports.tagProps = tagProps;
102
38
  //# sourceMappingURL=tag2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag2.js","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":["useFormSize","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;uCAuCc,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,UAAUA,8BAAY,EAAA,CAAA;AAC5B,IAAM,MAAA,EAAA,GAAKC,mBAAa,KAAK,CAAA,CAAA;AAC7B,IAAM,MAAA,YAAA,GAAeC,aAAS,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.js","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":["buildProps","componentSizes"],"mappings":";;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,kBAAU,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,EAAEC,mBAAc;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/lib/index.js CHANGED
@@ -95,7 +95,7 @@ var image = require('./components/image/src/image.js');
95
95
  var index$v = require('./components/image/index.js');
96
96
  var imageViewer = require('./components/image-viewer/src/image-viewer.js');
97
97
  var index$w = require('./components/image-viewer/index.js');
98
- var input = require('./components/input/src/input2.js');
98
+ var input = require('./components/input/src/input.js');
99
99
  var index$x = require('./components/input/index.js');
100
100
  var inputNumber = require('./components/input-number/src/input-number.js');
101
101
  var index$y = require('./components/input-number/index.js');
@@ -178,7 +178,7 @@ var tabNav = require('./components/tabs/src/tab-nav.js');
178
178
  var tabPane = require('./components/tabs/src/tab-pane.js');
179
179
  var constants$g = require('./components/tabs/src/constants.js');
180
180
  var index$W = require('./components/tabs/index.js');
181
- var tag = require('./components/tag/src/tag.js');
181
+ var tag = require('./components/tag/src/tag2.js');
182
182
  var index$X = require('./components/tag/index.js');
183
183
  var text = require('./components/text/src/text.js');
184
184
  var index$Y = require('./components/text/index.js');
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.20240530";
1
+ export declare const version = "0.0.20240531";