@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.
- package/dist/index.full.js +2 -2
- package/dist/index.full.min.js +2 -2
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +2 -2
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -2
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/ms.js +1 -1
- package/dist/locale/ms.min.js +1 -1
- package/dist/locale/ms.min.mjs +1 -1
- package/dist/locale/ms.mjs +1 -1
- package/dist/locale/my.js +1 -1
- package/dist/locale/my.min.js +1 -1
- package/dist/locale/my.min.mjs +1 -1
- package/dist/locale/my.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/affix/index.mjs +2 -2
- package/es/components/affix/src/affix.mjs +25 -118
- package/es/components/affix/src/affix.mjs.map +1 -1
- package/es/components/affix/src/affix2.mjs +118 -25
- package/es/components/affix/src/affix2.mjs.map +1 -1
- package/es/components/carousel/index.mjs +2 -2
- package/es/components/carousel/src/carousel-item.mjs +69 -7
- package/es/components/carousel/src/carousel-item.mjs.map +1 -1
- package/es/components/carousel/src/carousel-item2.mjs +7 -69
- package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
- package/es/components/index.mjs +4 -4
- package/es/components/input-tag/index.mjs +2 -2
- package/es/components/input-tag/src/input-tag.mjs +215 -65
- package/es/components/input-tag/src/input-tag.mjs.map +1 -1
- package/es/components/input-tag/src/input-tag2.mjs +65 -215
- package/es/components/input-tag/src/input-tag2.mjs.map +1 -1
- package/es/components/tour/index.mjs +2 -2
- package/es/components/tour/src/step.mjs +168 -44
- package/es/components/tour/src/step.mjs.map +1 -1
- package/es/components/tour/src/step2.mjs +44 -168
- package/es/components/tour/src/step2.mjs.map +1 -1
- package/es/index.mjs +4 -4
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/affix/index.js +2 -2
- package/lib/components/affix/src/affix.js +26 -118
- package/lib/components/affix/src/affix.js.map +1 -1
- package/lib/components/affix/src/affix2.js +118 -26
- package/lib/components/affix/src/affix2.js.map +1 -1
- package/lib/components/carousel/index.js +2 -2
- package/lib/components/carousel/src/carousel-item.js +69 -7
- package/lib/components/carousel/src/carousel-item.js.map +1 -1
- package/lib/components/carousel/src/carousel-item2.js +7 -69
- package/lib/components/carousel/src/carousel-item2.js.map +1 -1
- package/lib/components/index.js +4 -4
- package/lib/components/input-tag/index.js +2 -2
- package/lib/components/input-tag/src/input-tag.js +214 -65
- package/lib/components/input-tag/src/input-tag.js.map +1 -1
- package/lib/components/input-tag/src/input-tag2.js +65 -214
- package/lib/components/input-tag/src/input-tag2.js.map +1 -1
- package/lib/components/tour/index.js +2 -2
- package/lib/components/tour/src/step.js +167 -44
- package/lib/components/tour/src/step.js.map +1 -1
- package/lib/components/tour/src/step2.js +44 -167
- package/lib/components/tour/src/step2.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
@@ -1,7 +1,7 @@
|
|
1
1
|
import Carousel from './src/carousel2.mjs';
|
2
|
-
import CarouselItem from './src/carousel-
|
2
|
+
import CarouselItem from './src/carousel-item.mjs';
|
3
3
|
export { carouselEmits, carouselProps } from './src/carousel.mjs';
|
4
|
-
export { carouselItemProps } from './src/carousel-
|
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 {
|
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
|
4
|
-
name:
|
5
|
-
|
6
|
-
|
7
|
-
|
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 {
|
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.
|
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 {
|
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
|
9
|
-
name:
|
10
|
-
|
11
|
-
|
12
|
-
|
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 {
|
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.
|
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;;;;"}
|
package/es/components/index.mjs
CHANGED
@@ -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/
|
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-
|
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-
|
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/
|
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-
|
2
|
-
export { inputTagEmits, inputTagProps } from './src/input-
|
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 {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
import
|
7
|
-
import {
|
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
|
10
|
-
|
11
|
-
|
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
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
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 {
|
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.
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|