@element-plus/nightly 0.0.20241129 → 0.0.20241130

Sign up to get free protection for your applications and to get access to all the features.
Files changed (302) 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/ms.js +1 -1
  152. package/dist/locale/ms.min.js +1 -1
  153. package/dist/locale/ms.min.mjs +1 -1
  154. package/dist/locale/ms.mjs +1 -1
  155. package/dist/locale/my.js +1 -1
  156. package/dist/locale/my.min.js +1 -1
  157. package/dist/locale/my.min.mjs +1 -1
  158. package/dist/locale/my.mjs +1 -1
  159. package/dist/locale/nb-no.js +1 -1
  160. package/dist/locale/nb-no.min.js +1 -1
  161. package/dist/locale/nb-no.min.mjs +1 -1
  162. package/dist/locale/nb-no.mjs +1 -1
  163. package/dist/locale/nl.js +1 -1
  164. package/dist/locale/nl.min.js +1 -1
  165. package/dist/locale/nl.min.mjs +1 -1
  166. package/dist/locale/nl.mjs +1 -1
  167. package/dist/locale/pa.js +1 -1
  168. package/dist/locale/pa.min.js +1 -1
  169. package/dist/locale/pa.min.mjs +1 -1
  170. package/dist/locale/pa.mjs +1 -1
  171. package/dist/locale/pl.js +1 -1
  172. package/dist/locale/pl.min.js +1 -1
  173. package/dist/locale/pl.min.mjs +1 -1
  174. package/dist/locale/pl.mjs +1 -1
  175. package/dist/locale/pt-br.js +1 -1
  176. package/dist/locale/pt-br.min.js +1 -1
  177. package/dist/locale/pt-br.min.mjs +1 -1
  178. package/dist/locale/pt-br.mjs +1 -1
  179. package/dist/locale/pt.js +1 -1
  180. package/dist/locale/pt.min.js +1 -1
  181. package/dist/locale/pt.min.mjs +1 -1
  182. package/dist/locale/pt.mjs +1 -1
  183. package/dist/locale/ro.js +1 -1
  184. package/dist/locale/ro.min.js +1 -1
  185. package/dist/locale/ro.min.mjs +1 -1
  186. package/dist/locale/ro.mjs +1 -1
  187. package/dist/locale/ru.js +1 -1
  188. package/dist/locale/ru.min.js +1 -1
  189. package/dist/locale/ru.min.mjs +1 -1
  190. package/dist/locale/ru.mjs +1 -1
  191. package/dist/locale/sk.js +1 -1
  192. package/dist/locale/sk.min.js +1 -1
  193. package/dist/locale/sk.min.mjs +1 -1
  194. package/dist/locale/sk.mjs +1 -1
  195. package/dist/locale/sl.js +1 -1
  196. package/dist/locale/sl.min.js +1 -1
  197. package/dist/locale/sl.min.mjs +1 -1
  198. package/dist/locale/sl.mjs +1 -1
  199. package/dist/locale/sr.js +1 -1
  200. package/dist/locale/sr.min.js +1 -1
  201. package/dist/locale/sr.min.mjs +1 -1
  202. package/dist/locale/sr.mjs +1 -1
  203. package/dist/locale/sv.js +1 -1
  204. package/dist/locale/sv.min.js +1 -1
  205. package/dist/locale/sv.min.mjs +1 -1
  206. package/dist/locale/sv.mjs +1 -1
  207. package/dist/locale/sw.js +1 -1
  208. package/dist/locale/sw.min.js +1 -1
  209. package/dist/locale/sw.min.mjs +1 -1
  210. package/dist/locale/sw.mjs +1 -1
  211. package/dist/locale/ta.js +1 -1
  212. package/dist/locale/ta.min.js +1 -1
  213. package/dist/locale/ta.min.mjs +1 -1
  214. package/dist/locale/ta.mjs +1 -1
  215. package/dist/locale/th.js +1 -1
  216. package/dist/locale/th.min.js +1 -1
  217. package/dist/locale/th.min.mjs +1 -1
  218. package/dist/locale/th.mjs +1 -1
  219. package/dist/locale/tk.js +1 -1
  220. package/dist/locale/tk.min.js +1 -1
  221. package/dist/locale/tk.min.mjs +1 -1
  222. package/dist/locale/tk.mjs +1 -1
  223. package/dist/locale/tr.js +1 -1
  224. package/dist/locale/tr.min.js +1 -1
  225. package/dist/locale/tr.min.mjs +1 -1
  226. package/dist/locale/tr.mjs +1 -1
  227. package/dist/locale/ug-cn.js +1 -1
  228. package/dist/locale/ug-cn.min.js +1 -1
  229. package/dist/locale/ug-cn.min.mjs +1 -1
  230. package/dist/locale/ug-cn.mjs +1 -1
  231. package/dist/locale/uk.js +1 -1
  232. package/dist/locale/uk.min.js +1 -1
  233. package/dist/locale/uk.min.mjs +1 -1
  234. package/dist/locale/uk.mjs +1 -1
  235. package/dist/locale/uz-uz.js +1 -1
  236. package/dist/locale/uz-uz.min.js +1 -1
  237. package/dist/locale/uz-uz.min.mjs +1 -1
  238. package/dist/locale/uz-uz.mjs +1 -1
  239. package/dist/locale/vi.js +1 -1
  240. package/dist/locale/vi.min.js +1 -1
  241. package/dist/locale/vi.min.mjs +1 -1
  242. package/dist/locale/vi.mjs +1 -1
  243. package/dist/locale/zh-cn.js +1 -1
  244. package/dist/locale/zh-cn.min.js +1 -1
  245. package/dist/locale/zh-cn.min.mjs +1 -1
  246. package/dist/locale/zh-cn.mjs +1 -1
  247. package/dist/locale/zh-tw.js +1 -1
  248. package/dist/locale/zh-tw.min.js +1 -1
  249. package/dist/locale/zh-tw.min.mjs +1 -1
  250. package/dist/locale/zh-tw.mjs +1 -1
  251. package/es/components/affix/index.mjs +2 -2
  252. package/es/components/affix/src/affix.mjs +25 -118
  253. package/es/components/affix/src/affix.mjs.map +1 -1
  254. package/es/components/affix/src/affix2.mjs +118 -25
  255. package/es/components/affix/src/affix2.mjs.map +1 -1
  256. package/es/components/carousel/index.mjs +2 -2
  257. package/es/components/carousel/src/carousel-item.mjs +69 -7
  258. package/es/components/carousel/src/carousel-item.mjs.map +1 -1
  259. package/es/components/carousel/src/carousel-item2.mjs +7 -69
  260. package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
  261. package/es/components/index.mjs +4 -4
  262. package/es/components/input-tag/index.mjs +2 -2
  263. package/es/components/input-tag/src/input-tag.mjs +215 -65
  264. package/es/components/input-tag/src/input-tag.mjs.map +1 -1
  265. package/es/components/input-tag/src/input-tag2.mjs +65 -215
  266. package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
  267. package/es/components/tour/index.mjs +2 -2
  268. package/es/components/tour/src/step.mjs +168 -44
  269. package/es/components/tour/src/step.mjs.map +1 -1
  270. package/es/components/tour/src/step2.mjs +44 -168
  271. package/es/components/tour/src/step2.mjs.map +1 -1
  272. package/es/index.mjs +4 -4
  273. package/es/version.d.ts +1 -1
  274. package/es/version.mjs +1 -1
  275. package/es/version.mjs.map +1 -1
  276. package/lib/components/affix/index.js +2 -2
  277. package/lib/components/affix/src/affix.js +26 -118
  278. package/lib/components/affix/src/affix.js.map +1 -1
  279. package/lib/components/affix/src/affix2.js +118 -26
  280. package/lib/components/affix/src/affix2.js.map +1 -1
  281. package/lib/components/carousel/index.js +2 -2
  282. package/lib/components/carousel/src/carousel-item.js +69 -7
  283. package/lib/components/carousel/src/carousel-item.js.map +1 -1
  284. package/lib/components/carousel/src/carousel-item2.js +7 -69
  285. package/lib/components/carousel/src/carousel-item2.js.map +1 -1
  286. package/lib/components/index.js +4 -4
  287. package/lib/components/input-tag/index.js +2 -2
  288. package/lib/components/input-tag/src/input-tag.js +214 -65
  289. package/lib/components/input-tag/src/input-tag.js.map +1 -1
  290. package/lib/components/input-tag/src/input-tag2.js +65 -214
  291. package/lib/components/input-tag/src/input-tag2.js.map +1 -1
  292. package/lib/components/tour/index.js +2 -2
  293. package/lib/components/tour/src/step.js +167 -44
  294. package/lib/components/tour/src/step.js.map +1 -1
  295. package/lib/components/tour/src/step2.js +44 -167
  296. package/lib/components/tour/src/step2.js.map +1 -1
  297. package/lib/index.js +4 -4
  298. package/lib/version.d.ts +1 -1
  299. package/lib/version.js +1 -1
  300. package/lib/version.js.map +1 -1
  301. package/package.json +1 -1
  302. package/web-types.json +1 -1
