@element-plus/nightly 0.0.20231208 → 0.0.20231209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +17 -13
- package/dist/index.full.min.js +3 -3
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +17 -13
- 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.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/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/alert/index.mjs +2 -2
- package/es/components/alert/src/alert.mjs +36 -96
- package/es/components/alert/src/alert.mjs.map +1 -1
- package/es/components/alert/src/alert2.mjs +96 -36
- package/es/components/alert/src/alert2.mjs.map +1 -1
- package/es/components/autocomplete/index.mjs +2 -2
- package/es/components/autocomplete/src/autocomplete.mjs +361 -81
- package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete2.mjs +81 -361
- package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
- package/es/components/index.mjs +7 -7
- package/es/components/input/index.mjs +2 -2
- package/es/components/input/src/input.mjs +109 -453
- package/es/components/input/src/input.mjs.map +1 -1
- package/es/components/input/src/input2.mjs +453 -109
- package/es/components/input/src/input2.mjs.map +1 -1
- package/es/components/popper/index.mjs +2 -2
- package/es/components/popper/src/arrow.mjs +37 -8
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +8 -37
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/radio/index.mjs +2 -2
- package/es/components/radio/src/radio-button.mjs +9 -66
- package/es/components/radio/src/radio-button.mjs.map +1 -1
- package/es/components/radio/src/radio-button2.mjs +66 -9
- package/es/components/radio/src/radio-button2.mjs.map +1 -1
- package/es/components/switch/src/switch2.mjs +16 -12
- package/es/components/switch/src/switch2.mjs.map +1 -1
- package/es/components/tooltip/src/tooltip.mjs +1 -1
- package/es/components/tooltip/src/tooltip2.mjs +1 -1
- package/es/components/watermark/index.mjs +2 -2
- package/es/components/watermark/src/watermark.mjs +28 -209
- package/es/components/watermark/src/watermark.mjs.map +1 -1
- package/es/components/watermark/src/watermark2.mjs +209 -28
- package/es/components/watermark/src/watermark2.mjs.map +1 -1
- package/es/index.mjs +7 -7
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/alert/index.js +2 -2
- package/lib/components/alert/src/alert.js +37 -95
- package/lib/components/alert/src/alert.js.map +1 -1
- package/lib/components/alert/src/alert2.js +95 -37
- package/lib/components/alert/src/alert2.js.map +1 -1
- package/lib/components/autocomplete/index.js +2 -2
- package/lib/components/autocomplete/src/autocomplete.js +360 -81
- package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete2.js +81 -360
- package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
- package/lib/components/index.js +7 -7
- package/lib/components/input/index.js +2 -2
- package/lib/components/input/src/input.js +109 -452
- package/lib/components/input/src/input.js.map +1 -1
- package/lib/components/input/src/input2.js +452 -109
- package/lib/components/input/src/input2.js.map +1 -1
- package/lib/components/popper/index.js +2 -2
- package/lib/components/popper/src/arrow.js +37 -9
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +9 -37
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/radio/index.js +2 -2
- package/lib/components/radio/src/radio-button.js +9 -66
- package/lib/components/radio/src/radio-button.js.map +1 -1
- package/lib/components/radio/src/radio-button2.js +66 -9
- package/lib/components/radio/src/radio-button2.js.map +1 -1
- package/lib/components/switch/src/switch2.js +15 -11
- package/lib/components/switch/src/switch2.js.map +1 -1
- package/lib/components/tooltip/src/tooltip.js +1 -1
- package/lib/components/tooltip/src/tooltip2.js +1 -1
- package/lib/components/watermark/index.js +2 -2
- package/lib/components/watermark/src/watermark.js +28 -209
- package/lib/components/watermark/src/watermark.js.map +1 -1
- package/lib/components/watermark/src/watermark2.js +209 -28
- package/lib/components/watermark/src/watermark2.js.map +1 -1
- package/lib/index.js +7 -7
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/web-types.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
2
|
import Popper from './src/popper2.mjs';
|
|
3
|
-
export { default as ElPopperArrow } from './src/
|
|
3
|
+
export { default as ElPopperArrow } from './src/arrow.mjs';
|
|
4
4
|
export { default as ElPopperTrigger } from './src/trigger2.mjs';
|
|
5
5
|
export { default as ElPopperContent } from './src/content2.mjs';
|
|
6
6
|
export { Effect, popperProps, roleTypes, usePopperProps } from './src/popper.mjs';
|
|
7
7
|
export { popperTriggerProps, usePopperTriggerProps } from './src/trigger.mjs';
|
|
8
8
|
export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './src/content.mjs';
|
|
9
|
-
export { popperArrowProps, usePopperArrowProps } from './src/
|
|
9
|
+
export { popperArrowProps, usePopperArrowProps } from './src/arrow2.mjs';
|
|
10
10
|
export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './src/constants.mjs';
|
|
11
11
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
12
12
|
|
|
@@ -1,13 +1,42 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import { POPPER_CONTENT_INJECTION_KEY } from './constants.mjs';
|
|
4
|
+
import { popperArrowProps } from './arrow2.mjs';
|
|
5
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
3
7
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
+
const __default__ = defineComponent({
|
|
9
|
+
name: "ElPopperArrow",
|
|
10
|
+
inheritAttrs: false
|
|
11
|
+
});
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
+
...__default__,
|
|
14
|
+
props: popperArrowProps,
|
|
15
|
+
setup(__props, { expose }) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const ns = useNamespace("popper");
|
|
18
|
+
const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
|
|
19
|
+
watch(() => props.arrowOffset, (val) => {
|
|
20
|
+
arrowOffset.value = val;
|
|
21
|
+
});
|
|
22
|
+
onBeforeUnmount(() => {
|
|
23
|
+
arrowRef.value = void 0;
|
|
24
|
+
});
|
|
25
|
+
expose({
|
|
26
|
+
arrowRef
|
|
27
|
+
});
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return openBlock(), createElementBlock("span", {
|
|
30
|
+
ref_key: "arrowRef",
|
|
31
|
+
ref: arrowRef,
|
|
32
|
+
class: normalizeClass(unref(ns).e("arrow")),
|
|
33
|
+
style: normalizeStyle(unref(arrowStyle)),
|
|
34
|
+
"data-popper-arrow": ""
|
|
35
|
+
}, null, 6);
|
|
36
|
+
};
|
|
8
37
|
}
|
|
9
38
|
});
|
|
10
|
-
|
|
39
|
+
var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/arrow.vue"]]);
|
|
11
40
|
|
|
12
|
-
export {
|
|
41
|
+
export { ElPopperArrow as default };
|
|
13
42
|
//# sourceMappingURL=arrow.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.
|
|
1
|
+
{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n <span\n ref=\"arrowRef\"\n :class=\"ns.e('arrow')\"\n :style=\"arrowStyle\"\n data-popper-arrow\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { POPPER_CONTENT_INJECTION_KEY } from './constants'\nimport { popperArrowProps } from './arrow'\n\ndefineOptions({\n name: 'ElPopperArrow',\n inheritAttrs: false,\n})\n\nconst props = defineProps(popperArrowProps)\n\nconst ns = useNamespace('popper')\nconst { arrowOffset, arrowRef, arrowStyle } = inject(\n POPPER_CONTENT_INJECTION_KEY,\n undefined\n)!\n\nwatch(\n () => props.arrowOffset,\n (val) => {\n arrowOffset.value = val\n }\n)\nonBeforeUnmount(() => {\n arrowRef.value = undefined\n})\n\ndefineExpose({\n /**\n * @description Arrow element\n */\n arrowRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;mCAec,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,UAAe,EAAA,GAAA,MAAA,CAC5C,8BACA,KACF,CAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAExB,CAAA,CAAA;AACA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAIX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}
|
|
@@ -1,42 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../
|
|
3
|
-
import { POPPER_CONTENT_INJECTION_KEY } from './constants.mjs';
|
|
4
|
-
import { popperArrowProps } from './arrow.mjs';
|
|
5
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
7
3
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
-
...__default__,
|
|
14
|
-
props: popperArrowProps,
|
|
15
|
-
setup(__props, { expose }) {
|
|
16
|
-
const props = __props;
|
|
17
|
-
const ns = useNamespace("popper");
|
|
18
|
-
const { arrowOffset, arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
|
|
19
|
-
watch(() => props.arrowOffset, (val) => {
|
|
20
|
-
arrowOffset.value = val;
|
|
21
|
-
});
|
|
22
|
-
onBeforeUnmount(() => {
|
|
23
|
-
arrowRef.value = void 0;
|
|
24
|
-
});
|
|
25
|
-
expose({
|
|
26
|
-
arrowRef
|
|
27
|
-
});
|
|
28
|
-
return (_ctx, _cache) => {
|
|
29
|
-
return openBlock(), createElementBlock("span", {
|
|
30
|
-
ref_key: "arrowRef",
|
|
31
|
-
ref: arrowRef,
|
|
32
|
-
class: normalizeClass(unref(ns).e("arrow")),
|
|
33
|
-
style: normalizeStyle(unref(arrowStyle)),
|
|
34
|
-
"data-popper-arrow": ""
|
|
35
|
-
}, null, 6);
|
|
36
|
-
};
|
|
4
|
+
const popperArrowProps = buildProps({
|
|
5
|
+
arrowOffset: {
|
|
6
|
+
type: Number,
|
|
7
|
+
default: 5
|
|
37
8
|
}
|
|
38
9
|
});
|
|
39
|
-
|
|
10
|
+
const usePopperArrowProps = popperArrowProps;
|
|
40
11
|
|
|
41
|
-
export {
|
|
12
|
+
export { popperArrowProps, usePopperArrowProps };
|
|
42
13
|
//# sourceMappingURL=arrow2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.
|
|
1
|
+
{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/popper/src/arrow.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Arrow from './arrow.vue'\n\nexport const popperArrowProps = buildProps({\n arrowOffset: {\n type: Number,\n default: 5,\n },\n} as const)\nexport type PopperArrowProps = ExtractPropTypes<typeof popperArrowProps>\n\nexport type PopperArrowInstance = InstanceType<typeof Arrow>\n\n/** @deprecated use `popperArrowProps` instead, and it will be deprecated in the next major version */\nexport const usePopperArrowProps = popperArrowProps\n\n/** @deprecated use `PopperArrowProps` instead, and it will be deprecated in the next major version */\nexport type UsePopperArrowProps = PopperArrowProps\n\n/** @deprecated use `PopperArrowInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowInstance = PopperArrowInstance\n"],"names":[],"mappings":";;;AACY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
2
|
import Radio from './src/radio2.mjs';
|
|
3
|
-
import RadioButton from './src/radio-
|
|
3
|
+
import RadioButton from './src/radio-button2.mjs';
|
|
4
4
|
import RadioGroup from './src/radio-group2.mjs';
|
|
5
5
|
export { radioEmits, radioProps, radioPropsBase } from './src/radio.mjs';
|
|
6
6
|
export { radioGroupEmits, radioGroupProps } from './src/radio-group.mjs';
|
|
7
|
-
export { radioButtonProps } from './src/radio-
|
|
7
|
+
export { radioButtonProps } from './src/radio-button.mjs';
|
|
8
8
|
export { radioGroupKey } from './src/constants.mjs';
|
|
9
9
|
import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
|
|
10
10
|
|
|
@@ -1,71 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '
|
|
3
|
-
import {
|
|
4
|
-
import { radioButtonProps } from './radio-button2.mjs';
|
|
5
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import { radioPropsBase } from './radio.mjs';
|
|
3
|
+
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
7
4
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
name:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
...__default__,
|
|
14
|
-
props: radioButtonProps,
|
|
15
|
-
setup(__props) {
|
|
16
|
-
const props = __props;
|
|
17
|
-
const ns = useNamespace("radio");
|
|
18
|
-
const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
|
|
19
|
-
const activeStyle = computed(() => {
|
|
20
|
-
return {
|
|
21
|
-
backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
|
|
22
|
-
borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
|
|
23
|
-
boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
|
|
24
|
-
color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
|
|
25
|
-
};
|
|
26
|
-
});
|
|
27
|
-
return (_ctx, _cache) => {
|
|
28
|
-
var _a;
|
|
29
|
-
return openBlock(), createElementBlock("label", {
|
|
30
|
-
class: normalizeClass([
|
|
31
|
-
unref(ns).b("button"),
|
|
32
|
-
unref(ns).is("active", unref(modelValue) === _ctx.label),
|
|
33
|
-
unref(ns).is("disabled", unref(disabled)),
|
|
34
|
-
unref(ns).is("focus", unref(focus)),
|
|
35
|
-
unref(ns).bm("button", unref(size))
|
|
36
|
-
])
|
|
37
|
-
}, [
|
|
38
|
-
withDirectives(createElementVNode("input", {
|
|
39
|
-
ref_key: "radioRef",
|
|
40
|
-
ref: radioRef,
|
|
41
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
|
|
42
|
-
class: normalizeClass(unref(ns).be("button", "original-radio")),
|
|
43
|
-
value: _ctx.label,
|
|
44
|
-
type: "radio",
|
|
45
|
-
name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
|
|
46
|
-
disabled: unref(disabled),
|
|
47
|
-
onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
|
|
48
|
-
onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
|
|
49
|
-
onClick: _cache[3] || (_cache[3] = withModifiers(() => {
|
|
50
|
-
}, ["stop"]))
|
|
51
|
-
}, null, 42, _hoisted_1), [
|
|
52
|
-
[vModelRadio, unref(modelValue)]
|
|
53
|
-
]),
|
|
54
|
-
createElementVNode("span", {
|
|
55
|
-
class: normalizeClass(unref(ns).be("button", "inner")),
|
|
56
|
-
style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : {}),
|
|
57
|
-
onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
|
|
58
|
-
}, ["stop"]))
|
|
59
|
-
}, [
|
|
60
|
-
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
61
|
-
createTextVNode(toDisplayString(_ctx.label), 1)
|
|
62
|
-
])
|
|
63
|
-
], 38)
|
|
64
|
-
], 2);
|
|
65
|
-
};
|
|
5
|
+
const radioButtonProps = buildProps({
|
|
6
|
+
...radioPropsBase,
|
|
7
|
+
name: {
|
|
8
|
+
type: String,
|
|
9
|
+
default: ""
|
|
66
10
|
}
|
|
67
11
|
});
|
|
68
|
-
var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
|
|
69
12
|
|
|
70
|
-
export {
|
|
13
|
+
export { radioButtonProps };
|
|
71
14
|
//# sourceMappingURL=radio-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.
|
|
1
|
+
{"version":3,"file":"radio-button.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\nimport type RadioButton from './radio-button.vue'\n\nexport const radioButtonProps = buildProps({\n ...radioPropsBase,\n /**\n * @description native 'name' attribute\n */\n name: {\n type: String,\n default: '',\n },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\nexport type RadioButtonInstance = InstanceType<typeof RadioButton>\n"],"names":[],"mappings":";;;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
|
|
@@ -1,14 +1,71 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createElementVNode, isRef, withModifiers, vModelRadio, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import { useRadio } from './use-radio.mjs';
|
|
4
|
+
import { radioButtonProps } from './radio-button.mjs';
|
|
5
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
6
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
4
7
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
name:
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const _hoisted_1 = ["value", "name", "disabled"];
|
|
9
|
+
const __default__ = defineComponent({
|
|
10
|
+
name: "ElRadioButton"
|
|
11
|
+
});
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
+
...__default__,
|
|
14
|
+
props: radioButtonProps,
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const ns = useNamespace("radio");
|
|
18
|
+
const { radioRef, focus, size, disabled, modelValue, radioGroup } = useRadio(props);
|
|
19
|
+
const activeStyle = computed(() => {
|
|
20
|
+
return {
|
|
21
|
+
backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
|
|
22
|
+
borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
|
|
23
|
+
boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
|
|
24
|
+
color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
|
|
25
|
+
};
|
|
26
|
+
});
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
var _a;
|
|
29
|
+
return openBlock(), createElementBlock("label", {
|
|
30
|
+
class: normalizeClass([
|
|
31
|
+
unref(ns).b("button"),
|
|
32
|
+
unref(ns).is("active", unref(modelValue) === _ctx.label),
|
|
33
|
+
unref(ns).is("disabled", unref(disabled)),
|
|
34
|
+
unref(ns).is("focus", unref(focus)),
|
|
35
|
+
unref(ns).bm("button", unref(size))
|
|
36
|
+
])
|
|
37
|
+
}, [
|
|
38
|
+
withDirectives(createElementVNode("input", {
|
|
39
|
+
ref_key: "radioRef",
|
|
40
|
+
ref: radioRef,
|
|
41
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
|
|
42
|
+
class: normalizeClass(unref(ns).be("button", "original-radio")),
|
|
43
|
+
value: _ctx.label,
|
|
44
|
+
type: "radio",
|
|
45
|
+
name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
|
|
46
|
+
disabled: unref(disabled),
|
|
47
|
+
onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
|
|
48
|
+
onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
|
|
49
|
+
onClick: _cache[3] || (_cache[3] = withModifiers(() => {
|
|
50
|
+
}, ["stop"]))
|
|
51
|
+
}, null, 42, _hoisted_1), [
|
|
52
|
+
[vModelRadio, unref(modelValue)]
|
|
53
|
+
]),
|
|
54
|
+
createElementVNode("span", {
|
|
55
|
+
class: normalizeClass(unref(ns).be("button", "inner")),
|
|
56
|
+
style: normalizeStyle(unref(modelValue) === _ctx.label ? unref(activeStyle) : {}),
|
|
57
|
+
onKeydown: _cache[4] || (_cache[4] = withModifiers(() => {
|
|
58
|
+
}, ["stop"]))
|
|
59
|
+
}, [
|
|
60
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
61
|
+
createTextVNode(toDisplayString(_ctx.label), 1)
|
|
62
|
+
])
|
|
63
|
+
], 38)
|
|
64
|
+
], 2);
|
|
65
|
+
};
|
|
10
66
|
}
|
|
11
67
|
});
|
|
68
|
+
var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
|
|
12
69
|
|
|
13
|
-
export {
|
|
70
|
+
export { RadioButton as default };
|
|
14
71
|
//# sourceMappingURL=radio-button2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.
|
|
1
|
+
{"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n <label\n :class=\"[\n ns.b('button'),\n ns.is('active', modelValue === label),\n ns.is('disabled', disabled),\n ns.is('focus', focus),\n ns.bm('button', size),\n ]\"\n >\n <input\n ref=\"radioRef\"\n v-model=\"modelValue\"\n :class=\"ns.be('button', 'original-radio')\"\n :value=\"label\"\n type=\"radio\"\n :name=\"name || radioGroup?.name\"\n :disabled=\"disabled\"\n @focus=\"focus = true\"\n @blur=\"focus = false\"\n @click.stop\n />\n <span\n :class=\"ns.be('button', 'inner')\"\n :style=\"modelValue === label ? activeStyle : {}\"\n @keydown.stop\n >\n <slot>\n {{ label }}\n </slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './use-radio'\nimport { radioButtonProps } from './radio-button'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup } =\n useRadio(props)\n\nconst activeStyle = computed<CSSProperties>(() => {\n return {\n backgroundColor: radioGroup?.fill || '',\n borderColor: radioGroup?.fill || '',\n boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n color: radioGroup?.textColor || '',\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;mCAyCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAM,MAAA,EAAE,UAAU,KAAO,EAAA,IAAA,EAAM,UAAU,UAAY,EAAA,UAAA,EAAA,GACnD,SAAS,KAAK,CAAA,CAAA;AAEhB,IAAM,MAAA,WAAA,GAAc,SAAwB,MAAM;AAChD,MAAO,OAAA;AAAA,QACL,eAAA,EAAiB,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACrC,WAAA,EAAa,eAAoB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,IAAA,KAAA,EAAA;AAAA,QACjC,SAAW,EAAA,CAAA,UAAA,IAAmB,IAAA,GAAA,KAAA,CAAA,GAAA,eAAkC,IAAA,CAAA,WAAA,EAAA,UAAA,CAAA,IAAA,CAAA,CAAA,GAAA,EAAA;AAAA,QAChE,KAAA,EAAO,eAAyB,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAA,EAAA;AAAA,OAClC,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, getCurrentInstance, computed, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, withModifiers, createElementVNode, withKeys, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, toDisplayString, createVNode } from 'vue';
|
|
1
|
+
import { defineComponent, getCurrentInstance, computed, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, withModifiers, createElementVNode, withKeys, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, toDisplayString, createVNode, renderSlot } from 'vue';
|
|
2
2
|
import { isPromise } from '@vue/shared';
|
|
3
3
|
import '../../../utils/index.mjs';
|
|
4
4
|
import { ElIcon } from '../../icon/index.mjs';
|
|
@@ -234,17 +234,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
234
234
|
createVNode(unref(Loading))
|
|
235
235
|
]),
|
|
236
236
|
_: 1
|
|
237
|
-
}, 8, ["class"])) :
|
|
238
|
-
|
|
239
|
-
(
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
237
|
+
}, 8, ["class"])) : unref(checked) ? renderSlot(_ctx.$slots, "active-action", { key: 1 }, () => [
|
|
238
|
+
_ctx.activeActionIcon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
|
|
239
|
+
default: withCtx(() => [
|
|
240
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.activeActionIcon)))
|
|
241
|
+
]),
|
|
242
|
+
_: 1
|
|
243
|
+
})) : createCommentVNode("v-if", true)
|
|
244
|
+
]) : !unref(checked) ? renderSlot(_ctx.$slots, "inactive-action", { key: 2 }, () => [
|
|
245
|
+
_ctx.inactiveActionIcon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
|
|
246
|
+
default: withCtx(() => [
|
|
247
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveActionIcon)))
|
|
248
|
+
]),
|
|
249
|
+
_: 1
|
|
250
|
+
})) : createCommentVNode("v-if", true)
|
|
251
|
+
]) : createCommentVNode("v-if", true)
|
|
248
252
|
], 2)
|
|
249
253
|
], 6),
|
|
250
254
|
!_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch2.mjs","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n <div :class=\"switchKls\" :style=\"styles\" @click.prevent=\"switchValue\">\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"ns.e('input')\"\n type=\"checkbox\"\n role=\"switch\"\n :aria-checked=\"checked\"\n :aria-disabled=\"switchDisabled\"\n :aria-label=\"label\"\n :name=\"name\"\n :true-value=\"activeValue\"\n :false-value=\"inactiveValue\"\n :disabled=\"switchDisabled\"\n :tabindex=\"tabindex\"\n @change=\"handleChange\"\n @keydown.enter=\"switchValue\"\n />\n <span\n v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n :class=\"labelLeftKls\"\n >\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n inactiveText\n }}</span>\n </span>\n <span ref=\"core\" :class=\"ns.e('core')\" :style=\"coreStyle\">\n <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n <template v-if=\"activeIcon || inactiveIcon\">\n <el-icon :class=\"ns.is('icon')\">\n <component :is=\"checked ? activeIcon : inactiveIcon\" />\n </el-icon>\n </template>\n <template v-else-if=\"activeText || inactiveText\">\n <span :class=\"ns.is('text')\" :aria-hidden=\"!checked\">\n {{ checked ? activeText : inactiveText }}\n </span>\n </template>\n </div>\n <div :class=\"ns.e('action')\">\n <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n <loading />\n </el-icon>\n <el-icon v-else-if=\"activeActionIcon && checked\">\n <component :is=\"activeActionIcon\" />\n </el-icon>\n <el-icon v-else-if=\"inactiveActionIcon && !checked\">\n <component :is=\"inactiveActionIcon\" />\n </el-icon>\n </div>\n </span>\n <span\n v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n :class=\"labelRightKls\"\n >\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n activeText\n }}</span>\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n nextTick,\n onMounted,\n ref,\n watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { addUnit, debugWarn, isBoolean, throwError } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useDeprecated, useNamespace } from '@element-plus/hooks'\nimport { switchEmits, switchProps } from './switch'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(switchProps)\nconst emit = defineEmits(switchEmits)\n\nconst vm = getCurrentInstance()!\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst useBatchDeprecated = (list: string[][]) => {\n list.forEach((param) => {\n useDeprecated(\n {\n from: param[0],\n replacement: param[1],\n scope: COMPONENT_NAME,\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/switch.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!vm.vnode.props?.[param[2]])\n )\n })\n}\nuseBatchDeprecated([\n ['\"value\"', '\"model-value\" or \"v-model\"', 'value'],\n ['\"active-color\"', 'CSS var `--el-switch-on-color`', 'activeColor'],\n ['\"inactive-color\"', 'CSS var `--el-switch-off-color`', 'inactiveColor'],\n ['\"border-color\"', 'CSS var `--el-switch-border-color`', 'borderColor'],\n])\n\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(computed(() => props.loading))\nconst isControlled = ref(props.modelValue !== false)\nconst input = ref<HTMLInputElement>()\nconst core = ref<HTMLSpanElement>()\n\nconst switchKls = computed(() => [\n ns.b(),\n ns.m(switchSize.value),\n ns.is('disabled', switchDisabled.value),\n ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'left'),\n ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'right'),\n ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.width),\n}))\n\nwatch(\n () => props.modelValue,\n () => {\n isControlled.value = true\n }\n)\n\nwatch(\n () => props.value,\n () => {\n isControlled.value = false\n }\n)\n\nconst actualValue = computed(() => {\n return isControlled.value ? props.modelValue : props.value\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n emit(CHANGE_EVENT, props.inactiveValue)\n emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n input.value!.checked = val\n\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n})\n\nconst handleChange = () => {\n const val = checked.value ? props.inactiveValue : props.activeValue\n emit(UPDATE_MODEL_EVENT, val)\n emit(CHANGE_EVENT, val)\n emit(INPUT_EVENT, val)\n nextTick(() => {\n input.value!.checked = checked.value\n })\n}\n\nconst switchValue = () => {\n if (switchDisabled.value) return\n\n const { beforeChange } = props\n if (!beforeChange) {\n handleChange()\n return\n }\n\n const shouldChange = beforeChange()\n\n const isPromiseOrBool = [\n isPromise(shouldChange),\n isBoolean(shouldChange),\n ].includes(true)\n if (!isPromiseOrBool) {\n throwError(\n COMPONENT_NAME,\n 'beforeChange must return type `Promise<boolean>` or `boolean`'\n )\n }\n\n if (isPromise(shouldChange)) {\n shouldChange\n .then((result) => {\n if (result) {\n handleChange()\n }\n })\n .catch((e) => {\n debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n })\n } else if (shouldChange) {\n handleChange()\n }\n}\n\nconst styles = computed(() => {\n return ns.cssVarBlock({\n ...(props.activeColor ? { 'on-color': props.activeColor } : null),\n ...(props.inactiveColor ? { 'off-color': props.inactiveColor } : null),\n ...(props.borderColor ? { 'border-color': props.borderColor } : null),\n })\n})\n\nconst focus = (): void => {\n input.value?.focus?.()\n}\n\nonMounted(() => {\n input.value!.checked = checked.value\n})\n\ndefineExpose({\n /**\n * @description manual focus to the switch component\n **/\n focus,\n /**\n * @description whether Switch is checked\n */\n checked,\n})\n</script>\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"switch2.mjs","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n <div :class=\"switchKls\" :style=\"styles\" @click.prevent=\"switchValue\">\n <input\n :id=\"inputId\"\n ref=\"input\"\n :class=\"ns.e('input')\"\n type=\"checkbox\"\n role=\"switch\"\n :aria-checked=\"checked\"\n :aria-disabled=\"switchDisabled\"\n :aria-label=\"label\"\n :name=\"name\"\n :true-value=\"activeValue\"\n :false-value=\"inactiveValue\"\n :disabled=\"switchDisabled\"\n :tabindex=\"tabindex\"\n @change=\"handleChange\"\n @keydown.enter=\"switchValue\"\n />\n <span\n v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n :class=\"labelLeftKls\"\n >\n <el-icon v-if=\"inactiveIcon\">\n <component :is=\"inactiveIcon\" />\n </el-icon>\n <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n inactiveText\n }}</span>\n </span>\n <span ref=\"core\" :class=\"ns.e('core')\" :style=\"coreStyle\">\n <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n <template v-if=\"activeIcon || inactiveIcon\">\n <el-icon :class=\"ns.is('icon')\">\n <component :is=\"checked ? activeIcon : inactiveIcon\" />\n </el-icon>\n </template>\n <template v-else-if=\"activeText || inactiveText\">\n <span :class=\"ns.is('text')\" :aria-hidden=\"!checked\">\n {{ checked ? activeText : inactiveText }}\n </span>\n </template>\n </div>\n <div :class=\"ns.e('action')\">\n <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n <loading />\n </el-icon>\n <slot v-else-if=\"checked\" name=\"active-action\">\n <el-icon v-if=\"activeActionIcon\">\n <component :is=\"activeActionIcon\" />\n </el-icon>\n </slot>\n <slot v-else-if=\"!checked\" name=\"inactive-action\">\n <el-icon v-if=\"inactiveActionIcon\">\n <component :is=\"inactiveActionIcon\" />\n </el-icon>\n </slot>\n </div>\n </span>\n <span\n v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n :class=\"labelRightKls\"\n >\n <el-icon v-if=\"activeIcon\">\n <component :is=\"activeIcon\" />\n </el-icon>\n <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n activeText\n }}</span>\n </span>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n nextTick,\n onMounted,\n ref,\n watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { addUnit, debugWarn, isBoolean, throwError } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n CHANGE_EVENT,\n INPUT_EVENT,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useDeprecated, useNamespace } from '@element-plus/hooks'\nimport { switchEmits, switchProps } from './switch'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(switchProps)\nconst emit = defineEmits(switchEmits)\n\nconst vm = getCurrentInstance()!\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst useBatchDeprecated = (list: string[][]) => {\n list.forEach((param) => {\n useDeprecated(\n {\n from: param[0],\n replacement: param[1],\n scope: COMPONENT_NAME,\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/switch.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!vm.vnode.props?.[param[2]])\n )\n })\n}\nuseBatchDeprecated([\n ['\"value\"', '\"model-value\" or \"v-model\"', 'value'],\n ['\"active-color\"', 'CSS var `--el-switch-on-color`', 'activeColor'],\n ['\"inactive-color\"', 'CSS var `--el-switch-off-color`', 'inactiveColor'],\n ['\"border-color\"', 'CSS var `--el-switch-border-color`', 'borderColor'],\n])\n\nconst { inputId } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(computed(() => props.loading))\nconst isControlled = ref(props.modelValue !== false)\nconst input = ref<HTMLInputElement>()\nconst core = ref<HTMLSpanElement>()\n\nconst switchKls = computed(() => [\n ns.b(),\n ns.m(switchSize.value),\n ns.is('disabled', switchDisabled.value),\n ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'left'),\n ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n ns.e('label'),\n ns.em('label', 'right'),\n ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n width: addUnit(props.width),\n}))\n\nwatch(\n () => props.modelValue,\n () => {\n isControlled.value = true\n }\n)\n\nwatch(\n () => props.value,\n () => {\n isControlled.value = false\n }\n)\n\nconst actualValue = computed(() => {\n return isControlled.value ? props.modelValue : props.value\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n emit(CHANGE_EVENT, props.inactiveValue)\n emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n input.value!.checked = val\n\n if (props.validateEvent) {\n formItem?.validate?.('change').catch((err) => debugWarn(err))\n }\n})\n\nconst handleChange = () => {\n const val = checked.value ? props.inactiveValue : props.activeValue\n emit(UPDATE_MODEL_EVENT, val)\n emit(CHANGE_EVENT, val)\n emit(INPUT_EVENT, val)\n nextTick(() => {\n input.value!.checked = checked.value\n })\n}\n\nconst switchValue = () => {\n if (switchDisabled.value) return\n\n const { beforeChange } = props\n if (!beforeChange) {\n handleChange()\n return\n }\n\n const shouldChange = beforeChange()\n\n const isPromiseOrBool = [\n isPromise(shouldChange),\n isBoolean(shouldChange),\n ].includes(true)\n if (!isPromiseOrBool) {\n throwError(\n COMPONENT_NAME,\n 'beforeChange must return type `Promise<boolean>` or `boolean`'\n )\n }\n\n if (isPromise(shouldChange)) {\n shouldChange\n .then((result) => {\n if (result) {\n handleChange()\n }\n })\n .catch((e) => {\n debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n })\n } else if (shouldChange) {\n handleChange()\n }\n}\n\nconst styles = computed(() => {\n return ns.cssVarBlock({\n ...(props.activeColor ? { 'on-color': props.activeColor } : null),\n ...(props.inactiveColor ? { 'off-color': props.inactiveColor } : null),\n ...(props.borderColor ? { 'border-color': props.borderColor } : null),\n })\n})\n\nconst focus = (): void => {\n input.value?.focus?.()\n}\n\nonMounted(() => {\n input.value!.checked = checked.value\n})\n\ndefineExpose({\n /**\n * @description manual focus to the switch component\n **/\n focus,\n /**\n * @description whether Switch is checked\n */\n checked,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;mCAsGc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAA,MAAM,KAAK,kBAAmB,EAAA,CAAA;AAC9B,IAAM,MAAA,EAAE,aAAa,WAAY,EAAA,CAAA;AACjC,IAAA,MAAM,aAAa,WAAY,EAAA,CAAA;AAC/B,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,kBAAA,GAAqB,CAAC,IAAqB,KAAA;AAC/C,MAAK,IAAA,CAAA,OAAA,CAAQ,CAAC,KAAU,KAAA;AACtB,QACE,aAAA,CAAA;AAAA,UACE,MAAM,KAAM,CAAA,CAAA,CAAA;AAAA,UACZ,aAAa,KAAM,CAAA,CAAA,CAAA;AAAA,UACnB,KAAO,EAAA,cAAA;AAAA,UACP,OAAS,EAAA,OAAA;AAAA,UACT,GAAK,EAAA,iEAAA;AAAA,UACL,IAAM,EAAA,WAAA;AAAA,SACR,EACA,QAAS,CAAA,MAAM;AACjB,UACD,IAAA,EAAA,CAAA;AAAA,UACH,OAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,KAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,SAAmB,CAAA,CAAA,CAAA;AAAA,OAChB,CAAW,CAAA;AAAqC,KACjD,CAAA;AAAkE,IAClE,kBAAqB,CAAA;AAAkD,MACvE,CAAC,SAAkB,EAAA,4BAAA,EAAA,OAAA,CAAA;AAAmD,MACvE,CAAA,gBAAA,EAAA,gCAAA,EAAA,aAAA,CAAA;AAED,MAAM,CAAA,kBAAc,EAAA,iCAA0B,EAAA,eAAA,CAAA;AAAA,MAC5C,CAAiB,gBAAA,EAAA,oCAAA,EAAA,aAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAA,MAAM,gCAAiC,CAAA,KAAA,EAAA;AACvC,MAAA,eAAqB,EAAA,QAAU;AAC/B,KAAA,CAAA,CAAA;AACA,IAAA,MAAM,cAA4B,GAAA,eAAA,CAAA,QAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAElC,IAAM,MAAA,YAAY,YAAe,CAAA,UAAA,KAAA,KAAA,CAAA,CAAA;AAAA,IAAA,MAC1B,KAAA,GAAA,GAAA,EAAA,CAAA;AAAA,IACL,MAAK,IAAA,GAAA,GAAA,EAAW,CAAK;AAAA,IAAA,MAClB,SAAe,GAAA,QAAA,CAAA,MAAA;AAAoB,MACtC,EAAG,CAAA,CAAA,EAAG;AAAwB,MAC/B,EAAA,CAAA,CAAA,CAAA,UAAA,CAAA,KAAA,CAAA;AAED,MAAM,EAAA,CAAA,EAAA,CAAA,UAAA,EAAA,cAA8B,CAAA,KAAA,CAAA;AAAA,MAClC,EAAA,CAAG,EAAE,CAAO,SAAA,EAAA,OAAA,CAAA,KAAA,CAAA;AAAA,KACZ,CAAA,CAAA;AAAqB,IAAA,MAClB,YAAa,WAAc,CAAA,MAAA;AAAA,MAC/B,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA;AAED,MAAM,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA;AAA+B,MACnC,EAAA,CAAG,EAAE,CAAO,QAAA,EAAA,CAAA,OAAA,CAAA,KAAA,CAAA;AAAA,KACZ,CAAA,CAAA;AAAsB,IAAA,MACnB,aAAa,GAAA,QAAa,CAAA,MAAA;AAAA,MAC9B,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA;AAED,MAAM,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA;AAA2C,MAC/C,EAAA,CAAA,EAAA,CAAA,QAAe,EAAA,OAAW,CAAA,KAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAEF,IACE,MAAA,SAAY,GAAA,QAAA,CAAA,OACN;AACJ,MAAA,KAAA,EAAA,OAAqB,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,KAEzB,CAAA,CAAA,CAAA;AAEA,IACE,KAAA,CAAA,MAAM,KAAM,CAAA,UACN,EAAA,MAAA;AACJ,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,KAEzB,CAAA,CAAA;AAEA,IAAM,KAAA,CAAA,MAAA,KAAA,CAAA,aAA6B;AACjC,MAAA,YAAoB,CAAA,KAAA,GAAA,KAAA,CAAA;AAAiC,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,WAAmB,GAAA,QAAA,CAAA,MAAkB;AAE3C,MAAI,OAAE,YAAmB,CAAA,KAAA,GAAA,gBAAqB,GAAA,KAAA,CAAS,KAAY,CAAA;AACjE,KAAK,CAAA,CAAA;AACL,IAAK,MAAA,OAAA,GAAA,eAAiC,WAAA,CAAA,KAAA,KAAA,KAAA,CAAA,WAAA,CAAA,CAAA;AACtC,IAAK,IAAA,CAAA,CAAA,KAAA,CAAA,kBAAgC,CAAA,aAAA,CAAA,CAAA,QAAA,CAAA,WAAA,CAAA,KAAA,CAAA,EAAA;AAAA,MACvC,IAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,aAAA,CAAA,CAAA;AAEA,MAAM,IAAA,CAAA,YAAkB,EAAA,KAAA,CAAA,aAAA,CAAA,CAAA;AACtB,MAAA,IAAA,CAAA,WAAuB,EAAA,KAAA,CAAA,aAAA,CAAA,CAAA;AAEvB,KAAA;AACE,IAAU,KAAA,CAAA,OAAA,EAAA,CAAA,GAAA,KAAA;AAAkD,MAC9D,IAAA,EAAA,CAAA;AAAA,MACD,KAAA,CAAA,KAAA,CAAA,OAAA,GAAA,GAAA,CAAA;AAED,MAAA,IAAM,mBAAqB,EAAA;AACzB,QAAA,CAAA,EAAA,GAAY,QAAA,IAAQ,IAAQ,GAAA,KAAA,CAAA,oBAA4B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,KAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AACxD,OAAA;AACA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAqB,MAAA;AACrB,MAAA,MAAA,GAAS,GAAM,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA,aAAA,GAAA,KAAA,CAAA,WAAA,CAAA;AACb,MAAM,IAAA,CAAA,oBAAyB,GAAA,CAAA,CAAA;AAAA,MACjC,IAAC,CAAA,YAAA,EAAA,GAAA,CAAA,CAAA;AAAA,MACH,IAAA,CAAA,WAAA,EAAA,GAAA,CAAA,CAAA;AAEA,MAAA;AACE,QAAA,KAAmB,CAAA,KAAA,CAAA,OAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAO,OAAA,CAAA,CAAA;AAE1B,KAAA,CAAA;AACA,IAAA,MAAI,WAAe,GAAA,MAAA;AACjB,MAAa,IAAA,cAAA,CAAA,KAAA;AACb,QAAA,OAAA;AAAA,MACF,MAAA,EAAA,YAAA,EAAA,GAAA,KAAA,CAAA;AAEA,MAAA,IAAA,CAAA;AAEA,QAAA,YAAwB,EAAA,CAAA;AAAA,QACtB;AAAsB,OAAA;AACA,MACxB,kBAAe,GAAA,YAAA,EAAA,CAAA;AACf,MAAA,MAAsB,eAAA,GAAA;AACpB,QAAA,SAAA,CAAA;AAGA,QACF,SAAA,CAAA,YAAA,CAAA;AAEA,OAAI,CAAA,QAAA,CAAA;AACF,MACG,IAAA,CAAA,eAAK,EAAY;AAChB,QAAA,UAAY,CAAA,cAAA,EAAA,+DAAA,CAAA,CAAA;AACV,OAAa;AAAA,MACf,IAAA,SAAA,CAAA,YAAA,CAAA,EAAA;AAAA,QACF,YACc,CAAA,IAAA,CAAA,CAAA,MAAA,KAAA;AACZ,UAAU,IAAA,MAAA,EAAA;AAA2C,YACtD,YAAA,EAAA,CAAA;AAAA;AAEH,SAAa,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA;AAAA,UACf,SAAA,CAAA,cAAA,EAAA,CAAA,qBAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAEA,OAAM,MAAA,IAAA,YAAwB,EAAA;AAC5B,QAAA,YAAsB,EAAA,CAAA;AAAA,OAAA;AACwC,KAAA,CAAA;AACK,IAAA,YACvD,GAAA,QAAA,CAAA,MAAgC;AAAsB,MAClE,OAAC,EAAA,CAAA,WAAA,CAAA;AAAA,QACF,GAAA,KAAA,CAAA,WAAA,GAAA,EAAA,UAAA,EAAA,KAAA,CAAA,WAAA,EAAA,GAAA,IAAA;AAED,QAAA,sBAA0B,GAAA,EAAA,WAAA,EAAA,KAAA,CAAA,aAAA,EAAA,GAAA,IAAA;AACxB,QAAA,GAAA,iBAAqB,GAAA,EAAA,cAAA,EAAA,KAAA,CAAA,WAAA,EAAA,GAAA,IAAA;AAAA,OACvB,CAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AACE,IAAM,MAAA,KAAA,GAAO;AAAkB,MAChC,IAAA,EAAA,EAAA,EAAA,CAAA;AAED,MAAa,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAIX,CAAA;AAAA,IAIA,SAAA,CAAA,MAAA;AAAA,MACD,KAAA,CAAA,KAAA,CAAA,OAAA,GAAA,OAAA,CAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,7 +6,7 @@ import { useTooltipTriggerProps } from './trigger.mjs';
|
|
|
6
6
|
import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
|
|
7
7
|
import { buildProps } from '../../../utils/vue/props/runtime.mjs';
|
|
8
8
|
import { popperProps } from '../../popper/src/popper.mjs';
|
|
9
|
-
import { popperArrowProps } from '../../popper/src/
|
|
9
|
+
import { popperArrowProps } from '../../popper/src/arrow2.mjs';
|
|
10
10
|
|
|
11
11
|
const {
|
|
12
12
|
useModelToggleProps: useTooltipModelToggleProps,
|
|
@@ -11,7 +11,7 @@ import { usePopperContainer } from '../../../hooks/use-popper-container/index.mj
|
|
|
11
11
|
import { useId } from '../../../hooks/use-id/index.mjs';
|
|
12
12
|
import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
|
|
13
13
|
import { isBoolean } from '../../../utils/types.mjs';
|
|
14
|
-
import ElPopperArrow from '../../popper/src/
|
|
14
|
+
import ElPopperArrow from '../../popper/src/arrow.mjs';
|
|
15
15
|
|
|
16
16
|
const _hoisted_1 = ["innerHTML"];
|
|
17
17
|
const _hoisted_2 = { key: 1 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Watermark from './src/
|
|
3
|
-
export { watermarkProps } from './src/
|
|
2
|
+
import Watermark from './src/watermark2.mjs';
|
|
3
|
+
export { watermarkProps } from './src/watermark.mjs';
|
|
4
4
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
5
5
|
|
|
6
6
|
const ElWatermark = withInstall(Watermark);
|