@@ -1,7 +1,7 @@
1
1
  import Carousel from './src/carousel2.mjs';
2
- import CarouselItem from './src/carousel-item2.mjs';
2
+ import CarouselItem from './src/carousel-item.mjs';
3
3
  export { carouselEmits, carouselProps } from './src/carousel.mjs';
4
- export { carouselItemProps } from './src/carousel-item.mjs';
4
+ export { carouselItemProps } from './src/carousel-item2.mjs';
5
5
  export { CAROUSEL_ITEM_NAME, carouselContextKey } from './src/constants.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
@@ -1,12 +1,74 @@
1
- import { buildProps } from '../../../utils/vue/props/runtime.mjs';
1
+ import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
2
+ import { carouselItemProps } from './carousel-item2.mjs';
3
+ import { useCarouselItem } from './use-carousel-item.mjs';
4
+ import { CAROUSEL_ITEM_NAME } from './constants.mjs';
5
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
2
7
 
3
- const carouselItemProps = buildProps({
4
- name: { type: String, default: "" },
5
- label: {
6
- type: [String, Number],
7
- default: ""
8
+ const __default__ = defineComponent({
9
+ name: CAROUSEL_ITEM_NAME
10
+ });
11
+ const _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...__default__,
13
+ props: carouselItemProps,
14
+ setup(__props) {
15
+ const props = __props;
16
+ const ns = useNamespace("carousel");
17
+ const {
18
+ carouselItemRef,
19
+ active,
20
+ animating,
21
+ hover,
22
+ inStage,
23
+ isVertical,
24
+ translate,
25
+ isCardType,
26
+ scale,
27
+ ready,
28
+ handleItemClick
29
+ } = useCarouselItem(props);
30
+ const itemKls = computed(() => [
31
+ ns.e("item"),
32
+ ns.is("active", active.value),
33
+ ns.is("in-stage", inStage.value),
34
+ ns.is("hover", hover.value),
35
+ ns.is("animating", animating.value),
36
+ {
37
+ [ns.em("item", "card")]: isCardType.value,
38
+ [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
39
+ }
40
+ ]);
41
+ const itemStyle = computed(() => {
42
+ const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
43
+ const _translate = `${translateType}(${unref(translate)}px)`;
44
+ const _scale = `scale(${unref(scale)})`;
45
+ const transform = [_translate, _scale].join(" ");
46
+ return {
47
+ transform
48
+ };
49
+ });
50
+ return (_ctx, _cache) => {
51
+ return withDirectives((openBlock(), createElementBlock("div", {
52
+ ref_key: "carouselItemRef",
53
+ ref: carouselItemRef,
54
+ class: normalizeClass(unref(itemKls)),
55
+ style: normalizeStyle(unref(itemStyle)),
56
+ onClick: unref(handleItemClick)
57
+ }, [
58
+ unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
59
+ key: 0,
60
+ class: normalizeClass(unref(ns).e("mask"))
61
+ }, null, 2)), [
62
+ [vShow, !unref(active)]
63
+ ]) : createCommentVNode("v-if", true),
64
+ renderSlot(_ctx.$slots, "default")
65
+ ], 14, ["onClick"])), [
66
+ [vShow, unref(ready)]
67
+ ]);
68
+ };
8
69
  }
9
70
  });
71
+ var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "carousel-item.vue"]]);
10
72
 
11
- export { carouselItemProps };
73
+ export { CarouselItem as default };
12
74
  //# sourceMappingURL=carousel-item.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n /**\n * @description name of the item, can be used in `setActiveItem`\n */\n name: { type: String, default: '' },\n /**\n * @description text content for the corresponding indicator\n */\n label: {\n type: [String, Number],\n default: '',\n },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":[],"mappings":";;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"carousel-item.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n <div\n v-show=\"ready\"\n ref=\"carouselItemRef\"\n :class=\"itemKls\"\n :style=\"itemStyle\"\n @click=\"handleItemClick\"\n >\n <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n carouselItemRef,\n active,\n animating,\n hover,\n inStage,\n isVertical,\n translate,\n isCardType,\n scale,\n ready,\n handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n ns.e('item'),\n ns.is('active', active.value),\n ns.is('in-stage', inStage.value),\n ns.is('hover', hover.value),\n ns.is('animating', animating.value),\n {\n [ns.em('item', 'card')]: isCardType.value,\n [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n const _translate = `${translateType}(${unref(translate)}px)`\n const _scale = `scale(${unref(scale)})`\n const transform = [_translate, _scale].join(' ')\n\n return {\n transform,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAI,gBAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAA,KAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAAS,KAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,74 +1,12 @@
1
- import { defineComponent, computed, unref, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot } from 'vue';
2
- import { carouselItemProps } from './carousel-item.mjs';
3
- import { useCarouselItem } from './use-carousel-item.mjs';
4
- import { CAROUSEL_ITEM_NAME } from './constants.mjs';
5
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
6
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
1
+ import { buildProps } from '../../../utils/vue/props/runtime.mjs';
7
2
 
8
- const __default__ = defineComponent({
9
- name: CAROUSEL_ITEM_NAME
10
- });
11
- const _sfc_main = /* @__PURE__ */ defineComponent({
12
- ...__default__,
13
- props: carouselItemProps,
14
- setup(__props) {
15
- const props = __props;
16
- const ns = useNamespace("carousel");
17
- const {
18
- carouselItemRef,
19
- active,
20
- animating,
21
- hover,
22
- inStage,
23
- isVertical,
24
- translate,
25
- isCardType,
26
- scale,
27
- ready,
28
- handleItemClick
29
- } = useCarouselItem(props);
30
- const itemKls = computed(() => [
31
- ns.e("item"),
32
- ns.is("active", active.value),
33
- ns.is("in-stage", inStage.value),
34
- ns.is("hover", hover.value),
35
- ns.is("animating", animating.value),
36
- {
37
- [ns.em("item", "card")]: isCardType.value,
38
- [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
39
- }
40
- ]);
41
- const itemStyle = computed(() => {
42
- const translateType = `translate${unref(isVertical) ? "Y" : "X"}`;
43
- const _translate = `${translateType}(${unref(translate)}px)`;
44
- const _scale = `scale(${unref(scale)})`;
45
- const transform = [_translate, _scale].join(" ");
46
- return {
47
- transform
48
- };
49
- });
50
- return (_ctx, _cache) => {
51
- return withDirectives((openBlock(), createElementBlock("div", {
52
- ref_key: "carouselItemRef",
53
- ref: carouselItemRef,
54
- class: normalizeClass(unref(itemKls)),
55
- style: normalizeStyle(unref(itemStyle)),
56
- onClick: unref(handleItemClick)
57
- }, [
58
- unref(isCardType) ? withDirectives((openBlock(), createElementBlock("div", {
59
- key: 0,
60
- class: normalizeClass(unref(ns).e("mask"))
61
- }, null, 2)), [
62
- [vShow, !unref(active)]
63
- ]) : createCommentVNode("v-if", true),
64
- renderSlot(_ctx.$slots, "default")
65
- ], 14, ["onClick"])), [
66
- [vShow, unref(ready)]
67
- ]);
68
- };
3
+ const carouselItemProps = buildProps({
4
+ name: { type: String, default: "" },
5
+ label: {
6
+ type: [String, Number],
7
+ default: ""
69
8
  }
70
9
  });
71
- var CarouselItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "carousel-item.vue"]]);
72
10
 
73
- export { CarouselItem as default };
11
+ export { carouselItemProps };
74
12
  //# sourceMappingURL=carousel-item2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n <div\n v-show=\"ready\"\n ref=\"carouselItemRef\"\n :class=\"itemKls\"\n :style=\"itemStyle\"\n @click=\"handleItemClick\"\n >\n <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n carouselItemRef,\n active,\n animating,\n hover,\n inStage,\n isVertical,\n translate,\n isCardType,\n scale,\n ready,\n handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n ns.e('item'),\n ns.is('active', active.value),\n ns.is('in-stage', inStage.value),\n ns.is('hover', hover.value),\n ns.is('animating', animating.value),\n {\n [ns.em('item', 'card')]: isCardType.value,\n [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n const _translate = `${translateType}(${unref(translate)}px)`\n const _scale = `scale(${unref(scale)})`\n const transform = [_translate, _scale].join(' ')\n\n return {\n transform,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAI,gBAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAA,KAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAA,KAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAAS,KAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"carousel-item2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n /**\n * @description name of the item, can be used in `setActiveItem`\n */\n name: { type: String, default: '' },\n /**\n * @description text content for the corresponding indicator\n */\n label: {\n type: [String, Number],\n default: '',\n },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":[],"mappings":";;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
@@ -82,7 +82,7 @@ export { ElNotification } from './notification/index.mjs';
82
82
  export { ElPopover, ElPopoverDirective } from './popover/index.mjs';
83
83
  export { default as FixedSizeGrid } from './virtual-list/src/components/fixed-size-grid.mjs';
84
84
  export { default as DynamicSizeGrid } from './virtual-list/src/components/dynamic-size-grid.mjs';
85
- export { affixEmits, affixProps } from './affix/src/affix2.mjs';
85
+ export { affixEmits, affixProps } from './affix/src/affix.mjs';
86
86
  export { alertEffects, alertEmits, alertProps } from './alert/src/alert.mjs';
87
87
  export { autocompleteEmits, autocompleteProps } from './autocomplete/src/autocomplete.mjs';
88
88
  export { avatarEmits, avatarProps } from './avatar/src/avatar.mjs';
@@ -96,7 +96,7 @@ export { buttonGroupContextKey } from './button/src/constants.mjs';
96
96
  export { calendarEmits, calendarProps } from './calendar/src/calendar.mjs';
97
97
  export { cardProps } from './card/src/card.mjs';
98
98
  export { carouselEmits, carouselProps } from './carousel/src/carousel.mjs';
99
- export { carouselItemProps } from './carousel/src/carousel-item.mjs';
99
+ export { carouselItemProps } from './carousel/src/carousel-item2.mjs';
100
100
  export { CAROUSEL_ITEM_NAME, carouselContextKey } from './carousel/src/constants.mjs';
101
101
  export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
102
102
  export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
@@ -137,7 +137,7 @@ export { imageEmits, imageProps } from './image/src/image.mjs';
137
137
  export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer.mjs';
138
138
  export { inputEmits, inputProps } from './input/src/input.mjs';
139
139
  export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
140
- export { inputTagEmits, inputTagProps } from './input-tag/src/input-tag.mjs';
140
+ export { inputTagEmits, inputTagProps } from './input-tag/src/input-tag2.mjs';
141
141
  export { linkEmits, linkProps } from './link/src/link.mjs';
142
142
  export { menuEmits, menuProps } from './menu/src/menu.mjs';
143
143
  export { menuItemEmits, menuItemProps } from './menu/src/menu-item.mjs';
@@ -217,7 +217,7 @@ export { default as DynamicSizeList } from './virtual-list/src/components/dynami
217
217
  export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './virtual-list/src/props.mjs';
218
218
  export { watermarkProps } from './watermark/src/watermark.mjs';
219
219
  export { tourEmits, tourProps } from './tour/src/tour.mjs';
220
- export { tourStepEmits, tourStepProps } from './tour/src/step.mjs';
220
+ export { tourStepEmits, tourStepProps } from './tour/src/step2.mjs';
221
221
  export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './tour/src/content.mjs';
222
222
  export { anchorEmits, anchorProps } from './anchor/src/anchor.mjs';
223
223
  export { segmentedEmits, segmentedProps } from './segmented/src/segmented.mjs';
@@ -1,5 +1,5 @@
1
- import InputTag from './src/input-tag2.mjs';
2
- export { inputTagEmits, inputTagProps } from './src/input-tag.mjs';
1
+ import InputTag from './src/input-tag.mjs';
2
+ export { inputTagEmits, inputTagProps } from './src/input-tag2.mjs';
3
3
  import { withInstall } from '../../utils/vue/install.mjs';
4
4
 
5
5
  const ElInputTag = withInstall(InputTag);
@@ -1,69 +1,219 @@
1
- import { tagProps } from '../../tag/src/tag.mjs';
2
- import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
3
- import { EVENT_CODE } from '../../../constants/aria.mjs';
4
- import { useSizeProp } from '../../../hooks/use-size/index.mjs';
5
- import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
6
- import { isArray, isString } from '@vue/shared';
7
- import { isUndefined } from '../../../utils/types.mjs';
1
+ import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, withDirectives, mergeProps, isRef, vModelText, vShow, createVNode, resolveDynamicComponent } from 'vue';
2
+ import { CircleClose } from '@element-plus/icons-vue';
3
+ import { ElIcon } from '../../icon/index.mjs';
4
+ import { ElTag } from '../../tag/index.mjs';
5
+ import { inputTagProps, inputTagEmits } from './input-tag2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { useInputTag } from './composables/use-input-tag.mjs';
8
+ import { useHovering } from './composables/use-hovering.mjs';
9
+ import { useCalcInputWidth } from '../../../hooks/use-calc-input-width/index.mjs';
10
+ import { useDragTag } from './composables/use-drag-tag.mjs';
11
+ import { useInputTagDom } from './composables/use-input-tag-dom.mjs';
12
+ import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
13
+ import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
14
+ import { ValidateComponentsMap } from '../../../utils/vue/icon.mjs';
15
+ import { NOOP } from '@vue/shared';
8
16
 
9
- const inputTagProps = buildProps({
10
- modelValue: {
11
- type: definePropType(Array)
12
- },
13
- max: Number,
14
- tagType: { ...tagProps.type, default: "info" },
15
- tagEffect: tagProps.effect,
16
- trigger: {
17
- type: definePropType(String),
18
- default: EVENT_CODE.enter
19
- },
20
- draggable: {
21
- type: Boolean,
22
- default: false
23
- },
24
- size: useSizeProp,
25
- clearable: Boolean,
26
- disabled: {
27
- type: Boolean,
28
- default: void 0
29
- },
30
- validateEvent: {
31
- type: Boolean,
32
- default: true
33
- },
34
- readonly: Boolean,
35
- autofocus: Boolean,
36
- id: {
37
- type: String,
38
- default: void 0
39
- },
40
- tabindex: {
41
- type: [String, Number],
42
- default: 0
43
- },
44
- maxlength: {
45
- type: [String, Number]
46
- },
47
- minlength: {
48
- type: [String, Number]
49
- },
50
- placeholder: String,
51
- autocomplete: {
52
- type: String,
53
- default: "off"
54
- },
55
- ariaLabel: String
17
+ const __default__ = defineComponent({
18
+ name: "ElInputTag",
19
+ inheritAttrs: false
56
20
  });
57
- const inputTagEmits = {
58
- [UPDATE_MODEL_EVENT]: (value) => isArray(value) || isUndefined(value),
59
- [CHANGE_EVENT]: (value) => isArray(value) || isUndefined(value),
60
- [INPUT_EVENT]: (value) => isString(value),
61
- "add-tag": (value) => isString(value),
62
- "remove-tag": (value) => isString(value),
63
- focus: (evt) => evt instanceof FocusEvent,
64
- blur: (evt) => evt instanceof FocusEvent,
65
- clear: () => true
66
- };
21
+ const _sfc_main = /* @__PURE__ */ defineComponent({
22
+ ...__default__,
23
+ props: inputTagProps,
24
+ emits: inputTagEmits,
25
+ setup(__props, { expose, emit }) {
26
+ const props = __props;
27
+ const attrs = useAttrs();
28
+ const slots = useSlots();
29
+ const { form, formItem } = useFormItem();
30
+ const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
31
+ const needStatusIcon = computed(() => {
32
+ var _a;
33
+ return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
34
+ });
35
+ const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
36
+ const validateIcon = computed(() => {
37
+ return validateState.value && ValidateComponentsMap[validateState.value];
38
+ });
39
+ const {
40
+ inputRef,
41
+ wrapperRef,
42
+ isFocused,
43
+ inputValue,
44
+ size,
45
+ tagSize,
46
+ placeholder,
47
+ closable,
48
+ disabled,
49
+ handleDragged,
50
+ handleInput,
51
+ handleKeydown,
52
+ handleRemoveTag,
53
+ handleClear,
54
+ handleCompositionStart,
55
+ handleCompositionUpdate,
56
+ handleCompositionEnd,
57
+ focus,
58
+ blur
59
+ } = useInputTag({ props, emit, formItem });
60
+ const { hovering, handleMouseEnter, handleMouseLeave } = useHovering();
61
+ const { calculatorRef, inputStyle } = useCalcInputWidth();
62
+ const {
63
+ dropIndicatorRef,
64
+ showDropIndicator,
65
+ handleDragStart,
66
+ handleDragOver,
67
+ handleDragEnd
68
+ } = useDragTag({ wrapperRef, handleDragged, afterDragged: focus });
69
+ const {
70
+ ns,
71
+ nsInput,
72
+ containerKls,
73
+ containerStyle,
74
+ innerKls,
75
+ showClear,
76
+ showSuffix
77
+ } = useInputTagDom({
78
+ props,
79
+ hovering,
80
+ isFocused,
81
+ inputValue,
82
+ disabled,
83
+ size,
84
+ validateState,
85
+ validateIcon,
86
+ needStatusIcon
87
+ });
88
+ expose({
89
+ focus,
90
+ blur
91
+ });
92
+ return (_ctx, _cache) => {
93
+ return openBlock(), createElementBlock("div", {
94
+ ref_key: "wrapperRef",
95
+ ref: wrapperRef,
96
+ class: normalizeClass(unref(containerKls)),
97
+ style: normalizeStyle(unref(containerStyle)),
98
+ onMouseenter: unref(handleMouseEnter),
99
+ onMouseleave: unref(handleMouseLeave)
100
+ }, [
101
+ unref(slots).prefix ? (openBlock(), createElementBlock("div", {
102
+ key: 0,
103
+ class: normalizeClass(unref(ns).e("prefix"))
104
+ }, [
105
+ renderSlot(_ctx.$slots, "prefix")
106
+ ], 2)) : createCommentVNode("v-if", true),
107
+ createElementVNode("div", {
108
+ class: normalizeClass(unref(innerKls))
109
+ }, [
110
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (item, index) => {
111
+ return openBlock(), createBlock(unref(ElTag), {
112
+ key: index,
113
+ size: unref(tagSize),
114
+ closable: unref(closable),
115
+ type: _ctx.tagType,
116
+ effect: _ctx.tagEffect,
117
+ draggable: unref(closable) && _ctx.draggable,
118
+ "disable-transitions": "",
119
+ onClose: ($event) => unref(handleRemoveTag)(index),
120
+ onDragstart: (event) => unref(handleDragStart)(event, index),
121
+ onDragover: (event) => unref(handleDragOver)(event, index),
122
+ onDragend: unref(handleDragEnd),
123
+ onDrop: withModifiers(() => {
124
+ }, ["stop"])
125
+ }, {
126
+ default: withCtx(() => [
127
+ renderSlot(_ctx.$slots, "tag", {
128
+ value: item,
129
+ index
130
+ }, () => [
131
+ createTextVNode(toDisplayString(item), 1)
132
+ ])
133
+ ]),
134
+ _: 2
135
+ }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
136
+ }), 128)),
137
+ createElementVNode("div", {
138
+ class: normalizeClass(unref(ns).e("input-wrapper"))
139
+ }, [
140
+ withDirectives(createElementVNode("input", mergeProps({
141
+ id: unref(inputId),
142
+ ref_key: "inputRef",
143
+ ref: inputRef,
144
+ "onUpdate:modelValue": ($event) => isRef(inputValue) ? inputValue.value = $event : null
145
+ }, unref(attrs), {
146
+ type: "text",
147
+ minlength: _ctx.minlength,
148
+ maxlength: _ctx.maxlength,
149
+ disabled: unref(disabled),
150
+ readonly: _ctx.readonly,
151
+ autocomplete: _ctx.autocomplete,
152
+ tabindex: _ctx.tabindex,
153
+ placeholder: unref(placeholder),
154
+ autofocus: _ctx.autofocus,
155
+ ariaLabel: _ctx.ariaLabel,
156
+ class: unref(ns).e("input"),
157
+ style: unref(inputStyle),
158
+ onCompositionstart: unref(handleCompositionStart),
159
+ onCompositionupdate: unref(handleCompositionUpdate),
160
+ onCompositionend: unref(handleCompositionEnd),
161
+ onInput: unref(handleInput),
162
+ onKeydown: unref(handleKeydown)
163
+ }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown"]), [
164
+ [vModelText, unref(inputValue)]
165
+ ]),
166
+ createElementVNode("span", {
167
+ ref_key: "calculatorRef",
168
+ ref: calculatorRef,
169
+ "aria-hidden": "true",
170
+ class: normalizeClass(unref(ns).e("input-calculator")),
171
+ textContent: toDisplayString(unref(inputValue))
172
+ }, null, 10, ["textContent"])
173
+ ], 2),
174
+ withDirectives(createElementVNode("div", {
175
+ ref_key: "dropIndicatorRef",
176
+ ref: dropIndicatorRef,
177
+ class: normalizeClass(unref(ns).e("drop-indicator"))
178
+ }, null, 2), [
179
+ [vShow, unref(showDropIndicator)]
180
+ ])
181
+ ], 2),
182
+ unref(showSuffix) ? (openBlock(), createElementBlock("div", {
183
+ key: 1,
184
+ class: normalizeClass(unref(ns).e("suffix"))
185
+ }, [
186
+ renderSlot(_ctx.$slots, "suffix"),
187
+ unref(showClear) ? (openBlock(), createBlock(unref(ElIcon), {
188
+ key: 0,
189
+ class: normalizeClass([unref(ns).e("icon"), unref(ns).e("clear")]),
190
+ onMousedown: withModifiers(unref(NOOP), ["prevent"]),
191
+ onClick: unref(handleClear)
192
+ }, {
193
+ default: withCtx(() => [
194
+ createVNode(unref(CircleClose))
195
+ ]),
196
+ _: 1
197
+ }, 8, ["class", "onMousedown", "onClick"])) : createCommentVNode("v-if", true),
198
+ unref(validateState) && unref(validateIcon) && unref(needStatusIcon) ? (openBlock(), createBlock(unref(ElIcon), {
199
+ key: 1,
200
+ class: normalizeClass([
201
+ unref(nsInput).e("icon"),
202
+ unref(nsInput).e("validateIcon"),
203
+ unref(nsInput).is("loading", unref(validateState) === "validating")
204
+ ])
205
+ }, {
206
+ default: withCtx(() => [
207
+ (openBlock(), createBlock(resolveDynamicComponent(unref(validateIcon))))
208
+ ]),
209
+ _: 1
210
+ }, 8, ["class"])) : createCommentVNode("v-if", true)
211
+ ], 2)) : createCommentVNode("v-if", true)
212
+ ], 46, ["onMouseenter", "onMouseleave"]);
213
+ };
214
+ }
215
+ });
216
+ var InputTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-tag.vue"]]);
67
217
 
68
- export { inputTagEmits, inputTagProps };
218
+ export { InputTag as default };
69
219
  //# sourceMappingURL=input-tag.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-tag.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isArray,\n isString,\n isUndefined,\n} from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { tagProps } from '@element-plus/components/tag/src/tag'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const inputTagProps = buildProps({\n /**\n * @description binding value\n */\n modelValue: {\n type: definePropType<string[]>(Array),\n },\n /**\n * @description max number tags that can be enter\n */\n max: Number,\n /**\n * @description tag type\n */\n tagType: { ...tagProps.type, default: 'info' },\n /**\n * @description tag effect\n */\n tagEffect: tagProps.effect,\n /**\n * @description the key to trigger input tag\n */\n trigger: {\n type: definePropType<'Enter' | 'Space'>(String),\n default: EVENT_CODE.enter,\n },\n /**\n * @description whether tags can be dragged\n */\n draggable: {\n type: Boolean,\n default: false,\n },\n /**\n * @description input box size\n */\n size: useSizeProp,\n /**\n * @description whether to show clear button\n */\n clearable: Boolean,\n /**\n * @description whether to disable input-tag\n */\n disabled: {\n type: Boolean,\n default: undefined,\n },\n /**\n * @description whether to trigger form validation\n */\n validateEvent: {\n type: Boolean,\n default: true,\n },\n /**\n * @description native input readonly\n */\n readonly: Boolean,\n /**\n * @description native input autofocus\n */\n autofocus: Boolean,\n /**\n * @description same as `id` in native input\n */\n id: {\n type: String,\n default: undefined,\n },\n /**\n * @description same as `tabindex` in native input\n */\n tabindex: {\n type: [String, Number],\n default: 0,\n },\n /**\n * @description same as `maxlength` in native input\n */\n maxlength: {\n type: [String, Number],\n },\n /**\n * @description same as `minlength` in native input\n */\n minlength: {\n type: [String, Number],\n },\n /**\n * @description placeholder of input\n */\n placeholder: String,\n /**\n * @description native input autocomplete\n */\n autocomplete: {\n type: String,\n default: 'off',\n },\n /**\n * @description native `aria-label` attribute\n */\n ariaLabel: String,\n} as const)\nexport type InputTagProps = ExtractPropTypes<typeof inputTagProps>\n\nexport const inputTagEmits = {\n [UPDATE_MODEL_EVENT]: (value?: string[]) =>\n isArray(value) || isUndefined(value),\n [CHANGE_EVENT]: (value?: string[]) => isArray(value) || isUndefined(value),\n [INPUT_EVENT]: (value: string) => isString(value),\n 'add-tag': (value: string) => isString(value),\n 'remove-tag': (value: string) => isString(value),\n focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n clear: () => true,\n}\nexport type InputTagEmits = typeof inputTagEmits\n"],"names":[],"mappings":";;;;;;;;AAeY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,OAAO,EAAE,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM;AAC5B,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,UAAU,CAAC,KAAK;AAC7B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC;AACvE,EAAE,CAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC;AACjE,EAAE,CAAC,WAAW,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC3C,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACvC,EAAE,YAAY,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAC1C,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,KAAK,EAAE,MAAM,IAAI;AACnB;;;;"}
1
+ {"version":3,"file":"input-tag.mjs","sources":["../../../../../../packages/components/input-tag/src/input-tag.vue"],"sourcesContent":["<template>\n <div\n ref=\"wrapperRef\"\n :class=\"containerKls\"\n :style=\"containerStyle\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n >\n <div v-if=\"slots.prefix\" :class=\"ns.e('prefix')\">\n <slot name=\"prefix\" />\n </div>\n <div :class=\"innerKls\">\n <el-tag\n v-for=\"(item, index) in modelValue\"\n :key=\"index\"\n :size=\"tagSize\"\n :closable=\"closable\"\n :type=\"tagType\"\n :effect=\"tagEffect\"\n :draggable=\"closable && draggable\"\n disable-transitions\n @close=\"handleRemoveTag(index)\"\n @dragstart=\"(event: DragEvent) => handleDragStart(event, index)\"\n @dragover=\"(event: DragEvent) => handleDragOver(event, index)\"\n @dragend=\"handleDragEnd\"\n @drop.stop\n >\n <slot name=\"tag\" :value=\"item\" :index=\"index\">\n {{ item }}\n </slot>\n </el-tag>\n <div :class=\"ns.e('input-wrapper')\">\n <input\n :id=\"inputId\"\n ref=\"inputRef\"\n v-model=\"inputValue\"\n v-bind=\"attrs\"\n type=\"text\"\n :minlength=\"minlength\"\n :maxlength=\"maxlength\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :autocomplete=\"autocomplete\"\n :tabindex=\"tabindex\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n :ariaLabel=\"ariaLabel\"\n :class=\"ns.e('input')\"\n :style=\"inputStyle\"\n @compositionstart=\"handleCompositionStart\"\n @compositionupdate=\"handleCompositionUpdate\"\n @compositionend=\"handleCompositionEnd\"\n @input=\"handleInput\"\n @keydown=\"handleKeydown\"\n />\n <span\n ref=\"calculatorRef\"\n aria-hidden=\"true\"\n :class=\"ns.e('input-calculator')\"\n v-text=\"inputValue\"\n />\n </div>\n <div\n v-show=\"showDropIndicator\"\n ref=\"dropIndicatorRef\"\n :class=\"ns.e('drop-indicator')\"\n />\n </div>\n <div v-if=\"showSuffix\" :class=\"ns.e('suffix')\">\n <slot name=\"suffix\" />\n <el-icon\n v-if=\"showClear\"\n :class=\"[ns.e('icon'), ns.e('clear')]\"\n @mousedown.prevent=\"NOOP\"\n @click=\"handleClear\"\n >\n <circle-close />\n </el-icon>\n <el-icon\n v-if=\"validateState && validateIcon && needStatusIcon\"\n :class=\"[\n nsInput.e('icon'),\n nsInput.e('validateIcon'),\n nsInput.is('loading', validateState === 'validating'),\n ]\"\n >\n <component :is=\"validateIcon\" />\n </el-icon>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport { useAttrs, useCalcInputWidth } from '@element-plus/hooks'\nimport { NOOP, ValidateComponentsMap } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTag from '@element-plus/components/tag'\nimport { useFormItem, useFormItemInputId } from '@element-plus/components/form'\nimport { inputTagEmits, inputTagProps } from './input-tag'\nimport {\n useDragTag,\n useHovering,\n useInputTag,\n useInputTagDom,\n} from './composables'\n\ndefineOptions({\n name: 'ElInputTag',\n inheritAttrs: false,\n})\n\nconst props = defineProps(inputTagProps)\nconst emit = defineEmits(inputTagEmits)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\nconst { form, formItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, { formItemContext: formItem })\n\nconst needStatusIcon = computed(() => form?.statusIcon ?? false)\nconst validateState = computed(() => formItem?.validateState || '')\nconst validateIcon = computed(() => {\n return validateState.value && ValidateComponentsMap[validateState.value]\n})\n\nconst {\n inputRef,\n wrapperRef,\n isFocused,\n inputValue,\n size,\n tagSize,\n placeholder,\n closable,\n disabled,\n handleDragged,\n handleInput,\n handleKeydown,\n handleRemoveTag,\n handleClear,\n handleCompositionStart,\n handleCompositionUpdate,\n handleCompositionEnd,\n focus,\n blur,\n} = useInputTag({ props, emit, formItem })\nconst { hovering, handleMouseEnter, handleMouseLeave } = useHovering()\nconst { calculatorRef, inputStyle } = useCalcInputWidth()\nconst {\n dropIndicatorRef,\n showDropIndicator,\n handleDragStart,\n handleDragOver,\n handleDragEnd,\n} = useDragTag({ wrapperRef, handleDragged, afterDragged: focus })\nconst {\n ns,\n nsInput,\n containerKls,\n containerStyle,\n innerKls,\n showClear,\n showSuffix,\n} = useInputTagDom({\n props,\n hovering,\n isFocused,\n inputValue,\n disabled,\n size,\n validateState,\n validateIcon,\n needStatusIcon,\n})\n\ndefineExpose({\n focus,\n blur,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;mCA4Gc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,IAAA,EAAM,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,SAAY,GAAA,kBAAA,CAAmB,OAAO,EAAE,eAAA,EAAiB,UAAU,CAAA,CAAA;AAE3E,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM;AACtC,MAAA,IAAM,EAAgB,CAAA;AACtB,MAAM,OAAA,CAAA,EAAA,GAAA,IAAA,WAAwB,KAAM,CAAA,GAAA,IAAA,CAAA,UAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AAClC,KAAA,CAAA,CAAA;AAAuE,IACzE,MAAC,aAAA,GAAA,QAAA,CAAA,MAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,KAAA,EAAA,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACJ,OAAA,aAAA,CAAA,KAAA,IAAA,qBAAA,CAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,MACA,sBAAA;AAAA,MACA,uBAAA;AAAA,0BACuB;AACzB,MAAA,KAAQ;AACR,MAAA,IAAM;AACN,KAAM,GAAA,WAAA,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AAAA,IACJ,MAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,GAAA,WAAA,EAAA,CAAA;AAAA,IACA,MAAA,EAAA,aAAA,EAAA,UAAA,EAAA,GAAA,iBAAA,EAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,qBACe;AACjB,MAAM,cAAA;AAAA,MACJ,aAAA;AAAA,KACA,GAAA,UAAA,CAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,KAAA,EAAA,CAAA,CAAA;AAAA,IACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,cACiB;AAAA,MACjB,SAAA;AAAA,MACA,UAAA;AAAA,KACA,GAAA,cAAA,CAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACD,aAAA;AAED,MAAa,YAAA;AAAA,MACX,cAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACF,MAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}